@economic/taco 1.23.1 → 1.25.0

package/types.json

@@ -221,6 +221,107 @@
                 }
             ]
         },
+        "DrawerContext": {
+            "props": [
+                {
+                    "name": "closeOnEscape",
+                    "optional": false,
+                    "type": "boolean"
+                },
+                {
+                    "name": "focusTrap",
+                    "optional": true,
+                    "type": "boolean"
+                },
+                {
+                    "name": "onClose",
+                    "optional": true,
+                    "type": {
+                        "returnValue": "void"
+                    }
+                },
+                {
+                    "name": "onResize",
+                    "optional": true,
+                    "type": {
+                        "arguments": {
+                            "delta": "number"
+                        },
+                        "returnValue": "void"
+                    }
+                },
+                {
+                    "name": "open",
+                    "optional": true,
+                    "type": "boolean"
+                },
+                {
+                    "name": "outlet",
+                    "optional": true,
+                    "type": "HTMLElement"
+                },
+                {
+                    "name": "props",
+                    "optional": false,
+                    "type": {
+                        "type": "reflection",
+                        "declaration": {
+                            "id": 1325,
+                            "name": "__type",
+                            "kind": 65536,
+                            "kindString": "Type literal",
+                            "flags": {
+                                "isExported": true
+                            }
+                        }
+                    }
+                },
+                {
+                    "name": "ref",
+                    "optional": false,
+                    "type": "React.Ref<HTMLElement>"
+                },
+                {
+                    "name": "setOpen",
+                    "optional": true,
+                    "type": {
+                        "arguments": {
+                            "open": "boolean"
+                        },
+                        "returnValue": "void"
+                    }
+                },
+                {
+                    "name": "showCloseButton",
+                    "optional": false,
+                    "type": "boolean"
+                },
+                {
+                    "name": "size",
+                    "optional": false,
+                    "type": "DrawerSize"
+                },
+                {
+                    "name": "variant",
+                    "optional": false,
+                    "type": "DrawerVariant"
+                }
+            ]
+        },
+        "LayoutContextValue": {
+            "props": [
+                {
+                    "name": "setSidebarOpen",
+                    "optional": false,
+                    "type": "React.Dispatch<React.SetStateAction<boolean>>"
+                },
+                {
+                    "name": "sidebarOpen",
+                    "optional": false,
+                    "type": "boolean"
+                }
+            ]
+        },
         "Select2ContextProps": {
             "props": [
                 {
@@ -464,6 +565,60 @@
         },
         "DialogFooterProps": "HTMLAttributes<HTMLDivElement>",
         "DialogTitleProps": "HTMLAttributes<HTMLHeadingElement>",
+        "DrawerCloseProps": "HTMLAttributes<HTMLButtonElement>",
+        "DrawerContentProps": {
+            "intersections": [
+                "Omit<HTMLAttributes<HTMLDivElement>, 'children'>"
+            ],
+            "props": [
+                {
+                    "description": "An accessible label to be announced when the side drawer is opened",
+                    "name": "aria-label",
+                    "optional": false,
+                    "type": "string"
+                },
+                {
+                    "name": "children",
+                    "optional": false,
+                    "type": [
+                        "Omit<React.ReactNode, 'Function'>",
+                        {
+                            "arguments": {
+                                "props": "DrawerContentRenderProps"
+                            },
+                            "returnValue": "Element"
+                        }
+                    ]
+                }
+            ]
+        },
+        "DrawerContentRenderProps": {
+            "props": [
+                {
+                    "name": "close",
+                    "optional": false,
+                    "type": {
+                        "returnValue": "void"
+                    }
+                }
+            ]
+        },
+        "DrawerFooterProps": "HTMLAttributes<HTMLDivElement>",
+        "DrawerInnerContentProps": {
+            "intersections": [
+                "HTMLAttributes<HTMLDivElement>"
+            ],
+            "props": [
+                {
+                    "description": "Consumer might want to use innerContent component to apply default paddings, but want to implement custom scrolling behaviour,\ndefault value - true",
+                    "name": "isScrollable",
+                    "optional": true,
+                    "type": "boolean"
+                }
+            ]
+        },
+        "DrawerTitleProps": "HTMLAttributes<HTMLHeadingElement>",
+        "LayoutContentProps": "HTMLAttributes<HTMLDivElement>",
         "MenuContentProps": {
             "intersections": [
                 "Omit<DropdownMenuContentProps, 'children' | 'side'>"
@@ -486,7 +641,8 @@
                     "type": "Placement"
                 }
             ]
-        }
+        },
+        "Navigation2ContentProps": "LiHTMLAttributes<HTMLLIElement>"
     },
     "Footer": {
         "AlertDialogActionProps": "HTMLAttributes<HTMLButtonElement>",
@@ -496,6 +652,7 @@
     "Trigger": {
         "AlertDialogTriggerProps": "HTMLAttributes<HTMLButtonElement>",
         "DialogTriggerProps": "HTMLAttributes<HTMLButtonElement>",
+        "DrawerTriggerProps": "HTMLAttributes<HTMLButtonElement>",
         "MenuTriggerProps": {
             "intersections": [
                 "Omit<HTMLAttributes<HTMLButtonElement>, 'children'>"
@@ -613,73 +770,18 @@
     "Button": {
         "ButtonProps": {
             "intersections": [
-                "ButtonPrimitive.ButtonProps"
+                "Omit<IconButtonProps, 'appearance' | 'aria-label'>"
             ],
             "props": [
                 {
-                    "description": "Appearance will change the style of the button",
-                    "name": "appearance",
-                    "optional": true,
-                    "type": "Appearance"
-                },
-                {
-                    "description": "Dialog component associated with the button, clicking the button will open the dialog.\n*Note* that `onClick` event on button won't be handled, as in this case, the purpose of\nthe button should be only to open the associated dialog when clicked.",
-                    "name": "dialog",
-                    "optional": true,
-                    "type": {
-                        "arguments": {
-                            "props": "Partial<DialogProps>"
-                        },
-                        "returnValue": "Element"
-                    }
-                },
-                {
-                    "description": "If fluid, button expands to the width of it's container",
-                    "name": "fluid",
-                    "optional": true,
-                    "type": "boolean"
-                },
-                {
-                    "description": "Hanger component associated with the button.",
-                    "name": "hanger",
-                    "optional": true,
-                    "type": {
-                        "arguments": {
-                            "props": "Partial<HangerProps>"
-                        },
-                        "returnValue": "Element"
-                    }
-                },
-                {
-                    "description": "Menu component associated with the button.",
-                    "name": "menu",
-                    "optional": true,
-                    "type": {
-                        "arguments": {
-                            "props": "Partial<MenuProps>"
-                        },
-                        "returnValue": "Element"
-                    }
-                },
-                {
-                    "description": "Popover component associated with the button, clicking the button will open the popover.\n*Note* that `onClick` event on button won't be handled, as in this case, the purpose of\nthe button should be only to open the associated popover when clicked.",
-                    "name": "popover",
-                    "optional": true,
-                    "type": {
-                        "arguments": {
-                            "props": "Partial<PopoverProps>"
-                        },
-                        "returnValue": "Element"
-                    }
+                    "name": "aria-label",
+                    "optional": false,
+                    "type": "string"
                 },
                 {
-                    "description": "A tooltip to show when hovering over the button",
-                    "name": "tooltip",
+                    "name": "as",
                     "optional": true,
-                    "type": [
-                        "string",
-                        "Element"
-                    ]
+                    "type": "string"
                 }
             ]
         }
@@ -1181,7 +1283,7 @@
             "'lg'"
         ]
     },
-    "Drawer": {
+    "DialogDrawer": {
         "DialogDrawerProps": {
             "intersections": [
                 "Omit<HTMLAttributes<HTMLDivElement>, 'onAnimationStart' | 'onDragStart' | 'onDragEnd' | 'onDrag'>"
@@ -1217,156 +1319,778 @@
     "Extra": {
         "DialogExtraProps": "HTMLAttributes<HTMLDivElement>"
     },
-    "Field": {
-        "FieldProps": {
+    "Drawer": {
+        "DrawerProps": {
             "intersections": [
-                "LabelHTMLAttributes<HTMLLabelElement>"
+                "Omit<DialogProps, 'draggable' | 'size'>"
             ],
             "props": [
                 {
-                    "description": "Content of the field",
-                    "name": "children",
-                    "optional": false,
-                    "type": "React.ReactNode"
+                    "name": "children",
+                    "optional": false,
+                    "type": [
+                        "React.ReactNode",
+                        "React.ReactNode[]"
+                    ]
+                },
+                {
+                    "description": "className for children container, needed for embedded version, in cases where we might need to control children height",
+                    "name": "className",
+                    "optional": true,
+                    "type": "string"
+                },
+                {
+                    "description": "When `true`, pressing escape will close the drawer",
+                    "name": "closeOnEscape",
+                    "optional": true,
+                    "type": "boolean"
+                },
+                {
+                    "description": "Set whether the drawer is open by default or not, use when not providing a trigger",
+                    "name": "defaultOpen",
+                    "optional": true,
+                    "type": "boolean"
+                },
+                {
+                    "description": "When 'true' preventing focus from leaving drawer content",
+                    "name": "focusTrap",
+                    "optional": true,
+                    "type": "boolean"
+                },
+                {
+                    "description": "Called when the drawer opens or closes, must be used in conjunction with open",
+                    "name": "onChange",
+                    "optional": true,
+                    "type": {
+                        "arguments": {
+                            "open": [
+                                "boolean",
+                                "undefined"
+                            ]
+                        },
+                        "returnValue": "void"
+                    }
+                },
+                {
+                    "description": "Handler called when drawer closes by user interaction",
+                    "name": "onClose",
+                    "optional": true,
+                    "type": {
+                        "returnValue": "void"
+                    }
+                },
+                {
+                    "description": "Triggers when resizing, can be throttled or debounced for better performances",
+                    "name": "onResize",
+                    "optional": true,
+                    "type": {
+                        "arguments": {
+                            "delta": "number"
+                        },
+                        "returnValue": "void"
+                    }
+                },
+                {
+                    "description": "Control the open state of the drawer from outside the component",
+                    "name": "open",
+                    "optional": true,
+                    "type": "boolean"
+                },
+                {
+                    "description": "When 'true' renders close button in topr right cornenr of drawer content",
+                    "name": "showCloseButton",
+                    "optional": true,
+                    "type": "boolean"
+                },
+                {
+                    "description": "Size of the drawer. This is the recommended way to set a size for drawer component.",
+                    "name": "size",
+                    "optional": true,
+                    "type": "DrawerSize"
+                },
+                {
+                    "description": "A trigger to be used for the drawer, should not be set if `children` already contains a trigger",
+                    "name": "trigger",
+                    "optional": true,
+                    "type": "JSX.Element"
+                },
+                {
+                    "description": "Rendering variant of the drawer",
+                    "name": "variant",
+                    "optional": true,
+                    "type": "DrawerVariant"
+                }
+            ]
+        },
+        "DrawerTexts": {
+            "props": [
+                {
+                    "description": "Aria-label for close icon button in drawer.",
+                    "name": "close",
+                    "optional": false,
+                    "type": "string"
+                }
+            ]
+        },
+        "ForwardedDrawerWithStatics": {
+            "intersections": [
+                "ForwardRefExoticComponent<DrawerProps & RefAttributes<HTMLElement>>"
+            ],
+            "props": [
+                {
+                    "name": "Actions",
+                    "optional": false,
+                    "type": "ForwardRefExoticComponent<GroupProps & RefAttributes<HTMLDivElement>>"
+                },
+                {
+                    "name": "Close",
+                    "optional": false,
+                    "type": "ForwardRefExoticComponent<DrawerCloseProps & RefAttributes<HTMLButtonElement>>"
+                },
+                {
+                    "name": "Content",
+                    "optional": false,
+                    "type": "ForwardRefExoticComponent<DrawerContentProps & RefAttributes<HTMLDivElement>>"
+                },
+                {
+                    "name": "Footer",
+                    "optional": false,
+                    "type": "ForwardRefExoticComponent<DrawerFooterProps & RefAttributes<HTMLDivElement>>"
+                },
+                {
+                    "name": "InnerContent",
+                    "optional": false,
+                    "type": "ForwardRefExoticComponent<DrawerInnerContentProps & RefAttributes<HTMLDivElement>>"
+                },
+                {
+                    "name": "Outlet",
+                    "optional": false,
+                    "type": "ForwardRefExoticComponent<OutletProps & RefAttributes<HTMLDivElement>>"
+                },
+                {
+                    "name": "Title",
+                    "optional": false,
+                    "type": "ForwardRefExoticComponent<DrawerTitleProps & RefAttributes<HTMLHeadingElement>>"
+                },
+                {
+                    "name": "Trigger",
+                    "optional": false,
+                    "type": "ForwardRefExoticComponent<DrawerTriggerProps & RefAttributes<HTMLButtonElement>>"
+                }
+            ]
+        },
+        "OutletProps": "HTMLAttributes<HTMLDivElement>",
+        "DrawerSize": [
+            "'md'",
+            "'lg'"
+        ],
+        "DrawerVariant": [
+            "'overlay'",
+            "'embedded'"
+        ]
+    },
+    "Field": {
+        "FieldProps": {
+            "intersections": [
+                "LabelHTMLAttributes<HTMLLabelElement>"
+            ],
+            "props": [
+                {
+                    "description": "Content of the field",
+                    "name": "children",
+                    "optional": false,
+                    "type": "React.ReactNode"
+                },
+                {
+                    "description": "Changes the style to indicate the element is disabled",
+                    "name": "disabled",
+                    "optional": true,
+                    "type": "boolean"
+                },
+                {
+                    "name": "invalid",
+                    "optional": true,
+                    "type": "boolean"
+                },
+                {
+                    "description": "Text displayed below the children of Field.\nShould be a short text that indicates feedback for user.",
+                    "name": "message",
+                    "optional": true,
+                    "type": "string"
+                }
+            ]
+        }
+    },
+    "Form": {
+        "FormProps": {
+            "intersections": [
+                "FormHTMLAttributes<HTMLFormElement>"
+            ],
+            "props": [
+                {
+                    "description": "Content should be composed of other Taco form elements",
+                    "name": "children",
+                    "optional": false,
+                    "type": "React.ReactNode"
+                },
+                {
+                    "description": "Display the form fields in a horizontal layout",
+                    "name": "horizontal",
+                    "optional": true,
+                    "type": "boolean"
+                }
+            ]
+        }
+    },
+    "Group": {
+        "GroupProps": {
+            "intersections": [
+                "HTMLAttributes<HTMLElement>"
+            ],
+            "props": [
+                {
+                    "description": "Change what html tag element will render.\nDefault value is `span`",
+                    "name": "as",
+                    "optional": true,
+                    "type": [
+                        "'div'",
+                        "'span'",
+                        "'nav'"
+                    ]
+                },
+                {
+                    "description": "Content should be composed of other Taco elements",
+                    "name": "children",
+                    "optional": false,
+                    "type": "React.ReactNode"
+                },
+                {
+                    "description": "Define orientation of grouping.",
+                    "name": "orientation",
+                    "optional": true,
+                    "type": "Orientation"
+                }
+            ]
+        },
+        "Navigation2GroupProps": {
+            "intersections": [
+                "ButtonHTMLAttributes<HTMLButtonElement>"
+            ],
+            "props": [
+                {
+                    "name": "defaultExpanded",
+                    "optional": true,
+                    "type": "boolean"
+                },
+                {
+                    "name": "heading",
+                    "optional": false,
+                    "type": [
+                        "string",
+                        "Element"
+                    ]
+                }
+            ]
+        },
+        "Select2GroupProps": {
+            "intersections": [
+                "Omit<ListboxPrimitive.Listbox2GroupProps, 'children'>"
+            ],
+            "props": [
+                {
+                    "name": "children",
+                    "optional": false,
+                    "type": "ReactElement<Select2OptionProps>[]"
+                },
+                {
+                    "name": "heading",
+                    "optional": true,
+                    "type": "string"
+                }
+            ]
+        }
+    },
+    "Hanger": {
+        "ForwardedHangerWithStatics": {
+            "intersections": [
+                "ForwardRefExoticComponent<HangerProps & RefAttributes<HTMLElement>>"
+            ],
+            "props": [
+                {
+                    "name": "Anchor",
+                    "optional": false,
+                    "type": "ForwardRefExoticComponent<HangerAnchorProps>"
+                },
+                {
+                    "name": "Content",
+                    "optional": false,
+                    "type": "ForwardRefExoticComponent<HangerContentProps>"
+                },
+                {
+                    "name": "Title",
+                    "optional": false,
+                    "type": "ForwardRefExoticComponent<HangerTitleProps>"
+                }
+            ]
+        },
+        "HangerAnchorProps": "HTMLAttributes<HTMLDivElement>",
+        "HangerContentProps": {
+            "intersections": [
+                "HTMLAttributes<HTMLDivElement>"
+            ],
+            "props": [
+                {
+                    "description": "Set the position of the Hanger relative to its achor. Default value is `bottom`",
+                    "name": "placement",
+                    "optional": true,
+                    "type": "Placement"
+                }
+            ]
+        },
+        "HangerProps": "React.PropsWithChildren<[object Object]>",
+        "HangerTexts": {
+            "props": [
+                {
+                    "description": "Aria-label for the close icon button of hanger",
+                    "name": "close",
+                    "optional": false,
+                    "type": "string"
+                }
+            ]
+        },
+        "HangerTitleProps": "HTMLAttributes<HTMLHeadingElement>"
+    },
+    "Header": {
+        "ForwardedHeaderWithStatics": {
+            "intersections": [
+                "ForwardRefExoticComponent<HeaderProps & RefAttributes<HTMLDivElement>>"
+            ],
+            "props": [
+                {
+                    "name": "AgreementDisplay",
+                    "optional": false,
+                    "type": {
+                        "type": "query",
+                        "queryType": {
+                            "type": "reference",
+                            "name": "AgreementDisplay"
+                        }
+                    }
+                },
+                {
+                    "name": "AgreementSelector",
+                    "optional": false,
+                    "type": {
+                        "type": "query",
+                        "queryType": {
+                            "type": "reference",
+                            "name": "AgreementSelector"
+                        }
+                    }
+                },
+                {
+                    "name": "Button",
+                    "optional": false,
+                    "type": {
+                        "type": "query",
+                        "queryType": {
+                            "type": "reference",
+                            "name": "Button"
+                        }
+                    }
+                },
+                {
+                    "name": "Link",
+                    "optional": false,
+                    "type": {
+                        "type": "query",
+                        "queryType": {
+                            "type": "reference",
+                            "name": "Link"
+                        }
+                    }
+                },
+                {
+                    "name": "Logo",
+                    "optional": false,
+                    "type": {
+                        "type": "query",
+                        "queryType": {
+                            "type": "reference",
+                            "name": "Logo"
+                        }
+                    }
+                },
+                {
+                    "name": "MenuButton",
+                    "optional": false,
+                    "type": {
+                        "type": "query",
+                        "queryType": {
+                            "type": "reference",
+                            "name": "MenuButton"
+                        }
+                    }
+                },
+                {
+                    "name": "PrimaryNavigation",
+                    "optional": false,
+                    "type": {
+                        "type": "query",
+                        "queryType": {
+                            "type": "reference",
+                            "name": "PrimaryNavigation"
+                        }
+                    }
+                },
+                {
+                    "name": "SecondaryNavigation",
+                    "optional": false,
+                    "type": {
+                        "type": "query",
+                        "queryType": {
+                            "type": "reference",
+                            "name": "SecondaryNavigation"
+                        }
+                    }
+                }
+            ]
+        },
+        "HeaderTexts": {
+            "props": [
+                {
+                    "name": "addAgreement",
+                    "optional": false,
+                    "type": "string"
+                },
+                {
+                    "name": "logout",
+                    "optional": false,
+                    "type": "string"
+                },
+                {
+                    "name": "more",
+                    "optional": false,
+                    "type": "string"
+                },
+                {
+                    "name": "new",
+                    "optional": false,
+                    "type": "string"
+                },
+                {
+                    "name": "search",
+                    "optional": false,
+                    "type": "string"
+                }
+            ]
+        },
+        "MenuHeaderProps": "HTMLAttributes<HTMLDivElement>"
+    },
+    "AgreementSelector": {
+        "AgreementDisplayProps": {
+            "intersections": [
+                "HTMLAttributes<HTMLDivElement>"
+            ],
+            "props": [
+                {
+                    "name": "currentAgreement",
+                    "optional": false,
+                    "type": "Agreement"
+                },
+                {
+                    "name": "fallbackImageSrc",
+                    "optional": false,
+                    "type": "string"
+                }
+            ]
+        },
+        "AgreementSelectorProps": {
+            "intersections": [
+                "AgreementDisplayProps"
+            ],
+            "props": [
+                {
+                    "name": "agreements",
+                    "optional": false,
+                    "type": "Agreement[]"
+                },
+                {
+                    "name": "filterAgreement",
+                    "optional": false,
+                    "type": {
+                        "arguments": {
+                            "agreement": "Agreement",
+                            "filter": {
+                                "arguments": {
+                                    "agreement": "Agreement"
+                                },
+                                "returnValue": "boolean"
+                            }
+                        },
+                        "returnValue": "void"
+                    }
+                },
+                {
+                    "name": "filterClientAgreement",
+                    "optional": false,
+                    "type": {
+                        "arguments": {
+                            "agreement": "Agreement",
+                            "filter": {
+                                "arguments": {
+                                    "agreement": "Agreement"
+                                },
+                                "returnValue": "boolean"
+                            }
+                        },
+                        "returnValue": "void"
+                    }
+                },
+                {
+                    "name": "onAddAgreement",
+                    "optional": true,
+                    "type": {
+                        "returnValue": "void"
+                    }
+                },
+                {
+                    "name": "onChangeAgreement",
+                    "optional": false,
+                    "type": {
+                        "arguments": {
+                            "agreement": "Agreement"
+                        },
+                        "returnValue": "void"
+                    }
+                },
+                {
+                    "name": "onLogout",
+                    "optional": false,
+                    "type": {
+                        "returnValue": "void"
+                    }
+                },
+                {
+                    "name": "open",
+                    "optional": true,
+                    "type": "boolean"
+                },
+                {
+                    "name": "setOpen",
+                    "optional": true,
+                    "type": {
+                        "arguments": {
+                            "open": "boolean"
+                        },
+                        "returnValue": "void"
+                    }
+                }
+            ]
+        }
+    },
+    "AgreementDetails": {
+        "Agreement": {
+            "props": [
+                {
+                    "name": "adminAgreementNumber",
+                    "optional": true,
+                    "type": "number"
                 },
                 {
-                    "description": "Changes the style to indicate the element is disabled",
-                    "name": "disabled",
+                    "name": "clients",
+                    "optional": true,
+                    "type": "Agreement[]"
+                },
+                {
+                    "name": "favorite",
                     "optional": true,
                     "type": "boolean"
                 },
                 {
-                    "name": "invalid",
+                    "name": "imageSrc",
+                    "optional": true,
+                    "type": "string"
+                },
+                {
+                    "name": "isAdministrator",
                     "optional": true,
                     "type": "boolean"
                 },
                 {
-                    "description": "Text displayed below the children of Field.\nShould be a short text that indicates feedback for user.",
-                    "name": "message",
+                    "name": "isDeveloper",
                     "optional": true,
+                    "type": "boolean"
+                },
+                {
+                    "name": "name",
+                    "optional": false,
                     "type": "string"
-                }
-            ]
-        }
-    },
-    "Form": {
-        "FormProps": {
-            "intersections": [
-                "FormHTMLAttributes<HTMLFormElement>"
-            ],
-            "props": [
+                },
                 {
-                    "description": "Content should be composed of other Taco form elements",
-                    "name": "children",
+                    "name": "number",
                     "optional": false,
-                    "type": "React.ReactNode"
+                    "type": "number"
                 },
                 {
-                    "description": "Display the form fields in a horizontal layout",
-                    "name": "horizontal",
-                    "optional": true,
+                    "name": "secure",
+                    "optional": false,
                     "type": "boolean"
+                },
+                {
+                    "name": "statuses",
+                    "optional": true,
+                    "type": "any[]"
+                },
+                {
+                    "name": "userId",
+                    "optional": false,
+                    "type": "string"
                 }
             ]
-        }
-    },
-    "Group": {
-        "GroupProps": {
+        },
+        "AgreementDetailsProps": {
             "intersections": [
-                "HTMLAttributes<HTMLElement>"
+                "Agreement"
             ],
             "props": [
                 {
-                    "description": "Change what html tag element will render.\nDefault value is `span`",
-                    "name": "as",
+                    "name": "children",
                     "optional": true,
                     "type": [
-                        "'div'",
-                        "'span'",
-                        "'nav'"
+                        "Element",
+                        "null"
                     ]
                 },
                 {
-                    "description": "Content should be composed of other Taco elements",
-                    "name": "children",
-                    "optional": false,
-                    "type": "React.ReactNode"
+                    "name": "className",
+                    "optional": true,
+                    "type": "string"
                 },
                 {
-                    "description": "Define orientation of grouping.",
-                    "name": "orientation",
-                    "optional": true,
-                    "type": "Orientation"
+                    "name": "fallbackImageSrc",
+                    "optional": false,
+                    "type": "string"
                 }
             ]
-        },
-        "Select2GroupProps": {
+        }
+    },
+    "Link": {
+        "BaseLinkProps": {
             "intersections": [
-                "Omit<ListboxPrimitive.Listbox2GroupProps, 'children'>"
+                "AnchorHTMLAttributes<HTMLAnchorElement>"
             ],
             "props": [
                 {
-                    "name": "children",
-                    "optional": false,
-                    "type": "ReactElement<Select2OptionProps>[]"
+                    "name": "as",
+                    "optional": true,
+                    "type": "string"
                 },
                 {
-                    "name": "heading",
+                    "name": "tooltip",
                     "optional": true,
                     "type": "string"
                 }
             ]
-        }
-    },
-    "Hanger": {
-        "ForwardedHangerWithStatics": {
+        },
+        "LinkProps": [
+            "LinkPropsWithoutIcon",
+            "LinkPropsWithIcon"
+        ],
+        "MenuLinkItemProps": {
             "intersections": [
-                "ForwardRefExoticComponent<HangerProps & RefAttributes<HTMLElement>>"
+                "Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'>"
             ],
             "props": [
                 {
-                    "name": "Anchor",
-                    "optional": false,
-                    "type": "ForwardRefExoticComponent<HangerAnchorProps>"
+                    "name": "disabled",
+                    "optional": true,
+                    "type": "boolean"
                 },
                 {
-                    "name": "Content",
+                    "name": "href",
                     "optional": false,
-                    "type": "ForwardRefExoticComponent<HangerContentProps>"
+                    "type": "string"
                 },
                 {
-                    "name": "Title",
-                    "optional": false,
-                    "type": "ForwardRefExoticComponent<HangerTitleProps>"
+                    "name": "icon",
+                    "optional": true,
+                    "type": "IconName"
+                },
+                {
+                    "name": "onClick",
+                    "optional": true,
+                    "type": {
+                        "arguments": {
+                            "event": "MouseEvent<HTMLDivElement, MouseEvent>"
+                        },
+                        "returnValue": "void"
+                    }
                 }
             ]
         },
-        "HangerAnchorProps": "HTMLAttributes<HTMLDivElement>",
-        "HangerContentProps": {
+        "Navigation2LinkProps": {
             "intersections": [
-                "HTMLAttributes<HTMLDivElement>"
+                "AnchorHTMLAttributes<HTMLAnchorElement>"
             ],
             "props": [
                 {
-                    "description": "Set the position of the Hanger relative to its achor. Default value is `bottom`",
-                    "name": "placement",
+                    "name": "active",
                     "optional": true,
-                    "type": "Placement"
+                    "type": "boolean"
+                },
+                {
+                    "name": "icon",
+                    "optional": true,
+                    "type": "IconName"
+                },
+                {
+                    "description": "Menu component associated with the button.",
+                    "name": "menu",
+                    "optional": true,
+                    "type": {
+                        "arguments": {
+                            "props": "Partial<MenuProps>"
+                        },
+                        "returnValue": "Element"
+                    }
+                },
+                {
+                    "description": "Handler to be used when dropping a dragged element over the Navigation2 link",
+                    "name": "onDrop",
+                    "optional": true,
+                    "type": "React.DragEventHandler"
+                },
+                {
+                    "description": "Total shown inside a Badge component",
+                    "name": "total",
+                    "optional": true,
+                    "type": "number"
                 }
             ]
-        },
-        "HangerProps": "React.PropsWithChildren<[object Object]>",
-        "HangerTexts": {
+        }
+    },
+    "Logo": {
+        "LogoProps": "SVGAttributes<SVGSVGElement>"
+    },
+    "MenuButton": {
+        "MenuButtonProps": {
             "props": [
                 {
-                    "description": "Aria-label for the close icon button of hanger",
-                    "name": "close",
+                    "name": "onClick",
                     "optional": false,
-                    "type": "string"
+                    "type": {
+                        "returnValue": "void"
+                    }
                 }
             ]
-        },
-        "HangerTitleProps": "HTMLAttributes<HTMLHeadingElement>"
+        }
+    },
+    "PrimaryNavigation": {
+        "PrimaryNavigationProps": "HTMLAttributes<HTMLElement>"
+    },
+    "SecondaryNavigation": {
+        "SecondaryNavigationProps": "HTMLAttributes<HTMLUListElement>"
     },
     "HoverCard": {
         "HoverCardContentProps": {
@@ -1755,6 +2479,44 @@
             ]
         }
     },
+    "Layout": {
+        "LayoutProps": "HTMLAttributes<HTMLDivElement>"
+    },
+    "Page": {
+        "LayoutPageProps": "HTMLAttributes<HTMLDivElement>"
+    },
+    "Sidebar": {
+        "LayoutSidebarProps": "HTMLAttributes<HTMLDivElement>"
+    },
+    "Top": {
+        "LayoutTopProps": {
+            "props": [
+                {
+                    "name": "children",
+                    "optional": false,
+                    "type": [
+                        "React.ReactNode",
+                        "React.ReactNode[]",
+                        {
+                            "arguments": {
+                                "__namedParameters": [
+                                    {
+                                        "name": "toggleSidebar",
+                                        "optional": false,
+                                        "type": "any"
+                                    }
+                                ]
+                            },
+                            "returnValue": [
+                                "React.ReactNode",
+                                "React.ReactNode[]"
+                            ]
+                        }
+                    ]
+                }
+            ]
+        }
+    },
     "Listbox": {
         "ListboxItem": "ScrollableListItem",
         "ListboxProps": {
@@ -2004,9 +2766,6 @@
             ]
         }
     },
-    "Header": {
-        "MenuHeaderProps": "HTMLAttributes<HTMLDivElement>"
-    },
     "Item": {
         "MenuItemProps": {
             "intersections": [
@@ -2051,40 +2810,6 @@
             ]
         }
     },
-    "Link": {
-        "MenuLinkItemProps": {
-            "intersections": [
-                "Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'>"
-            ],
-            "props": [
-                {
-                    "name": "disabled",
-                    "optional": true,
-                    "type": "boolean"
-                },
-                {
-                    "name": "href",
-                    "optional": false,
-                    "type": "string"
-                },
-                {
-                    "name": "icon",
-                    "optional": true,
-                    "type": "IconName"
-                },
-                {
-                    "name": "onClick",
-                    "optional": true,
-                    "type": {
-                        "arguments": {
-                            "event": "MouseEvent<HTMLDivElement, MouseEvent>"
-                        },
-                        "returnValue": "void"
-                    }
-                }
-            ]
-        }
-    },
     "RadioGroup": {
         "ForwardedMenuRadioGroupWithStatics": {
             "intersections": [
@@ -2229,6 +2954,23 @@
         "NavigationPanelProps": "HTMLAttributes<HTMLDivElement>",
         "NavigationProps": "HTMLAttributes<HTMLDivElement>"
     },
+    "Navigation2": {
+        "Navigation2Props": "HTMLAttributes<HTMLUListElement>"
+    },
+    "Section": {
+        "Navigation2SectionProps": {
+            "intersections": [
+                "LiHTMLAttributes<HTMLLIElement>"
+            ],
+            "props": [
+                {
+                    "name": "heading",
+                    "optional": true,
+                    "type": "string"
+                }
+            ]
+        }
+    },
     "Pagination": {
         "PaginationProps": {
             "intersections": [
@@ -2547,12 +3289,24 @@
                     "optional": false,
                     "type": "DialogTexts"
                 },
+                {
+                    "description": "Localized texts and aria-labels for [Drawer](component:drawer) component",
+                    "name": "drawer",
+                    "optional": false,
+                    "type": "DrawerTexts"
+                },
                 {
                     "description": "Localized texts and aria-labels for [Hanger](component:hanger) component",
                     "name": "hanger",
                     "optional": false,
                     "type": "HangerTexts"
                 },
+                {
+                    "description": "Localized texts and aria-labels for [Header](component:header) component",
+                    "name": "header",
+                    "optional": false,
+                    "type": "HeaderTexts"
+                },
                 {
                     "description": "Localized texts and aria-labels for [Listbox](component:listbox) component",
                     "name": "listbox",
@@ -3049,7 +3803,7 @@
                 {
                     "type": "reflection",
                     "declaration": {
-                        "id": 2961,
+                        "id": 3248,
                         "name": "__type",
                         "kind": 65536,
                         "kindString": "Type literal",
@@ -3249,7 +4003,7 @@
                     "constraint": {
                         "type": "reflection",
                         "declaration": {
-                            "id": 1696,
+                            "id": 1988,
                             "name": "__type",
                             "kind": 65536,
                             "kindString": "Type literal",