@primereact/mcp 11.0.0 → 11.2.0

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

@@ -38,19 +38,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: ContextMenuArrowInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: ContextMenuArrowInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: ContextMenuArrowInstance) => string)",
+              "type": "string | ((instance?: ContextMenuArrowInstance) => undefined | 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>",
+              "type": "null | 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."
             },
@@ -135,7 +135,7 @@
           "props": [
             {
               "name": "contextmenu",
-              "type": "ContextMenuRootInstance",
+              "type": "undefined | null | ContextMenuRootInstance",
               "default": "",
               "description": "The ContextMenu component instance."
             }
@@ -156,169 +156,6 @@
       "variables": {}
     }
   },
-  {
-    "name": "ContextMenuIndicator",
-    "source": "apps/showcase/assets/apidoc/contextmenuindicator.json",
-    "data": {
-      "description": "ContextMenuIndicator is a component that conditionally renders content based on the state of the parent menu element.",
-      "interfaces": {
-        "ContextMenuIndicatorPassThrough": {
-          "description": "Defines passthrough(pt) options of ContextMenuIndicator component.",
-          "relatedProp": "",
-          "extendedTypes": "MenuIndicatorPassThrough",
-          "props": [
-            {
-              "name": "root",
-              "type": "MenuIndicatorPassThroughType<HTMLAttributes<HTMLSpanElement>>",
-              "default": "",
-              "description": "Used to pass attributes to the root's DOM element."
-            }
-          ],
-          "methods": []
-        },
-        "ContextMenuIndicatorProps": {
-          "description": "Defines valid properties in ContextMenuIndicator component.",
-          "relatedProp": "",
-          "extendedTypes": "BaseComponentProps<ContextMenuIndicatorInstance, unknown, ContextMenuIndicatorPassThrough>",
-          "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?: ContextMenuIndicatorInstance) => CSSProperties)",
-              "default": "",
-              "description": "The style to apply to the component."
-            },
-            {
-              "name": "className",
-              "type": "string | ((instance?: ContextMenuIndicatorInstance) => 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": "ContextMenuIndicatorInstance",
-              "default": "",
-              "description": "The instance to pass to the component."
-            },
-            {
-              "name": "pt",
-              "type": "SafeRecord<ContextMenuIndicatorPassThrough>",
-              "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: ContextMenuIndicatorInstance) => 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 which state the indicator should match to render its content."
-            },
-            {
-              "name": "[key: string]",
-              "type": "any",
-              "description": ""
-            },
-            {
-              "name": "pt-{optionName}-*",
-              "type": "-",
-              "default": "",
-              "description": "Pass through attributes for customizing component parts.",
-              "deprecated": false
-            }
-          ],
-          "methods": []
-        },
-        "ContextMenuIndicatorState": {
-          "description": "Defines valid state in ContextMenuIndicator component.",
-          "relatedProp": "",
-          "props": [],
-          "methods": []
-        },
-        "ContextMenuIndicatorExposes": {
-          "description": "Defines the methods and properties exposed by ContextMenuIndicator component.",
-          "relatedProp": "",
-          "props": [
-            {
-              "name": "contextmenu",
-              "type": "ContextMenuRootInstance",
-              "default": "",
-              "description": "The ContextMenu component instance."
-            }
-          ],
-          "methods": []
-        }
-      },
-      "types": {
-        "ContextMenuIndicatorPassThroughType": {
-          "description": "Defines passthrough(pt) options type in ContextMenuIndicator component.",
-          "values": "PassThroughType<ContextMenuIndicatorInstance, E>"
-        },
-        "ContextMenuIndicatorInstance": {
-          "description": "Instance of ContextMenuIndicator component.",
-          "values": "ComponentInstance<ContextMenuIndicatorProps, ContextMenuIndicatorState, ContextMenuIndicatorExposes>"
-        }
-      },
-      "variables": {}
-    }
-  },
   {
     "name": "ContextMenuItem",
     "source": "apps/showcase/assets/apidoc/contextmenuitem.json",
@@ -357,19 +194,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: ContextMenuItemInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: ContextMenuItemInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: ContextMenuItemInstance) => string)",
+              "type": "string | ((instance?: ContextMenuItemInstance) => undefined | 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>",
+              "type": "null | 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."
             },
@@ -478,25 +315,25 @@
           "props": [
             {
               "name": "contextmenu",
-              "type": "ContextMenuRootInstance",
+              "type": "undefined | null | ContextMenuRootInstance",
               "default": "",
               "description": "Instance of the ContextMenu component."
             },
             {
               "name": "submenu",
-              "type": "ContextMenuSubmenuInstance",
+              "type": "undefined | null | ContextMenuSubmenuInstance",
               "default": "",
               "description": "Instance of the ContextMenuSubmenu component."
             },
             {
               "name": "portal",
-              "type": "ContextMenuPortalInstance",
+              "type": "undefined | null | ContextMenuPortalInstance",
               "default": "",
               "description": "Instance of the ContextMenuPortal component."
             },
             {
               "name": "itemId",
-              "type": "string",
+              "type": "undefined | string",
               "default": "",
               "description": "ID of the item element."
             },
@@ -568,19 +405,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: ContextMenuLabelInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: ContextMenuLabelInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: ContextMenuLabelInstance) => string)",
+              "type": "string | ((instance?: ContextMenuLabelInstance) => undefined | 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>",
+              "type": "null | 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."
             },
@@ -665,7 +502,7 @@
           "props": [
             {
               "name": "contextmenu",
-              "type": "ContextMenuRootInstance",
+              "type": "undefined | null | ContextMenuRootInstance",
               "default": "",
               "description": "The ContextMenu component instance."
             }
@@ -731,19 +568,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: ContextMenuListInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: ContextMenuListInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: ContextMenuListInstance) => string)",
+              "type": "string | ((instance?: ContextMenuListInstance) => undefined | 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>",
+              "type": "null | 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."
             },
@@ -828,7 +665,7 @@
           "props": [
             {
               "name": "contextmenu",
-              "type": "ContextMenuRootInstance",
+              "type": "undefined | null | ContextMenuRootInstance",
               "default": "",
               "description": "The ContextMenu component instance."
             }
@@ -888,19 +725,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: ContextMenuPopupInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: ContextMenuPopupInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: ContextMenuPopupInstance) => string)",
+              "type": "string | ((instance?: ContextMenuPopupInstance) => undefined | 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>",
+              "type": "null | 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."
             },
@@ -991,7 +828,7 @@
           "props": [
             {
               "name": "contextmenu",
-              "type": "ContextMenuRootInstance",
+              "type": "undefined | null | ContextMenuRootInstance",
               "default": "",
               "description": "The ContextMenu component instance."
             }
@@ -1051,19 +888,19 @@
             },
             {
               "name": "style",
-              "type": "(CSSProperties | ((instance?: PortalInstance) => CSSProperties)) & (CSSProperties | ((instance?: ContextMenuPortalInstance) => CSSProperties))",
+              "type": "(CSSProperties | ((instance?: PortalInstance | undefined) => CSSProperties | undefined)) & (CSSProperties | ((instance?: ContextMenuPortalInstance | undefined) => CSSProperties | undefined))",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "(string | ((instance?: PortalInstance) => string)) & (string | ((instance?: ContextMenuPortalInstance) => string))",
+              "type": "(string | ((instance?: PortalInstance | undefined) => string | undefined)) & (string | ((instance?: ContextMenuPortalInstance | undefined) => string | undefined))",
               "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>",
+              "type": "null | 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."
             },
@@ -1141,7 +978,7 @@
             },
             {
               "name": "elementRef",
-              "type": "RefObject<HTMLElement>",
+              "type": "RefObject<null | HTMLElement>",
               "default": "",
               "description": "The element reference to be rendered as the portal."
             },
@@ -1178,7 +1015,7 @@
           "props": [
             {
               "name": "contextmenu",
-              "type": "ContextMenuRootInstance",
+              "type": "undefined | null | ContextMenuRootInstance",
               "default": "",
               "description": "The ContextMenu component instance."
             }
@@ -1238,19 +1075,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: ContextMenuPositionerInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: ContextMenuPositionerInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: ContextMenuPositionerInstance) => string)",
+              "type": "string | ((instance?: ContextMenuPositionerInstance) => undefined | 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>",
+              "type": "null | 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."
             },
@@ -1311,13 +1148,13 @@
             {
               "name": "side",
               "type": "SideType",
-              "default": "",
+              "default": "'bottom'",
               "description": "The side of the positioner."
             },
             {
               "name": "align",
               "type": "AlignType",
-              "default": "",
+              "default": "'center'",
               "description": "The align of the positioner."
             },
             {
@@ -1329,25 +1166,25 @@
             {
               "name": "alignOffset",
               "type": "number",
-              "default": "",
+              "default": "0",
               "description": "The align offset of the positioner."
             },
             {
               "name": "flip",
               "type": "boolean",
-              "default": "",
+              "default": "true",
               "description": "Whether to flip the positioner."
             },
             {
               "name": "shift",
               "type": "boolean",
-              "default": "",
+              "default": "true",
               "description": "Whether to shift the positioner."
             },
             {
               "name": "hideWhenDetached",
               "type": "boolean",
-              "default": "",
+              "default": "false",
               "description": "Whether to hide the positioner when detached."
             },
             {
@@ -1376,7 +1213,7 @@
             },
             {
               "name": "arrow",
-              "type": "HTMLDivElement",
+              "type": "null | HTMLDivElement",
               "default": "",
               "description": "The arrow element."
             },
@@ -1425,7 +1262,7 @@
           "props": [
             {
               "name": "contextmenu",
-              "type": "ContextMenuRootInstance",
+              "type": "undefined | null | ContextMenuRootInstance",
               "default": "",
               "description": "The ContextMenu component instance."
             }
@@ -1447,300 +1284,93 @@
     }
   },
   {
-    "name": "ContextMenuRadioGroup",
-    "source": "apps/showcase/assets/apidoc/contextmenuradiogroup.json",
+    "name": "ContextMenuRoot",
+    "source": "apps/showcase/assets/apidoc/contextmenuroot.json",
     "data": {
-      "description": "ContextMenuRadioGroup is a component that displays radio group.",
+      "description": "ContextMenu ContextMenu uses Menu component and displays an overlay menu to display actions related to a trigger.",
       "interfaces": {
-        "ContextMenuRadioGroupContextInterface": {
-          "description": "Local mirror of the legacy MenuRadioGroup context shape, kept so existing\nContextMenu code continues to compile until ContextMenu is refactored to\nthe new RadioItemGroup/RadioItem pattern.",
+        "ContextMenuRootPassThrough": {
+          "description": "Defines passthrough(pt) options of ContextMenu component.",
           "relatedProp": "",
+          "extendedTypes": "MenuRootPassThrough",
           "props": [
             {
-              "name": "value",
-              "type": "unknown",
-              "default": ""
+              "name": "root",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the root's DOM element."
             },
             {
-              "name": "onValueChange",
-              "type": "(value: unknown) => void",
-              "default": ""
+              "name": "list",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the list's DOM element."
             },
             {
-              "name": "name",
-              "type": "string",
-              "default": ""
-            }
-          ],
-          "methods": []
-        },
-        "ContextMenuRadioGroupPassThrough": {
-          "description": "Defines passthrough(pt) options of ContextMenuRadioGroup component.",
-          "relatedProp": "",
-          "props": [],
-          "methods": []
-        },
-        "ContextMenuRadioGroupValueChangeEvent": {
-          "description": "Event object for the onValueChange callback.",
-          "relatedProp": "",
-          "props": [
-            {
-              "name": "value",
-              "type": "unknown",
+              "name": "item",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
               "default": "",
-              "description": "The new selected value."
-            }
-          ],
-          "methods": []
-        },
-        "ContextMenuRadioGroupProps": {
-          "description": "Defines valid properties in ContextMenuRadioGroup component.",
-          "relatedProp": "",
-          "extendedTypes": "BaseComponentProps<ContextMenuRadioGroupInstance, unknown, ContextMenuRadioGroupPassThrough>",
-          "props": [
+              "description": "Used to pass attributes to the item's DOM element."
+            },
             {
-              "name": "ref",
-              "type": "Ref<unknown>",
+              "name": "label",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
               "default": "",
-              "description": "The reference to the component instance."
+              "description": "Used to pass attributes to the label's DOM element."
             },
             {
-              "name": "pIf",
-              "type": "boolean",
-              "default": "true",
-              "description": "Whether the component should be rendered."
+              "name": "sub",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the submenu's DOM element."
             },
             {
-              "name": "style",
-              "type": "CSSProperties | ((instance?: ContextMenuRadioGroupInstance) => CSSProperties)",
+              "name": "trigger",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLButtonElement>>",
               "default": "",
-              "description": "The style to apply to the component."
+              "description": "Used to pass attributes to the trigger's DOM element."
             },
             {
-              "name": "className",
-              "type": "string | ((instance?: ContextMenuRadioGroupInstance) => string)",
+              "name": "subtrigger",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
               "default": "",
-              "description": "The class name to apply to the component."
+              "description": "Used to pass attributes to the subtrigger's DOM element."
             },
             {
-              "name": "as",
-              "type": "string | number | bigint | boolean | ComponentClass<any, any> | FunctionComponent<any> | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode, any, any> | ReactPortal | Promise<AwaitedReactNode>",
+              "name": "checkboxItemIndicator",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLSpanElement>>",
               "default": "",
-              "description": "The component type to render."
+              "description": "Used to pass attributes to the checkbox item indicator's DOM element."
             },
             {
-              "name": "asChild",
-              "type": "boolean",
-              "default": "false",
-              "description": "Whether the component should be rendered as a child component."
+              "name": "radioItemIndicator",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLSpanElement>>",
+              "default": "",
+              "description": "Used to pass attributes to the radio item indicator's DOM element."
             },
             {
-              "name": "instance",
-              "type": "ContextMenuRadioGroupInstance",
+              "name": "submenuIndicator",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLSpanElement>>",
               "default": "",
-              "description": "The instance to pass to the component."
+              "description": "Used to pass attributes to the submenu indicator's DOM element."
             },
             {
-              "name": "pt",
-              "type": "SafeRecord<ContextMenuRadioGroupPassThrough>",
+              "name": "separator",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
               "default": "",
-              "description": "The pass-through props to pass to the component."
+              "description": "Used to pass attributes to the separator's DOM element."
             },
             {
-              "name": "ptOptions",
-              "type": "PassThroughOptions",
+              "name": "popup",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
               "default": "",
-              "description": "The pass-through options to pass to the component."
+              "description": "Used to pass attributes to the popup's DOM element."
             },
             {
-              "name": "unstyled",
-              "type": "boolean",
+              "name": "arrow",
+              "type": "MenuRootPassThroughType<HTMLAttributes<HTMLDivElement>>",
               "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: ContextMenuRadioGroupInstance) => 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 selected radio item."
-            },
-            {
-              "name": "defaultValue",
-              "type": "unknown",
-              "default": "",
-              "description": "Default value of the selected radio item."
-            },
-            {
-              "name": "name",
-              "type": "string",
-              "default": "",
-              "description": "Name for the radio group."
-            },
-            {
-              "name": "onValueChange",
-              "type": "(event: ContextMenuRadioGroupValueChangeEvent) => void",
-              "default": "",
-              "description": "Callback to invoke when value changes."
-            },
-            {
-              "name": "[key: string]",
-              "type": "any",
-              "description": ""
-            }
-          ],
-          "methods": []
-        },
-        "ContextMenuRadioGroupState": {
-          "description": "Defines valid state in ContextMenuRadioGroup component.",
-          "relatedProp": "",
-          "props": [],
-          "methods": []
-        },
-        "ContextMenuRadioGroupExposes": {
-          "description": "Defines the methods and properties exposed by ContextMenuRadioGroup component.",
-          "relatedProp": "",
-          "props": [
-            {
-              "name": "contextmenu",
-              "type": "ContextMenuRootInstance",
-              "default": "",
-              "description": "The ContextMenu component instance."
-            },
-            {
-              "name": "context",
-              "type": "ContextMenuRadioGroupContextInterface",
-              "default": "",
-              "description": "Context value for the radio group containing the current selection state, change handler, and optional group name."
-            }
-          ],
-          "methods": []
-        }
-      },
-      "types": {
-        "ContextMenuRadioGroupPassThroughType": {
-          "description": "Defines passthrough(pt) options type in ContextMenuRadioGroup component.",
-          "values": "PassThroughType<ContextMenuRadioGroupInstance, E>"
-        },
-        "ContextMenuRadioGroupInstance": {
-          "description": "Instance of ContextMenuRadioGroup component.",
-          "values": "ComponentInstance<ContextMenuRadioGroupProps, ContextMenuRadioGroupState, ContextMenuRadioGroupExposes>"
-        }
-      },
-      "variables": {}
-    }
-  },
-  {
-    "name": "ContextMenuRoot",
-    "source": "apps/showcase/assets/apidoc/contextmenuroot.json",
-    "data": {
-      "description": "ContextMenu ContextMenu uses Menu component and displays an overlay menu to display actions related to a trigger.",
-      "interfaces": {
-        "ContextMenuRootPassThrough": {
-          "description": "Defines passthrough(pt) options of ContextMenu component.",
-          "relatedProp": "",
-          "extendedTypes": "MenuRootPassThrough",
-          "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."
+              "description": "Used to pass attributes to the arrow's DOM element."
             },
             {
               "name": "positioner",
@@ -1808,19 +1438,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: ContextMenuRootInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: ContextMenuRootInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: ContextMenuRootInstance) => string)",
+              "type": "string | ((instance?: ContextMenuRootInstance) => undefined | 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>",
+              "type": "null | 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."
             },
@@ -2148,19 +1778,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: ContextMenuSeparatorInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: ContextMenuSeparatorInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: ContextMenuSeparatorInstance) => string)",
+              "type": "string | ((instance?: ContextMenuSeparatorInstance) => undefined | 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>",
+              "type": "null | 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."
             },
@@ -2245,7 +1875,7 @@
           "props": [
             {
               "name": "contextmenu",
-              "type": "ContextMenuRootInstance",
+              "type": "undefined | null | ContextMenuRootInstance",
               "default": "",
               "description": "The ContextMenu component instance."
             }
@@ -2325,19 +1955,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: ContextMenuSubmenuInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: ContextMenuSubmenuInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: ContextMenuSubmenuInstance) => string)",
+              "type": "string | ((instance?: ContextMenuSubmenuInstance) => undefined | 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>",
+              "type": "null | 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."
             },
@@ -2448,7 +2078,7 @@
           "props": [
             {
               "name": "contextmenu",
-              "type": "ContextMenuRootInstance",
+              "type": "undefined | null | ContextMenuRootInstance",
               "default": "",
               "description": "The ContextMenu component instance."
             },
@@ -2460,7 +2090,7 @@
             },
             {
               "name": "subtriggerProps",
-              "type": "{ ref: (node: HTMLElement) => void }",
+              "type": "{ ref: (node: null | HTMLElement) => void }",
               "default": "",
               "description": "Props for the subtrigger element."
             },
@@ -2472,7 +2102,7 @@
             },
             {
               "name": "listProps",
-              "type": "{ ref: (node: HTMLDivElement) => void; data-scope: \"menu\"; data-part: \"list\" }",
+              "type": "{ ref: (node: null | HTMLDivElement) => void; data-scope: \"menu\"; data-part: \"list\" }",
               "default": "",
               "description": "Props for the list element."
             },
@@ -2512,29 +2142,29 @@
     }
   },
   {
-    "name": "ContextMenuSubmenuPopup",
-    "source": "apps/showcase/assets/apidoc/contextmenusubpopup.json",
+    "name": "ContextMenuSubmenuTrigger",
+    "source": "apps/showcase/assets/apidoc/contextmenusubmenutrigger.json",
     "data": {
-      "description": "ContextMenuSubPopup is a component that displays the popup content of a submenu with motion support.",
+      "description": "ContextMenuSubmenuTrigger is a component that displays the trigger for a submenu item.",
       "interfaces": {
-        "ContextMenuSubPopupPassThrough": {
-          "description": "Defines passthrough(pt) options of ContextMenuSubPopup component.",
+        "ContextMenuSubmenuTriggerPassThrough": {
+          "description": "Defines passthrough(pt) options of ContextMenuSubmenuTrigger component.",
           "relatedProp": "",
-          "extendedTypes": "MenuSubPopupPassThrough",
+          "extendedTypes": "MenuSubmenuTriggerPassThrough",
           "props": [
             {
               "name": "root",
-              "type": "MenuSubPopupPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "type": "MenuSubmenuTriggerPassThroughType<HTMLAttributes<HTMLDivElement>>",
               "default": "",
               "description": "Used to pass attributes to the root's DOM element."
             }
           ],
           "methods": []
         },
-        "ContextMenuSubPopupProps": {
-          "description": "Defines valid properties in ContextMenuSubPopup component.",
+        "ContextMenuSubmenuTriggerProps": {
+          "description": "Defines valid properties in ContextMenuSubmenuTrigger component.",
           "relatedProp": "",
-          "extendedTypes": "BaseComponentProps<ContextMenuSubPopupInstance, unknown, ContextMenuSubPopupPassThrough>",
+          "extendedTypes": "BaseComponentProps<ContextMenuSubmenuTriggerInstance, unknown, ContextMenuSubmenuTriggerPassThrough>",
           "props": [
             {
               "name": "ref",
@@ -2550,19 +2180,19 @@
             },
             {
               "name": "style",
-              "type": "CSSProperties | ((instance?: ContextMenuSubPopupInstance) => CSSProperties)",
+              "type": "CSSProperties | ((instance?: ContextMenuSubmenuTriggerInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "string | ((instance?: ContextMenuSubPopupInstance) => string)",
+              "type": "string | ((instance?: ContextMenuSubmenuTriggerInstance) => undefined | 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>",
+              "type": "null | 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."
             },
@@ -2574,13 +2204,13 @@
             },
             {
               "name": "instance",
-              "type": "ContextMenuSubPopupInstance",
+              "type": "ContextMenuSubmenuTriggerInstance",
               "default": "",
               "description": "The instance to pass to the component."
             },
             {
               "name": "pt",
-              "type": "SafeRecord<ContextMenuSubPopupPassThrough>",
+              "type": "SafeRecord<ContextMenuSubmenuTriggerPassThrough>",
               "default": "",
               "description": "The pass-through props to pass to the component."
             },
@@ -2610,7 +2240,7 @@
             },
             {
               "name": "render",
-              "type": "(instance: ContextMenuSubPopupInstance) => ReactNode",
+              "type": "(instance: ContextMenuSubmenuTriggerInstance) => ReactNode",
               "default": "",
               "description": "The render function to render the component with instance access."
             },
@@ -2620,12 +2250,6 @@
               "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 subpopup element. It accepts the same properties as useMotion hook."
-            },
             {
               "name": "[key: string]",
               "type": "any",
@@ -2641,69 +2265,62 @@
           ],
           "methods": []
         },
-        "ContextMenuSubPopupState": {
-          "description": "Defines valid state in ContextMenuSubPopup component.",
+        "ContextMenuSubmenuTriggerState": {
+          "description": "Defines valid state in ContextMenuSubmenuTrigger component.",
           "relatedProp": "",
           "props": [],
           "methods": []
         },
-        "ContextMenuSubPopupExposes": {
-          "description": "Defines the methods and properties exposed by ContextMenuSubPopup component.",
+        "ContextMenuSubmenuTriggerExposes": {
+          "description": "Defines the methods and properties exposed by ContextMenuSubmenuTrigger component.",
           "relatedProp": "",
           "props": [
             {
               "name": "contextmenu",
-              "type": "ContextMenuRootInstance",
+              "type": "undefined | null | ContextMenuRootInstance",
               "default": "",
               "description": "The ContextMenu component instance."
-            },
-            {
-              "name": "subcontextmenu",
-              "type": "ContextMenuSubInstance",
-              "default": "",
-              "description": "The ContextMenuSub component instance."
             }
           ],
           "methods": []
         }
       },
       "types": {
-        "ContextMenuSubPopupPassThroughType": {
-          "description": "Defines passthrough(pt) options type in ContextMenuSubPopup component.",
-          "values": "PassThroughType<ContextMenuSubPopupInstance, E>"
+        "ContextMenuSubmenuTriggerPassThroughType": {
+          "description": "Defines passthrough(pt) options type in ContextMenuSubmenuTrigger component.",
+          "values": "PassThroughType<ContextMenuSubmenuTriggerInstance, E>"
         },
-        "ContextMenuSubPopupInstance": {
-          "description": "Instance of ContextMenuSubPopup component.",
-          "values": "ComponentInstance<ContextMenuSubPopupProps, ContextMenuSubPopupState, ContextMenuSubPopupExposes>"
+        "ContextMenuSubmenuTriggerInstance": {
+          "description": "Instance of ContextMenuSubmenuTrigger component.",
+          "values": "ComponentInstance<ContextMenuSubmenuTriggerProps, ContextMenuSubmenuTriggerState, ContextMenuSubmenuTriggerExposes>"
         }
       },
       "variables": {}
     }
   },
   {
-    "name": "ContextMenuSubmenuPortal",
-    "source": "apps/showcase/assets/apidoc/contextmenusubportal.json",
+    "name": "ContextMenuTrigger",
+    "source": "apps/showcase/assets/apidoc/contextmenutrigger.json",
     "data": {
-      "description": "ContextMenuSubPortal is a component that renders submenu content in a portal.",
+      "description": "ContextMenuTrigger is a component that displays  trigger.",
       "interfaces": {
-        "ContextMenuSubPortalPassThrough": {
-          "description": "Defines passthrough(pt) options of ContextMenuSubPortal component.",
+        "ContextMenuTriggerPassThrough": {
+          "description": "Defines passthrough(pt) options of ContextMenuTrigger component.",
           "relatedProp": "",
-          "extendedTypes": "MenuSubPortalPassThrough",
           "props": [
             {
               "name": "root",
-              "type": "MenuSubPortalPassThroughType<HTMLAttributes<HTMLDivElement>>",
+              "type": "ContextMenuTriggerPassThroughType<HTMLAttributes<HTMLDivElement>>",
               "default": "",
               "description": "Used to pass attributes to the root's DOM element."
             }
           ],
           "methods": []
         },
-        "ContextMenuSubPortalProps": {
-          "description": "Defines valid properties in ContextMenuSubPortal component.",
+        "ContextMenuTriggerProps": {
+          "description": "Defines valid properties in ContextMenuTrigger component.",
           "relatedProp": "",
-          "extendedTypes": "BaseComponentProps<ContextMenuSubPortalInstance, PortalProps, ContextMenuSubPortalPassThrough>",
+          "extendedTypes": "BaseComponentProps<ContextMenuTriggerInstance, unknown, ContextMenuTriggerPassThrough>",
           "props": [
             {
               "name": "ref",
@@ -2719,19 +2336,19 @@
             },
             {
               "name": "style",
-              "type": "(CSSProperties | ((instance?: PortalInstance) => CSSProperties)) & (CSSProperties | ((instance?: ContextMenuSubPortalInstance) => CSSProperties))",
+              "type": "CSSProperties | ((instance?: ContextMenuTriggerInstance) => undefined | CSSProperties)",
               "default": "",
               "description": "The style to apply to the component."
             },
             {
               "name": "className",
-              "type": "(string | ((instance?: PortalInstance) => string)) & (string | ((instance?: ContextMenuSubPortalInstance) => string))",
+              "type": "string | ((instance?: ContextMenuTriggerInstance) => undefined | 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>",
+              "type": "null | 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."
             },
@@ -2743,13 +2360,13 @@
             },
             {
               "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<ContextMenuSubPortalProps>, unknown, HTMLElement> & { props: SafeRecord<SafeRecord<ContextMenuSubPortalProps>>; attrs: Omit<SafeRecord<SafeRecord<ContextMenuSubPortalProps>>, string | number | symbol> & Record<PropertyKey, unknown> } & { state: SafeRecord; $computedSetup: SafeRecord } & ContextMenuSubPortalExposes",
+              "type": "ContextMenuTriggerInstance",
               "default": "",
               "description": "The instance to pass to the component."
             },
             {
               "name": "pt",
-              "type": "PortalPassThrough & Record<PropertyKey, unknown> & ContextMenuSubPortalPassThrough",
+              "type": "SafeRecord<ContextMenuTriggerPassThrough>",
               "default": "",
               "description": "The pass-through props to pass to the component."
             },
@@ -2779,7 +2396,7 @@
             },
             {
               "name": "render",
-              "type": "(instance: PortalInstance) => ReactNode & (instance: ContextMenuSubPortalInstance) => ReactNode",
+              "type": "(instance: ContextMenuTriggerInstance) => ReactNode",
               "default": "",
               "description": "The render function to render the component with instance access."
             },
@@ -2789,36 +2406,6 @@
               "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",
@@ -2834,603 +2421,25 @@
           ],
           "methods": []
         },
-        "ContextMenuSubPortalState": {
-          "description": "Defines valid state in ContextMenuSubPortal component.",
+        "ContextMenuTriggerState": {
+          "description": "Defines valid state in ContextMenuTrigger component.",
           "relatedProp": "",
           "props": [],
           "methods": []
         },
-        "ContextMenuSubPortalExposes": {
-          "description": "Defines the methods and properties exposed by ContextMenuSubPortal component.",
+        "ContextMenuTriggerExposes": {
+          "description": "Defines the methods and properties exposed by ContextMenuTrigger component.",
           "relatedProp": "",
           "props": [
             {
               "name": "contextmenu",
-              "type": "ContextMenuRootInstance",
-              "default": "",
-              "description": "The ContextMenu component instance."
-            },
-            {
-              "name": "subcontextmenu",
-              "type": "ContextMenuSubInstance",
-              "default": "",
-              "description": "The ContextMenuSub component instance."
-            }
-          ],
-          "methods": []
-        }
-      },
-      "types": {
-        "ContextMenuSubPortalPassThroughType": {
-          "description": "Defines passthrough(pt) options type in ContextMenuSubPortal component.",
-          "values": "PassThroughType<ContextMenuSubPortalInstance, E>"
-        },
-        "ContextMenuSubPortalInstance": {
-          "description": "Instance of ContextMenuSubPortal component.",
-          "values": "ComponentInstance<ContextMenuSubPortalProps, ContextMenuSubPortalState, ContextMenuSubPortalExposes>"
-        }
-      },
-      "variables": {}
-    }
-  },
-  {
-    "name": "ContextMenuSubmenuPositioner",
-    "source": "apps/showcase/assets/apidoc/contextmenusubpositioner.json",
-    "data": {
-      "description": "ContextMenuSubPositioner is a component that positions the submenu list relative to the subtrigger element using usePositioner.",
-      "interfaces": {
-        "ContextMenuSubPositionerPassThrough": {
-          "description": "Defines passthrough(pt) options of ContextMenuSubPositioner component.",
-          "relatedProp": "",
-          "extendedTypes": "MenuSubPositionerPassThrough",
-          "props": [
-            {
-              "name": "root",
-              "type": "MenuSubPositionerPassThroughType<HTMLAttributes<HTMLDivElement>>",
-              "default": "",
-              "description": "Used to pass attributes to the root's DOM element."
-            }
-          ],
-          "methods": []
-        },
-        "ContextMenuSubPositionerProps": {
-          "description": "Defines valid properties in ContextMenuSubPositioner component.",
-          "relatedProp": "",
-          "extendedTypes": "BaseComponentProps<ContextMenuSubPositionerInstance, usePositionerProps, ContextMenuSubPositionerPassThrough>",
-          "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?: ContextMenuSubPositionerInstance) => CSSProperties)",
-              "default": "",
-              "description": "The style to apply to the component."
-            },
-            {
-              "name": "className",
-              "type": "string | ((instance?: ContextMenuSubPositionerInstance) => 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": "ContextMenuSubPositionerInstance",
-              "default": "",
-              "description": "The instance to pass to the component."
-            },
-            {
-              "name": "pt",
-              "type": "SafeRecord<ContextMenuSubPositionerPassThrough>",
-              "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: ContextMenuSubPositionerInstance) => 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": []
-        },
-        "ContextMenuSubPositionerState": {
-          "description": "Defines valid state in ContextMenuSubPositioner component.",
-          "relatedProp": "",
-          "props": [],
-          "methods": []
-        },
-        "ContextMenuSubPositionerExposes": {
-          "description": "Defines the methods and properties exposed by ContextMenuSubPositioner component.",
-          "relatedProp": "",
-          "props": [
-            {
-              "name": "contextmenu",
-              "type": "ContextMenuRootInstance",
-              "default": "",
-              "description": "The ContextMenu component instance."
-            },
-            {
-              "name": "subcontextmenu",
-              "type": "ContextMenuSubInstance",
-              "default": "",
-              "description": "The ContextMenuSub component instance."
-            },
-            {
-              "name": "positioner",
-              "type": "usePositionerExposes",
-              "default": "",
-              "description": "The positioner instance."
-            }
-          ],
-          "methods": []
-        }
-      },
-      "types": {
-        "ContextMenuSubPositionerPassThroughType": {
-          "description": "Defines passthrough(pt) options type in ContextMenuSubPositioner component.",
-          "values": "PassThroughType<ContextMenuSubPositionerInstance, E>"
-        },
-        "ContextMenuSubPositionerInstance": {
-          "description": "Instance of ContextMenuSubPositioner component.",
-          "values": "ComponentInstance<ContextMenuSubPositionerProps, ContextMenuSubPositionerState, ContextMenuSubPositionerExposes>"
-        }
-      },
-      "variables": {}
-    }
-  },
-  {
-    "name": "ContextMenuSubmenuTrigger",
-    "source": "apps/showcase/assets/apidoc/contextmenusubmenutrigger.json",
-    "data": {
-      "description": "ContextMenuSubmenuTrigger is a component that displays the trigger for a submenu item.",
-      "interfaces": {
-        "ContextMenuSubmenuTriggerPassThrough": {
-          "description": "Defines passthrough(pt) options of ContextMenuSubmenuTrigger component.",
-          "relatedProp": "",
-          "extendedTypes": "MenuSubmenuTriggerPassThrough",
-          "props": [
-            {
-              "name": "root",
-              "type": "MenuSubmenuTriggerPassThroughType<HTMLAttributes<HTMLDivElement>>",
-              "default": "",
-              "description": "Used to pass attributes to the root's DOM element."
-            }
-          ],
-          "methods": []
-        },
-        "ContextMenuSubmenuTriggerProps": {
-          "description": "Defines valid properties in ContextMenuSubmenuTrigger component.",
-          "relatedProp": "",
-          "extendedTypes": "BaseComponentProps<ContextMenuSubmenuTriggerInstance, unknown, ContextMenuSubmenuTriggerPassThrough>",
-          "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?: ContextMenuSubmenuTriggerInstance) => CSSProperties)",
-              "default": "",
-              "description": "The style to apply to the component."
-            },
-            {
-              "name": "className",
-              "type": "string | ((instance?: ContextMenuSubmenuTriggerInstance) => 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": "ContextMenuSubmenuTriggerInstance",
-              "default": "",
-              "description": "The instance to pass to the component."
-            },
-            {
-              "name": "pt",
-              "type": "SafeRecord<ContextMenuSubmenuTriggerPassThrough>",
-              "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: ContextMenuSubmenuTriggerInstance) => 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": []
-        },
-        "ContextMenuSubmenuTriggerState": {
-          "description": "Defines valid state in ContextMenuSubmenuTrigger component.",
-          "relatedProp": "",
-          "props": [],
-          "methods": []
-        },
-        "ContextMenuSubmenuTriggerExposes": {
-          "description": "Defines the methods and properties exposed by ContextMenuSubmenuTrigger component.",
-          "relatedProp": "",
-          "props": [
-            {
-              "name": "contextmenu",
-              "type": "ContextMenuRootInstance",
-              "default": "",
-              "description": "The ContextMenu component instance."
-            }
-          ],
-          "methods": []
-        }
-      },
-      "types": {
-        "ContextMenuSubmenuTriggerPassThroughType": {
-          "description": "Defines passthrough(pt) options type in ContextMenuSubmenuTrigger component.",
-          "values": "PassThroughType<ContextMenuSubmenuTriggerInstance, E>"
-        },
-        "ContextMenuSubmenuTriggerInstance": {
-          "description": "Instance of ContextMenuSubmenuTrigger component.",
-          "values": "ComponentInstance<ContextMenuSubmenuTriggerProps, ContextMenuSubmenuTriggerState, ContextMenuSubmenuTriggerExposes>"
-        }
-      },
-      "variables": {}
-    }
-  },
-  {
-    "name": "ContextMenuTrigger",
-    "source": "apps/showcase/assets/apidoc/contextmenutrigger.json",
-    "data": {
-      "description": "ContextMenuTrigger is a component that displays  trigger.",
-      "interfaces": {
-        "ContextMenuTriggerPassThrough": {
-          "description": "Defines passthrough(pt) options of ContextMenuTrigger component.",
-          "relatedProp": "",
-          "props": [
-            {
-              "name": "root",
-              "type": "ContextMenuTriggerPassThroughType<HTMLAttributes<HTMLDivElement>>",
-              "default": "",
-              "description": "Used to pass attributes to the root's DOM element."
-            }
-          ],
-          "methods": []
-        },
-        "ContextMenuTriggerProps": {
-          "description": "Defines valid properties in ContextMenuTrigger component.",
-          "relatedProp": "",
-          "extendedTypes": "BaseComponentProps<ContextMenuTriggerInstance, unknown, ContextMenuTriggerPassThrough>",
-          "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?: ContextMenuTriggerInstance) => CSSProperties)",
-              "default": "",
-              "description": "The style to apply to the component."
-            },
-            {
-              "name": "className",
-              "type": "string | ((instance?: ContextMenuTriggerInstance) => 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": "ContextMenuTriggerInstance",
-              "default": "",
-              "description": "The instance to pass to the component."
-            },
-            {
-              "name": "pt",
-              "type": "SafeRecord<ContextMenuTriggerPassThrough>",
-              "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: ContextMenuTriggerInstance) => 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": []
-        },
-        "ContextMenuTriggerState": {
-          "description": "Defines valid state in ContextMenuTrigger component.",
-          "relatedProp": "",
-          "props": [],
-          "methods": []
-        },
-        "ContextMenuTriggerExposes": {
-          "description": "Defines the methods and properties exposed by ContextMenuTrigger component.",
-          "relatedProp": "",
-          "props": [
-            {
-              "name": "contextmenu",
-              "type": "ContextMenuRootInstance",
+              "type": "undefined | null | ContextMenuRootInstance",
               "default": "",
               "description": "The ContextMenu component instance."
             },
             {
               "name": "menu",
-              "type": "MenuRootInstance",
+              "type": "undefined | null | MenuRootInstance",
               "default": "",
               "description": "Instance of the Menu component."
             }