@db-ux/wc-core-components 4.12.0 → 4.13.0-shell-f221975

package/dist/types/components.d.ts

@@ -8,10 +8,20 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { DBAccordionProps } from "./components/accordion/model.js";
 import { DBAccordionItemProps } from "./components/accordion-item/model.js";
 import { DBBadgeProps } from "./components/badge/model.js";
-import { DBBrandProps } from "./components/brand/model.js";
 import { DBButtonProps } from "./components/button/model.js";
 import { DBCardProps } from "./components/card/model.js";
 import { DBCheckboxProps } from "./components/checkbox/model.js";
+import { DBControlPanelBrandProps } from "./components/control-panel-brand/model.js";
+import { DBControlPanelDesktopProps } from "./components/control-panel-desktop/model.js";
+import { DBControlPanelFlatIconProps } from "./components/control-panel-flat-icon/model.js";
+import { DBControlPanelMetaProps } from "./components/control-panel-meta/model.js";
+import { DBControlPanelMobileProps } from "./components/control-panel-mobile/model.js";
+import { DBControlPanelNavigationProps } from "./components/control-panel-navigation/model.js";
+import { DBControlPanelNavigationItemProps } from "./components/control-panel-navigation-item/model.js";
+import { DBControlPanelNavigationItemGroupProps } from "./components/control-panel-navigation-item-group/model.js";
+import { DBControlPanelPrimaryActionsProps } from "./components/control-panel-primary-actions/model.js";
+import { DBControlPanelSecondaryActionsProps } from "./components/control-panel-secondary-actions/model.js";
+import { DBControlPanelSkipNavigationProps } from "./components/control-panel-skip-navigation/model.js";
 import { DBCustomButtonProps } from "./components/custom-button/model.js";
 import { DBCustomSelectProps } from "./components/custom-select/model.js";
 import { DBCustomSelectDropdownProps } from "./components/custom-select-dropdown/model.js";
@@ -20,19 +30,20 @@ import { DBCustomSelectListProps } from "./components/custom-select-list/model.j
 import { DBCustomSelectListItemProps } from "./components/custom-select-list-item/model.js";
 import { DBDividerProps } from "./components/divider/model.js";
 import { DBDrawerProps } from "./components/drawer/model.js";
-import { DBHeaderProps } from "./components/header/model.js";
+import { DBDrawerFooterProps } from "./components/drawer-footer/model.js";
+import { DBDrawerHeaderProps } from "./components/drawer-header/model.js";
 import { DBIconProps } from "./components/icon/model.js";
 import { DBInfotextProps } from "./components/infotext/model.js";
 import { DBInputProps } from "./components/input/model.js";
 import { DBLinkProps } from "./components/link/model.js";
-import { DBNavigationProps } from "./components/navigation/model.js";
-import { DBNavigationItemProps } from "./components/navigation-item/model.js";
 import { DBNotificationProps } from "./components/notification/model.js";
-import { DBPageProps } from "./components/page/model.js";
 import { DBPopoverProps } from "./components/popover/model.js";
 import { DBRadioProps } from "./components/radio/model.js";
 import { DBSectionProps } from "./components/section/model.js";
 import { DBSelectProps } from "./components/select/model.js";
+import { DBShellProps } from "./components/shell/model.js";
+import { DBShellContentProps } from "./components/shell-content/model.js";
+import { DBShellSubNavigationProps } from "./components/shell-sub-navigation/model.js";
 import { DBStackProps } from "./components/stack/model.js";
 import { DBSwitchProps } from "./components/switch/model.js";
 import { DBTabItemProps } from "./components/tab-item/model.js";
@@ -53,10 +64,20 @@ import { DBTooltipProps } from "./components/tooltip/model.js";
 export { DBAccordionProps } from "./components/accordion/model.js";
 export { DBAccordionItemProps } from "./components/accordion-item/model.js";
 export { DBBadgeProps } from "./components/badge/model.js";
-export { DBBrandProps } from "./components/brand/model.js";
 export { DBButtonProps } from "./components/button/model.js";
 export { DBCardProps } from "./components/card/model.js";
 export { DBCheckboxProps } from "./components/checkbox/model.js";
+export { DBControlPanelBrandProps } from "./components/control-panel-brand/model.js";
+export { DBControlPanelDesktopProps } from "./components/control-panel-desktop/model.js";
+export { DBControlPanelFlatIconProps } from "./components/control-panel-flat-icon/model.js";
+export { DBControlPanelMetaProps } from "./components/control-panel-meta/model.js";
+export { DBControlPanelMobileProps } from "./components/control-panel-mobile/model.js";
+export { DBControlPanelNavigationProps } from "./components/control-panel-navigation/model.js";
+export { DBControlPanelNavigationItemProps } from "./components/control-panel-navigation-item/model.js";
+export { DBControlPanelNavigationItemGroupProps } from "./components/control-panel-navigation-item-group/model.js";
+export { DBControlPanelPrimaryActionsProps } from "./components/control-panel-primary-actions/model.js";
+export { DBControlPanelSecondaryActionsProps } from "./components/control-panel-secondary-actions/model.js";
+export { DBControlPanelSkipNavigationProps } from "./components/control-panel-skip-navigation/model.js";
 export { DBCustomButtonProps } from "./components/custom-button/model.js";
 export { DBCustomSelectProps } from "./components/custom-select/model.js";
 export { DBCustomSelectDropdownProps } from "./components/custom-select-dropdown/model.js";
@@ -65,19 +86,20 @@ export { DBCustomSelectListProps } from "./components/custom-select-list/model.j
 export { DBCustomSelectListItemProps } from "./components/custom-select-list-item/model.js";
 export { DBDividerProps } from "./components/divider/model.js";
 export { DBDrawerProps } from "./components/drawer/model.js";
-export { DBHeaderProps } from "./components/header/model.js";
+export { DBDrawerFooterProps } from "./components/drawer-footer/model.js";
+export { DBDrawerHeaderProps } from "./components/drawer-header/model.js";
 export { DBIconProps } from "./components/icon/model.js";
 export { DBInfotextProps } from "./components/infotext/model.js";
 export { DBInputProps } from "./components/input/model.js";
 export { DBLinkProps } from "./components/link/model.js";
-export { DBNavigationProps } from "./components/navigation/model.js";
-export { DBNavigationItemProps } from "./components/navigation-item/model.js";
 export { DBNotificationProps } from "./components/notification/model.js";
-export { DBPageProps } from "./components/page/model.js";
 export { DBPopoverProps } from "./components/popover/model.js";
 export { DBRadioProps } from "./components/radio/model.js";
 export { DBSectionProps } from "./components/section/model.js";
 export { DBSelectProps } from "./components/select/model.js";
+export { DBShellProps } from "./components/shell/model.js";
+export { DBShellContentProps } from "./components/shell-content/model.js";
+export { DBShellSubNavigationProps } from "./components/shell-sub-navigation/model.js";
 export { DBStackProps } from "./components/stack/model.js";
 export { DBSwitchProps } from "./components/switch/model.js";
 export { DBTabItemProps } from "./components/tab-item/model.js";
@@ -129,17 +151,10 @@ export namespace Components {
         "text": DBBadgeProps["text"];
         "wrap": DBBadgeProps["wrap"];
     }
-    interface DbBrand {
-        "className": DBBrandProps["className"];
-        "hideLogo": DBBrandProps["hideLogo"];
-        "icon": DBBrandProps["icon"];
-        "id": DBBrandProps["id"];
-        "propOverrides": DBBrandProps["propOverrides"];
-        "showIcon": DBBrandProps["showIcon"];
-        "text": DBBrandProps["text"];
-    }
     interface DbButton {
         "className": DBButtonProps["className"];
+        "command": DBButtonProps["command"];
+        "commandfor": DBButtonProps["commandfor"];
         "disabled": DBButtonProps["disabled"];
         "form": DBButtonProps["form"];
         "icon": DBButtonProps["icon"];
@@ -190,6 +205,95 @@ export namespace Components {
         "validation": DBCheckboxProps["validation"];
         "value": DBCheckboxProps["value"];
     }
+    interface DbControlPanelBrand {
+        "className": DBControlPanelBrandProps["className"];
+        "id": DBControlPanelBrandProps["id"];
+        "propOverrides": DBControlPanelBrandProps["propOverrides"];
+    }
+    interface DbControlPanelDesktop {
+        "className": DBControlPanelDesktopProps["className"];
+        "expandButtonTooltip": DBControlPanelDesktopProps["expandButtonTooltip"];
+        "expanded": DBControlPanelDesktopProps["expanded"];
+        "id": DBControlPanelDesktopProps["id"];
+        "orientation": DBControlPanelDesktopProps["orientation"];
+        "propOverrides": DBControlPanelDesktopProps["propOverrides"];
+        "width": DBControlPanelDesktopProps["width"];
+    }
+    interface DbControlPanelFlatIcon {
+        "className": DBControlPanelFlatIconProps["className"];
+        "id": DBControlPanelFlatIconProps["id"];
+        "noText": DBControlPanelFlatIconProps["noText"];
+        "propOverrides": DBControlPanelFlatIconProps["propOverrides"];
+    }
+    interface DbControlPanelMeta {
+        "className": DBControlPanelMetaProps["className"];
+        "id": DBControlPanelMetaProps["id"];
+        "propOverrides": DBControlPanelMetaProps["propOverrides"];
+    }
+    interface DbControlPanelMobile {
+        "burgerMenuLabel": DBControlPanelMobileProps["burgerMenuLabel"];
+        "className": DBControlPanelMobileProps["className"];
+        "drawerHeaderText": DBControlPanelMobileProps["drawerHeaderText"];
+        "id": DBControlPanelMobileProps["id"];
+        "position": DBControlPanelMobileProps["position"];
+        "propOverrides": DBControlPanelMobileProps["propOverrides"];
+    }
+    interface DbControlPanelNavigation {
+        "arrowScrollDistance": DBControlPanelNavigationProps["arrowScrollDistance"];
+        /**
+          * @default "multiple"
+         */
+        "behavior": DBControlPanelNavigationProps["behavior"];
+        "className": DBControlPanelNavigationProps["className"];
+        "id": DBControlPanelNavigationProps["id"];
+        "propOverrides": DBControlPanelNavigationProps["propOverrides"];
+        "scrollLeftText": DBControlPanelNavigationProps["scrollLeftText"];
+        "scrollRightText": DBControlPanelNavigationProps["scrollRightText"];
+        "showTreeLine": DBControlPanelNavigationProps["showTreeLine"];
+        "variant": DBControlPanelNavigationProps["variant"];
+    }
+    interface DbControlPanelNavigationItem {
+        "active": DBControlPanelNavigationItemProps["active"];
+        "className": DBControlPanelNavigationItemProps["className"];
+        "disabled": DBControlPanelNavigationItemProps["disabled"];
+        "icon": DBControlPanelNavigationItemProps["icon"];
+        "id": DBControlPanelNavigationItemProps["id"];
+        "propOverrides": DBControlPanelNavigationItemProps["propOverrides"];
+        "showIcon": DBControlPanelNavigationItemProps["showIcon"];
+        "text": DBControlPanelNavigationItemProps["text"];
+        "tooltip": DBControlPanelNavigationItemProps["tooltip"];
+    }
+    interface DbControlPanelNavigationItemGroup {
+        "active": DBControlPanelNavigationItemGroupProps["active"];
+        "backButtonId": DBControlPanelNavigationItemGroupProps["backButtonId"];
+        "backButtonText": DBControlPanelNavigationItemGroupProps["backButtonText"];
+        "className": DBControlPanelNavigationItemGroupProps["className"];
+        "disabled": DBControlPanelNavigationItemGroupProps["disabled"];
+        "expanded": DBControlPanelNavigationItemGroupProps["expanded"];
+        "icon": DBControlPanelNavigationItemGroupProps["icon"];
+        "id": DBControlPanelNavigationItemGroupProps["id"];
+        "menuId": DBControlPanelNavigationItemGroupProps["menuId"];
+        "propOverrides": DBControlPanelNavigationItemGroupProps["propOverrides"];
+        "showIcon": DBControlPanelNavigationItemGroupProps["showIcon"];
+        "text": DBControlPanelNavigationItemGroupProps["text"];
+    }
+    interface DbControlPanelPrimaryActions {
+        "className": DBControlPanelPrimaryActionsProps["className"];
+        "id": DBControlPanelPrimaryActionsProps["id"];
+        "propOverrides": DBControlPanelPrimaryActionsProps["propOverrides"];
+    }
+    interface DbControlPanelSecondaryActions {
+        "className": DBControlPanelSecondaryActionsProps["className"];
+        "id": DBControlPanelSecondaryActionsProps["id"];
+        "propOverrides": DBControlPanelSecondaryActionsProps["propOverrides"];
+    }
+    interface DbControlPanelSkipNavigation {
+        "className": DBControlPanelSkipNavigationProps["className"];
+        "id": DBControlPanelSkipNavigationProps["id"];
+        "propOverrides": DBControlPanelSkipNavigationProps["propOverrides"];
+        "target": DBControlPanelSkipNavigationProps["target"];
+        "text": DBControlPanelSkipNavigationProps["text"];
+    }
     interface DbCustomButton {
         "className": DBCustomButtonProps["className"];
         "icon": DBCustomButtonProps["icon"];
@@ -311,28 +415,31 @@ export namespace Components {
     interface DbDrawer {
         "backdrop": DBDrawerProps["backdrop"];
         "className": DBDrawerProps["className"];
-        "closeButtonId": DBDrawerProps["closeButtonId"];
-        "closeButtonText": DBDrawerProps["closeButtonText"];
+        "containerSize": DBDrawerProps["containerSize"];
         "direction": DBDrawerProps["direction"];
         "id": DBDrawerProps["id"];
         "open": DBDrawerProps["open"];
         "position": DBDrawerProps["position"];
         "propOverrides": DBDrawerProps["propOverrides"];
         "rounded": DBDrawerProps["rounded"];
-        "spacing": DBDrawerProps["spacing"];
+        "showSpacing": DBDrawerProps["showSpacing"];
         "variant": DBDrawerProps["variant"];
-        "width": DBDrawerProps["width"];
-    }
-    interface DbHeader {
-        "burgerMenuLabel": DBHeaderProps["burgerMenuLabel"];
-        "className": DBHeaderProps["className"];
-        "closeButtonId": DBHeaderProps["closeButtonId"];
-        "closeButtonText": DBHeaderProps["closeButtonText"];
-        "drawerOpen": DBHeaderProps["drawerOpen"];
-        "forceMobile": DBHeaderProps["forceMobile"];
-        "id": DBHeaderProps["id"];
-        "propOverrides": DBHeaderProps["propOverrides"];
-        "width": DBHeaderProps["width"];
+    }
+    interface DbDrawerFooter {
+        "className": DBDrawerFooterProps["className"];
+        "id": DBDrawerFooterProps["id"];
+        "propOverrides": DBDrawerFooterProps["propOverrides"];
+    }
+    interface DbDrawerHeader {
+        "className": DBDrawerHeaderProps["className"];
+        "closeButtonId": DBDrawerHeaderProps["closeButtonId"];
+        /**
+          * @default 'Close'
+         */
+        "closeButtonText": DBDrawerHeaderProps["closeButtonText"];
+        "id": DBDrawerHeaderProps["id"];
+        "propOverrides": DBDrawerHeaderProps["propOverrides"];
+        "text": DBDrawerHeaderProps["text"];
     }
     interface DbIcon {
         "className": DBIconProps["className"];
@@ -425,27 +532,6 @@ export namespace Components {
         "variant": DBLinkProps["variant"];
         "wrap": DBLinkProps["wrap"];
     }
-    interface DbNavigation {
-        "className": DBNavigationProps["className"];
-        "id": DBNavigationProps["id"];
-        "propOverrides": DBNavigationProps["propOverrides"];
-    }
-    interface DbNavigationItem {
-        "active": DBNavigationItemProps["active"];
-        "backButtonId": DBNavigationItemProps["backButtonId"];
-        "backButtonText": DBNavigationItemProps["backButtonText"];
-        "className": DBNavigationItemProps["className"];
-        "disabled": DBNavigationItemProps["disabled"];
-        "hideSubNavigation": DBNavigationItemProps["hideSubNavigation"];
-        "icon": DBNavigationItemProps["icon"];
-        "id": DBNavigationItemProps["id"];
-        "propOverrides": DBNavigationItemProps["propOverrides"];
-        "showIcon": DBNavigationItemProps["showIcon"];
-        "subNavigationExpanded": DBNavigationItemProps["subNavigationExpanded"];
-        "text": DBNavigationItemProps["text"];
-        "width": DBNavigationItemProps["width"];
-        "wrap": DBNavigationItemProps["wrap"];
-    }
     interface DbNotification {
         "ariaLive": DBNotificationProps["ariaLive"];
         "className": DBNotificationProps["className"];
@@ -467,15 +553,6 @@ export namespace Components {
         "timestampDatetime": DBNotificationProps["timestampDatetime"];
         "variant": DBNotificationProps["variant"];
     }
-    interface DbPage {
-        "className": DBPageProps["className"];
-        "documentOverflow": DBPageProps["documentOverflow"];
-        "fadeIn": DBPageProps["fadeIn"];
-        "id": DBPageProps["id"];
-        "mainClass": DBPageProps["mainClass"];
-        "propOverrides": DBPageProps["propOverrides"];
-        "variant": DBPageProps["variant"];
-    }
     interface DbPopover {
         "animation": DBPopoverProps["animation"];
         "className": DBPopoverProps["className"];
@@ -538,6 +615,36 @@ export namespace Components {
         "value": DBSelectProps["value"];
         "variant": DBSelectProps["variant"];
     }
+    interface DbShell {
+        "className": DBShellProps["className"];
+        "controlPanelDesktopPosition": DBShellProps["controlPanelDesktopPosition"];
+        "controlPanelMobilePosition": DBShellProps["controlPanelMobilePosition"];
+        "fadeIn": DBShellProps["fadeIn"];
+        "id": DBShellProps["id"];
+        "propOverrides": DBShellProps["propOverrides"];
+        "showSubNavigation": DBShellProps["showSubNavigation"];
+        "subNavigationDesktopPosition": DBShellProps["subNavigationDesktopPosition"];
+        "subNavigationMobilePosition": DBShellProps["subNavigationMobilePosition"];
+    }
+    interface DbShellContent {
+        "className": DBShellContentProps["className"];
+        "id": DBShellContentProps["id"];
+        "mainClass": DBShellContentProps["mainClass"];
+        "mainId": DBShellContentProps["mainId"];
+        "mainLabel": DBShellContentProps["mainLabel"];
+        "propOverrides": DBShellContentProps["propOverrides"];
+        /**
+          * @default "auto"
+         */
+        "variant": DBShellContentProps["variant"];
+    }
+    interface DbShellSubNavigation {
+        "className": DBShellSubNavigationProps["className"];
+        "expandButtonTooltip": DBShellSubNavigationProps["expandButtonTooltip"];
+        "expanded": DBShellSubNavigationProps["expanded"];
+        "id": DBShellSubNavigationProps["id"];
+        "propOverrides": DBShellSubNavigationProps["propOverrides"];
+    }
     interface DbStack {
         "alignment": DBStackProps["alignment"];
         "className": DBStackProps["className"];
@@ -610,6 +717,7 @@ export namespace Components {
         "divider": DBTableProps["divider"];
         "id": DBTableProps["id"];
         "mobileVariant": DBTableProps["mobileVariant"];
+        "propOverrides": DBTableProps["propOverrides"];
         "showCaption": DBTableProps["showCaption"];
         "size": DBTableProps["size"];
         "stickyHeader": DBTableProps["stickyHeader"];
@@ -619,11 +727,13 @@ export namespace Components {
     interface DbTableBody {
         "className": DBTableBodyProps["className"];
         "id": DBTableBodyProps["id"];
+        "propOverrides": DBTableBodyProps["propOverrides"];
         "rows": DBTableBodyProps["rows"];
     }
     interface DbTableCaption {
         "className": DBTableCaptionProps["className"];
         "id": DBTableCaptionProps["id"];
+        "propOverrides": DBTableCaptionProps["propOverrides"];
     }
     interface DbTableDataCell {
         "className": DBTableDataCellProps["className"];
@@ -632,6 +742,7 @@ export namespace Components {
         "headers": DBTableDataCellProps["headers"];
         "horizontalAlignment": DBTableDataCellProps["horizontalAlignment"];
         "id": DBTableDataCellProps["id"];
+        "propOverrides": DBTableDataCellProps["propOverrides"];
         "rowSpan": DBTableDataCellProps["rowSpan"];
         "rowspan": DBTableDataCellProps["rowspan"];
         "verticalAlignment": DBTableDataCellProps["verticalAlignment"];
@@ -639,11 +750,13 @@ export namespace Components {
     interface DbTableFooter {
         "className": DBTableFooterProps["className"];
         "id": DBTableFooterProps["id"];
+        "propOverrides": DBTableFooterProps["propOverrides"];
         "rows": DBTableFooterProps["rows"];
     }
     interface DbTableHead {
         "className": DBTableHeadProps["className"];
         "id": DBTableHeadProps["id"];
+        "propOverrides": DBTableHeadProps["propOverrides"];
         "rows": DBTableHeadProps["rows"];
     }
     interface DbTableHeaderCell {
@@ -655,6 +768,7 @@ export namespace Components {
         "horizontalAlignment": DBTableHeaderCellProps["horizontalAlignment"];
         "id": DBTableHeaderCellProps["id"];
         "noText": DBTableHeaderCellProps["noText"];
+        "propOverrides": DBTableHeaderCellProps["propOverrides"];
         "rowSpan": DBTableHeaderCellProps["rowSpan"];
         "rowspan": DBTableHeaderCellProps["rowspan"];
         "scope": DBTableHeaderCellProps["scope"];
@@ -665,6 +779,7 @@ export namespace Components {
         "className": DBTableRowProps["className"];
         "id": DBTableRowProps["id"];
         "interactive": DBTableRowProps["interactive"];
+        "propOverrides": DBTableRowProps["propOverrides"];
         "subHeaderEmphasis": DBTableRowProps["subHeaderEmphasis"];
     }
     interface DbTabs {
@@ -678,6 +793,8 @@ export namespace Components {
         "name": DBTabsProps["name"];
         "orientation": DBTabsProps["orientation"];
         "propOverrides": DBTabsProps["propOverrides"];
+        "scrollLeftText": DBTabsProps["scrollLeftText"];
+        "scrollRightText": DBTabsProps["scrollRightText"];
         "tabs": DBTabsProps["tabs"];
         "width": DBTabsProps["width"];
     }
@@ -763,6 +880,14 @@ export interface DbCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDbCheckboxElement;
 }
+export interface DbControlPanelMobileCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDbControlPanelMobileElement;
+}
+export interface DbControlPanelNavigationItemGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDbControlPanelNavigationItemGroupElement;
+}
 export interface DbCustomSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDbCustomSelectElement;
@@ -775,18 +900,10 @@ export interface DbDrawerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDbDrawerElement;
 }
-export interface DbHeaderCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDbHeaderElement;
-}
 export interface DbInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDbInputElement;
 }
-export interface DbNavigationItemCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLDbNavigationItemElement;
-}
 export interface DbNotificationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDbNotificationElement;
@@ -849,12 +966,6 @@ declare global {
         prototype: HTMLDbBadgeElement;
         new (): HTMLDbBadgeElement;
     };
-    interface HTMLDbBrandElement extends Components.DbBrand, HTMLStencilElement {
-    }
-    var HTMLDbBrandElement: {
-        prototype: HTMLDbBrandElement;
-        new (): HTMLDbBrandElement;
-    };
     interface HTMLDbButtonElementEventMap {
         "click": any;
     }
@@ -908,6 +1019,94 @@ declare global {
         prototype: HTMLDbCheckboxElement;
         new (): HTMLDbCheckboxElement;
     };
+    interface HTMLDbControlPanelBrandElement extends Components.DbControlPanelBrand, HTMLStencilElement {
+    }
+    var HTMLDbControlPanelBrandElement: {
+        prototype: HTMLDbControlPanelBrandElement;
+        new (): HTMLDbControlPanelBrandElement;
+    };
+    interface HTMLDbControlPanelDesktopElement extends Components.DbControlPanelDesktop, HTMLStencilElement {
+    }
+    var HTMLDbControlPanelDesktopElement: {
+        prototype: HTMLDbControlPanelDesktopElement;
+        new (): HTMLDbControlPanelDesktopElement;
+    };
+    interface HTMLDbControlPanelFlatIconElement extends Components.DbControlPanelFlatIcon, HTMLStencilElement {
+    }
+    var HTMLDbControlPanelFlatIconElement: {
+        prototype: HTMLDbControlPanelFlatIconElement;
+        new (): HTMLDbControlPanelFlatIconElement;
+    };
+    interface HTMLDbControlPanelMetaElement extends Components.DbControlPanelMeta, HTMLStencilElement {
+    }
+    var HTMLDbControlPanelMetaElement: {
+        prototype: HTMLDbControlPanelMetaElement;
+        new (): HTMLDbControlPanelMetaElement;
+    };
+    interface HTMLDbControlPanelMobileElementEventMap {
+        "toggle": any;
+    }
+    interface HTMLDbControlPanelMobileElement extends Components.DbControlPanelMobile, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDbControlPanelMobileElementEventMap>(type: K, listener: (this: HTMLDbControlPanelMobileElement, ev: DbControlPanelMobileCustomEvent<HTMLDbControlPanelMobileElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDbControlPanelMobileElementEventMap>(type: K, listener: (this: HTMLDbControlPanelMobileElement, ev: DbControlPanelMobileCustomEvent<HTMLDbControlPanelMobileElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDbControlPanelMobileElement: {
+        prototype: HTMLDbControlPanelMobileElement;
+        new (): HTMLDbControlPanelMobileElement;
+    };
+    interface HTMLDbControlPanelNavigationElement extends Components.DbControlPanelNavigation, HTMLStencilElement {
+    }
+    var HTMLDbControlPanelNavigationElement: {
+        prototype: HTMLDbControlPanelNavigationElement;
+        new (): HTMLDbControlPanelNavigationElement;
+    };
+    interface HTMLDbControlPanelNavigationItemElement extends Components.DbControlPanelNavigationItem, HTMLStencilElement {
+    }
+    var HTMLDbControlPanelNavigationItemElement: {
+        prototype: HTMLDbControlPanelNavigationItemElement;
+        new (): HTMLDbControlPanelNavigationItemElement;
+    };
+    interface HTMLDbControlPanelNavigationItemGroupElementEventMap {
+        "click": any;
+    }
+    interface HTMLDbControlPanelNavigationItemGroupElement extends Components.DbControlPanelNavigationItemGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDbControlPanelNavigationItemGroupElementEventMap>(type: K, listener: (this: HTMLDbControlPanelNavigationItemGroupElement, ev: DbControlPanelNavigationItemGroupCustomEvent<HTMLDbControlPanelNavigationItemGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLDbControlPanelNavigationItemGroupElementEventMap>(type: K, listener: (this: HTMLDbControlPanelNavigationItemGroupElement, ev: DbControlPanelNavigationItemGroupCustomEvent<HTMLDbControlPanelNavigationItemGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLDbControlPanelNavigationItemGroupElement: {
+        prototype: HTMLDbControlPanelNavigationItemGroupElement;
+        new (): HTMLDbControlPanelNavigationItemGroupElement;
+    };
+    interface HTMLDbControlPanelPrimaryActionsElement extends Components.DbControlPanelPrimaryActions, HTMLStencilElement {
+    }
+    var HTMLDbControlPanelPrimaryActionsElement: {
+        prototype: HTMLDbControlPanelPrimaryActionsElement;
+        new (): HTMLDbControlPanelPrimaryActionsElement;
+    };
+    interface HTMLDbControlPanelSecondaryActionsElement extends Components.DbControlPanelSecondaryActions, HTMLStencilElement {
+    }
+    var HTMLDbControlPanelSecondaryActionsElement: {
+        prototype: HTMLDbControlPanelSecondaryActionsElement;
+        new (): HTMLDbControlPanelSecondaryActionsElement;
+    };
+    interface HTMLDbControlPanelSkipNavigationElement extends Components.DbControlPanelSkipNavigation, HTMLStencilElement {
+    }
+    var HTMLDbControlPanelSkipNavigationElement: {
+        prototype: HTMLDbControlPanelSkipNavigationElement;
+        new (): HTMLDbControlPanelSkipNavigationElement;
+    };
     interface HTMLDbCustomButtonElement extends Components.DbCustomButton, HTMLStencilElement {
     }
     var HTMLDbCustomButtonElement: {
@@ -992,22 +1191,17 @@ declare global {
         prototype: HTMLDbDrawerElement;
         new (): HTMLDbDrawerElement;
     };
-    interface HTMLDbHeaderElementEventMap {
-        "toggle": any;
+    interface HTMLDbDrawerFooterElement extends Components.DbDrawerFooter, HTMLStencilElement {
     }
-    interface HTMLDbHeaderElement extends Components.DbHeader, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDbHeaderElementEventMap>(type: K, listener: (this: HTMLDbHeaderElement, ev: DbHeaderCustomEvent<HTMLDbHeaderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLDbHeaderElementEventMap>(type: K, listener: (this: HTMLDbHeaderElement, ev: DbHeaderCustomEvent<HTMLDbHeaderElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    var HTMLDbDrawerFooterElement: {
+        prototype: HTMLDbDrawerFooterElement;
+        new (): HTMLDbDrawerFooterElement;
+    };
+    interface HTMLDbDrawerHeaderElement extends Components.DbDrawerHeader, HTMLStencilElement {
     }
-    var HTMLDbHeaderElement: {
-        prototype: HTMLDbHeaderElement;
-        new (): HTMLDbHeaderElement;
+    var HTMLDbDrawerHeaderElement: {
+        prototype: HTMLDbDrawerHeaderElement;
+        new (): HTMLDbDrawerHeaderElement;
     };
     interface HTMLDbIconElement extends Components.DbIcon, HTMLStencilElement {
     }
@@ -1047,29 +1241,6 @@ declare global {
         prototype: HTMLDbLinkElement;
         new (): HTMLDbLinkElement;
     };
-    interface HTMLDbNavigationElement extends Components.DbNavigation, HTMLStencilElement {
-    }
-    var HTMLDbNavigationElement: {
-        prototype: HTMLDbNavigationElement;
-        new (): HTMLDbNavigationElement;
-    };
-    interface HTMLDbNavigationItemElementEventMap {
-        "click": any;
-    }
-    interface HTMLDbNavigationItemElement extends Components.DbNavigationItem, HTMLStencilElement {
-        addEventListener<K extends keyof HTMLDbNavigationItemElementEventMap>(type: K, listener: (this: HTMLDbNavigationItemElement, ev: DbNavigationItemCustomEvent<HTMLDbNavigationItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLDbNavigationItemElementEventMap>(type: K, listener: (this: HTMLDbNavigationItemElement, ev: DbNavigationItemCustomEvent<HTMLDbNavigationItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    }
-    var HTMLDbNavigationItemElement: {
-        prototype: HTMLDbNavigationItemElement;
-        new (): HTMLDbNavigationItemElement;
-    };
     interface HTMLDbNotificationElementEventMap {
         "close": any;
     }
@@ -1087,12 +1258,6 @@ declare global {
         prototype: HTMLDbNotificationElement;
         new (): HTMLDbNotificationElement;
     };
-    interface HTMLDbPageElement extends Components.DbPage, HTMLStencilElement {
-    }
-    var HTMLDbPageElement: {
-        prototype: HTMLDbPageElement;
-        new (): HTMLDbPageElement;
-    };
     interface HTMLDbPopoverElement extends Components.DbPopover, HTMLStencilElement {
     }
     var HTMLDbPopoverElement: {
@@ -1146,6 +1311,24 @@ declare global {
         prototype: HTMLDbSelectElement;
         new (): HTMLDbSelectElement;
     };
+    interface HTMLDbShellElement extends Components.DbShell, HTMLStencilElement {
+    }
+    var HTMLDbShellElement: {
+        prototype: HTMLDbShellElement;
+        new (): HTMLDbShellElement;
+    };
+    interface HTMLDbShellContentElement extends Components.DbShellContent, HTMLStencilElement {
+    }
+    var HTMLDbShellContentElement: {
+        prototype: HTMLDbShellContentElement;
+        new (): HTMLDbShellContentElement;
+    };
+    interface HTMLDbShellSubNavigationElement extends Components.DbShellSubNavigation, HTMLStencilElement {
+    }
+    var HTMLDbShellSubNavigationElement: {
+        prototype: HTMLDbShellSubNavigationElement;
+        new (): HTMLDbShellSubNavigationElement;
+    };
     interface HTMLDbStackElement extends Components.DbStack, HTMLStencilElement {
     }
     var HTMLDbStackElement: {
@@ -1313,10 +1496,20 @@ declare global {
         "db-accordion": HTMLDbAccordionElement;
         "db-accordion-item": HTMLDbAccordionItemElement;
         "db-badge": HTMLDbBadgeElement;
-        "db-brand": HTMLDbBrandElement;
         "db-button": HTMLDbButtonElement;
         "db-card": HTMLDbCardElement;
         "db-checkbox": HTMLDbCheckboxElement;
+        "db-control-panel-brand": HTMLDbControlPanelBrandElement;
+        "db-control-panel-desktop": HTMLDbControlPanelDesktopElement;
+        "db-control-panel-flat-icon": HTMLDbControlPanelFlatIconElement;
+        "db-control-panel-meta": HTMLDbControlPanelMetaElement;
+        "db-control-panel-mobile": HTMLDbControlPanelMobileElement;
+        "db-control-panel-navigation": HTMLDbControlPanelNavigationElement;
+        "db-control-panel-navigation-item": HTMLDbControlPanelNavigationItemElement;
+        "db-control-panel-navigation-item-group": HTMLDbControlPanelNavigationItemGroupElement;
+        "db-control-panel-primary-actions": HTMLDbControlPanelPrimaryActionsElement;
+        "db-control-panel-secondary-actions": HTMLDbControlPanelSecondaryActionsElement;
+        "db-control-panel-skip-navigation": HTMLDbControlPanelSkipNavigationElement;
         "db-custom-button": HTMLDbCustomButtonElement;
         "db-custom-select": HTMLDbCustomSelectElement;
         "db-custom-select-dropdown": HTMLDbCustomSelectDropdownElement;
@@ -1325,19 +1518,20 @@ declare global {
         "db-custom-select-list-item": HTMLDbCustomSelectListItemElement;
         "db-divider": HTMLDbDividerElement;
         "db-drawer": HTMLDbDrawerElement;
-        "db-header": HTMLDbHeaderElement;
+        "db-drawer-footer": HTMLDbDrawerFooterElement;
+        "db-drawer-header": HTMLDbDrawerHeaderElement;
         "db-icon": HTMLDbIconElement;
         "db-infotext": HTMLDbInfotextElement;
         "db-input": HTMLDbInputElement;
         "db-link": HTMLDbLinkElement;
-        "db-navigation": HTMLDbNavigationElement;
-        "db-navigation-item": HTMLDbNavigationItemElement;
         "db-notification": HTMLDbNotificationElement;
-        "db-page": HTMLDbPageElement;
         "db-popover": HTMLDbPopoverElement;
         "db-radio": HTMLDbRadioElement;
         "db-section": HTMLDbSectionElement;
         "db-select": HTMLDbSelectElement;
+        "db-shell": HTMLDbShellElement;
+        "db-shell-content": HTMLDbShellContentElement;
+        "db-shell-sub-navigation": HTMLDbShellSubNavigationElement;
         "db-stack": HTMLDbStackElement;
         "db-switch": HTMLDbSwitchElement;
         "db-tab-item": HTMLDbTabItemElement;
@@ -1392,17 +1586,10 @@ declare namespace LocalJSX {
         "text"?: DBBadgeProps["text"];
         "wrap"?: DBBadgeProps["wrap"];
     }
-    interface DbBrand {
-        "className"?: DBBrandProps["className"];
-        "hideLogo"?: DBBrandProps["hideLogo"];
-        "icon"?: DBBrandProps["icon"];
-        "id"?: DBBrandProps["id"];
-        "propOverrides"?: DBBrandProps["propOverrides"];
-        "showIcon"?: DBBrandProps["showIcon"];
-        "text"?: DBBrandProps["text"];
-    }
     interface DbButton {
         "className"?: DBButtonProps["className"];
+        "command"?: DBButtonProps["command"];
+        "commandfor"?: DBButtonProps["commandfor"];
         "disabled"?: DBButtonProps["disabled"];
         "form"?: DBButtonProps["form"];
         "icon"?: DBButtonProps["icon"];
@@ -1458,6 +1645,97 @@ declare namespace LocalJSX {
         "validation"?: DBCheckboxProps["validation"];
         "value"?: DBCheckboxProps["value"];
     }
+    interface DbControlPanelBrand {
+        "className"?: DBControlPanelBrandProps["className"];
+        "id"?: DBControlPanelBrandProps["id"];
+        "propOverrides"?: DBControlPanelBrandProps["propOverrides"];
+    }
+    interface DbControlPanelDesktop {
+        "className"?: DBControlPanelDesktopProps["className"];
+        "expandButtonTooltip"?: DBControlPanelDesktopProps["expandButtonTooltip"];
+        "expanded"?: DBControlPanelDesktopProps["expanded"];
+        "id"?: DBControlPanelDesktopProps["id"];
+        "orientation"?: DBControlPanelDesktopProps["orientation"];
+        "propOverrides"?: DBControlPanelDesktopProps["propOverrides"];
+        "width"?: DBControlPanelDesktopProps["width"];
+    }
+    interface DbControlPanelFlatIcon {
+        "className"?: DBControlPanelFlatIconProps["className"];
+        "id"?: DBControlPanelFlatIconProps["id"];
+        "noText"?: DBControlPanelFlatIconProps["noText"];
+        "propOverrides"?: DBControlPanelFlatIconProps["propOverrides"];
+    }
+    interface DbControlPanelMeta {
+        "className"?: DBControlPanelMetaProps["className"];
+        "id"?: DBControlPanelMetaProps["id"];
+        "propOverrides"?: DBControlPanelMetaProps["propOverrides"];
+    }
+    interface DbControlPanelMobile {
+        "burgerMenuLabel"?: DBControlPanelMobileProps["burgerMenuLabel"];
+        "className"?: DBControlPanelMobileProps["className"];
+        "drawerHeaderText"?: DBControlPanelMobileProps["drawerHeaderText"];
+        "id"?: DBControlPanelMobileProps["id"];
+        "onToggle"?: (event: DbControlPanelMobileCustomEvent<any>) => void;
+        "position"?: DBControlPanelMobileProps["position"];
+        "propOverrides"?: DBControlPanelMobileProps["propOverrides"];
+    }
+    interface DbControlPanelNavigation {
+        "arrowScrollDistance"?: DBControlPanelNavigationProps["arrowScrollDistance"];
+        /**
+          * @default "multiple"
+         */
+        "behavior"?: DBControlPanelNavigationProps["behavior"];
+        "className"?: DBControlPanelNavigationProps["className"];
+        "id"?: DBControlPanelNavigationProps["id"];
+        "propOverrides"?: DBControlPanelNavigationProps["propOverrides"];
+        "scrollLeftText"?: DBControlPanelNavigationProps["scrollLeftText"];
+        "scrollRightText"?: DBControlPanelNavigationProps["scrollRightText"];
+        "showTreeLine"?: DBControlPanelNavigationProps["showTreeLine"];
+        "variant"?: DBControlPanelNavigationProps["variant"];
+    }
+    interface DbControlPanelNavigationItem {
+        "active"?: DBControlPanelNavigationItemProps["active"];
+        "className"?: DBControlPanelNavigationItemProps["className"];
+        "disabled"?: DBControlPanelNavigationItemProps["disabled"];
+        "icon"?: DBControlPanelNavigationItemProps["icon"];
+        "id"?: DBControlPanelNavigationItemProps["id"];
+        "propOverrides"?: DBControlPanelNavigationItemProps["propOverrides"];
+        "showIcon"?: DBControlPanelNavigationItemProps["showIcon"];
+        "text"?: DBControlPanelNavigationItemProps["text"];
+        "tooltip"?: DBControlPanelNavigationItemProps["tooltip"];
+    }
+    interface DbControlPanelNavigationItemGroup {
+        "active"?: DBControlPanelNavigationItemGroupProps["active"];
+        "backButtonId"?: DBControlPanelNavigationItemGroupProps["backButtonId"];
+        "backButtonText"?: DBControlPanelNavigationItemGroupProps["backButtonText"];
+        "className"?: DBControlPanelNavigationItemGroupProps["className"];
+        "disabled"?: DBControlPanelNavigationItemGroupProps["disabled"];
+        "expanded"?: DBControlPanelNavigationItemGroupProps["expanded"];
+        "icon"?: DBControlPanelNavigationItemGroupProps["icon"];
+        "id"?: DBControlPanelNavigationItemGroupProps["id"];
+        "menuId"?: DBControlPanelNavigationItemGroupProps["menuId"];
+        "onClick"?: (event: DbControlPanelNavigationItemGroupCustomEvent<any>) => void;
+        "propOverrides"?: DBControlPanelNavigationItemGroupProps["propOverrides"];
+        "showIcon"?: DBControlPanelNavigationItemGroupProps["showIcon"];
+        "text"?: DBControlPanelNavigationItemGroupProps["text"];
+    }
+    interface DbControlPanelPrimaryActions {
+        "className"?: DBControlPanelPrimaryActionsProps["className"];
+        "id"?: DBControlPanelPrimaryActionsProps["id"];
+        "propOverrides"?: DBControlPanelPrimaryActionsProps["propOverrides"];
+    }
+    interface DbControlPanelSecondaryActions {
+        "className"?: DBControlPanelSecondaryActionsProps["className"];
+        "id"?: DBControlPanelSecondaryActionsProps["id"];
+        "propOverrides"?: DBControlPanelSecondaryActionsProps["propOverrides"];
+    }
+    interface DbControlPanelSkipNavigation {
+        "className"?: DBControlPanelSkipNavigationProps["className"];
+        "id"?: DBControlPanelSkipNavigationProps["id"];
+        "propOverrides"?: DBControlPanelSkipNavigationProps["propOverrides"];
+        "target"?: DBControlPanelSkipNavigationProps["target"];
+        "text"?: DBControlPanelSkipNavigationProps["text"];
+    }
     interface DbCustomButton {
         "className"?: DBCustomButtonProps["className"];
         "icon"?: DBCustomButtonProps["icon"];
@@ -1584,8 +1862,7 @@ declare namespace LocalJSX {
     interface DbDrawer {
         "backdrop"?: DBDrawerProps["backdrop"];
         "className"?: DBDrawerProps["className"];
-        "closeButtonId"?: DBDrawerProps["closeButtonId"];
-        "closeButtonText"?: DBDrawerProps["closeButtonText"];
+        "containerSize"?: DBDrawerProps["containerSize"];
         "direction"?: DBDrawerProps["direction"];
         "id"?: DBDrawerProps["id"];
         "onClose"?: (event: DbDrawerCustomEvent<any>) => void;
@@ -1593,21 +1870,24 @@ declare namespace LocalJSX {
         "position"?: DBDrawerProps["position"];
         "propOverrides"?: DBDrawerProps["propOverrides"];
         "rounded"?: DBDrawerProps["rounded"];
-        "spacing"?: DBDrawerProps["spacing"];
+        "showSpacing"?: DBDrawerProps["showSpacing"];
         "variant"?: DBDrawerProps["variant"];
-        "width"?: DBDrawerProps["width"];
-    }
-    interface DbHeader {
-        "burgerMenuLabel"?: DBHeaderProps["burgerMenuLabel"];
-        "className"?: DBHeaderProps["className"];
-        "closeButtonId"?: DBHeaderProps["closeButtonId"];
-        "closeButtonText"?: DBHeaderProps["closeButtonText"];
-        "drawerOpen"?: DBHeaderProps["drawerOpen"];
-        "forceMobile"?: DBHeaderProps["forceMobile"];
-        "id"?: DBHeaderProps["id"];
-        "onToggle"?: (event: DbHeaderCustomEvent<any>) => void;
-        "propOverrides"?: DBHeaderProps["propOverrides"];
-        "width"?: DBHeaderProps["width"];
+    }
+    interface DbDrawerFooter {
+        "className"?: DBDrawerFooterProps["className"];
+        "id"?: DBDrawerFooterProps["id"];
+        "propOverrides"?: DBDrawerFooterProps["propOverrides"];
+    }
+    interface DbDrawerHeader {
+        "className"?: DBDrawerHeaderProps["className"];
+        "closeButtonId"?: DBDrawerHeaderProps["closeButtonId"];
+        /**
+          * @default 'Close'
+         */
+        "closeButtonText"?: DBDrawerHeaderProps["closeButtonText"];
+        "id"?: DBDrawerHeaderProps["id"];
+        "propOverrides"?: DBDrawerHeaderProps["propOverrides"];
+        "text"?: DBDrawerHeaderProps["text"];
     }
     interface DbIcon {
         "className"?: DBIconProps["className"];
@@ -1704,28 +1984,6 @@ declare namespace LocalJSX {
         "variant"?: DBLinkProps["variant"];
         "wrap"?: DBLinkProps["wrap"];
     }
-    interface DbNavigation {
-        "className"?: DBNavigationProps["className"];
-        "id"?: DBNavigationProps["id"];
-        "propOverrides"?: DBNavigationProps["propOverrides"];
-    }
-    interface DbNavigationItem {
-        "active"?: DBNavigationItemProps["active"];
-        "backButtonId"?: DBNavigationItemProps["backButtonId"];
-        "backButtonText"?: DBNavigationItemProps["backButtonText"];
-        "className"?: DBNavigationItemProps["className"];
-        "disabled"?: DBNavigationItemProps["disabled"];
-        "hideSubNavigation"?: DBNavigationItemProps["hideSubNavigation"];
-        "icon"?: DBNavigationItemProps["icon"];
-        "id"?: DBNavigationItemProps["id"];
-        "onClick"?: (event: DbNavigationItemCustomEvent<any>) => void;
-        "propOverrides"?: DBNavigationItemProps["propOverrides"];
-        "showIcon"?: DBNavigationItemProps["showIcon"];
-        "subNavigationExpanded"?: DBNavigationItemProps["subNavigationExpanded"];
-        "text"?: DBNavigationItemProps["text"];
-        "width"?: DBNavigationItemProps["width"];
-        "wrap"?: DBNavigationItemProps["wrap"];
-    }
     interface DbNotification {
         "ariaLive"?: DBNotificationProps["ariaLive"];
         "className"?: DBNotificationProps["className"];
@@ -1748,15 +2006,6 @@ declare namespace LocalJSX {
         "timestampDatetime"?: DBNotificationProps["timestampDatetime"];
         "variant"?: DBNotificationProps["variant"];
     }
-    interface DbPage {
-        "className"?: DBPageProps["className"];
-        "documentOverflow"?: DBPageProps["documentOverflow"];
-        "fadeIn"?: DBPageProps["fadeIn"];
-        "id"?: DBPageProps["id"];
-        "mainClass"?: DBPageProps["mainClass"];
-        "propOverrides"?: DBPageProps["propOverrides"];
-        "variant"?: DBPageProps["variant"];
-    }
     interface DbPopover {
         "animation"?: DBPopoverProps["animation"];
         "className"?: DBPopoverProps["className"];
@@ -1828,6 +2077,36 @@ declare namespace LocalJSX {
         "value"?: DBSelectProps["value"];
         "variant"?: DBSelectProps["variant"];
     }
+    interface DbShell {
+        "className"?: DBShellProps["className"];
+        "controlPanelDesktopPosition"?: DBShellProps["controlPanelDesktopPosition"];
+        "controlPanelMobilePosition"?: DBShellProps["controlPanelMobilePosition"];
+        "fadeIn"?: DBShellProps["fadeIn"];
+        "id"?: DBShellProps["id"];
+        "propOverrides"?: DBShellProps["propOverrides"];
+        "showSubNavigation"?: DBShellProps["showSubNavigation"];
+        "subNavigationDesktopPosition"?: DBShellProps["subNavigationDesktopPosition"];
+        "subNavigationMobilePosition"?: DBShellProps["subNavigationMobilePosition"];
+    }
+    interface DbShellContent {
+        "className"?: DBShellContentProps["className"];
+        "id"?: DBShellContentProps["id"];
+        "mainClass"?: DBShellContentProps["mainClass"];
+        "mainId"?: DBShellContentProps["mainId"];
+        "mainLabel"?: DBShellContentProps["mainLabel"];
+        "propOverrides"?: DBShellContentProps["propOverrides"];
+        /**
+          * @default "auto"
+         */
+        "variant"?: DBShellContentProps["variant"];
+    }
+    interface DbShellSubNavigation {
+        "className"?: DBShellSubNavigationProps["className"];
+        "expandButtonTooltip"?: DBShellSubNavigationProps["expandButtonTooltip"];
+        "expanded"?: DBShellSubNavigationProps["expanded"];
+        "id"?: DBShellSubNavigationProps["id"];
+        "propOverrides"?: DBShellSubNavigationProps["propOverrides"];
+    }
     interface DbStack {
         "alignment"?: DBStackProps["alignment"];
         "className"?: DBStackProps["className"];
@@ -1904,6 +2183,7 @@ declare namespace LocalJSX {
         "divider"?: DBTableProps["divider"];
         "id"?: DBTableProps["id"];
         "mobileVariant"?: DBTableProps["mobileVariant"];
+        "propOverrides"?: DBTableProps["propOverrides"];
         "showCaption"?: DBTableProps["showCaption"];
         "size"?: DBTableProps["size"];
         "stickyHeader"?: DBTableProps["stickyHeader"];
@@ -1913,11 +2193,13 @@ declare namespace LocalJSX {
     interface DbTableBody {
         "className"?: DBTableBodyProps["className"];
         "id"?: DBTableBodyProps["id"];
+        "propOverrides"?: DBTableBodyProps["propOverrides"];
         "rows"?: DBTableBodyProps["rows"];
     }
     interface DbTableCaption {
         "className"?: DBTableCaptionProps["className"];
         "id"?: DBTableCaptionProps["id"];
+        "propOverrides"?: DBTableCaptionProps["propOverrides"];
     }
     interface DbTableDataCell {
         "className"?: DBTableDataCellProps["className"];
@@ -1926,6 +2208,7 @@ declare namespace LocalJSX {
         "headers"?: DBTableDataCellProps["headers"];
         "horizontalAlignment"?: DBTableDataCellProps["horizontalAlignment"];
         "id"?: DBTableDataCellProps["id"];
+        "propOverrides"?: DBTableDataCellProps["propOverrides"];
         "rowSpan"?: DBTableDataCellProps["rowSpan"];
         "rowspan"?: DBTableDataCellProps["rowspan"];
         "verticalAlignment"?: DBTableDataCellProps["verticalAlignment"];
@@ -1933,11 +2216,13 @@ declare namespace LocalJSX {
     interface DbTableFooter {
         "className"?: DBTableFooterProps["className"];
         "id"?: DBTableFooterProps["id"];
+        "propOverrides"?: DBTableFooterProps["propOverrides"];
         "rows"?: DBTableFooterProps["rows"];
     }
     interface DbTableHead {
         "className"?: DBTableHeadProps["className"];
         "id"?: DBTableHeadProps["id"];
+        "propOverrides"?: DBTableHeadProps["propOverrides"];
         "rows"?: DBTableHeadProps["rows"];
     }
     interface DbTableHeaderCell {
@@ -1949,6 +2234,7 @@ declare namespace LocalJSX {
         "horizontalAlignment"?: DBTableHeaderCellProps["horizontalAlignment"];
         "id"?: DBTableHeaderCellProps["id"];
         "noText"?: DBTableHeaderCellProps["noText"];
+        "propOverrides"?: DBTableHeaderCellProps["propOverrides"];
         "rowSpan"?: DBTableHeaderCellProps["rowSpan"];
         "rowspan"?: DBTableHeaderCellProps["rowspan"];
         "scope"?: DBTableHeaderCellProps["scope"];
@@ -1959,6 +2245,7 @@ declare namespace LocalJSX {
         "className"?: DBTableRowProps["className"];
         "id"?: DBTableRowProps["id"];
         "interactive"?: DBTableRowProps["interactive"];
+        "propOverrides"?: DBTableRowProps["propOverrides"];
         "subHeaderEmphasis"?: DBTableRowProps["subHeaderEmphasis"];
     }
     interface DbTabs {
@@ -1974,6 +2261,8 @@ declare namespace LocalJSX {
         "onTabSelect"?: (event: DbTabsCustomEvent<any>) => void;
         "orientation"?: DBTabsProps["orientation"];
         "propOverrides"?: DBTabsProps["propOverrides"];
+        "scrollLeftText"?: DBTabsProps["scrollLeftText"];
+        "scrollRightText"?: DBTabsProps["scrollRightText"];
         "tabs"?: DBTabsProps["tabs"];
         "width"?: DBTabsProps["width"];
     }
@@ -2077,16 +2366,9 @@ declare namespace LocalJSX {
         "label": DBBadgeProps["label"];
         "text": DBBadgeProps["text"];
     }
-    interface DbBrandAttributes {
-        "hideLogo": DBBrandProps["hideLogo"];
-        "icon": DBBrandProps["icon"];
-        "showIcon": string;
-        "id": DBBrandProps["id"];
-        "className": DBBrandProps["className"];
-        "text": DBBrandProps["text"];
-    }
     interface DbButtonAttributes {
         "type": DBButtonProps["type"];
+        "commandfor": DBButtonProps["commandfor"];
         "id": DBButtonProps["id"];
         "className": DBButtonProps["className"];
         "disabled": string;
@@ -2104,6 +2386,7 @@ declare namespace LocalJSX {
         "name": DBButtonProps["name"];
         "form": DBButtonProps["form"];
         "value": DBButtonProps["value"];
+        "command": DBButtonProps["command"];
         "text": DBButtonProps["text"];
     }
     interface DbCardAttributes {
@@ -2134,6 +2417,81 @@ declare namespace LocalJSX {
         "label": DBCheckboxProps["label"];
         "messageIcon": DBCheckboxProps["messageIcon"];
     }
+    interface DbControlPanelBrandAttributes {
+        "id": DBControlPanelBrandProps["id"];
+        "className": DBControlPanelBrandProps["className"];
+    }
+    interface DbControlPanelDesktopAttributes {
+        "id": DBControlPanelDesktopProps["id"];
+        "expanded": string;
+        "expandButtonTooltip": DBControlPanelDesktopProps["expandButtonTooltip"];
+        "className": DBControlPanelDesktopProps["className"];
+        "width": DBControlPanelDesktopProps["width"];
+        "orientation": DBControlPanelDesktopProps["orientation"];
+    }
+    interface DbControlPanelFlatIconAttributes {
+        "id": DBControlPanelFlatIconProps["id"];
+        "noText": string;
+        "className": DBControlPanelFlatIconProps["className"];
+    }
+    interface DbControlPanelMetaAttributes {
+        "id": DBControlPanelMetaProps["id"];
+        "className": DBControlPanelMetaProps["className"];
+    }
+    interface DbControlPanelMobileAttributes {
+        "id": DBControlPanelMobileProps["id"];
+        "position": DBControlPanelMobileProps["position"];
+        "className": DBControlPanelMobileProps["className"];
+        "drawerHeaderText": DBControlPanelMobileProps["drawerHeaderText"];
+        "burgerMenuLabel": DBControlPanelMobileProps["burgerMenuLabel"];
+    }
+    interface DbControlPanelNavigationAttributes {
+        "variant": DBControlPanelNavigationProps["variant"];
+        "behavior": DBControlPanelNavigationProps["behavior"];
+        "arrowScrollDistance": string;
+        "id": DBControlPanelNavigationProps["id"];
+        "showTreeLine": string;
+        "className": DBControlPanelNavigationProps["className"];
+        "scrollLeftText": DBControlPanelNavigationProps["scrollLeftText"];
+        "scrollRightText": DBControlPanelNavigationProps["scrollRightText"];
+    }
+    interface DbControlPanelNavigationItemAttributes {
+        "tooltip": DBControlPanelNavigationItemProps["tooltip"];
+        "text": DBControlPanelNavigationItemProps["text"];
+        "disabled": string;
+        "active": DBControlPanelNavigationItemProps["active"];
+        "id": DBControlPanelNavigationItemProps["id"];
+        "className": DBControlPanelNavigationItemProps["className"];
+        "icon": DBControlPanelNavigationItemProps["icon"];
+        "showIcon": string;
+    }
+    interface DbControlPanelNavigationItemGroupAttributes {
+        "expanded": string;
+        "id": DBControlPanelNavigationItemGroupProps["id"];
+        "className": DBControlPanelNavigationItemGroupProps["className"];
+        "icon": DBControlPanelNavigationItemGroupProps["icon"];
+        "showIcon": string;
+        "active": DBControlPanelNavigationItemGroupProps["active"];
+        "disabled": string;
+        "menuId": DBControlPanelNavigationItemGroupProps["menuId"];
+        "text": DBControlPanelNavigationItemGroupProps["text"];
+        "backButtonId": DBControlPanelNavigationItemGroupProps["backButtonId"];
+        "backButtonText": DBControlPanelNavigationItemGroupProps["backButtonText"];
+    }
+    interface DbControlPanelPrimaryActionsAttributes {
+        "id": DBControlPanelPrimaryActionsProps["id"];
+        "className": DBControlPanelPrimaryActionsProps["className"];
+    }
+    interface DbControlPanelSecondaryActionsAttributes {
+        "id": DBControlPanelSecondaryActionsProps["id"];
+        "className": DBControlPanelSecondaryActionsProps["className"];
+    }
+    interface DbControlPanelSkipNavigationAttributes {
+        "id": DBControlPanelSkipNavigationProps["id"];
+        "className": DBControlPanelSkipNavigationProps["className"];
+        "text": DBControlPanelSkipNavigationProps["text"];
+        "target": DBControlPanelSkipNavigationProps["target"];
+    }
     interface DbCustomButtonAttributes {
         "id": DBCustomButtonProps["id"];
         "className": DBCustomButtonProps["className"];
@@ -2239,21 +2597,20 @@ declare namespace LocalJSX {
         "id": DBDrawerProps["id"];
         "direction": DBDrawerProps["direction"];
         "className": DBDrawerProps["className"];
-        "spacing": DBDrawerProps["spacing"];
-        "width": DBDrawerProps["width"];
+        "containerSize": DBDrawerProps["containerSize"];
+        "showSpacing": string;
         "rounded": string;
-        "closeButtonId": DBDrawerProps["closeButtonId"];
-        "closeButtonText": DBDrawerProps["closeButtonText"];
-    }
-    interface DbHeaderAttributes {
-        "forceMobile": string;
-        "drawerOpen": string;
-        "className": DBHeaderProps["className"];
-        "id": DBHeaderProps["id"];
-        "width": DBHeaderProps["width"];
-        "burgerMenuLabel": DBHeaderProps["burgerMenuLabel"];
-        "closeButtonId": DBHeaderProps["closeButtonId"];
-        "closeButtonText": DBHeaderProps["closeButtonText"];
+    }
+    interface DbDrawerFooterAttributes {
+        "id": DBDrawerFooterProps["id"];
+        "className": DBDrawerFooterProps["className"];
+    }
+    interface DbDrawerHeaderAttributes {
+        "text": DBDrawerHeaderProps["text"];
+        "id": DBDrawerHeaderProps["id"];
+        "className": DBDrawerHeaderProps["className"];
+        "closeButtonId": DBDrawerHeaderProps["closeButtonId"];
+        "closeButtonText": DBDrawerHeaderProps["closeButtonText"];
     }
     interface DbIconAttributes {
         "id": DBIconProps["id"];
@@ -2341,25 +2698,6 @@ declare namespace LocalJSX {
         "wrap": string;
         "text": DBLinkProps["text"];
     }
-    interface DbNavigationAttributes {
-        "id": DBNavigationProps["id"];
-        "className": DBNavigationProps["className"];
-    }
-    interface DbNavigationItemAttributes {
-        "id": DBNavigationItemProps["id"];
-        "subNavigationExpanded": string;
-        "className": DBNavigationItemProps["className"];
-        "width": DBNavigationItemProps["width"];
-        "icon": DBNavigationItemProps["icon"];
-        "showIcon": string;
-        "active": DBNavigationItemProps["active"];
-        "wrap": string;
-        "disabled": string;
-        "hideSubNavigation": string;
-        "text": DBNavigationItemProps["text"];
-        "backButtonId": DBNavigationItemProps["backButtonId"];
-        "backButtonText": DBNavigationItemProps["backButtonText"];
-    }
     interface DbNotificationAttributes {
         "id": DBNotificationProps["id"];
         "className": DBNotificationProps["className"];
@@ -2380,16 +2718,7 @@ declare namespace LocalJSX {
         "closeButtonId": DBNotificationProps["closeButtonId"];
         "closeButtonText": DBNotificationProps["closeButtonText"];
     }
-    interface DbPageAttributes {
-        "fadeIn": string;
-        "documentOverflow": DBPageProps["documentOverflow"];
-        "variant": DBPageProps["variant"];
-        "id": DBPageProps["id"];
-        "className": DBPageProps["className"];
-        "mainClass": DBPageProps["mainClass"];
-    }
     interface DbPopoverAttributes {
-        "placement": DBPopoverProps["placement"];
         "id": DBPopoverProps["id"];
         "className": DBPopoverProps["className"];
         "spacing": DBPopoverProps["spacing"];
@@ -2398,6 +2727,7 @@ declare namespace LocalJSX {
         "open": string;
         "delay": DBPopoverProps["delay"];
         "width": DBPopoverProps["width"];
+        "placement": DBPopoverProps["placement"];
     }
     interface DbRadioAttributes {
         "id": DBRadioProps["id"];
@@ -2445,6 +2775,30 @@ declare namespace LocalJSX {
         "ariaDescribedBy": DBSelectProps["ariaDescribedBy"];
         "messageIcon": DBSelectProps["messageIcon"];
     }
+    interface DbShellAttributes {
+        "fadeIn": string;
+        "id": DBShellProps["id"];
+        "className": DBShellProps["className"];
+        "controlPanelDesktopPosition": DBShellProps["controlPanelDesktopPosition"];
+        "controlPanelMobilePosition": DBShellProps["controlPanelMobilePosition"];
+        "subNavigationDesktopPosition": DBShellProps["subNavigationDesktopPosition"];
+        "subNavigationMobilePosition": DBShellProps["subNavigationMobilePosition"];
+        "showSubNavigation": string;
+    }
+    interface DbShellContentAttributes {
+        "id": DBShellContentProps["id"];
+        "className": DBShellContentProps["className"];
+        "variant": DBShellContentProps["variant"];
+        "mainId": DBShellContentProps["mainId"];
+        "mainClass": DBShellContentProps["mainClass"];
+        "mainLabel": DBShellContentProps["mainLabel"];
+    }
+    interface DbShellSubNavigationAttributes {
+        "expanded": string;
+        "expandButtonTooltip": DBShellSubNavigationProps["expandButtonTooltip"];
+        "id": DBShellSubNavigationProps["id"];
+        "className": DBShellSubNavigationProps["className"];
+    }
     interface DbStackAttributes {
         "id": DBStackProps["id"];
         "className": DBStackProps["className"];
@@ -2576,6 +2930,8 @@ declare namespace LocalJSX {
         "className": DBTabsProps["className"];
         "alignment": DBTabsProps["alignment"];
         "width": DBTabsProps["width"];
+        "scrollLeftText": DBTabsProps["scrollLeftText"];
+        "scrollRightText": DBTabsProps["scrollRightText"];
     }
     interface DbTagAttributes {
         "removeButton": DBTagProps["removeButton"];
@@ -2629,7 +2985,6 @@ declare namespace LocalJSX {
     interface DbTooltipAttributes {
         "id": DBTooltipProps["id"];
         "variant": DBTooltipProps["variant"];
-        "placement": DBTooltipProps["placement"];
         "className": DBTooltipProps["className"];
         "emphasis": DBTooltipProps["emphasis"];
         "wrap": string;
@@ -2637,6 +2992,7 @@ declare namespace LocalJSX {
         "delay": DBTooltipProps["delay"];
         "width": DBTooltipProps["width"];
         "showArrow": string;
+        "placement": DBTooltipProps["placement"];
         "text": DBTooltipProps["text"];
     }
 
@@ -2644,10 +3000,20 @@ declare namespace LocalJSX {
         "db-accordion": Omit<DbAccordion, keyof DbAccordionAttributes> & { [K in keyof DbAccordion & keyof DbAccordionAttributes]?: DbAccordion[K] } & { [K in keyof DbAccordion & keyof DbAccordionAttributes as `attr:${K}`]?: DbAccordionAttributes[K] } & { [K in keyof DbAccordion & keyof DbAccordionAttributes as `prop:${K}`]?: DbAccordion[K] };
         "db-accordion-item": Omit<DbAccordionItem, keyof DbAccordionItemAttributes> & { [K in keyof DbAccordionItem & keyof DbAccordionItemAttributes]?: DbAccordionItem[K] } & { [K in keyof DbAccordionItem & keyof DbAccordionItemAttributes as `attr:${K}`]?: DbAccordionItemAttributes[K] } & { [K in keyof DbAccordionItem & keyof DbAccordionItemAttributes as `prop:${K}`]?: DbAccordionItem[K] };
         "db-badge": Omit<DbBadge, keyof DbBadgeAttributes> & { [K in keyof DbBadge & keyof DbBadgeAttributes]?: DbBadge[K] } & { [K in keyof DbBadge & keyof DbBadgeAttributes as `attr:${K}`]?: DbBadgeAttributes[K] } & { [K in keyof DbBadge & keyof DbBadgeAttributes as `prop:${K}`]?: DbBadge[K] };
-        "db-brand": Omit<DbBrand, keyof DbBrandAttributes> & { [K in keyof DbBrand & keyof DbBrandAttributes]?: DbBrand[K] } & { [K in keyof DbBrand & keyof DbBrandAttributes as `attr:${K}`]?: DbBrandAttributes[K] } & { [K in keyof DbBrand & keyof DbBrandAttributes as `prop:${K}`]?: DbBrand[K] };
         "db-button": Omit<DbButton, keyof DbButtonAttributes> & { [K in keyof DbButton & keyof DbButtonAttributes]?: DbButton[K] } & { [K in keyof DbButton & keyof DbButtonAttributes as `attr:${K}`]?: DbButtonAttributes[K] } & { [K in keyof DbButton & keyof DbButtonAttributes as `prop:${K}`]?: DbButton[K] };
         "db-card": Omit<DbCard, keyof DbCardAttributes> & { [K in keyof DbCard & keyof DbCardAttributes]?: DbCard[K] } & { [K in keyof DbCard & keyof DbCardAttributes as `attr:${K}`]?: DbCardAttributes[K] } & { [K in keyof DbCard & keyof DbCardAttributes as `prop:${K}`]?: DbCard[K] };
         "db-checkbox": Omit<DbCheckbox, keyof DbCheckboxAttributes> & { [K in keyof DbCheckbox & keyof DbCheckboxAttributes]?: DbCheckbox[K] } & { [K in keyof DbCheckbox & keyof DbCheckboxAttributes as `attr:${K}`]?: DbCheckboxAttributes[K] } & { [K in keyof DbCheckbox & keyof DbCheckboxAttributes as `prop:${K}`]?: DbCheckbox[K] };
+        "db-control-panel-brand": Omit<DbControlPanelBrand, keyof DbControlPanelBrandAttributes> & { [K in keyof DbControlPanelBrand & keyof DbControlPanelBrandAttributes]?: DbControlPanelBrand[K] } & { [K in keyof DbControlPanelBrand & keyof DbControlPanelBrandAttributes as `attr:${K}`]?: DbControlPanelBrandAttributes[K] } & { [K in keyof DbControlPanelBrand & keyof DbControlPanelBrandAttributes as `prop:${K}`]?: DbControlPanelBrand[K] };
+        "db-control-panel-desktop": Omit<DbControlPanelDesktop, keyof DbControlPanelDesktopAttributes> & { [K in keyof DbControlPanelDesktop & keyof DbControlPanelDesktopAttributes]?: DbControlPanelDesktop[K] } & { [K in keyof DbControlPanelDesktop & keyof DbControlPanelDesktopAttributes as `attr:${K}`]?: DbControlPanelDesktopAttributes[K] } & { [K in keyof DbControlPanelDesktop & keyof DbControlPanelDesktopAttributes as `prop:${K}`]?: DbControlPanelDesktop[K] };
+        "db-control-panel-flat-icon": Omit<DbControlPanelFlatIcon, keyof DbControlPanelFlatIconAttributes> & { [K in keyof DbControlPanelFlatIcon & keyof DbControlPanelFlatIconAttributes]?: DbControlPanelFlatIcon[K] } & { [K in keyof DbControlPanelFlatIcon & keyof DbControlPanelFlatIconAttributes as `attr:${K}`]?: DbControlPanelFlatIconAttributes[K] } & { [K in keyof DbControlPanelFlatIcon & keyof DbControlPanelFlatIconAttributes as `prop:${K}`]?: DbControlPanelFlatIcon[K] };
+        "db-control-panel-meta": Omit<DbControlPanelMeta, keyof DbControlPanelMetaAttributes> & { [K in keyof DbControlPanelMeta & keyof DbControlPanelMetaAttributes]?: DbControlPanelMeta[K] } & { [K in keyof DbControlPanelMeta & keyof DbControlPanelMetaAttributes as `attr:${K}`]?: DbControlPanelMetaAttributes[K] } & { [K in keyof DbControlPanelMeta & keyof DbControlPanelMetaAttributes as `prop:${K}`]?: DbControlPanelMeta[K] };
+        "db-control-panel-mobile": Omit<DbControlPanelMobile, keyof DbControlPanelMobileAttributes> & { [K in keyof DbControlPanelMobile & keyof DbControlPanelMobileAttributes]?: DbControlPanelMobile[K] } & { [K in keyof DbControlPanelMobile & keyof DbControlPanelMobileAttributes as `attr:${K}`]?: DbControlPanelMobileAttributes[K] } & { [K in keyof DbControlPanelMobile & keyof DbControlPanelMobileAttributes as `prop:${K}`]?: DbControlPanelMobile[K] };
+        "db-control-panel-navigation": Omit<DbControlPanelNavigation, keyof DbControlPanelNavigationAttributes> & { [K in keyof DbControlPanelNavigation & keyof DbControlPanelNavigationAttributes]?: DbControlPanelNavigation[K] } & { [K in keyof DbControlPanelNavigation & keyof DbControlPanelNavigationAttributes as `attr:${K}`]?: DbControlPanelNavigationAttributes[K] } & { [K in keyof DbControlPanelNavigation & keyof DbControlPanelNavigationAttributes as `prop:${K}`]?: DbControlPanelNavigation[K] };
+        "db-control-panel-navigation-item": Omit<DbControlPanelNavigationItem, keyof DbControlPanelNavigationItemAttributes> & { [K in keyof DbControlPanelNavigationItem & keyof DbControlPanelNavigationItemAttributes]?: DbControlPanelNavigationItem[K] } & { [K in keyof DbControlPanelNavigationItem & keyof DbControlPanelNavigationItemAttributes as `attr:${K}`]?: DbControlPanelNavigationItemAttributes[K] } & { [K in keyof DbControlPanelNavigationItem & keyof DbControlPanelNavigationItemAttributes as `prop:${K}`]?: DbControlPanelNavigationItem[K] };
+        "db-control-panel-navigation-item-group": Omit<DbControlPanelNavigationItemGroup, keyof DbControlPanelNavigationItemGroupAttributes> & { [K in keyof DbControlPanelNavigationItemGroup & keyof DbControlPanelNavigationItemGroupAttributes]?: DbControlPanelNavigationItemGroup[K] } & { [K in keyof DbControlPanelNavigationItemGroup & keyof DbControlPanelNavigationItemGroupAttributes as `attr:${K}`]?: DbControlPanelNavigationItemGroupAttributes[K] } & { [K in keyof DbControlPanelNavigationItemGroup & keyof DbControlPanelNavigationItemGroupAttributes as `prop:${K}`]?: DbControlPanelNavigationItemGroup[K] };
+        "db-control-panel-primary-actions": Omit<DbControlPanelPrimaryActions, keyof DbControlPanelPrimaryActionsAttributes> & { [K in keyof DbControlPanelPrimaryActions & keyof DbControlPanelPrimaryActionsAttributes]?: DbControlPanelPrimaryActions[K] } & { [K in keyof DbControlPanelPrimaryActions & keyof DbControlPanelPrimaryActionsAttributes as `attr:${K}`]?: DbControlPanelPrimaryActionsAttributes[K] } & { [K in keyof DbControlPanelPrimaryActions & keyof DbControlPanelPrimaryActionsAttributes as `prop:${K}`]?: DbControlPanelPrimaryActions[K] };
+        "db-control-panel-secondary-actions": Omit<DbControlPanelSecondaryActions, keyof DbControlPanelSecondaryActionsAttributes> & { [K in keyof DbControlPanelSecondaryActions & keyof DbControlPanelSecondaryActionsAttributes]?: DbControlPanelSecondaryActions[K] } & { [K in keyof DbControlPanelSecondaryActions & keyof DbControlPanelSecondaryActionsAttributes as `attr:${K}`]?: DbControlPanelSecondaryActionsAttributes[K] } & { [K in keyof DbControlPanelSecondaryActions & keyof DbControlPanelSecondaryActionsAttributes as `prop:${K}`]?: DbControlPanelSecondaryActions[K] };
+        "db-control-panel-skip-navigation": Omit<DbControlPanelSkipNavigation, keyof DbControlPanelSkipNavigationAttributes> & { [K in keyof DbControlPanelSkipNavigation & keyof DbControlPanelSkipNavigationAttributes]?: DbControlPanelSkipNavigation[K] } & { [K in keyof DbControlPanelSkipNavigation & keyof DbControlPanelSkipNavigationAttributes as `attr:${K}`]?: DbControlPanelSkipNavigationAttributes[K] } & { [K in keyof DbControlPanelSkipNavigation & keyof DbControlPanelSkipNavigationAttributes as `prop:${K}`]?: DbControlPanelSkipNavigation[K] };
         "db-custom-button": Omit<DbCustomButton, keyof DbCustomButtonAttributes> & { [K in keyof DbCustomButton & keyof DbCustomButtonAttributes]?: DbCustomButton[K] } & { [K in keyof DbCustomButton & keyof DbCustomButtonAttributes as `attr:${K}`]?: DbCustomButtonAttributes[K] } & { [K in keyof DbCustomButton & keyof DbCustomButtonAttributes as `prop:${K}`]?: DbCustomButton[K] };
         "db-custom-select": Omit<DbCustomSelect, keyof DbCustomSelectAttributes> & { [K in keyof DbCustomSelect & keyof DbCustomSelectAttributes]?: DbCustomSelect[K] } & { [K in keyof DbCustomSelect & keyof DbCustomSelectAttributes as `attr:${K}`]?: DbCustomSelectAttributes[K] } & { [K in keyof DbCustomSelect & keyof DbCustomSelectAttributes as `prop:${K}`]?: DbCustomSelect[K] };
         "db-custom-select-dropdown": Omit<DbCustomSelectDropdown, keyof DbCustomSelectDropdownAttributes> & { [K in keyof DbCustomSelectDropdown & keyof DbCustomSelectDropdownAttributes]?: DbCustomSelectDropdown[K] } & { [K in keyof DbCustomSelectDropdown & keyof DbCustomSelectDropdownAttributes as `attr:${K}`]?: DbCustomSelectDropdownAttributes[K] } & { [K in keyof DbCustomSelectDropdown & keyof DbCustomSelectDropdownAttributes as `prop:${K}`]?: DbCustomSelectDropdown[K] };
@@ -2656,19 +3022,20 @@ declare namespace LocalJSX {
         "db-custom-select-list-item": Omit<DbCustomSelectListItem, keyof DbCustomSelectListItemAttributes> & { [K in keyof DbCustomSelectListItem & keyof DbCustomSelectListItemAttributes]?: DbCustomSelectListItem[K] } & { [K in keyof DbCustomSelectListItem & keyof DbCustomSelectListItemAttributes as `attr:${K}`]?: DbCustomSelectListItemAttributes[K] } & { [K in keyof DbCustomSelectListItem & keyof DbCustomSelectListItemAttributes as `prop:${K}`]?: DbCustomSelectListItem[K] };
         "db-divider": Omit<DbDivider, keyof DbDividerAttributes> & { [K in keyof DbDivider & keyof DbDividerAttributes]?: DbDivider[K] } & { [K in keyof DbDivider & keyof DbDividerAttributes as `attr:${K}`]?: DbDividerAttributes[K] } & { [K in keyof DbDivider & keyof DbDividerAttributes as `prop:${K}`]?: DbDivider[K] };
         "db-drawer": Omit<DbDrawer, keyof DbDrawerAttributes> & { [K in keyof DbDrawer & keyof DbDrawerAttributes]?: DbDrawer[K] } & { [K in keyof DbDrawer & keyof DbDrawerAttributes as `attr:${K}`]?: DbDrawerAttributes[K] } & { [K in keyof DbDrawer & keyof DbDrawerAttributes as `prop:${K}`]?: DbDrawer[K] };
-        "db-header": Omit<DbHeader, keyof DbHeaderAttributes> & { [K in keyof DbHeader & keyof DbHeaderAttributes]?: DbHeader[K] } & { [K in keyof DbHeader & keyof DbHeaderAttributes as `attr:${K}`]?: DbHeaderAttributes[K] } & { [K in keyof DbHeader & keyof DbHeaderAttributes as `prop:${K}`]?: DbHeader[K] };
+        "db-drawer-footer": Omit<DbDrawerFooter, keyof DbDrawerFooterAttributes> & { [K in keyof DbDrawerFooter & keyof DbDrawerFooterAttributes]?: DbDrawerFooter[K] } & { [K in keyof DbDrawerFooter & keyof DbDrawerFooterAttributes as `attr:${K}`]?: DbDrawerFooterAttributes[K] } & { [K in keyof DbDrawerFooter & keyof DbDrawerFooterAttributes as `prop:${K}`]?: DbDrawerFooter[K] };
+        "db-drawer-header": Omit<DbDrawerHeader, keyof DbDrawerHeaderAttributes> & { [K in keyof DbDrawerHeader & keyof DbDrawerHeaderAttributes]?: DbDrawerHeader[K] } & { [K in keyof DbDrawerHeader & keyof DbDrawerHeaderAttributes as `attr:${K}`]?: DbDrawerHeaderAttributes[K] } & { [K in keyof DbDrawerHeader & keyof DbDrawerHeaderAttributes as `prop:${K}`]?: DbDrawerHeader[K] };
         "db-icon": Omit<DbIcon, keyof DbIconAttributes> & { [K in keyof DbIcon & keyof DbIconAttributes]?: DbIcon[K] } & { [K in keyof DbIcon & keyof DbIconAttributes as `attr:${K}`]?: DbIconAttributes[K] } & { [K in keyof DbIcon & keyof DbIconAttributes as `prop:${K}`]?: DbIcon[K] };
         "db-infotext": Omit<DbInfotext, keyof DbInfotextAttributes> & { [K in keyof DbInfotext & keyof DbInfotextAttributes]?: DbInfotext[K] } & { [K in keyof DbInfotext & keyof DbInfotextAttributes as `attr:${K}`]?: DbInfotextAttributes[K] } & { [K in keyof DbInfotext & keyof DbInfotextAttributes as `prop:${K}`]?: DbInfotext[K] };
         "db-input": Omit<DbInput, keyof DbInputAttributes> & { [K in keyof DbInput & keyof DbInputAttributes]?: DbInput[K] } & { [K in keyof DbInput & keyof DbInputAttributes as `attr:${K}`]?: DbInputAttributes[K] } & { [K in keyof DbInput & keyof DbInputAttributes as `prop:${K}`]?: DbInput[K] };
         "db-link": Omit<DbLink, keyof DbLinkAttributes> & { [K in keyof DbLink & keyof DbLinkAttributes]?: DbLink[K] } & { [K in keyof DbLink & keyof DbLinkAttributes as `attr:${K}`]?: DbLinkAttributes[K] } & { [K in keyof DbLink & keyof DbLinkAttributes as `prop:${K}`]?: DbLink[K] };
-        "db-navigation": Omit<DbNavigation, keyof DbNavigationAttributes> & { [K in keyof DbNavigation & keyof DbNavigationAttributes]?: DbNavigation[K] } & { [K in keyof DbNavigation & keyof DbNavigationAttributes as `attr:${K}`]?: DbNavigationAttributes[K] } & { [K in keyof DbNavigation & keyof DbNavigationAttributes as `prop:${K}`]?: DbNavigation[K] };
-        "db-navigation-item": Omit<DbNavigationItem, keyof DbNavigationItemAttributes> & { [K in keyof DbNavigationItem & keyof DbNavigationItemAttributes]?: DbNavigationItem[K] } & { [K in keyof DbNavigationItem & keyof DbNavigationItemAttributes as `attr:${K}`]?: DbNavigationItemAttributes[K] } & { [K in keyof DbNavigationItem & keyof DbNavigationItemAttributes as `prop:${K}`]?: DbNavigationItem[K] };
         "db-notification": Omit<DbNotification, keyof DbNotificationAttributes> & { [K in keyof DbNotification & keyof DbNotificationAttributes]?: DbNotification[K] } & { [K in keyof DbNotification & keyof DbNotificationAttributes as `attr:${K}`]?: DbNotificationAttributes[K] } & { [K in keyof DbNotification & keyof DbNotificationAttributes as `prop:${K}`]?: DbNotification[K] };
-        "db-page": Omit<DbPage, keyof DbPageAttributes> & { [K in keyof DbPage & keyof DbPageAttributes]?: DbPage[K] } & { [K in keyof DbPage & keyof DbPageAttributes as `attr:${K}`]?: DbPageAttributes[K] } & { [K in keyof DbPage & keyof DbPageAttributes as `prop:${K}`]?: DbPage[K] };
         "db-popover": Omit<DbPopover, keyof DbPopoverAttributes> & { [K in keyof DbPopover & keyof DbPopoverAttributes]?: DbPopover[K] } & { [K in keyof DbPopover & keyof DbPopoverAttributes as `attr:${K}`]?: DbPopoverAttributes[K] } & { [K in keyof DbPopover & keyof DbPopoverAttributes as `prop:${K}`]?: DbPopover[K] };
         "db-radio": Omit<DbRadio, keyof DbRadioAttributes> & { [K in keyof DbRadio & keyof DbRadioAttributes]?: DbRadio[K] } & { [K in keyof DbRadio & keyof DbRadioAttributes as `attr:${K}`]?: DbRadioAttributes[K] } & { [K in keyof DbRadio & keyof DbRadioAttributes as `prop:${K}`]?: DbRadio[K] };
         "db-section": Omit<DbSection, keyof DbSectionAttributes> & { [K in keyof DbSection & keyof DbSectionAttributes]?: DbSection[K] } & { [K in keyof DbSection & keyof DbSectionAttributes as `attr:${K}`]?: DbSectionAttributes[K] } & { [K in keyof DbSection & keyof DbSectionAttributes as `prop:${K}`]?: DbSection[K] };
         "db-select": Omit<DbSelect, keyof DbSelectAttributes> & { [K in keyof DbSelect & keyof DbSelectAttributes]?: DbSelect[K] } & { [K in keyof DbSelect & keyof DbSelectAttributes as `attr:${K}`]?: DbSelectAttributes[K] } & { [K in keyof DbSelect & keyof DbSelectAttributes as `prop:${K}`]?: DbSelect[K] };
+        "db-shell": Omit<DbShell, keyof DbShellAttributes> & { [K in keyof DbShell & keyof DbShellAttributes]?: DbShell[K] } & { [K in keyof DbShell & keyof DbShellAttributes as `attr:${K}`]?: DbShellAttributes[K] } & { [K in keyof DbShell & keyof DbShellAttributes as `prop:${K}`]?: DbShell[K] };
+        "db-shell-content": Omit<DbShellContent, keyof DbShellContentAttributes> & { [K in keyof DbShellContent & keyof DbShellContentAttributes]?: DbShellContent[K] } & { [K in keyof DbShellContent & keyof DbShellContentAttributes as `attr:${K}`]?: DbShellContentAttributes[K] } & { [K in keyof DbShellContent & keyof DbShellContentAttributes as `prop:${K}`]?: DbShellContent[K] };
+        "db-shell-sub-navigation": Omit<DbShellSubNavigation, keyof DbShellSubNavigationAttributes> & { [K in keyof DbShellSubNavigation & keyof DbShellSubNavigationAttributes]?: DbShellSubNavigation[K] } & { [K in keyof DbShellSubNavigation & keyof DbShellSubNavigationAttributes as `attr:${K}`]?: DbShellSubNavigationAttributes[K] } & { [K in keyof DbShellSubNavigation & keyof DbShellSubNavigationAttributes as `prop:${K}`]?: DbShellSubNavigation[K] };
         "db-stack": Omit<DbStack, keyof DbStackAttributes> & { [K in keyof DbStack & keyof DbStackAttributes]?: DbStack[K] } & { [K in keyof DbStack & keyof DbStackAttributes as `attr:${K}`]?: DbStackAttributes[K] } & { [K in keyof DbStack & keyof DbStackAttributes as `prop:${K}`]?: DbStack[K] };
         "db-switch": Omit<DbSwitch, keyof DbSwitchAttributes> & { [K in keyof DbSwitch & keyof DbSwitchAttributes]?: DbSwitch[K] } & { [K in keyof DbSwitch & keyof DbSwitchAttributes as `attr:${K}`]?: DbSwitchAttributes[K] } & { [K in keyof DbSwitch & keyof DbSwitchAttributes as `prop:${K}`]?: DbSwitch[K] };
         "db-tab-item": Omit<DbTabItem, keyof DbTabItemAttributes> & { [K in keyof DbTabItem & keyof DbTabItemAttributes]?: DbTabItem[K] } & { [K in keyof DbTabItem & keyof DbTabItemAttributes as `attr:${K}`]?: DbTabItemAttributes[K] } & { [K in keyof DbTabItem & keyof DbTabItemAttributes as `prop:${K}`]?: DbTabItem[K] };
@@ -2695,10 +3062,20 @@ declare module "@stencil/core" {
             "db-accordion": LocalJSX.IntrinsicElements["db-accordion"] & JSXBase.HTMLAttributes<HTMLDbAccordionElement>;
             "db-accordion-item": LocalJSX.IntrinsicElements["db-accordion-item"] & JSXBase.HTMLAttributes<HTMLDbAccordionItemElement>;
             "db-badge": LocalJSX.IntrinsicElements["db-badge"] & JSXBase.HTMLAttributes<HTMLDbBadgeElement>;
-            "db-brand": LocalJSX.IntrinsicElements["db-brand"] & JSXBase.HTMLAttributes<HTMLDbBrandElement>;
             "db-button": LocalJSX.IntrinsicElements["db-button"] & JSXBase.HTMLAttributes<HTMLDbButtonElement>;
             "db-card": LocalJSX.IntrinsicElements["db-card"] & JSXBase.HTMLAttributes<HTMLDbCardElement>;
             "db-checkbox": LocalJSX.IntrinsicElements["db-checkbox"] & JSXBase.HTMLAttributes<HTMLDbCheckboxElement>;
+            "db-control-panel-brand": LocalJSX.IntrinsicElements["db-control-panel-brand"] & JSXBase.HTMLAttributes<HTMLDbControlPanelBrandElement>;
+            "db-control-panel-desktop": LocalJSX.IntrinsicElements["db-control-panel-desktop"] & JSXBase.HTMLAttributes<HTMLDbControlPanelDesktopElement>;
+            "db-control-panel-flat-icon": LocalJSX.IntrinsicElements["db-control-panel-flat-icon"] & JSXBase.HTMLAttributes<HTMLDbControlPanelFlatIconElement>;
+            "db-control-panel-meta": LocalJSX.IntrinsicElements["db-control-panel-meta"] & JSXBase.HTMLAttributes<HTMLDbControlPanelMetaElement>;
+            "db-control-panel-mobile": LocalJSX.IntrinsicElements["db-control-panel-mobile"] & JSXBase.HTMLAttributes<HTMLDbControlPanelMobileElement>;
+            "db-control-panel-navigation": LocalJSX.IntrinsicElements["db-control-panel-navigation"] & JSXBase.HTMLAttributes<HTMLDbControlPanelNavigationElement>;
+            "db-control-panel-navigation-item": LocalJSX.IntrinsicElements["db-control-panel-navigation-item"] & JSXBase.HTMLAttributes<HTMLDbControlPanelNavigationItemElement>;
+            "db-control-panel-navigation-item-group": LocalJSX.IntrinsicElements["db-control-panel-navigation-item-group"] & JSXBase.HTMLAttributes<HTMLDbControlPanelNavigationItemGroupElement>;
+            "db-control-panel-primary-actions": LocalJSX.IntrinsicElements["db-control-panel-primary-actions"] & JSXBase.HTMLAttributes<HTMLDbControlPanelPrimaryActionsElement>;
+            "db-control-panel-secondary-actions": LocalJSX.IntrinsicElements["db-control-panel-secondary-actions"] & JSXBase.HTMLAttributes<HTMLDbControlPanelSecondaryActionsElement>;
+            "db-control-panel-skip-navigation": LocalJSX.IntrinsicElements["db-control-panel-skip-navigation"] & JSXBase.HTMLAttributes<HTMLDbControlPanelSkipNavigationElement>;
             "db-custom-button": LocalJSX.IntrinsicElements["db-custom-button"] & JSXBase.HTMLAttributes<HTMLDbCustomButtonElement>;
             "db-custom-select": LocalJSX.IntrinsicElements["db-custom-select"] & JSXBase.HTMLAttributes<HTMLDbCustomSelectElement>;
             "db-custom-select-dropdown": LocalJSX.IntrinsicElements["db-custom-select-dropdown"] & JSXBase.HTMLAttributes<HTMLDbCustomSelectDropdownElement>;
@@ -2707,19 +3084,20 @@ declare module "@stencil/core" {
             "db-custom-select-list-item": LocalJSX.IntrinsicElements["db-custom-select-list-item"] & JSXBase.HTMLAttributes<HTMLDbCustomSelectListItemElement>;
             "db-divider": LocalJSX.IntrinsicElements["db-divider"] & JSXBase.HTMLAttributes<HTMLDbDividerElement>;
             "db-drawer": LocalJSX.IntrinsicElements["db-drawer"] & JSXBase.HTMLAttributes<HTMLDbDrawerElement>;
-            "db-header": LocalJSX.IntrinsicElements["db-header"] & JSXBase.HTMLAttributes<HTMLDbHeaderElement>;
+            "db-drawer-footer": LocalJSX.IntrinsicElements["db-drawer-footer"] & JSXBase.HTMLAttributes<HTMLDbDrawerFooterElement>;
+            "db-drawer-header": LocalJSX.IntrinsicElements["db-drawer-header"] & JSXBase.HTMLAttributes<HTMLDbDrawerHeaderElement>;
             "db-icon": LocalJSX.IntrinsicElements["db-icon"] & JSXBase.HTMLAttributes<HTMLDbIconElement>;
             "db-infotext": LocalJSX.IntrinsicElements["db-infotext"] & JSXBase.HTMLAttributes<HTMLDbInfotextElement>;
             "db-input": LocalJSX.IntrinsicElements["db-input"] & JSXBase.HTMLAttributes<HTMLDbInputElement>;
             "db-link": LocalJSX.IntrinsicElements["db-link"] & JSXBase.HTMLAttributes<HTMLDbLinkElement>;
-            "db-navigation": LocalJSX.IntrinsicElements["db-navigation"] & JSXBase.HTMLAttributes<HTMLDbNavigationElement>;
-            "db-navigation-item": LocalJSX.IntrinsicElements["db-navigation-item"] & JSXBase.HTMLAttributes<HTMLDbNavigationItemElement>;
             "db-notification": LocalJSX.IntrinsicElements["db-notification"] & JSXBase.HTMLAttributes<HTMLDbNotificationElement>;
-            "db-page": LocalJSX.IntrinsicElements["db-page"] & JSXBase.HTMLAttributes<HTMLDbPageElement>;
             "db-popover": LocalJSX.IntrinsicElements["db-popover"] & JSXBase.HTMLAttributes<HTMLDbPopoverElement>;
             "db-radio": LocalJSX.IntrinsicElements["db-radio"] & JSXBase.HTMLAttributes<HTMLDbRadioElement>;
             "db-section": LocalJSX.IntrinsicElements["db-section"] & JSXBase.HTMLAttributes<HTMLDbSectionElement>;
             "db-select": LocalJSX.IntrinsicElements["db-select"] & JSXBase.HTMLAttributes<HTMLDbSelectElement>;
+            "db-shell": LocalJSX.IntrinsicElements["db-shell"] & JSXBase.HTMLAttributes<HTMLDbShellElement>;
+            "db-shell-content": LocalJSX.IntrinsicElements["db-shell-content"] & JSXBase.HTMLAttributes<HTMLDbShellContentElement>;
+            "db-shell-sub-navigation": LocalJSX.IntrinsicElements["db-shell-sub-navigation"] & JSXBase.HTMLAttributes<HTMLDbShellSubNavigationElement>;
             "db-stack": LocalJSX.IntrinsicElements["db-stack"] & JSXBase.HTMLAttributes<HTMLDbStackElement>;
             "db-switch": LocalJSX.IntrinsicElements["db-switch"] & JSXBase.HTMLAttributes<HTMLDbSwitchElement>;
             "db-tab-item": LocalJSX.IntrinsicElements["db-tab-item"] & JSXBase.HTMLAttributes<HTMLDbTabItemElement>;