@primereact/mcp 11.0.0-rc.2

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

@@ -0,0 +1,3836 @@
+[
+  {
+    "name": "MenuArrow",
+    "source": "apps/showcase/assets/apidoc/menuarrow.json",
+    "data": {
+      "description": "MenuArrow is a component that displays an arrow pointing to the anchor element.",
+      "interfaces": {
+        "MenuArrowPassThrough": {
+          "description": "Defines passthrough(pt) options of MenuArrow component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "MenuArrowPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "MenuArrowProps": {
+          "description": "Defines valid properties in MenuArrow component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<MenuArrowInstance, unknown, MenuArrowPassThrough>",
+          "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?: MenuArrowInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: MenuArrowInstance) => 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": "MenuArrowInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<MenuArrowPassThrough>",
+              "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: MenuArrowInstance) => 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": []
+        },
+        "MenuArrowState": {
+          "description": "Defines valid state in MenuArrow component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "MenuArrowExposes": {
+          "description": "Defines the methods and properties exposed by MenuArrow component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "menu",
+              "type": "MenuRootInstance",
+              "default": "",
+              "description": "The Menu component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "MenuArrowPassThroughType": {
+          "description": "Defines passthrough(pt) options type in MenuArrow component.",
+          "values": "PassThroughType<MenuArrowInstance, E>"
+        },
+        "MenuArrowInstance": {
+          "description": "Instance of MenuArrow component.",
+          "values": "ComponentInstance<MenuArrowProps, MenuArrowState, MenuArrowExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "MenuCheckboxItem",
+    "source": "apps/showcase/assets/apidoc/menucheckboxitem.json",
+    "data": {
+      "description": "MenuCheckboxItem is a checkable menu item managed by useCheckbox.",
+      "interfaces": {
+        "MenuCheckboxItemPassThrough": {
+          "description": "Defines passthrough(pt) options of MenuCheckboxItem component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "MenuCheckboxItemPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "MenuCheckboxItemCheckedChangeEvent": {
+          "description": "Event fired when the checkbox item's checked state changes.",
+          "relatedProp": "",
+          "extendedTypes": "UseCheckboxChangeEvent<React.SyntheticEvent>",
+          "props": [
+            {
+              "name": "originalEvent",
+              "type": "SyntheticEvent",
+              "default": "",
+              "description": "The original event that triggered the change."
+            },
+            {
+              "name": "checked",
+              "type": "boolean",
+              "default": "",
+              "description": "The checked state of the checkbox."
+            }
+          ],
+          "methods": []
+        },
+        "MenuCheckboxItemProps": {
+          "description": "Defines valid properties in MenuCheckboxItem component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<MenuCheckboxItemInstance, Omit<UseCheckboxProps, \"onCheckedChange\">, MenuCheckboxItemPassThrough>",
+          "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?: MenuCheckboxItemInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: MenuCheckboxItemInstance) => 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": "MenuCheckboxItemInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<MenuCheckboxItemPassThrough>",
+              "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: MenuCheckboxItemInstance) => 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": "checked",
+              "type": "boolean",
+              "default": "",
+              "description": "When present, it specifies the input's checked state."
+            },
+            {
+              "name": "defaultChecked",
+              "type": "boolean",
+              "default": "",
+              "description": "The default value for the input when not controlled by  `checked`  and  `onCheckedChange` ."
+            },
+            {
+              "name": "inputId",
+              "type": "string",
+              "default": "",
+              "description": "Identifier of the underlying input element."
+            },
+            {
+              "name": "indeterminate",
+              "type": "boolean",
+              "default": "false",
+              "description": "When present, it specifies input state as indeterminate."
+            },
+            {
+              "name": "trueValue",
+              "type": "string | number | boolean",
+              "default": "true",
+              "description": "Value in checked state."
+            },
+            {
+              "name": "falseValue",
+              "type": "string | number | boolean",
+              "default": "false",
+              "description": "Value in unchecked state."
+            },
+            {
+              "name": "name",
+              "type": "string",
+              "default": "",
+              "description": "The name attribute of the input, resolved from group context if available."
+            },
+            {
+              "name": "readOnly",
+              "type": "boolean",
+              "default": "false",
+              "description": "When present, it specifies that an input field is read-only."
+            },
+            {
+              "name": "required",
+              "type": "boolean",
+              "default": "false",
+              "description": "When present, it specifies that the element is required."
+            },
+            {
+              "name": "tabIndex",
+              "type": "number",
+              "default": "",
+              "description": "Tab index for keyboard navigation."
+            },
+            {
+              "name": "invalid",
+              "type": "boolean",
+              "default": "false",
+              "description": "When present, it specifies that the component should have invalid state style."
+            },
+            {
+              "name": "ariaLabelledby",
+              "type": "string",
+              "default": "",
+              "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
+            },
+            {
+              "name": "ariaLabel",
+              "type": "string",
+              "default": "",
+              "description": "Establishes a string value that labels the component."
+            },
+            {
+              "name": "onFocus",
+              "type": "(event: FocusEvent<HTMLInputElement>) => void",
+              "default": "",
+              "description": "Callback function that is called when the checkbox is focused."
+            },
+            {
+              "name": "onBlur",
+              "type": "(event: FocusEvent<HTMLInputElement>) => void",
+              "default": "",
+              "description": "Callback function that is called when the checkbox loses focus."
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "",
+              "description": "When present, it specifies that the item should be disabled."
+            },
+            {
+              "name": "value",
+              "type": "unknown",
+              "default": "",
+              "description": "Semantic value that uniquely identifies this item within the menu and is forwarded to useCheckbox.\nUsed to generate a deterministic DOM id. When not provided, auto-generated."
+            },
+            {
+              "name": "closeOnSelect",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the menu should close when this checkbox item is toggled.\nDefaults to  `false`  for checkbox items so toggling the value keeps the\nmenu open; set explicitly to  `true`  to close on each toggle."
+            },
+            {
+              "name": "onSelect",
+              "type": "(event: MenuItemSelectEvent) => void",
+              "default": "",
+              "description": "Callback fired when the item is activated. Calling\n `event.preventDefault()`  keeps the menu open regardless of\n `closeOnSelect` ."
+            },
+            {
+              "name": "onCheckedChange",
+              "type": "(event: MenuCheckboxItemCheckedChangeEvent) => void",
+              "default": "",
+              "description": "Callback fired when the checkbox item's checked state changes."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "MenuCheckboxItemState": {
+          "description": "Defines valid state in MenuCheckboxItem component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "MenuCheckboxItemExposes": {
+          "description": "Defines the methods and properties exposed by MenuCheckboxItem component.",
+          "relatedProp": "",
+          "extendedTypes": "UseCheckboxExposes",
+          "props": [
+            {
+              "name": "state",
+              "type": "UseCheckboxState",
+              "default": "",
+              "description": "The state of the useCheckbox."
+            },
+            {
+              "name": "onChange",
+              "type": "(event: ChangeEvent<HTMLInputElement>) => void",
+              "default": "",
+              "description": "Callback fired when the useCheckbox's checked state changes."
+            },
+            {
+              "name": "rootProps",
+              "type": "UseCheckboxRootProps",
+              "default": "",
+              "description": "Pre-built data attribute props for the root element.\nIncludes data-checked/unchecked, data-disabled, data-invalid, data-indeterminate."
+            },
+            {
+              "name": "inputProps",
+              "type": "UseCheckboxInputProps",
+              "default": "",
+              "description": "Pre-built props for the native input element.\nIncludes type, value, checked, ARIA attributes, and event handlers."
+            },
+            {
+              "name": "boxProps",
+              "type": "UseCheckboxBoxProps",
+              "default": "",
+              "description": "Pre-built data attribute props for the box element.\nIncludes data-checked/unchecked, data-disabled, data-invalid, data-indeterminate."
+            },
+            {
+              "name": "indicatorProps",
+              "type": "UseCheckboxIndicatorProps",
+              "default": "",
+              "description": "Pre-built data attribute props for the indicator element.\nIncludes data-checked/unchecked, data-indeterminate (from state), data-disabled, data-invalid."
+            },
+            {
+              "name": "menu",
+              "type": "MenuRootInstance",
+              "default": "",
+              "description": "Instance of the Menu component."
+            },
+            {
+              "name": "submenu",
+              "type": "MenuSubmenuInstance",
+              "default": "",
+              "description": "Instance of the MenuSubmenu component."
+            },
+            {
+              "name": "portal",
+              "type": "MenuPortalInstance",
+              "default": "",
+              "description": "Instance of the MenuPortal component."
+            },
+            {
+              "name": "itemId",
+              "type": "string",
+              "default": "",
+              "description": "ID of the item element."
+            },
+            {
+              "name": "focused",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the item is focused or not."
+            },
+            {
+              "name": "isDisabled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the item is disabled or not."
+            },
+            {
+              "name": "checked",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the item is checked or not."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "MenuCheckboxItemPassThroughType": {
+          "description": "Defines passthrough(pt) options type in MenuCheckboxItem component.",
+          "values": "PassThroughType<MenuCheckboxItemInstance, E>"
+        },
+        "MenuCheckboxItemInstance": {
+          "description": "Instance of MenuCheckboxItem component.",
+          "values": "ComponentInstance<MenuCheckboxItemProps, MenuCheckboxItemState, MenuCheckboxItemExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "MenuIndicator",
+    "source": "apps/showcase/assets/apidoc/menuindicator.json",
+    "data": {
+      "description": "MenuIndicator is a component that conditionally renders content based on the state of the parent menu element (submenu, checkbox, or radio item).",
+      "interfaces": {
+        "MenuIndicatorPassThrough": {
+          "description": "Defines passthrough(pt) options of MenuIndicator component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "MenuIndicatorPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "MenuIndicatorProps": {
+          "description": "Defines valid properties in MenuIndicator component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<MenuIndicatorInstance, unknown, MenuIndicatorPassThrough>",
+          "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?: MenuIndicatorInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: MenuIndicatorInstance) => 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": "MenuIndicatorInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<MenuIndicatorPassThrough>",
+              "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: MenuIndicatorInstance) => ReactNode",
+              "default": "",
+              "description": "The render function to render the component with instance access."
+            },
+            {
+              "name": "children",
+              "type": "any",
+              "default": "",
+              "description": "The children to render.\n\nAccepts  `React.ReactNode`  for static content or a render function  `(instance: I) => React.ReactNode`  for instance access.\nTyped as  `any`  to avoid JSX type errors when used directly in templates."
+            },
+            {
+              "name": "match",
+              "type": "\"checked\" | \"unchecked\" | \"open\" | \"closed\"",
+              "default": "",
+              "description": "Determines the visibility of the indicator based on the state of the parent menu element. Valid values are:\n- \"open\": Indicator is visible when the submenu is expanded.\n- \"closed\": Indicator is visible when the submenu is collapsed.\n- \"checked\": Indicator is visible when the checkbox/radio item is checked.\n- \"unchecked\": Indicator is visible when the checkbox/radio item is unchecked."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "MenuIndicatorState": {
+          "description": "Defines valid state in MenuIndicator component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "MenuIndicatorExposes": {
+          "description": "Defines the methods and properties exposed by MenuIndicator component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "menu",
+              "type": "MenuRootInstance",
+              "default": "",
+              "description": "The Menu component instance."
+            },
+            {
+              "name": "submenu",
+              "type": "MenuSubInstance",
+              "default": "",
+              "description": "The MenuSub component instance, if inside a submenu."
+            },
+            {
+              "name": "checkboxItem",
+              "type": "MenuCheckboxItemInstance",
+              "default": "",
+              "description": "The MenuCheckboxItem component instance, if inside a checkbox menu item."
+            },
+            {
+              "name": "radioItem",
+              "type": "MenuRadioItemInstance",
+              "default": "",
+              "description": "The MenuRadioItem component instance, if inside a radio menu item."
+            },
+            {
+              "name": "active",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the indicator is in active state (open for submenu, checked for checkbox/radio)."
+            },
+            {
+              "name": "indicatorType",
+              "type": "\"checkbox\" | \"radio\" | \"submenu\"",
+              "default": "",
+              "description": "The type of the parent context."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "MenuIndicatorPassThroughType": {
+          "description": "Defines passthrough(pt) options type in MenuIndicator component.",
+          "values": "PassThroughType<MenuIndicatorInstance, E>"
+        },
+        "MenuIndicatorInstance": {
+          "description": "Instance of MenuIndicator component.",
+          "values": "ComponentInstance<MenuIndicatorProps, MenuIndicatorState, MenuIndicatorExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "MenuItem",
+    "source": "apps/showcase/assets/apidoc/menuitem.json",
+    "data": {
+      "description": "MenuItem is a pure menu item.\nFor checkable items use MenuCheckboxItem or MenuRadioItem.",
+      "interfaces": {
+        "MenuItemPassThrough": {
+          "description": "Defines passthrough(pt) options of MenuItem component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "MenuItemPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "MenuItemProps": {
+          "description": "Defines valid properties in MenuItem component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<MenuItemInstance, unknown, MenuItemPassThrough>",
+          "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?: MenuItemInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: MenuItemInstance) => 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": "MenuItemInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<MenuItemPassThrough>",
+              "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: MenuItemInstance) => 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": "disabled",
+              "type": "boolean",
+              "default": "",
+              "description": "When present, it specifies that the item should be disabled."
+            },
+            {
+              "name": "value",
+              "type": "string",
+              "default": "",
+              "description": "Semantic value that uniquely identifies this item within the menu.\nUsed to generate a deterministic DOM id. When not provided, auto-generated."
+            },
+            {
+              "name": "closeOnSelect",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether the menu should close when this item is activated. Overrides the\n `closeOnSelect`  setting on  `Menu.Root`  for this item only."
+            },
+            {
+              "name": "onSelect",
+              "type": "(event: MenuItemSelectEvent) => void",
+              "default": "",
+              "description": "Callback fired when the item is activated (click or keyboard). Calling\n `event.preventDefault()`  keeps the menu open regardless of\n `closeOnSelect` ."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "MenuItemState": {
+          "description": "Defines valid state in MenuItem component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "MenuItemExposes": {
+          "description": "Defines the methods and properties exposed by MenuItem component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "menu",
+              "type": "MenuRootInstance",
+              "default": "",
+              "description": "Instance of the Menu component."
+            },
+            {
+              "name": "submenu",
+              "type": "MenuSubmenuInstance",
+              "default": "",
+              "description": "Instance of the MenuSubmenu component."
+            },
+            {
+              "name": "portal",
+              "type": "MenuPortalInstance",
+              "default": "",
+              "description": "Instance of the MenuPortal component."
+            },
+            {
+              "name": "itemId",
+              "type": "string",
+              "default": "",
+              "description": "ID of the item element."
+            },
+            {
+              "name": "focused",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the item is focused or not."
+            },
+            {
+              "name": "isDisabled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the item is disabled or not."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "MenuItemPassThroughType": {
+          "description": "Defines passthrough(pt) options type in MenuItem component.",
+          "values": "PassThroughType<MenuItemInstance, E>"
+        },
+        "MenuItemInstance": {
+          "description": "Instance of MenuItem component.",
+          "values": "ComponentInstance<MenuItemProps, MenuItemState, MenuItemExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "MenuLabel",
+    "source": "apps/showcase/assets/apidoc/menulabel.json",
+    "data": {
+      "description": "MenuLabel is a component that displays label.",
+      "interfaces": {
+        "MenuLabelPassThrough": {
+          "description": "Defines passthrough(pt) options of MenuLabel component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "MenuLabelPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "MenuLabelProps": {
+          "description": "Defines valid properties in MenuLabel component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<MenuLabelInstance, unknown, MenuLabelPassThrough>",
+          "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?: MenuLabelInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: MenuLabelInstance) => 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": "MenuLabelInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<MenuLabelPassThrough>",
+              "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: MenuLabelInstance) => 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": []
+        },
+        "MenuLabelState": {
+          "description": "Defines valid state in MenuLabel component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "MenuLabelExposes": {
+          "description": "Defines the methods and properties exposed by MenuLabel component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "menu",
+              "type": "MenuRootInstance",
+              "default": "",
+              "description": "Instance of the Menu component."
+            },
+            {
+              "name": "group",
+              "type": "MenuGroupContextInterface",
+              "default": "",
+              "description": "Parent MenuGroup context, when this label is rendered inside a Menu.Group."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "MenuLabelPassThroughType": {
+          "description": "Defines passthrough(pt) options type in MenuLabel component.",
+          "values": "PassThroughType<MenuLabelInstance, E>"
+        },
+        "MenuLabelInstance": {
+          "description": "Instance of MenuLabel component.",
+          "values": "ComponentInstance<MenuLabelProps, MenuLabelState, MenuLabelExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "MenuList",
+    "source": "apps/showcase/assets/apidoc/menulist.json",
+    "data": {
+      "description": "MenuList is a component that displays a list.",
+      "interfaces": {
+        "MenuListPassThrough": {
+          "description": "Defines passthrough(pt) options of MenuList component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "MenuListPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            },
+            {
+              "name": "content",
+              "type": "MenuListPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the content's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "MenuListProps": {
+          "description": "Defines valid properties in MenuList component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<MenuListInstance, unknown, MenuListPassThrough>",
+          "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?: MenuListInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: MenuListInstance) => 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": "MenuListInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<MenuListPassThrough>",
+              "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: MenuListInstance) => 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": []
+        },
+        "MenuListState": {
+          "description": "Defines valid state in MenuList component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "MenuListExposes": {
+          "description": "Defines the methods and properties exposed by MenuList component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "menu",
+              "type": "MenuRootInstance",
+              "default": "",
+              "description": "Instance of the Menu component."
+            },
+            {
+              "name": "submenu",
+              "type": "MenuSubmenuInstance",
+              "default": "",
+              "description": "Instance of the MenuSubmenu component."
+            },
+            {
+              "name": "listId",
+              "type": "string",
+              "default": "",
+              "description": "ID of the list element."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "MenuListPassThroughType": {
+          "description": "Defines passthrough(pt) options type in MenuList component.",
+          "values": "PassThroughType<MenuListInstance, E>"
+        },
+        "MenuListInstance": {
+          "description": "Instance of MenuList component.",
+          "values": "ComponentInstance<MenuListProps, MenuListState, MenuListExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "MenuPopup",
+    "source": "apps/showcase/assets/apidoc/menupopup.json",
+    "data": {
+      "description": "MenuPopup is a component that displays the popup content of a menu.",
+      "interfaces": {
+        "MenuPopupPassThrough": {
+          "description": "Defines passthrough(pt) options of MenuPopup component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "MenuPopupPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "MenuPopupProps": {
+          "description": "Defines valid properties in MenuPopup component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<MenuPopupInstance, unknown, MenuPopupPassThrough>",
+          "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?: MenuPopupInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: MenuPopupInstance) => 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": "MenuPopupInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<MenuPopupPassThrough>",
+              "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: MenuPopupInstance) => ReactNode",
+              "default": "",
+              "description": "The render function to render the component with instance access."
+            },
+            {
+              "name": "children",
+              "type": "any",
+              "default": "",
+              "description": "The children to render.\n\nAccepts  `React.ReactNode`  for static content or a render function  `(instance: I) => React.ReactNode`  for instance access.\nTyped as  `any`  to avoid JSX type errors when used directly in templates."
+            },
+            {
+              "name": "motionProps",
+              "type": "UseMotionProps",
+              "default": "",
+              "description": "Used to apply motion to the popup element. It accepts the same properties as useMotion hook."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "MenuPopupState": {
+          "description": "Defines valid state in MenuPopup component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "MenuPopupExposes": {
+          "description": "Defines the methods and properties exposed by MenuPopup component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "menu",
+              "type": "MenuRootInstance",
+              "default": "",
+              "description": "The Menu component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "MenuPopupPassThroughType": {
+          "description": "Defines passthrough(pt) options type in MenuPopup component.",
+          "values": "PassThroughType<MenuPopupInstance, E>"
+        },
+        "MenuPopupInstance": {
+          "description": "Instance of MenuPopup component.",
+          "values": "ComponentInstance<MenuPopupProps, MenuPopupState, MenuPopupExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "MenuPortal",
+    "source": "apps/showcase/assets/apidoc/menuportal.json",
+    "data": {
+      "description": "MenuPortal is a component that displays a portal.",
+      "interfaces": {
+        "MenuPortalPassThrough": {
+          "description": "Defines passthrough(pt) options of MenuPortal component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "MenuPortalPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "MenuPortalProps": {
+          "description": "Defines valid properties in MenuPortal component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<MenuPortalInstance, PortalProps, MenuPortalPassThrough>",
+          "props": [
+            {
+              "name": "ref",
+              "type": "Ref<unknown>",
+              "default": "",
+              "description": "The reference to the component instance."
+            },
+            {
+              "name": "pIf",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether the component should be rendered."
+            },
+            {
+              "name": "style",
+              "type": "(CSSProperties | ((instance?: PortalInstance) => CSSProperties)) & (CSSProperties | ((instance?: MenuPortalInstance) => CSSProperties))",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "(string | ((instance?: PortalInstance) => string)) & (string | ((instance?: MenuPortalInstance) => string))",
+              "default": "",
+              "description": "The class name to apply to the component."
+            },
+            {
+              "name": "as",
+              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "default": "",
+              "description": "The component type to render."
+            },
+            {
+              "name": "asChild",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the component should be rendered as a child component."
+            },
+            {
+              "name": "instance",
+              "type": "BaseInstance<SafeRecord<PortalProps>, unknown, HTMLElement> & { props: SafeRecord<SafeRecord<PortalProps>>; attrs: Omit<SafeRecord<SafeRecord<PortalProps>>, string | number | symbol> & Record<PropertyKey, unknown> } & { state: SafeRecord; $computedSetup: SafeRecord } & PortalExposes & Record<PropertyKey, unknown> & useComponentPTReturnType & useComponentStyleReturnType & BaseInstance<SafeRecord<MenuPortalProps>, unknown, HTMLElement> & { props: SafeRecord<SafeRecord<MenuPortalProps>>; attrs: Omit<SafeRecord<SafeRecord<MenuPortalProps>>, string | number | symbol> & Record<PropertyKey, unknown> } & { state: SafeRecord; $computedSetup: SafeRecord } & MenuPortalExposes",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "PortalPassThrough & Record<PropertyKey, unknown> & MenuPortalPassThrough",
+              "default": "",
+              "description": "The pass-through props to pass to the component."
+            },
+            {
+              "name": "ptOptions",
+              "type": "PassThroughOptions",
+              "default": "",
+              "description": "The pass-through options to pass to the component."
+            },
+            {
+              "name": "unstyled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the component should be rendered without classes."
+            },
+            {
+              "name": "dt",
+              "type": "unknown",
+              "default": "",
+              "description": "The design token to use for the component."
+            },
+            {
+              "name": "styles",
+              "type": "StylesOptions<ComponentInstance>",
+              "default": "",
+              "description": "The styles to use for the component."
+            },
+            {
+              "name": "render",
+              "type": "(instance: PortalInstance) => ReactNode & (instance: MenuPortalInstance) => ReactNode",
+              "default": "",
+              "description": "The render function to render the component with instance access."
+            },
+            {
+              "name": "children",
+              "type": "any",
+              "default": "",
+              "description": "The children to render.\n\nAccepts  `React.ReactNode`  for static content or a render function  `(instance: I) => React.ReactNode`  for instance access.\nTyped as  `any`  to avoid JSX type errors when used directly in templates."
+            },
+            {
+              "name": "onMounted",
+              "type": "() => void",
+              "default": "",
+              "description": "Callback function to invoke when the portal is mounted."
+            },
+            {
+              "name": "onUnmounted",
+              "type": "() => void",
+              "default": "",
+              "description": "Callback function to invoke when the portal is unmounted."
+            },
+            {
+              "name": "element",
+              "type": "HTMLElement | ReactNode",
+              "default": "",
+              "description": "The element to be rendered as the portal."
+            },
+            {
+              "name": "elementRef",
+              "type": "RefObject<HTMLElement>",
+              "default": "",
+              "description": "The element reference to be rendered as the portal."
+            },
+            {
+              "name": "appendTo",
+              "type": "string | HTMLElement | ((instance: PortalInstance) => HTMLElement)",
+              "default": "'body'",
+              "description": "The DOM element where the portal should be appended to."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "MenuPortalState": {
+          "description": "Defines valid state in MenuPortal component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "MenuPortalExposes": {
+          "description": "Defines the methods and properties exposed by MenuPortal component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "menu",
+              "type": "MenuRootInstance",
+              "default": "",
+              "description": "Instance of the Menu component."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "MenuPortalPassThroughType": {
+          "description": "Defines passthrough(pt) options type in MenuPortal component.",
+          "values": "PassThroughType<MenuPortalInstance, E>"
+        },
+        "MenuPortalInstance": {
+          "description": "Instance of MenuPortal component.",
+          "values": "ComponentInstance<MenuPortalProps, MenuPortalState, MenuPortalExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "MenuPositioner",
+    "source": "apps/showcase/assets/apidoc/menupositioner.json",
+    "data": {
+      "description": "MenuPositioner is a component that positions the menu popup relative to the anchor element.",
+      "interfaces": {
+        "MenuPositionerPassThrough": {
+          "description": "Defines passthrough(pt) options of MenuPositioner component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "MenuPositionerPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "MenuPositionerProps": {
+          "description": "Defines valid properties in MenuPositioner component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<MenuPositionerInstance, UsePositionerProps, MenuPositionerPassThrough>",
+          "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?: MenuPositionerInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: MenuPositionerInstance) => 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": "MenuPositionerInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<MenuPositionerPassThrough>",
+              "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: MenuPositionerInstance) => 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": "side",
+              "type": "SideType",
+              "default": "",
+              "description": "The side of the positioner."
+            },
+            {
+              "name": "align",
+              "type": "AlignType",
+              "default": "",
+              "description": "The align of the positioner."
+            },
+            {
+              "name": "sideOffset",
+              "type": "number",
+              "default": "",
+              "description": "The side offset of the positioner."
+            },
+            {
+              "name": "alignOffset",
+              "type": "number",
+              "default": "",
+              "description": "The align offset of the positioner."
+            },
+            {
+              "name": "flip",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether to flip the positioner."
+            },
+            {
+              "name": "shift",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether to shift the positioner."
+            },
+            {
+              "name": "hideWhenDetached",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether to hide the positioner when detached."
+            },
+            {
+              "name": "strategy",
+              "type": "\"fixed\" | \"absolute\"",
+              "default": "'fixed'",
+              "description": "The positioning strategy."
+            },
+            {
+              "name": "boundary",
+              "type": "HTMLElement",
+              "default": "",
+              "description": "The boundary element that constrains the positioner placement.\nUsed in JS fallback mode only; CSS Anchor mode uses the containing block."
+            },
+            {
+              "name": "anchor",
+              "type": "HTMLElement",
+              "default": "",
+              "description": "The anchor element."
+            },
+            {
+              "name": "content",
+              "type": "HTMLDivElement",
+              "default": "",
+              "description": "The content element."
+            },
+            {
+              "name": "arrow",
+              "type": "HTMLDivElement",
+              "default": "",
+              "description": "The arrow element."
+            },
+            {
+              "name": "autoZIndex",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether to automatically manage layering."
+            },
+            {
+              "name": "baseZIndex",
+              "type": "number",
+              "default": "0",
+              "description": "Base zIndex value to use in layering."
+            },
+            {
+              "name": "onPlacementChange",
+              "type": "(placement: { side: SideType; align: AlignType }) => void",
+              "default": "",
+              "description": "Callback invoked when the actual placement changes due to flip or shift."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "MenuPositionerState": {
+          "description": "Defines valid state in MenuPositioner component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "MenuPositionerExposes": {
+          "description": "Defines the methods and properties exposed by MenuPositioner component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "menu",
+              "type": "MenuRootInstance",
+              "default": "",
+              "description": "The Menu component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "MenuPositionerPassThroughType": {
+          "description": "Defines passthrough(pt) options type in MenuPositioner component.",
+          "values": "PassThroughType<MenuPositionerInstance, E>"
+        },
+        "MenuPositionerInstance": {
+          "description": "Instance of MenuPositioner component.",
+          "values": "ComponentInstance<MenuPositionerProps, MenuPositionerState, MenuPositionerExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "MenuRadioItem",
+    "source": "apps/showcase/assets/apidoc/menuradioitem.json",
+    "data": {
+      "description": "MenuRadioItem is a radio menu item managed by useRadioButton, used within MenuRadioItemGroup.",
+      "interfaces": {
+        "MenuRadioItemPassThrough": {
+          "description": "Defines passthrough(pt) options of MenuRadioItem component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "MenuRadioItemPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "MenuRadioItemCheckedChangeEvent": {
+          "description": "Event fired when the radio item's checked state changes.",
+          "relatedProp": "",
+          "extendedTypes": "UseRadioButtonChangeEvent<React.SyntheticEvent>",
+          "props": [
+            {
+              "name": "originalEvent",
+              "type": "SyntheticEvent",
+              "default": "",
+              "description": "The original event that triggered the change."
+            },
+            {
+              "name": "checked",
+              "type": "boolean",
+              "default": "",
+              "description": "The checked state of the radio button."
+            },
+            {
+              "name": "value",
+              "type": "unknown",
+              "default": "",
+              "description": "Value of the radio item."
+            }
+          ],
+          "methods": []
+        },
+        "MenuRadioItemProps": {
+          "description": "Defines valid properties in MenuRadioItem component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<MenuRadioItemInstance, Omit<UseRadioButtonProps, \"onCheckedChange\" | \"value\">, MenuRadioItemPassThrough>",
+          "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?: MenuRadioItemInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: MenuRadioItemInstance) => 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": "MenuRadioItemInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<MenuRadioItemPassThrough>",
+              "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: MenuRadioItemInstance) => 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": "checked",
+              "type": "boolean",
+              "default": "",
+              "description": "When present, it specifies the input's checked state."
+            },
+            {
+              "name": "defaultChecked",
+              "type": "boolean",
+              "default": "",
+              "description": "The default value for the input when not controlled by  `checked`  and  `onCheckedChange` ."
+            },
+            {
+              "name": "inputId",
+              "type": "string",
+              "default": "",
+              "description": "Identifier of the underlying input element."
+            },
+            {
+              "name": "name",
+              "type": "string",
+              "default": "",
+              "description": "The name attribute of the input, resolved from group context if available."
+            },
+            {
+              "name": "readOnly",
+              "type": "boolean",
+              "default": "false",
+              "description": "When present, it specifies that an input field is read-only."
+            },
+            {
+              "name": "required",
+              "type": "boolean",
+              "default": "false",
+              "description": "When present, it specifies that the element is required."
+            },
+            {
+              "name": "tabIndex",
+              "type": "number",
+              "default": "",
+              "description": "Tab index for keyboard navigation."
+            },
+            {
+              "name": "invalid",
+              "type": "boolean",
+              "default": "false",
+              "description": "When present, it specifies that the component should have invalid state style."
+            },
+            {
+              "name": "ariaLabelledby",
+              "type": "string",
+              "default": "",
+              "description": "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
+            },
+            {
+              "name": "ariaLabel",
+              "type": "string",
+              "default": "",
+              "description": "Establishes a string value that labels the component."
+            },
+            {
+              "name": "onFocus",
+              "type": "(event: FocusEvent<HTMLInputElement>) => void",
+              "default": "",
+              "description": "Callback function that is called when the radio button is focused."
+            },
+            {
+              "name": "onBlur",
+              "type": "(event: FocusEvent<HTMLInputElement>) => void",
+              "default": "",
+              "description": "Callback function that is called when the radio button loses focus."
+            },
+            {
+              "name": "value",
+              "type": "unknown",
+              "default": "",
+              "description": "Value of the radio item. Used to determine the checked state against the parent group's value."
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "",
+              "description": "When present, it specifies that the item should be disabled."
+            },
+            {
+              "name": "closeOnSelect",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the menu should close when this radio item is selected.\nDefaults to  `false`  for radio items so selecting a value keeps the menu\nopen; set explicitly to  `true`  to close on each selection."
+            },
+            {
+              "name": "onSelect",
+              "type": "(event: MenuItemSelectEvent) => void",
+              "default": "",
+              "description": "Callback fired when the item is activated. Calling\n `event.preventDefault()`  keeps the menu open regardless of\n `closeOnSelect` ."
+            },
+            {
+              "name": "onCheckedChange",
+              "type": "(event: MenuRadioItemCheckedChangeEvent) => void",
+              "default": "",
+              "description": "Callback fired when the radio item is selected."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "MenuRadioItemState": {
+          "description": "Defines valid state in MenuRadioItem component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "MenuRadioItemExposes": {
+          "description": "Defines the methods and properties exposed by MenuRadioItem component.",
+          "relatedProp": "",
+          "extendedTypes": "UseRadioButtonExposes",
+          "props": [
+            {
+              "name": "state",
+              "type": "UseRadioButtonState",
+              "default": "",
+              "description": "The state of the useRadioButton."
+            },
+            {
+              "name": "onChange",
+              "type": "(event: ChangeEvent<HTMLInputElement>) => void",
+              "default": "",
+              "description": "Callback fired when the useRadioButton's checked state changes."
+            },
+            {
+              "name": "rootProps",
+              "type": "UseRadioButtonRootProps",
+              "default": "",
+              "description": "Pre-built data attribute props for the root element.\nIncludes data-checked/unchecked, data-disabled, data-invalid."
+            },
+            {
+              "name": "inputProps",
+              "type": "UseRadioButtonInputProps",
+              "default": "",
+              "description": "Pre-built props for the native input element.\nIncludes type, value, checked, ARIA attributes, data attributes, and event handlers."
+            },
+            {
+              "name": "boxProps",
+              "type": "UseRadioButtonBoxProps",
+              "default": "",
+              "description": "Pre-built data attribute props for the box element.\nIncludes data-checked/unchecked, data-disabled, data-invalid."
+            },
+            {
+              "name": "indicatorProps",
+              "type": "UseRadioButtonIndicatorProps",
+              "default": "",
+              "description": "Pre-built data attribute props for the indicator element.\nIncludes data-checked/unchecked, data-disabled, data-invalid."
+            },
+            {
+              "name": "menu",
+              "type": "MenuRootInstance",
+              "default": "",
+              "description": "Instance of the Menu component."
+            },
+            {
+              "name": "submenu",
+              "type": "MenuSubmenuInstance",
+              "default": "",
+              "description": "Instance of the MenuSubmenu component."
+            },
+            {
+              "name": "portal",
+              "type": "MenuPortalInstance",
+              "default": "",
+              "description": "Instance of the MenuPortal component."
+            },
+            {
+              "name": "group",
+              "type": "MenuRadioItemGroupContextInterface",
+              "default": "",
+              "description": "Parent MenuRadioItemGroup context, if any."
+            },
+            {
+              "name": "itemId",
+              "type": "string",
+              "default": "",
+              "description": "ID of the item element."
+            },
+            {
+              "name": "focused",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the item is focused or not."
+            },
+            {
+              "name": "isDisabled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the item is disabled or not."
+            },
+            {
+              "name": "checked",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the item is checked or not."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "MenuRadioItemPassThroughType": {
+          "description": "Defines passthrough(pt) options type in MenuRadioItem component.",
+          "values": "PassThroughType<MenuRadioItemInstance, E>"
+        },
+        "MenuRadioItemInstance": {
+          "description": "Instance of MenuRadioItem component.",
+          "values": "ComponentInstance<MenuRadioItemProps, MenuRadioItemState, MenuRadioItemExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "MenuRadioItemGroup",
+    "source": "apps/showcase/assets/apidoc/menuradioitemgroup.json",
+    "data": {
+      "description": "MenuRadioItemGroup is a component that groups MenuRadioItem children, managed by useRadioButtonGroup.",
+      "interfaces": {
+        "MenuRadioItemGroupPassThrough": {
+          "description": "Defines passthrough(pt) options of MenuRadioItemGroup component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "MenuRadioItemGroupValueChangeEvent": {
+          "description": "Event fired when the radio item group's value changes.",
+          "relatedProp": "",
+          "extendedTypes": "UseRadioButtonGroupValueChangeEvent",
+          "props": [
+            {
+              "name": "originalEvent",
+              "type": "SyntheticEvent",
+              "default": "",
+              "description": "The original event that triggered the change."
+            },
+            {
+              "name": "value",
+              "type": "unknown",
+              "default": "",
+              "description": "The value of the radio button group."
+            }
+          ],
+          "methods": []
+        },
+        "MenuRadioItemGroupContextInterface": {
+          "description": "Context value shared between MenuRadioItemGroup and its child MenuRadioItem children.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "value",
+              "type": "unknown",
+              "default": "",
+              "description": "Currently selected value in the radio item group."
+            },
+            {
+              "name": "updateChange",
+              "type": "(event: UseRadioButtonChangeEvent<SyntheticEvent<Element, Event>> & { value: unknown }) => void",
+              "default": "",
+              "description": "Callback to update the selected value."
+            },
+            {
+              "name": "name",
+              "type": "string",
+              "default": "",
+              "description": "Optional name attribute for the radio item group."
+            },
+            {
+              "name": "defaultValue",
+              "type": "unknown",
+              "default": "",
+              "description": "Default value of the group, exposed for child controlled-state initialization."
+            }
+          ],
+          "methods": []
+        },
+        "MenuRadioItemGroupProps": {
+          "description": "Defines valid properties in MenuRadioItemGroup component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<MenuRadioItemGroupInstance, Omit<UseRadioButtonGroupProps, \"onValueChange\">, MenuRadioItemGroupPassThrough>",
+          "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?: MenuRadioItemGroupInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: MenuRadioItemGroupInstance) => 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": "MenuRadioItemGroupInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<MenuRadioItemGroupPassThrough>",
+              "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: MenuRadioItemGroupInstance) => 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": "unknown",
+              "default": "",
+              "description": "Value of the radio button group."
+            },
+            {
+              "name": "defaultValue",
+              "type": "unknown",
+              "default": "",
+              "description": "The default value of the radio button group."
+            },
+            {
+              "name": "name",
+              "type": "string",
+              "default": "",
+              "description": "Name for the radio item group."
+            },
+            {
+              "name": "onValueChange",
+              "type": "(event: MenuRadioItemGroupValueChangeEvent) => void",
+              "default": "",
+              "description": "Callback fired when the value changes."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            }
+          ],
+          "methods": []
+        },
+        "MenuRadioItemGroupState": {
+          "description": "Defines valid state in MenuRadioItemGroup component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "MenuRadioItemGroupExposes": {
+          "description": "Defines the methods and properties exposed by MenuRadioItemGroup component.",
+          "relatedProp": "",
+          "extendedTypes": "UseRadioButtonGroupExposes",
+          "props": [
+            {
+              "name": "state",
+              "type": "UseRadioButtonGroupState",
+              "default": "",
+              "description": "The state of the useRadioButtonGroup."
+            },
+            {
+              "name": "rootProps",
+              "type": "UseRadioButtonGroupRootProps",
+              "default": "",
+              "description": "Pre-built data attribute props for the root element."
+            },
+            {
+              "name": "updateChange",
+              "type": "(event: UseRadioButtonChangeEvent<SyntheticEvent<Element, Event>> & { value: unknown }) => void",
+              "default": "",
+              "description": "Updates the value of the radio button group."
+            },
+            {
+              "name": "context",
+              "type": "MenuRadioItemGroupContextInterface",
+              "default": "",
+              "description": "Context value for the radio item group exposed to children."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "MenuRadioItemGroupPassThroughType": {
+          "description": "Defines passthrough(pt) options type in MenuRadioItemGroup component.",
+          "values": "PassThroughType<MenuRadioItemGroupInstance, E>"
+        },
+        "MenuRadioItemGroupInstance": {
+          "description": "Instance of MenuRadioItemGroup component.",
+          "values": "ComponentInstance<MenuRadioItemGroupProps, MenuRadioItemGroupState, MenuRadioItemGroupExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "MenuRoot",
+    "source": "apps/showcase/assets/apidoc/menuroot.json",
+    "data": {
+      "description": "Menu is a navigation component that displays a list of items, with support for items, checkbox items, radio items, submenus, and inline rendering.",
+      "interfaces": {
+        "MenuRootPassThrough": {
+          "description": "Defines passthrough(pt) options of Menu component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            },
+            {
+              "name": "list",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the list's DOM element."
+            },
+            {
+              "name": "item",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the item's DOM element."
+            },
+            {
+              "name": "label",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the label's DOM element."
+            },
+            {
+              "name": "sub",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the submenu's DOM element."
+            },
+            {
+              "name": "trigger",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the trigger's DOM element."
+            },
+            {
+              "name": "subtrigger",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the subtrigger's DOM element."
+            },
+            {
+              "name": "checkboxItemIndicator",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the checkbox item indicator's DOM element."
+            },
+            {
+              "name": "radioItemIndicator",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the radio item indicator's DOM element."
+            },
+            {
+              "name": "submenuIndicator",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the submenu indicator's DOM element."
+            },
+            {
+              "name": "separator",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the separator's DOM element."
+            },
+            {
+              "name": "popup",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the popup's DOM element."
+            },
+            {
+              "name": "arrow",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the arrow's DOM element."
+            },
+            {
+              "name": "positioner",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the positioner's DOM element."
+            },
+            {
+              "name": "subpositioner",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the subpositioner's DOM element."
+            },
+            {
+              "name": "subpopup",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the subpopup's DOM element."
+            },
+            {
+              "name": "subportal",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the subportal's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "MenuRootOpenChangeEvent": {
+          "description": "Event fired when the menu's open state changes.",
+          "relatedProp": "",
+          "extendedTypes": "UseMenuOpenChangeEvent",
+          "props": [
+            {
+              "name": "originalEvent",
+              "type": "Event",
+              "default": "",
+              "description": "The original browser event that triggered the change."
+            },
+            {
+              "name": "open",
+              "type": "boolean",
+              "default": "",
+              "description": "The open state of the menu."
+            }
+          ],
+          "methods": []
+        },
+        "MenuRootProps": {
+          "description": "Defines valid properties in Menu component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<MenuRootInstance, Omit<UseMenuProps, \"onOpenChange\">, MenuRootPassThrough>",
+          "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?: MenuRootInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: MenuRootInstance) => 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": "MenuRootInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<MenuRootPassThrough>",
+              "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: MenuRootInstance) => ReactNode",
+              "default": "",
+              "description": "The render function to render the component with instance access."
+            },
+            {
+              "name": "children",
+              "type": "any",
+              "default": "",
+              "description": "The children to render.\n\nAccepts  `React.ReactNode`  for static content or a render function  `(instance: I) => React.ReactNode`  for instance access.\nTyped as  `any`  to avoid JSX type errors when used directly in templates."
+            },
+            {
+              "name": "open",
+              "type": "boolean",
+              "default": "",
+              "description": "Controlled open state of the menu."
+            },
+            {
+              "name": "defaultOpen",
+              "type": "boolean",
+              "default": "false",
+              "description": "Default open state for uncontrolled mode."
+            },
+            {
+              "name": "composite",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the menu is in composite mode (navigationmenu).\nIn composite mode, submenus open on hover and focusedOptionId is an array tracking the focus path."
+            },
+            {
+              "name": "appendTo",
+              "type": "\"body\" | HTMLElement | \"self\"",
+              "default": "'body'",
+              "description": "The element to which the overlay is appended."
+            },
+            {
+              "name": "baseZIndex",
+              "type": "number",
+              "default": "0",
+              "description": "Base zIndex value to use in layering."
+            },
+            {
+              "name": "autoZIndex",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether to automatically manage layering."
+            },
+            {
+              "name": "tabIndex",
+              "type": "number",
+              "default": "0",
+              "description": "Index of the element in tabbing order."
+            },
+            {
+              "name": "openDelay",
+              "type": "number",
+              "default": "100",
+              "description": "The delay in milliseconds before opening the menu when hovering the trigger.\nOnly applies when  `openOnHover`  is true."
+            },
+            {
+              "name": "closeDelay",
+              "type": "number",
+              "default": "0",
+              "description": "The delay in milliseconds before closing the menu when the pointer leaves the trigger.\nOnly applies when  `openOnHover`  is true."
+            },
+            {
+              "name": "openOnHover",
+              "type": "boolean",
+              "default": "false",
+              "description": "When true, the menu opens on pointer hover over the trigger (in addition to click)."
+            },
+            {
+              "name": "context",
+              "type": "UseMenuSubmenuExposes",
+              "default": "",
+              "description": "Optional parent submenu context whose popover state should drive this menu.\nWhen provided, useMenu reuses the parent submenu's popover (anchor, open\nstate, positioner) instead of creating its own. Forwarded by Menu.Root\nautomatically when nested inside a Menu.Submenu."
+            },
+            {
+              "name": "navigationmenu",
+              "type": "UseNavigationMenuExposes",
+              "default": "",
+              "description": "Optional parent NavigationMenu context. When provided, ArrowRight / ArrowLeft\npressed on a list item that is not a submenu trigger will move focus to\nthe next / previous sibling navigationmenu trigger (WAI-ARIA NavigationMenu pattern).\nForwarded by Menu.Root when nested inside a  `NavigationMenu` ."
+            },
+            {
+              "name": "navigationmenuMenuId",
+              "type": "string",
+              "default": "",
+              "description": "The id this menu is registered under in the parent NavigationMenu's trigger\nregistry. Required for  `navigationmenu`  sibling navigation to know which\ntrigger is \"current\"."
+            },
+            {
+              "name": "closeOnSelect",
+              "type": "boolean",
+              "default": "true",
+              "description": "Whether the menu should close when an item is activated. Item-level\n `closeOnSelect`  always overrides this default."
+            },
+            {
+              "name": "onSelect",
+              "type": "(event: MenuItemSelectEvent) => void",
+              "default": "",
+              "description": "Callback fired when any item inside the menu is activated (clicked or\ntriggered with keyboard). Calling  `event.preventDefault()`  keeps the\nmenu open regardless of  `closeOnSelect` ."
+            },
+            {
+              "name": "onOpenChange",
+              "type": "(event: MenuRootOpenChangeEvent) => void",
+              "default": "",
+              "description": "Callback fired when the menu's open state changes."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "MenuRootState": {
+          "description": "Defines valid state in Menu component.",
+          "relatedProp": "",
+          "extendedTypes": "UseMenuState",
+          "props": [
+            {
+              "name": "open",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the menu is open."
+            },
+            {
+              "name": "focused",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the menu is focused."
+            },
+            {
+              "name": "focusedOptionId",
+              "type": "string | string[]",
+              "default": "",
+              "description": "The ID of the focused option (HTML id attribute).\nIn composite mode, this is an array representing the focus path (e.g., ['menu_0', 'menu_0_1']).\nThe last element is used for aria-activedescendant."
+            }
+          ],
+          "methods": []
+        },
+        "MenuRootExposes": {
+          "description": "Defines the methods and properties exposed by Menu component.",
+          "relatedProp": "",
+          "extendedTypes": "UseMenuExposes",
+          "props": [
+            {
+              "name": "state",
+              "type": "UseMenuState",
+              "default": "",
+              "description": "The state of the useMenu."
+            },
+            {
+              "name": "popover",
+              "type": "UsePopoverExposes",
+              "default": "",
+              "description": "The popover instance for managing popup state and positioning."
+            },
+            {
+              "name": "rootProps",
+              "type": "UseMenuRootProps",
+              "default": "",
+              "description": "Props for the root element."
+            },
+            {
+              "name": "triggerProps",
+              "type": "UseMenuTriggerProps",
+              "default": "",
+              "description": "Props for the trigger element."
+            },
+            {
+              "name": "arrowProps",
+              "type": "UsePopoverArrowProps",
+              "default": "",
+              "description": "Props for the arrow element."
+            },
+            {
+              "name": "popupProps",
+              "type": "UsePopoverPopupProps",
+              "default": "",
+              "description": "Props for the popup element."
+            },
+            {
+              "name": "positionerProps",
+              "type": "UsePopoverPositionerProps",
+              "default": "",
+              "description": "Props for the positioner element."
+            },
+            {
+              "name": "labelProps",
+              "type": "UseMenuLabelProps",
+              "default": "",
+              "description": "Props for the label element."
+            },
+            {
+              "name": "separatorProps",
+              "type": "UseMenuSeparatorProps",
+              "default": "",
+              "description": "Props for the separator element."
+            },
+            {
+              "name": "radioGroupProps",
+              "type": "UseMenuRadioGroupProps",
+              "default": "",
+              "description": "Props for the radio group element."
+            },
+            {
+              "name": "getItemId",
+              "type": "(value: string) => string",
+              "default": "",
+              "description": "Generate a deterministic DOM id for an item given its value."
+            },
+            {
+              "name": "getListId",
+              "type": "(value?: string) => string",
+              "default": "",
+              "description": "Generate a deterministic DOM id for a list given an optional value."
+            },
+            {
+              "name": "getItemProps",
+              "type": "(input: UseMenuGetItemPropsInput) => UseMenuGetItemPropsReturn",
+              "default": "",
+              "description": "Get props for a menu item element. Returns ARIA attributes, data attributes, and mouse handlers."
+            },
+            {
+              "name": "getSubTriggerProps",
+              "type": "(input: UseMenuGetSubTriggerPropsInput) => UseMenuGetSubTriggerPropsReturn",
+              "default": "",
+              "description": "Get props for a submenu trigger element. Returns ARIA attributes, data attributes, and mouse handlers."
+            },
+            {
+              "name": "getListProps",
+              "type": "(input?: UseMenuGetListPropsInput) => UseMenuGetListPropsReturn",
+              "default": "",
+              "description": "Get props for a menu list element. Returns role, ARIA attributes, keyboard handlers, and focus handlers."
+            },
+            {
+              "name": "getIndicatorProps",
+              "type": "(input: UseMenuGetIndicatorPropsInput) => UseMenuGetIndicatorPropsReturn",
+              "default": "",
+              "description": "Get props for a menu indicator element. Returns data attributes and matchVisible flag based on indicator context."
+            },
+            {
+              "name": "checkboxItemIndicatorProps",
+              "type": "UseMenuIndicatorProps",
+              "default": "",
+              "description": "Static data attributes for the checkbox item indicator element."
+            },
+            {
+              "name": "radioItemIndicatorProps",
+              "type": "UseMenuIndicatorProps",
+              "default": "",
+              "description": "Static data attributes for the radio item indicator element."
+            },
+            {
+              "name": "submenuIndicatorProps",
+              "type": "UseMenuIndicatorProps",
+              "default": "",
+              "description": "Static data attributes for the submenu indicator element."
+            },
+            {
+              "name": "isFocused",
+              "type": "(id: string) => boolean",
+              "default": "",
+              "description": "Check whether a given item ID is currently focused."
+            },
+            {
+              "name": "updateItemAria",
+              "type": "(element: HTMLElement) => void",
+              "default": "",
+              "description": "Update ARIA level/position attributes on an item element using DOM-based calculation.\nShould be called after the element is mounted (e.g., in registerItem or useLayoutEffect)."
+            },
+            {
+              "name": "onTriggerClick",
+              "type": "(event?: MouseEvent) => void",
+              "default": "",
+              "description": "Handle trigger click event."
+            },
+            {
+              "name": "onOverlayEnter",
+              "type": "() => void",
+              "default": "",
+              "description": "Handle overlay enter event."
+            },
+            {
+              "name": "changeVisibleState",
+              "type": "(isVisible: boolean) => void",
+              "default": "",
+              "description": "Change the visible state."
+            },
+            {
+              "name": "onListFocus",
+              "type": "() => void",
+              "default": "",
+              "description": "Handle list focus event."
+            },
+            {
+              "name": "onListBlur",
+              "type": "() => void",
+              "default": "",
+              "description": "Handle list blur event."
+            },
+            {
+              "name": "onListKeyDown",
+              "type": "(event: KeyboardEvent) => void",
+              "default": "",
+              "description": "Handle keyboard events on the list."
+            },
+            {
+              "name": "markMouseInteraction",
+              "type": "(isMouseInteraction: boolean) => void",
+              "default": "",
+              "description": "Mark that a mouse interaction is in progress.\nPrevents onListFocus from auto-focusing the first item."
+            },
+            {
+              "name": "changeFocusedOptionId",
+              "type": "(id: string) => void",
+              "default": "",
+              "description": "Change the focused option ID.\nIn composite mode, uses DOM-based level detection."
+            },
+            {
+              "name": "hideSubmenusAfterLevel",
+              "type": "(targetItemId: string) => void",
+              "default": "",
+              "description": "Hide all submenus at or after a specific level (composite mode only).\nUses DOM-based level detection."
+            },
+            {
+              "name": "hideAllSubmenus",
+              "type": "() => void",
+              "default": "",
+              "description": "Hide all open submenus and reset focus (composite mode only)."
+            },
+            {
+              "name": "onItemClick",
+              "type": "(event: MouseEvent<Element, MouseEvent> | KeyboardEvent<Element>, isBlur?: boolean, isPortal?: boolean) => void",
+              "default": "",
+              "description": "Handle item click event."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "MenuRootPassThroughType": {
+          "description": "Defines passthrough(pt) options type in Menu component.",
+          "values": "PassThroughType<MenuRootInstance, E>"
+        },
+        "MenuRootInstance": {
+          "description": "Instance of Menu component.",
+          "values": "ComponentInstance<MenuRootProps, MenuRootState, MenuRootExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "MenuSeparator",
+    "source": "apps/showcase/assets/apidoc/menuseparator.json",
+    "data": {
+      "description": "MenuSeparator is a component that displays a separator.",
+      "interfaces": {
+        "MenuSeparatorPassThrough": {
+          "description": "Defines passthrough(pt) options of MenuSeparator component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "MenuSeparatorPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "MenuSeparatorProps": {
+          "description": "Defines valid properties in MenuSeparator component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<MenuSeparatorInstance, unknown, MenuSeparatorPassThrough>",
+          "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?: MenuSeparatorInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: MenuSeparatorInstance) => 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": "MenuSeparatorInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<MenuSeparatorPassThrough>",
+              "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: MenuSeparatorInstance) => 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": []
+        },
+        "MenuSeparatorState": {
+          "description": "Defines valid state in MenuSeparator component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "MenuSeparatorExposes": {
+          "description": "Defines the methods and properties exposed by MenuSeparator component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "menu",
+              "type": "MenuRootInstance",
+              "default": "",
+              "description": "Instance of the Menu component."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "MenuSeparatorPassThroughType": {
+          "description": "Defines passthrough(pt) options type in MenuSeparator component.",
+          "values": "PassThroughType<MenuSeparatorInstance, E>"
+        },
+        "MenuSeparatorInstance": {
+          "description": "Instance of MenuSeparator component.",
+          "values": "ComponentInstance<MenuSeparatorProps, MenuSeparatorState, MenuSeparatorExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "MenuSubmenu",
+    "source": "apps/showcase/assets/apidoc/menusubmenu.json",
+    "data": {
+      "description": "MenuSubmenu is a submenu component for nested menu structures.",
+      "interfaces": {
+        "MenuSubmenuPassThrough": {
+          "description": "Defines passthrough(pt) options of MenuSubmenu component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "MenuSubmenuPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "MenuSubmenuOpenChangeEvent": {
+          "description": "Event fired when the menu's open state changes.",
+          "relatedProp": "",
+          "extendedTypes": "UseMenuSubmenuOpenChangeEvent",
+          "props": [
+            {
+              "name": "originalEvent",
+              "type": "Event",
+              "default": "",
+              "description": "The original browser event that triggered the change."
+            },
+            {
+              "name": "open",
+              "type": "boolean",
+              "default": "",
+              "description": "The open state of the submenu."
+            }
+          ],
+          "methods": []
+        },
+        "MenuSubmenuProps": {
+          "description": "Defines valid properties in MenuSubmenu component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<MenuSubmenuInstance, Omit<UseMenuSubmenuProps, \"onOpenChange\">, MenuSubmenuPassThrough>",
+          "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?: MenuSubmenuInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: MenuSubmenuInstance) => 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": "MenuSubmenuInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<MenuSubmenuPassThrough>",
+              "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: MenuSubmenuInstance) => ReactNode",
+              "default": "",
+              "description": "The render function to render the component with instance access."
+            },
+            {
+              "name": "children",
+              "type": "any",
+              "default": "",
+              "description": "The children to render.\n\nAccepts  `React.ReactNode`  for static content or a render function  `(instance: I) => React.ReactNode`  for instance access.\nTyped as  `any`  to avoid JSX type errors when used directly in templates."
+            },
+            {
+              "name": "open",
+              "type": "boolean",
+              "default": "",
+              "description": "Controlled open state of the submenu."
+            },
+            {
+              "name": "defaultOpen",
+              "type": "boolean",
+              "default": "false",
+              "description": "Default open state for uncontrolled mode."
+            },
+            {
+              "name": "openDelay",
+              "type": "number",
+              "default": "100",
+              "description": "The delay in milliseconds before opening the submenu when hovering the subtrigger.\nOnly applies when  `openOnHover`  is true."
+            },
+            {
+              "name": "closeDelay",
+              "type": "number",
+              "default": "0",
+              "description": "The delay in milliseconds before closing the submenu when the pointer leaves the subtrigger.\nOnly applies when  `openOnHover`  is true."
+            },
+            {
+              "name": "openOnHover",
+              "type": "boolean",
+              "default": "true",
+              "description": "When true, the submenu opens on pointer hover over the subtrigger."
+            },
+            {
+              "name": "disabled",
+              "type": "boolean",
+              "default": "false",
+              "description": "Whether the submenu is disabled."
+            },
+            {
+              "name": "onOpenChange",
+              "type": "(event: MenuSubmenuOpenChangeEvent) => void",
+              "default": "",
+              "description": "Callback fired when the submenu's open state changes."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "MenuSubmenuState": {
+          "description": "Defines valid state in MenuSubmenu component.",
+          "relatedProp": "",
+          "extendedTypes": "UseMenuSubmenuState",
+          "props": [
+            {
+              "name": "open",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the submenu is open."
+            }
+          ],
+          "methods": []
+        },
+        "MenuSubmenuExposes": {
+          "description": "Defines the methods and properties exposed by MenuSubmenu component.",
+          "relatedProp": "",
+          "extendedTypes": "UseMenuSubmenuExposes",
+          "props": [
+            {
+              "name": "state",
+              "type": "UseMenuSubmenuState",
+              "default": "",
+              "description": "The state of the useMenuSubmenu."
+            },
+            {
+              "name": "popover",
+              "type": "UsePopoverExposes",
+              "default": "",
+              "description": "The popover instance for managing popup state and positioning."
+            },
+            {
+              "name": "listRef",
+              "type": "RefObject<HTMLDivElement>",
+              "default": "",
+              "description": "Reference to the list element."
+            },
+            {
+              "name": "subtriggerProps",
+              "type": "{ ref: (node: HTMLElement) => void }",
+              "default": "",
+              "description": "Props for the subtrigger element."
+            },
+            {
+              "name": "subProps",
+              "type": "UseMenuSubmenuWrapperProps",
+              "default": "",
+              "description": "Props for the sub wrapper element."
+            },
+            {
+              "name": "listProps",
+              "type": "UseMenuSubmenuListProps",
+              "default": "",
+              "description": "Props for the list element."
+            },
+            {
+              "name": "toggle",
+              "type": "() => void",
+              "default": "",
+              "description": "Toggle the submenu open/close state."
+            },
+            {
+              "name": "open",
+              "type": "() => void",
+              "default": "",
+              "description": "Open the submenu (composite mode)."
+            },
+            {
+              "name": "close",
+              "type": "() => void",
+              "default": "",
+              "description": "Close the submenu (composite mode)."
+            },
+            {
+              "name": "openDelay",
+              "type": "number",
+              "default": "",
+              "description": "Open delay in ms (echoed for the parent Menu's hover handler)."
+            },
+            {
+              "name": "closeDelay",
+              "type": "number",
+              "default": "",
+              "description": "Close delay in ms (echoed for the parent Menu's hover handler)."
+            },
+            {
+              "name": "openOnHover",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether hover should trigger open/close (echoed for the parent Menu's\nhover handler)."
+            },
+            {
+              "name": "menu",
+              "type": "MenuRootInstance",
+              "default": "",
+              "description": "The Menu component instance."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "MenuSubmenuPassThroughType": {
+          "description": "Defines passthrough(pt) options type in MenuSubmenu component.",
+          "values": "PassThroughType<MenuSubmenuInstance, E>"
+        },
+        "MenuSubmenuInstance": {
+          "description": "Instance of MenuSubmenu component.",
+          "values": "ComponentInstance<MenuSubmenuProps, MenuSubmenuState, MenuSubmenuExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "MenuSubmenuTrigger",
+    "source": "apps/showcase/assets/apidoc/menusubmenutrigger.json",
+    "data": {
+      "description": "MenuSubmenuTrigger is a component that displays the trigger for a submenu item.",
+      "interfaces": {
+        "MenuSubmenuTriggerPassThrough": {
+          "description": "Defines passthrough(pt) options of MenuSubmenuTrigger component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "MenuSubmenuTriggerPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "MenuSubmenuTriggerProps": {
+          "description": "Defines valid properties in MenuSubmenuTrigger component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<MenuSubmenuTriggerInstance, unknown, MenuSubmenuTriggerPassThrough>",
+          "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?: MenuSubmenuTriggerInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: MenuSubmenuTriggerInstance) => 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": "MenuSubmenuTriggerInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<MenuSubmenuTriggerPassThrough>",
+              "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: MenuSubmenuTriggerInstance) => 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",
+              "default": "",
+              "description": "Semantic value that uniquely identifies this submenu trigger within the\nouter menu. Used to generate a deterministic DOM id; auto-generated when\nnot provided."
+            },
+            {
+              "name": "[key: string]",
+              "type": "any",
+              "description": ""
+            },
+            {
+              "name": "pt-{optionName}-*",
+              "type": "-",
+              "default": "",
+              "description": "Pass through attributes for customizing component parts.",
+              "deprecated": false
+            }
+          ],
+          "methods": []
+        },
+        "MenuSubmenuTriggerState": {
+          "description": "Defines valid state in MenuSubmenuTrigger component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "MenuSubmenuTriggerExposes": {
+          "description": "Defines the methods and properties exposed by MenuSubmenuTrigger component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "menu",
+              "type": "MenuRootInstance",
+              "default": "",
+              "description": "Instance of the Menu component."
+            },
+            {
+              "name": "submenu",
+              "type": "MenuSubmenuInstance",
+              "default": "",
+              "description": "Instance of the MenuSubmenu component."
+            },
+            {
+              "name": "portal",
+              "type": "MenuPortalInstance",
+              "default": "",
+              "description": "Instance of the MenuPortal component."
+            },
+            {
+              "name": "itemId",
+              "type": "string",
+              "default": "",
+              "description": "Identifier of the menu item."
+            },
+            {
+              "name": "focused",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the menu item is focused."
+            },
+            {
+              "name": "isDisabled",
+              "type": "boolean",
+              "default": "",
+              "description": "Whether the menu item is disabled."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "MenuSubmenuTriggerPassThroughType": {
+          "description": "Defines passthrough(pt) options type in MenuSubmenuTrigger component.",
+          "values": "PassThroughType<MenuSubmenuTriggerInstance, E>"
+        },
+        "MenuSubmenuTriggerInstance": {
+          "description": "Instance of MenuSubmenuTrigger component.",
+          "values": "ComponentInstance<MenuSubmenuTriggerProps, MenuSubmenuTriggerState, MenuSubmenuTriggerExposes>"
+        }
+      },
+      "variables": {}
+    }
+  },
+  {
+    "name": "MenuTrigger",
+    "source": "apps/showcase/assets/apidoc/menutrigger.json",
+    "data": {
+      "description": "MenuTrigger is a component that displays a trigger button to open/close the menu.",
+      "interfaces": {
+        "MenuTriggerPassThrough": {
+          "description": "Defines passthrough(pt) options of MenuTrigger component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "root",
+              "type": "MenuTriggerPassThroughType<HTMLAttributes<HTMLButtonElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
+            }
+          ],
+          "methods": []
+        },
+        "MenuTriggerProps": {
+          "description": "Defines valid properties in MenuTrigger component.",
+          "relatedProp": "",
+          "extendedTypes": "BaseComponentProps<MenuTriggerInstance, unknown, MenuTriggerPassThrough>",
+          "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?: MenuTriggerInstance) => CSSProperties)",
+              "default": "",
+              "description": "The style to apply to the component."
+            },
+            {
+              "name": "className",
+              "type": "string | ((instance?: MenuTriggerInstance) => 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": "MenuTriggerInstance",
+              "default": "",
+              "description": "The instance to pass to the component."
+            },
+            {
+              "name": "pt",
+              "type": "SafeRecord<MenuTriggerPassThrough>",
+              "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: MenuTriggerInstance) => 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": []
+        },
+        "MenuTriggerState": {
+          "description": "Defines valid state in MenuTrigger component.",
+          "relatedProp": "",
+          "props": [],
+          "methods": []
+        },
+        "MenuTriggerExposes": {
+          "description": "Defines the methods and properties exposed by MenuTrigger component.",
+          "relatedProp": "",
+          "props": [
+            {
+              "name": "menu",
+              "type": "MenuRootInstance",
+              "default": "",
+              "description": "Instance of the Menu component."
+            }
+          ],
+          "methods": []
+        }
+      },
+      "types": {
+        "MenuTriggerPassThroughType": {
+          "description": "Defines passthrough(pt) options type in MenuTrigger component.",
+          "values": "PassThroughType<MenuTriggerInstance, E>"
+        },
+        "MenuTriggerInstance": {
+          "description": "Instance of MenuTrigger component.",
+          "values": "ComponentInstance<MenuTriggerProps, MenuTriggerState, MenuTriggerExposes>"
+        }
+      },
+      "variables": {}
+    }
+  }
+]