@dubai-design-system/components-js 5.1.1 → 5.3.0

package/dist/types/components.d.ts

@@ -6,7 +6,13 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { BreadcrumbItem } from "./components/dda-breadcrumb/dda-breadcrumb";
+import { QuickLinkItem } from "./components/dda-header/dda-header";
+import { BannerCardItem } from "./components/dda-home-carousel/dda-home-carousel";
+import { MiddleLinkItem, RightLinkItem } from "./components/dda-sticky-footer/dda-sticky-footer";
 export { BreadcrumbItem } from "./components/dda-breadcrumb/dda-breadcrumb";
+export { QuickLinkItem } from "./components/dda-header/dda-header";
+export { BannerCardItem } from "./components/dda-home-carousel/dda-home-carousel";
+export { MiddleLinkItem, RightLinkItem } from "./components/dda-sticky-footer/dda-sticky-footer";
 export namespace Components {
     interface DdaAccordion {
         /**
@@ -264,6 +270,53 @@ export namespace Components {
          */
         "slides": string;
     }
+    interface DdaBannerCard {
+        /**
+          * Text under the title. An empty value shows nothing.
+         */
+        "banner_card_description": string;
+        /**
+          * Link URL. With a URL the card is a link; without one it is a button.
+         */
+        "banner_card_href": string;
+        /**
+          * `id` of the link or button.
+         */
+        "banner_card_id": string;
+        /**
+          * `name` of the button (cards without a URL).
+         */
+        "banner_card_name": string;
+        /**
+          * Title of the card; it is the accessible name.
+         */
+        "banner_card_title": string;
+        /**
+          * 3.x name of `banner_card_href`. `banner_card_href` wins when both are set.
+         */
+        "banner_card_url": string;
+        /**
+          * `value` of the button (cards without a URL).
+         */
+        "banner_card_value": string;
+        /**
+          * Theme override class, e.g. `light-mode`.
+         */
+        "component_mode": string;
+        /**
+          * Extra CSS classes.
+          * @default ''
+         */
+        "custom_class": string;
+        /**
+          * Kept for 3.x markup. The icon is decorative, so this text is not read.
+         */
+        "image_alt": string;
+        /**
+          * Icon image URL. The icon is decorative: the title names the card.
+         */
+        "image_src": string;
+    }
     interface DdaBreadcrumb {
         /**
           * The items, as an array or a JSON string of `{ text, icon?, url? }` objects. The last item is the current page. The `data-breadcrumbs` attribute is still read when this is not set.
@@ -676,10 +729,30 @@ export namespace Components {
         "socialIcons": string;
     }
     interface DdaHeader {
+        /**
+          * `class` of the accessibility button icon. Default: `material-icons  material-symbols-outlined`.
+         */
+        "accessibility_button_icon_family": string;
+        /**
+          * Material icon name of the accessibility buttons. Default: `accessibility`.
+         */
+        "accessibility_button_icon_name": string;
+        /**
+          * `id` of the desktop accessibility button. The side-menu button gets this id plus `-sidemenu`.
+         */
+        "accessibility_button_id": string;
         /**
           * `name` attribute of the accessibility button in the side menu.
          */
         "accessibility_button_name": string;
+        /**
+          * Accessible name (visually hidden text) of both accessibility buttons. Default: `Accessibility`.
+         */
+        "accessibility_button_text": string;
+        /**
+          * Tooltip of the desktop accessibility button. Default: `Accessibility`.
+         */
+        "accessibility_tooltip": string;
         /**
           * `name` attribute of the buttons that close the accessibility panel.
          */
@@ -692,6 +765,34 @@ export namespace Components {
           * Not used: the current markup does not render an element with this name.
          */
         "close_sidebar_button_name": string;
+        /**
+          * Label of the colour-blind contrast option. Default: `Colours Blind`.
+         */
+        "contrast_color_blind_text": string;
+        /**
+          * Text above the contrast options. Default: `Select your preferred contrast setting`.
+         */
+        "contrast_description": string;
+        /**
+          * Label of the green-weakness contrast option. Default: `Green Weakness`.
+         */
+        "contrast_green_weakness_text": string;
+        /**
+          * 3.x spelling of `contrast_normal_text`. `contrast_normal_text` wins when both are set.
+         */
+        "contrast_noraml_text": string;
+        /**
+          * Label of the normal contrast option. Default: `Normal`.
+         */
+        "contrast_normal_text": string;
+        /**
+          * Label of the red-weakness contrast option. Default: `Red Weakness`.
+         */
+        "contrast_red_weakness_text": string;
+        /**
+          * Heading of the contrast column in the accessibility panel. Default: `Contrast`. An empty value removes the heading.
+         */
+        "contrast_title": string;
         /**
           * Alternative text for the first logo.
          */
@@ -713,6 +814,16 @@ export namespace Components {
           * `name` attribute of the hamburger menu button.
          */
         "hamburger_menu_button_name": string;
+        /**
+          * Hides the "other" side-menu links and their title. Default: `false`.
+          * @default false
+         */
+        "hideOtherMenu": boolean;
+        /**
+          * Hides the Login link in the desktop toolbar and the side menu.
+          * @default false
+         */
+        "hide_login": boolean;
         /**
           * `name` attribute of the language button in the side menu.
          */
@@ -723,11 +834,15 @@ export namespace Components {
          */
         "language_lang": string;
         /**
-          * Label of the language buttons in the desktop toolbar and the side menu. Default: `العربية`.
+          * Label of the language buttons in the desktop toolbar and the side menu. Default: `العربية`. An empty value removes the language buttons.
          */
         "language_text": string;
         /**
-          * Material Symbols icon name of the Login link in the side menu. Default: `sentiment_satisfied`.
+          * Tooltip of the desktop language button. Default: `Language`.
+         */
+        "language_tooltip": string;
+        /**
+          * Material Symbols icon name of the Login link in the desktop toolbar and the side menu. Default: `sentiment_satisfied`.
          */
         "loginIcon": string;
         /**
@@ -735,22 +850,54 @@ export namespace Components {
          */
         "loginLink": string;
         /**
-          * Label of the Login link in the side menu. Default: `Login`.
+          * Label of the Login link in the desktop toolbar and the side menu. Default: `Login`. An empty value removes the Login link.
          */
         "loginText": string;
+        /**
+          * Tooltip of the desktop Login link. Default: the Login label.
+         */
+        "login_tooltip": string;
         /**
           * Accessible name of the hamburger menu button (visually hidden text). Default: `Menu`.
           * @default 'Menu'
          */
         "menu_button_label": string;
         /**
-          * Main navigation links. JSON array of `{ label, href, menuLabel, subMenu }`; `subMenu` items are `{ title, description, icon, href }` and open a mega menu.
+          * `id` of the mobile search control.
+         */
+        "mobileMenuSearchId": string;
+        /**
+          * 3.x mobile search: when set, the mobile search is a plain link to this URL (with `mobileMenuSearchId` as its id) and the header's own search panel is not rendered.
+         */
+        "mobileMenuSearchUrl": string;
+        /**
+          * Second list in the side menu. JSON array (or array property) of `{ label, href, active }`; `active: "true"` marks the current page.
+         */
+        "otherMenuItems": string | Array<{ label: string; href: string; active?: string }>;
+        /**
+          * Main navigation links: a JSON array (HTML attribute) or an array (JavaScript property). 5.x items are `{ label, href, menuLabel, subMenu }`; `subMenu` items are `{ title, description, icon, href }` and open a mega menu. 3.x items (`{ type, headerMenuLabel, url, children, ... }`) also work.
          */
-        "quickLinks": string;
+        "quickLinks": string | QuickLinkItem[];
         /**
           * URL of the ReadSpeaker "listen" link in the accessibility panel.
          */
         "readSpeakerLink": string;
+        /**
+          * 3.x name of `readSpeakerLink`, as an attribute: `read_speaker_link`. `readSpeakerLink` wins when both are set.
+         */
+        "read_speaker_link": string;
+        /**
+          * Text in the screen reader column. Default: `Listen to the content of the page by clicking play or listen`.
+         */
+        "screen_reader_description": string;
+        /**
+          * Accessible name of the ReadSpeaker play link. Default: `Listen to this page using ReadSpeaker`.
+         */
+        "screen_reader_link_label": string;
+        /**
+          * Heading of the screen reader column. Default: `Screen Reader`.
+         */
+        "screen_reader_title": string;
         /**
           * Placeholder and accessible label of the search input. Default: `Search`.
          */
@@ -767,6 +914,14 @@ export namespace Components {
           * `name` of the search input, which is the query parameter sent to `search_action`. Default: `q`.
          */
         "search_input_name": string;
+        /**
+          * Placeholder of the search inputs. Default: the `searchText` value, else `Search`.
+         */
+        "search_input_placeholder": string;
+        /**
+          * Tooltip of the desktop search. Default: `Search`.
+         */
+        "search_tooltip": string;
         /**
           * Alternative text for the second logo.
          */
@@ -784,14 +939,44 @@ export namespace Components {
           * Image URL of the white second logo, shown in dark theme and on a transparent header. Falls back to `secondLogoSrc` on desktop.
          */
         "secondLogoWhiteSrc": string;
+        /**
+          * The contrast option shown as selected. The header updates it when the user picks an option. Default: `normal`.
+          * @default 'normal'
+         */
+        "selected_contrast": 'normal' | 'colorblind' | 'redweakness' | 'greenweakness';
+        /**
+          * The text size button shown as selected (`default-primary`). The header updates it on each click. Default: none.
+         */
+        "selected_text_size": 'small' | 'normal' | 'large';
+        /**
+          * Title above the side-menu links. Default: `Quick Links`. An empty value removes it.
+         */
+        "sideMainMenuTitle": string;
         /**
           * Side menu items. JSON array of `{ label, href, subMenu }`; each `subMenu` item is `{ headerLabel, label, href, subMenu }` and can nest.
          */
         "sideMenuItems": string;
+        /**
+          * Title above the "other" side-menu links. It shows only when there are other links.
+         */
+        "sideOtherMenuTitle": string;
+        /**
+          * Text in the text size column. Default: `Use the buttons below to increase or decrease the text size`.
+         */
+        "text_size_description": string;
+        /**
+          * Heading of the text size column. Default: `Text Size`.
+         */
+        "text_size_title": string;
         /**
           * `name` attribute of the accessibility button in the desktop toolbar.
          */
         "toggle_accessibility_button_name": string;
+        /**
+          * When `false`, the header renders no accessibility panel; the buttons only emit `accessibilitymenufunctionality`, so the page can open its own panel. Default: `true`.
+          * @default true
+         */
+        "usePredesignedAccessibilityMenu": boolean;
     }
     interface DdaHomeBanner {
         /**
@@ -840,6 +1025,31 @@ export namespace Components {
          */
         "slide_status_label": string;
     }
+    interface DdaHomeCarousel {
+        /**
+          * Accessible name of the card list. Default: `Quick links`.
+          * @default 'Quick links'
+         */
+        "aria_label": string;
+        /**
+          * The cards. JSON array, or array property, of `{ banner_card_href, banner_card_title, banner_card_description, image_src, image_alt, banner_card_id, banner_card_value, banner_card_name, custom_class, component_mode }`.
+         */
+        "bannercardlist": string | BannerCardItem[];
+        /**
+          * Theme override class, e.g. `light-mode`.
+         */
+        "component_mode": string;
+        /**
+          * Extra CSS classes on the list.
+          * @default ''
+         */
+        "custom_class": string;
+        /**
+          * Cards shown at once on wide screens. A card is never narrower than 220px. Default: `5`.
+          * @default 5
+         */
+        "items_in_view": number;
+    }
     interface DdaHorizontalStepper {
         /**
           * Theme override class on the stepper container, e.g. `light-mode`.
@@ -1563,10 +1773,18 @@ export namespace Components {
           * Link URL of the accessibility icon, the second icon in the left section.
          */
         "accessibilityIconHref": string;
+        /**
+          * `id` of the accessibility (04) link.
+         */
+        "accessibilityIconId": string;
         /**
           * Image URL of the accessibility icon.
          */
         "accessibilityIconSrc": string;
+        /**
+          * Accessibility (04) image for `color-theme="dark"`.
+         */
+        "accessibilityIconSrcDark": string;
         /**
           * Tooltip text of the accessibility icon.
          */
@@ -1579,10 +1797,18 @@ export namespace Components {
           * Link URL of the AI assistant icon (right section).
          */
         "aiIconHref": string;
+        /**
+          * `id` of the AI assistant link.
+         */
+        "aiIconId": string;
         /**
           * Image URL of the AI assistant icon.
          */
         "aiIconSrc": string;
+        /**
+          * AI assistant image for `color-theme="dark"`.
+         */
+        "aiIconSrcDark": string;
         /**
           * Tooltip text of the AI assistant icon.
          */
@@ -1600,14 +1826,55 @@ export namespace Components {
           * Link URL of the chat icon (right section).
          */
         "chatIconHref": string;
+        /**
+          * `id` of the chat link.
+         */
+        "chatIconId": string;
         /**
           * Image URL of the chat icon.
          */
         "chatIconSrc": string;
+        /**
+          * Chat image for `color-theme="dark"`.
+         */
+        "chatIconSrcDark": string;
         /**
           * Tooltip text of the chat icon.
          */
         "chatIconTooltip": string;
+        /**
+          * `dark` uses the `*-src-dark` images; an image without a dark version keeps its light image. Default: `light`.
+          * @default 'light'
+         */
+        "colorTheme": 'light' | 'dark';
+        /**
+          * Alternative text of both dubai.ae images.
+         */
+        "dubaiaeIconAlt": string;
+        /**
+          * Link URL of the dubai.ae link (right section).
+         */
+        "dubaiaeIconHref": string;
+        /**
+          * `id` of the dubai.ae link.
+         */
+        "dubaiaeIconId": string;
+        /**
+          * dubai.ae small icon, shown at 992px and below.
+         */
+        "dubaiaeIconSmallSrc": string;
+        /**
+          * dubai.ae wordmark image, shown on desktop. The link shows only when this and `dubaiaeIconSmallSrc` are set.
+         */
+        "dubaiaeIconSrc": string;
+        /**
+          * dubai.ae wordmark for `color-theme="dark"`.
+         */
+        "dubaiaeIconSrcDark": string;
+        /**
+          * Tooltip text of the dubai.ae link.
+         */
+        "dubaiaeIconTooltip": string;
         /**
           * Alternative text for the first logo.
          */
@@ -1632,16 +1899,25 @@ export namespace Components {
           * Link URL of the happiness icon (left section).
          */
         "happinessIconHref": string;
+        /**
+          * `id` of the happiness link.
+         */
+        "happinessIconId": string;
         /**
           * Image URL of the happiness icon.
          */
         "happinessIconSrc": string;
+        /**
+          * Happiness image for `color-theme="dark"`.
+         */
+        "happinessIconSrcDark": string;
         /**
           * Tooltip text of the happiness icon.
          */
         "happinessIconTooltip": string;
         /**
-          * Hides the middle logo section. The section shows only when this is explicitly `false`.
+          * Hides the middle logo section. Default: `false` (the logos show when at least one is set).
+          * @default false
          */
         "hideMiddleSection": boolean;
         /**
@@ -1649,7 +1925,7 @@ export namespace Components {
          */
         "locationButtonHref": string;
         /**
-          * Not used: the current markup does not render it.
+          * Material Symbols icon name of the location link, shown when `locationLogoSrc` is not set.
          */
         "locationButtonIcon": string;
         /**
@@ -1657,25 +1933,46 @@ export namespace Components {
          */
         "locationButtonText": string;
         /**
-          * Image URL of the location icon.
+          * Image URL of the location icon. Takes precedence over `locationButtonIcon`.
          */
         "locationLogoSrc": string;
+        /**
+          * Middle logos as a list (3.x). JSON array, or array property, of `{ LogoTooltip, href, src, srcDark, alt }`. When set, it replaces the first, second and third logo props.
+         */
+        "middleLink": string | MiddleLinkItem[];
+        /**
+          * Material icon name of the "more" button. When set, the right links collapse behind this button at 992px and below.
+         */
+        "moreIcon": string;
+        /**
+          * `class` of the "more" button icon. Default: `material-icons`.
+         */
+        "moreIconFamily": string;
+        /**
+          * Accessible name of the "more" button. Default, and fallback for an empty value: `More`.
+          * @default 'More'
+         */
+        "more_button_label": string;
         /**
           * Link URL of the news icon (right section).
          */
         "newsButtonHref": string;
         /**
-          * Not used: the current markup does not render it.
+          * Material Symbols icon name of the news link, shown when `newsButtonSrc` is not set.
          */
         "newsButtonIcon": string;
         /**
-          * Image URL of the news icon.
+          * Image URL of the news icon. Takes precedence over `newsButtonIcon`.
          */
         "newsButtonSrc": string;
         /**
           * Tooltip text and alternative text of the news icon.
          */
         "newsButtonText": string;
+        /**
+          * Right-side text links as a list (3.x). JSON array, or array property, of `{ RightLinkTooltip, href, title, itemId, IconFamily, IconName, LinkText }`. When set, it replaces the location and news links.
+         */
+        "rightLink": string | RightLinkItem[];
         /**
           * Alternative text for the second logo.
          */
@@ -1700,10 +1997,18 @@ export namespace Components {
           * Link URL of the services icon (left section).
          */
         "servicesIconHref": string;
+        /**
+          * `id` of the services link.
+         */
+        "servicesIconId": string;
         /**
           * Image URL of the services icon.
          */
         "servicesIconSrc": string;
+        /**
+          * Services image for `color-theme="dark"`.
+         */
+        "servicesIconSrcDark": string;
         /**
           * Text shown next to the services icon. Nothing is shown when it is not set.
          */
@@ -1991,6 +2296,10 @@ export interface DdaHeaderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDdaHeaderElement;
 }
+export interface DdaHomeCarouselCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDdaHomeCarouselElement;
+}
 export interface DdaPaginationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLDdaPaginationElement;
@@ -2065,6 +2374,12 @@ declare global {
         prototype: HTMLDdaBannerElement;
         new (): HTMLDdaBannerElement;
     };
+    interface HTMLDdaBannerCardElement extends Components.DdaBannerCard, HTMLStencilElement {
+    }
+    var HTMLDdaBannerCardElement: {
+        prototype: HTMLDdaBannerCardElement;
+        new (): HTMLDdaBannerCardElement;
+    };
     interface HTMLDdaBreadcrumbElement extends Components.DdaBreadcrumb, HTMLStencilElement {
     }
     var HTMLDdaBreadcrumbElement: {
@@ -2136,6 +2451,8 @@ declare global {
         new (): HTMLDdaFooterElement;
     };
     interface HTMLDdaHeaderElementEventMap {
+        "accessibilitymenufunctionality": void;
+        "searchfunctionality": string;
         "languageSwitch": void;
         "smTextSize": void;
         "baseTextSize": void;
@@ -2166,6 +2483,23 @@ declare global {
         prototype: HTMLDdaHomeBannerElement;
         new (): HTMLDdaHomeBannerElement;
     };
+    interface HTMLDdaHomeCarouselElementEventMap {
+        "cardClick": BannerCardItem;
+    }
+    interface HTMLDdaHomeCarouselElement extends Components.DdaHomeCarousel, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLDdaHomeCarouselElementEventMap>(type: K, listener: (this: HTMLDdaHomeCarouselElement, ev: DdaHomeCarouselCustomEvent<HTMLDdaHomeCarouselElementEventMap[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 HTMLDdaHomeCarouselElementEventMap>(type: K, listener: (this: HTMLDdaHomeCarouselElement, ev: DdaHomeCarouselCustomEvent<HTMLDdaHomeCarouselElementEventMap[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 HTMLDdaHomeCarouselElement: {
+        prototype: HTMLDdaHomeCarouselElement;
+        new (): HTMLDdaHomeCarouselElement;
+    };
     interface HTMLDdaHorizontalStepperElement extends Components.DdaHorizontalStepper, HTMLStencilElement {
     }
     var HTMLDdaHorizontalStepperElement: {
@@ -2341,6 +2675,7 @@ declare global {
         "dda-attach-file": HTMLDdaAttachFileElement;
         "dda-avatar": HTMLDdaAvatarElement;
         "dda-banner": HTMLDdaBannerElement;
+        "dda-banner-card": HTMLDdaBannerCardElement;
         "dda-breadcrumb": HTMLDdaBreadcrumbElement;
         "dda-button": HTMLDdaButtonElement;
         "dda-checkbox": HTMLDdaCheckboxElement;
@@ -2351,6 +2686,7 @@ declare global {
         "dda-footer": HTMLDdaFooterElement;
         "dda-header": HTMLDdaHeaderElement;
         "dda-home-banner": HTMLDdaHomeBannerElement;
+        "dda-home-carousel": HTMLDdaHomeCarouselElement;
         "dda-horizontal-stepper": HTMLDdaHorizontalStepperElement;
         "dda-input": HTMLDdaInputElement;
         "dda-link-button": HTMLDdaLinkButtonElement;
@@ -2641,6 +2977,53 @@ declare namespace LocalJSX {
          */
         "slides"?: string;
     }
+    interface DdaBannerCard {
+        /**
+          * Text under the title. An empty value shows nothing.
+         */
+        "banner_card_description"?: string;
+        /**
+          * Link URL. With a URL the card is a link; without one it is a button.
+         */
+        "banner_card_href"?: string;
+        /**
+          * `id` of the link or button.
+         */
+        "banner_card_id"?: string;
+        /**
+          * `name` of the button (cards without a URL).
+         */
+        "banner_card_name"?: string;
+        /**
+          * Title of the card; it is the accessible name.
+         */
+        "banner_card_title"?: string;
+        /**
+          * 3.x name of `banner_card_href`. `banner_card_href` wins when both are set.
+         */
+        "banner_card_url"?: string;
+        /**
+          * `value` of the button (cards without a URL).
+         */
+        "banner_card_value"?: string;
+        /**
+          * Theme override class, e.g. `light-mode`.
+         */
+        "component_mode"?: string;
+        /**
+          * Extra CSS classes.
+          * @default ''
+         */
+        "custom_class"?: string;
+        /**
+          * Kept for 3.x markup. The icon is decorative, so this text is not read.
+         */
+        "image_alt"?: string;
+        /**
+          * Icon image URL. The icon is decorative: the title names the card.
+         */
+        "image_src"?: string;
+    }
     interface DdaBreadcrumb {
         /**
           * The items, as an array or a JSON string of `{ text, icon?, url? }` objects. The last item is the current page. The `data-breadcrumbs` attribute is still read when this is not set.
@@ -3061,10 +3444,30 @@ declare namespace LocalJSX {
         "socialIcons"?: string;
     }
     interface DdaHeader {
+        /**
+          * `class` of the accessibility button icon. Default: `material-icons  material-symbols-outlined`.
+         */
+        "accessibility_button_icon_family"?: string;
+        /**
+          * Material icon name of the accessibility buttons. Default: `accessibility`.
+         */
+        "accessibility_button_icon_name"?: string;
+        /**
+          * `id` of the desktop accessibility button. The side-menu button gets this id plus `-sidemenu`.
+         */
+        "accessibility_button_id"?: string;
         /**
           * `name` attribute of the accessibility button in the side menu.
          */
         "accessibility_button_name"?: string;
+        /**
+          * Accessible name (visually hidden text) of both accessibility buttons. Default: `Accessibility`.
+         */
+        "accessibility_button_text"?: string;
+        /**
+          * Tooltip of the desktop accessibility button. Default: `Accessibility`.
+         */
+        "accessibility_tooltip"?: string;
         /**
           * `name` attribute of the buttons that close the accessibility panel.
          */
@@ -3077,6 +3480,34 @@ declare namespace LocalJSX {
           * Not used: the current markup does not render an element with this name.
          */
         "close_sidebar_button_name"?: string;
+        /**
+          * Label of the colour-blind contrast option. Default: `Colours Blind`.
+         */
+        "contrast_color_blind_text"?: string;
+        /**
+          * Text above the contrast options. Default: `Select your preferred contrast setting`.
+         */
+        "contrast_description"?: string;
+        /**
+          * Label of the green-weakness contrast option. Default: `Green Weakness`.
+         */
+        "contrast_green_weakness_text"?: string;
+        /**
+          * 3.x spelling of `contrast_normal_text`. `contrast_normal_text` wins when both are set.
+         */
+        "contrast_noraml_text"?: string;
+        /**
+          * Label of the normal contrast option. Default: `Normal`.
+         */
+        "contrast_normal_text"?: string;
+        /**
+          * Label of the red-weakness contrast option. Default: `Red Weakness`.
+         */
+        "contrast_red_weakness_text"?: string;
+        /**
+          * Heading of the contrast column in the accessibility panel. Default: `Contrast`. An empty value removes the heading.
+         */
+        "contrast_title"?: string;
         /**
           * Alternative text for the first logo.
          */
@@ -3098,6 +3529,16 @@ declare namespace LocalJSX {
           * `name` attribute of the hamburger menu button.
          */
         "hamburger_menu_button_name"?: string;
+        /**
+          * Hides the "other" side-menu links and their title. Default: `false`.
+          * @default false
+         */
+        "hideOtherMenu"?: boolean;
+        /**
+          * Hides the Login link in the desktop toolbar and the side menu.
+          * @default false
+         */
+        "hide_login"?: boolean;
         /**
           * `name` attribute of the language button in the side menu.
          */
@@ -3108,11 +3549,15 @@ declare namespace LocalJSX {
          */
         "language_lang"?: string;
         /**
-          * Label of the language buttons in the desktop toolbar and the side menu. Default: `العربية`.
+          * Label of the language buttons in the desktop toolbar and the side menu. Default: `العربية`. An empty value removes the language buttons.
          */
         "language_text"?: string;
         /**
-          * Material Symbols icon name of the Login link in the side menu. Default: `sentiment_satisfied`.
+          * Tooltip of the desktop language button. Default: `Language`.
+         */
+        "language_tooltip"?: string;
+        /**
+          * Material Symbols icon name of the Login link in the desktop toolbar and the side menu. Default: `sentiment_satisfied`.
          */
         "loginIcon"?: string;
         /**
@@ -3120,14 +3565,30 @@ declare namespace LocalJSX {
          */
         "loginLink"?: string;
         /**
-          * Label of the Login link in the side menu. Default: `Login`.
+          * Label of the Login link in the desktop toolbar and the side menu. Default: `Login`. An empty value removes the Login link.
          */
         "loginText"?: string;
+        /**
+          * Tooltip of the desktop Login link. Default: the Login label.
+         */
+        "login_tooltip"?: string;
         /**
           * Accessible name of the hamburger menu button (visually hidden text). Default: `Menu`.
           * @default 'Menu'
          */
         "menu_button_label"?: string;
+        /**
+          * `id` of the mobile search control.
+         */
+        "mobileMenuSearchId"?: string;
+        /**
+          * 3.x mobile search: when set, the mobile search is a plain link to this URL (with `mobileMenuSearchId` as its id) and the header's own search panel is not rendered.
+         */
+        "mobileMenuSearchUrl"?: string;
+        /**
+          * Emitted on every click of an accessibility button (3.x name).
+         */
+        "onAccessibilitymenufunctionality"?: (event: DdaHeaderCustomEvent<void>) => void;
         /**
           * Emitted when the user clicks the `A` (default text size) button in the accessibility panel.
          */
@@ -3160,18 +3621,42 @@ declare namespace LocalJSX {
           * Emitted when a non-empty search is submitted. Call `preventDefault()` to stop the browser navigating to `search_action`, for example to route inside a single-page app.
          */
         "onSearchSubmit"?: (event: DdaHeaderCustomEvent<{ query: string }>) => void;
+        /**
+          * Emitted with the query when a non-empty search is submitted (3.x name). Pages that open a results page from this event keep working. `searchSubmit` is the 5.x event, and it can cancel the navigation.
+         */
+        "onSearchfunctionality"?: (event: DdaHeaderCustomEvent<string>) => void;
         /**
           * Emitted when the user clicks the `A-` (smaller text) button in the accessibility panel.
          */
         "onSmTextSize"?: (event: DdaHeaderCustomEvent<void>) => void;
         /**
-          * Main navigation links. JSON array of `{ label, href, menuLabel, subMenu }`; `subMenu` items are `{ title, description, icon, href }` and open a mega menu.
+          * Second list in the side menu. JSON array (or array property) of `{ label, href, active }`; `active: "true"` marks the current page.
          */
-        "quickLinks"?: string;
+        "otherMenuItems"?: string | Array<{ label: string; href: string; active?: string }>;
+        /**
+          * Main navigation links: a JSON array (HTML attribute) or an array (JavaScript property). 5.x items are `{ label, href, menuLabel, subMenu }`; `subMenu` items are `{ title, description, icon, href }` and open a mega menu. 3.x items (`{ type, headerMenuLabel, url, children, ... }`) also work.
+         */
+        "quickLinks"?: string | QuickLinkItem[];
         /**
           * URL of the ReadSpeaker "listen" link in the accessibility panel.
          */
         "readSpeakerLink"?: string;
+        /**
+          * 3.x name of `readSpeakerLink`, as an attribute: `read_speaker_link`. `readSpeakerLink` wins when both are set.
+         */
+        "read_speaker_link"?: string;
+        /**
+          * Text in the screen reader column. Default: `Listen to the content of the page by clicking play or listen`.
+         */
+        "screen_reader_description"?: string;
+        /**
+          * Accessible name of the ReadSpeaker play link. Default: `Listen to this page using ReadSpeaker`.
+         */
+        "screen_reader_link_label"?: string;
+        /**
+          * Heading of the screen reader column. Default: `Screen Reader`.
+         */
+        "screen_reader_title"?: string;
         /**
           * Placeholder and accessible label of the search input. Default: `Search`.
          */
@@ -3188,6 +3673,14 @@ declare namespace LocalJSX {
           * `name` of the search input, which is the query parameter sent to `search_action`. Default: `q`.
          */
         "search_input_name"?: string;
+        /**
+          * Placeholder of the search inputs. Default: the `searchText` value, else `Search`.
+         */
+        "search_input_placeholder"?: string;
+        /**
+          * Tooltip of the desktop search. Default: `Search`.
+         */
+        "search_tooltip"?: string;
         /**
           * Alternative text for the second logo.
          */
@@ -3205,14 +3698,44 @@ declare namespace LocalJSX {
           * Image URL of the white second logo, shown in dark theme and on a transparent header. Falls back to `secondLogoSrc` on desktop.
          */
         "secondLogoWhiteSrc"?: string;
+        /**
+          * The contrast option shown as selected. The header updates it when the user picks an option. Default: `normal`.
+          * @default 'normal'
+         */
+        "selected_contrast"?: 'normal' | 'colorblind' | 'redweakness' | 'greenweakness';
+        /**
+          * The text size button shown as selected (`default-primary`). The header updates it on each click. Default: none.
+         */
+        "selected_text_size"?: 'small' | 'normal' | 'large';
+        /**
+          * Title above the side-menu links. Default: `Quick Links`. An empty value removes it.
+         */
+        "sideMainMenuTitle"?: string;
         /**
           * Side menu items. JSON array of `{ label, href, subMenu }`; each `subMenu` item is `{ headerLabel, label, href, subMenu }` and can nest.
          */
         "sideMenuItems"?: string;
+        /**
+          * Title above the "other" side-menu links. It shows only when there are other links.
+         */
+        "sideOtherMenuTitle"?: string;
+        /**
+          * Text in the text size column. Default: `Use the buttons below to increase or decrease the text size`.
+         */
+        "text_size_description"?: string;
+        /**
+          * Heading of the text size column. Default: `Text Size`.
+         */
+        "text_size_title"?: string;
         /**
           * `name` attribute of the accessibility button in the desktop toolbar.
          */
         "toggle_accessibility_button_name"?: string;
+        /**
+          * When `false`, the header renders no accessibility panel; the buttons only emit `accessibilitymenufunctionality`, so the page can open its own panel. Default: `true`.
+          * @default true
+         */
+        "usePredesignedAccessibilityMenu"?: boolean;
     }
     interface DdaHomeBanner {
         /**
@@ -3261,6 +3784,35 @@ declare namespace LocalJSX {
          */
         "slide_status_label"?: string;
     }
+    interface DdaHomeCarousel {
+        /**
+          * Accessible name of the card list. Default: `Quick links`.
+          * @default 'Quick links'
+         */
+        "aria_label"?: string;
+        /**
+          * The cards. JSON array, or array property, of `{ banner_card_href, banner_card_title, banner_card_description, image_src, image_alt, banner_card_id, banner_card_value, banner_card_name, custom_class, component_mode }`.
+         */
+        "bannercardlist"?: string | BannerCardItem[];
+        /**
+          * Theme override class, e.g. `light-mode`.
+         */
+        "component_mode"?: string;
+        /**
+          * Extra CSS classes on the list.
+          * @default ''
+         */
+        "custom_class"?: string;
+        /**
+          * Cards shown at once on wide screens. A card is never narrower than 220px. Default: `5`.
+          * @default 5
+         */
+        "items_in_view"?: number;
+        /**
+          * Emitted when a card is clicked, with its item. A link card still navigates.
+         */
+        "onCardClick"?: (event: DdaHomeCarouselCustomEvent<BannerCardItem>) => void;
+    }
     interface DdaHorizontalStepper {
         /**
           * Theme override class on the stepper container, e.g. `light-mode`.
@@ -3996,10 +4548,18 @@ declare namespace LocalJSX {
           * Link URL of the accessibility icon, the second icon in the left section.
          */
         "accessibilityIconHref"?: string;
+        /**
+          * `id` of the accessibility (04) link.
+         */
+        "accessibilityIconId"?: string;
         /**
           * Image URL of the accessibility icon.
          */
         "accessibilityIconSrc"?: string;
+        /**
+          * Accessibility (04) image for `color-theme="dark"`.
+         */
+        "accessibilityIconSrcDark"?: string;
         /**
           * Tooltip text of the accessibility icon.
          */
@@ -4012,10 +4572,18 @@ declare namespace LocalJSX {
           * Link URL of the AI assistant icon (right section).
          */
         "aiIconHref"?: string;
+        /**
+          * `id` of the AI assistant link.
+         */
+        "aiIconId"?: string;
         /**
           * Image URL of the AI assistant icon.
          */
         "aiIconSrc"?: string;
+        /**
+          * AI assistant image for `color-theme="dark"`.
+         */
+        "aiIconSrcDark"?: string;
         /**
           * Tooltip text of the AI assistant icon.
          */
@@ -4033,14 +4601,55 @@ declare namespace LocalJSX {
           * Link URL of the chat icon (right section).
          */
         "chatIconHref"?: string;
+        /**
+          * `id` of the chat link.
+         */
+        "chatIconId"?: string;
         /**
           * Image URL of the chat icon.
          */
         "chatIconSrc"?: string;
+        /**
+          * Chat image for `color-theme="dark"`.
+         */
+        "chatIconSrcDark"?: string;
         /**
           * Tooltip text of the chat icon.
          */
         "chatIconTooltip"?: string;
+        /**
+          * `dark` uses the `*-src-dark` images; an image without a dark version keeps its light image. Default: `light`.
+          * @default 'light'
+         */
+        "colorTheme"?: 'light' | 'dark';
+        /**
+          * Alternative text of both dubai.ae images.
+         */
+        "dubaiaeIconAlt"?: string;
+        /**
+          * Link URL of the dubai.ae link (right section).
+         */
+        "dubaiaeIconHref"?: string;
+        /**
+          * `id` of the dubai.ae link.
+         */
+        "dubaiaeIconId"?: string;
+        /**
+          * dubai.ae small icon, shown at 992px and below.
+         */
+        "dubaiaeIconSmallSrc"?: string;
+        /**
+          * dubai.ae wordmark image, shown on desktop. The link shows only when this and `dubaiaeIconSmallSrc` are set.
+         */
+        "dubaiaeIconSrc"?: string;
+        /**
+          * dubai.ae wordmark for `color-theme="dark"`.
+         */
+        "dubaiaeIconSrcDark"?: string;
+        /**
+          * Tooltip text of the dubai.ae link.
+         */
+        "dubaiaeIconTooltip"?: string;
         /**
           * Alternative text for the first logo.
          */
@@ -4065,16 +4674,25 @@ declare namespace LocalJSX {
           * Link URL of the happiness icon (left section).
          */
         "happinessIconHref"?: string;
+        /**
+          * `id` of the happiness link.
+         */
+        "happinessIconId"?: string;
         /**
           * Image URL of the happiness icon.
          */
         "happinessIconSrc"?: string;
+        /**
+          * Happiness image for `color-theme="dark"`.
+         */
+        "happinessIconSrcDark"?: string;
         /**
           * Tooltip text of the happiness icon.
          */
         "happinessIconTooltip"?: string;
         /**
-          * Hides the middle logo section. The section shows only when this is explicitly `false`.
+          * Hides the middle logo section. Default: `false` (the logos show when at least one is set).
+          * @default false
          */
         "hideMiddleSection"?: boolean;
         /**
@@ -4082,7 +4700,7 @@ declare namespace LocalJSX {
          */
         "locationButtonHref"?: string;
         /**
-          * Not used: the current markup does not render it.
+          * Material Symbols icon name of the location link, shown when `locationLogoSrc` is not set.
          */
         "locationButtonIcon"?: string;
         /**
@@ -4090,25 +4708,46 @@ declare namespace LocalJSX {
          */
         "locationButtonText"?: string;
         /**
-          * Image URL of the location icon.
+          * Image URL of the location icon. Takes precedence over `locationButtonIcon`.
          */
         "locationLogoSrc"?: string;
+        /**
+          * Middle logos as a list (3.x). JSON array, or array property, of `{ LogoTooltip, href, src, srcDark, alt }`. When set, it replaces the first, second and third logo props.
+         */
+        "middleLink"?: string | MiddleLinkItem[];
+        /**
+          * Material icon name of the "more" button. When set, the right links collapse behind this button at 992px and below.
+         */
+        "moreIcon"?: string;
+        /**
+          * `class` of the "more" button icon. Default: `material-icons`.
+         */
+        "moreIconFamily"?: string;
+        /**
+          * Accessible name of the "more" button. Default, and fallback for an empty value: `More`.
+          * @default 'More'
+         */
+        "more_button_label"?: string;
         /**
           * Link URL of the news icon (right section).
          */
         "newsButtonHref"?: string;
         /**
-          * Not used: the current markup does not render it.
+          * Material Symbols icon name of the news link, shown when `newsButtonSrc` is not set.
          */
         "newsButtonIcon"?: string;
         /**
-          * Image URL of the news icon.
+          * Image URL of the news icon. Takes precedence over `newsButtonIcon`.
          */
         "newsButtonSrc"?: string;
         /**
           * Tooltip text and alternative text of the news icon.
          */
         "newsButtonText"?: string;
+        /**
+          * Right-side text links as a list (3.x). JSON array, or array property, of `{ RightLinkTooltip, href, title, itemId, IconFamily, IconName, LinkText }`. When set, it replaces the location and news links.
+         */
+        "rightLink"?: string | RightLinkItem[];
         /**
           * Alternative text for the second logo.
          */
@@ -4133,10 +4772,18 @@ declare namespace LocalJSX {
           * Link URL of the services icon (left section).
          */
         "servicesIconHref"?: string;
+        /**
+          * `id` of the services link.
+         */
+        "servicesIconId"?: string;
         /**
           * Image URL of the services icon.
          */
         "servicesIconSrc"?: string;
+        /**
+          * Services image for `color-theme="dark"`.
+         */
+        "servicesIconSrcDark"?: string;
         /**
           * Text shown next to the services icon. Nothing is shown when it is not set.
          */
@@ -4476,6 +5123,19 @@ declare namespace LocalJSX {
         "slider_height": string;
         "aria_label": string;
     }
+    interface DdaBannerCardAttributes {
+        "banner_card_href": string;
+        "banner_card_url": string;
+        "banner_card_id": string;
+        "image_src": string;
+        "image_alt": string;
+        "banner_card_title": string;
+        "banner_card_description": string;
+        "banner_card_value": string;
+        "banner_card_name": string;
+        "custom_class": string;
+        "component_mode": string;
+    }
     interface DdaBreadcrumbAttributes {
         "design": 'text' | 'icon-text' | 'icon';
         "separator": 'chevron_right' | 'pen_size_2';
@@ -4592,13 +5252,45 @@ declare namespace LocalJSX {
         "secondLogoHref": string;
         "loginLink": string;
         "sideMenuItems": string;
-        "quickLinks": string;
+        "sideMainMenuTitle": string;
+        "sideOtherMenuTitle": string;
+        "otherMenuItems": string | Array<{ label: string; href: string; active?: string }>;
+        "hideOtherMenu": boolean;
+        "mobileMenuSearchId": string;
+        "mobileMenuSearchUrl": string;
+        "quickLinks": string | QuickLinkItem[];
         "readSpeakerLink": string;
+        "read_speaker_link": string;
+        "contrast_title": string;
+        "contrast_description": string;
+        "contrast_normal_text": string;
+        "contrast_noraml_text": string;
+        "contrast_color_blind_text": string;
+        "contrast_red_weakness_text": string;
+        "contrast_green_weakness_text": string;
+        "screen_reader_title": string;
+        "screen_reader_description": string;
+        "screen_reader_link_label": string;
+        "text_size_title": string;
+        "text_size_description": string;
+        "selected_contrast": 'normal' | 'colorblind' | 'redweakness' | 'greenweakness';
+        "selected_text_size": 'small' | 'normal' | 'large';
         "searchText": string;
         "loginIcon": string;
         "loginText": string;
+        "hide_login": boolean;
         "language_text": string;
         "language_lang": string;
+        "accessibility_tooltip": string;
+        "accessibility_button_text": string;
+        "accessibility_button_id": string;
+        "accessibility_button_icon_family": string;
+        "accessibility_button_icon_name": string;
+        "search_tooltip": string;
+        "search_input_placeholder": string;
+        "language_tooltip": string;
+        "login_tooltip": string;
+        "usePredesignedAccessibilityMenu": boolean;
         "hamburger_menu_button_name": string;
         "menu_button_label": string;
         "accessibility_button_name": string;
@@ -4622,6 +5314,13 @@ declare namespace LocalJSX {
         "slide_button_label": string;
         "slide_status_label": string;
     }
+    interface DdaHomeCarouselAttributes {
+        "bannercardlist": string | BannerCardItem[];
+        "items_in_view": number;
+        "aria_label": string;
+        "custom_class": string;
+        "component_mode": string;
+    }
     interface DdaHorizontalStepperAttributes {
         "steps": string;
         "current_step": number;
@@ -4812,15 +5511,21 @@ declare namespace LocalJSX {
         "happinessIconSrc": string;
         "happinessIconAlt": string;
         "happinessIconTooltip": string;
+        "happinessIconId": string;
+        "happinessIconSrcDark": string;
         "accessibilityIconHref": string;
         "accessibilityIconSrc": string;
         "accessibilityIconAlt": string;
         "accessibilityIconTooltip": string;
+        "accessibilityIconId": string;
+        "accessibilityIconSrcDark": string;
         "servicesIconHref": string;
         "servicesIconSrc": string;
         "servicesIconAlt": string;
         "servicesIconTooltip": string;
         "servicesIconText": string;
+        "servicesIconId": string;
+        "servicesIconSrcDark": string;
         "firstLogoHref": string;
         "firstLogoSrc": string;
         "firstLogoAlt": string;
@@ -4833,6 +5538,7 @@ declare namespace LocalJSX {
         "thirdLogoSrc": string;
         "thirdLogoAlt": string;
         "thirdLogoTooltip": string;
+        "middleLink": string | MiddleLinkItem[];
         "locationButtonHref": string;
         "locationLogoSrc": string;
         "locationButtonText": string;
@@ -4845,10 +5551,26 @@ declare namespace LocalJSX {
         "aiIconSrc": string;
         "aiIconAlt": string;
         "aiIconTooltip": string;
+        "aiIconId": string;
+        "aiIconSrcDark": string;
         "chatIconHref": string;
         "chatIconSrc": string;
         "chatIconAlt": string;
         "chatIconTooltip": string;
+        "chatIconId": string;
+        "chatIconSrcDark": string;
+        "rightLink": string | RightLinkItem[];
+        "dubaiaeIconHref": string;
+        "dubaiaeIconId": string;
+        "dubaiaeIconSrc": string;
+        "dubaiaeIconSrcDark": string;
+        "dubaiaeIconSmallSrc": string;
+        "dubaiaeIconAlt": string;
+        "dubaiaeIconTooltip": string;
+        "moreIcon": string;
+        "moreIconFamily": string;
+        "more_button_label": string;
+        "colorTheme": 'light' | 'dark';
         "aria_label": string;
         "hideMiddleSection": boolean;
     }
@@ -4923,6 +5645,7 @@ declare namespace LocalJSX {
         "dda-attach-file": Omit<DdaAttachFile, keyof DdaAttachFileAttributes> & { [K in keyof DdaAttachFile & keyof DdaAttachFileAttributes]?: DdaAttachFile[K] } & { [K in keyof DdaAttachFile & keyof DdaAttachFileAttributes as `attr:${K}`]?: DdaAttachFileAttributes[K] } & { [K in keyof DdaAttachFile & keyof DdaAttachFileAttributes as `prop:${K}`]?: DdaAttachFile[K] };
         "dda-avatar": Omit<DdaAvatar, keyof DdaAvatarAttributes> & { [K in keyof DdaAvatar & keyof DdaAvatarAttributes]?: DdaAvatar[K] } & { [K in keyof DdaAvatar & keyof DdaAvatarAttributes as `attr:${K}`]?: DdaAvatarAttributes[K] } & { [K in keyof DdaAvatar & keyof DdaAvatarAttributes as `prop:${K}`]?: DdaAvatar[K] };
         "dda-banner": Omit<DdaBanner, keyof DdaBannerAttributes> & { [K in keyof DdaBanner & keyof DdaBannerAttributes]?: DdaBanner[K] } & { [K in keyof DdaBanner & keyof DdaBannerAttributes as `attr:${K}`]?: DdaBannerAttributes[K] } & { [K in keyof DdaBanner & keyof DdaBannerAttributes as `prop:${K}`]?: DdaBanner[K] };
+        "dda-banner-card": Omit<DdaBannerCard, keyof DdaBannerCardAttributes> & { [K in keyof DdaBannerCard & keyof DdaBannerCardAttributes]?: DdaBannerCard[K] } & { [K in keyof DdaBannerCard & keyof DdaBannerCardAttributes as `attr:${K}`]?: DdaBannerCardAttributes[K] } & { [K in keyof DdaBannerCard & keyof DdaBannerCardAttributes as `prop:${K}`]?: DdaBannerCard[K] };
         "dda-breadcrumb": Omit<DdaBreadcrumb, keyof DdaBreadcrumbAttributes> & { [K in keyof DdaBreadcrumb & keyof DdaBreadcrumbAttributes]?: DdaBreadcrumb[K] } & { [K in keyof DdaBreadcrumb & keyof DdaBreadcrumbAttributes as `attr:${K}`]?: DdaBreadcrumbAttributes[K] } & { [K in keyof DdaBreadcrumb & keyof DdaBreadcrumbAttributes as `prop:${K}`]?: DdaBreadcrumb[K] };
         "dda-button": Omit<DdaButton, keyof DdaButtonAttributes> & { [K in keyof DdaButton & keyof DdaButtonAttributes]?: DdaButton[K] } & { [K in keyof DdaButton & keyof DdaButtonAttributes as `attr:${K}`]?: DdaButtonAttributes[K] } & { [K in keyof DdaButton & keyof DdaButtonAttributes as `prop:${K}`]?: DdaButton[K] };
         "dda-checkbox": Omit<DdaCheckbox, keyof DdaCheckboxAttributes> & { [K in keyof DdaCheckbox & keyof DdaCheckboxAttributes]?: DdaCheckbox[K] } & { [K in keyof DdaCheckbox & keyof DdaCheckboxAttributes as `attr:${K}`]?: DdaCheckboxAttributes[K] } & { [K in keyof DdaCheckbox & keyof DdaCheckboxAttributes as `prop:${K}`]?: DdaCheckbox[K] };
@@ -4933,6 +5656,7 @@ declare namespace LocalJSX {
         "dda-footer": Omit<DdaFooter, keyof DdaFooterAttributes> & { [K in keyof DdaFooter & keyof DdaFooterAttributes]?: DdaFooter[K] } & { [K in keyof DdaFooter & keyof DdaFooterAttributes as `attr:${K}`]?: DdaFooterAttributes[K] } & { [K in keyof DdaFooter & keyof DdaFooterAttributes as `prop:${K}`]?: DdaFooter[K] };
         "dda-header": Omit<DdaHeader, keyof DdaHeaderAttributes> & { [K in keyof DdaHeader & keyof DdaHeaderAttributes]?: DdaHeader[K] } & { [K in keyof DdaHeader & keyof DdaHeaderAttributes as `attr:${K}`]?: DdaHeaderAttributes[K] } & { [K in keyof DdaHeader & keyof DdaHeaderAttributes as `prop:${K}`]?: DdaHeader[K] };
         "dda-home-banner": Omit<DdaHomeBanner, keyof DdaHomeBannerAttributes> & { [K in keyof DdaHomeBanner & keyof DdaHomeBannerAttributes]?: DdaHomeBanner[K] } & { [K in keyof DdaHomeBanner & keyof DdaHomeBannerAttributes as `attr:${K}`]?: DdaHomeBannerAttributes[K] } & { [K in keyof DdaHomeBanner & keyof DdaHomeBannerAttributes as `prop:${K}`]?: DdaHomeBanner[K] };
+        "dda-home-carousel": Omit<DdaHomeCarousel, keyof DdaHomeCarouselAttributes> & { [K in keyof DdaHomeCarousel & keyof DdaHomeCarouselAttributes]?: DdaHomeCarousel[K] } & { [K in keyof DdaHomeCarousel & keyof DdaHomeCarouselAttributes as `attr:${K}`]?: DdaHomeCarouselAttributes[K] } & { [K in keyof DdaHomeCarousel & keyof DdaHomeCarouselAttributes as `prop:${K}`]?: DdaHomeCarousel[K] };
         "dda-horizontal-stepper": Omit<DdaHorizontalStepper, keyof DdaHorizontalStepperAttributes> & { [K in keyof DdaHorizontalStepper & keyof DdaHorizontalStepperAttributes]?: DdaHorizontalStepper[K] } & { [K in keyof DdaHorizontalStepper & keyof DdaHorizontalStepperAttributes as `attr:${K}`]?: DdaHorizontalStepperAttributes[K] } & { [K in keyof DdaHorizontalStepper & keyof DdaHorizontalStepperAttributes as `prop:${K}`]?: DdaHorizontalStepper[K] };
         "dda-input": Omit<DdaInput, keyof DdaInputAttributes> & { [K in keyof DdaInput & keyof DdaInputAttributes]?: DdaInput[K] } & { [K in keyof DdaInput & keyof DdaInputAttributes as `attr:${K}`]?: DdaInputAttributes[K] } & { [K in keyof DdaInput & keyof DdaInputAttributes as `prop:${K}`]?: DdaInput[K] };
         "dda-link-button": Omit<DdaLinkButton, keyof DdaLinkButtonAttributes> & { [K in keyof DdaLinkButton & keyof DdaLinkButtonAttributes]?: DdaLinkButton[K] } & { [K in keyof DdaLinkButton & keyof DdaLinkButtonAttributes as `attr:${K}`]?: DdaLinkButtonAttributes[K] } & { [K in keyof DdaLinkButton & keyof DdaLinkButtonAttributes as `prop:${K}`]?: DdaLinkButton[K] };
@@ -4963,6 +5687,7 @@ declare module "@stencil/core" {
             "dda-attach-file": LocalJSX.IntrinsicElements["dda-attach-file"] & JSXBase.HTMLAttributes<HTMLDdaAttachFileElement>;
             "dda-avatar": LocalJSX.IntrinsicElements["dda-avatar"] & JSXBase.HTMLAttributes<HTMLDdaAvatarElement>;
             "dda-banner": LocalJSX.IntrinsicElements["dda-banner"] & JSXBase.HTMLAttributes<HTMLDdaBannerElement>;
+            "dda-banner-card": LocalJSX.IntrinsicElements["dda-banner-card"] & JSXBase.HTMLAttributes<HTMLDdaBannerCardElement>;
             "dda-breadcrumb": LocalJSX.IntrinsicElements["dda-breadcrumb"] & JSXBase.HTMLAttributes<HTMLDdaBreadcrumbElement>;
             "dda-button": LocalJSX.IntrinsicElements["dda-button"] & JSXBase.HTMLAttributes<HTMLDdaButtonElement>;
             "dda-checkbox": LocalJSX.IntrinsicElements["dda-checkbox"] & JSXBase.HTMLAttributes<HTMLDdaCheckboxElement>;
@@ -4973,6 +5698,7 @@ declare module "@stencil/core" {
             "dda-footer": LocalJSX.IntrinsicElements["dda-footer"] & JSXBase.HTMLAttributes<HTMLDdaFooterElement>;
             "dda-header": LocalJSX.IntrinsicElements["dda-header"] & JSXBase.HTMLAttributes<HTMLDdaHeaderElement>;
             "dda-home-banner": LocalJSX.IntrinsicElements["dda-home-banner"] & JSXBase.HTMLAttributes<HTMLDdaHomeBannerElement>;
+            "dda-home-carousel": LocalJSX.IntrinsicElements["dda-home-carousel"] & JSXBase.HTMLAttributes<HTMLDdaHomeCarouselElement>;
             "dda-horizontal-stepper": LocalJSX.IntrinsicElements["dda-horizontal-stepper"] & JSXBase.HTMLAttributes<HTMLDdaHorizontalStepperElement>;
             "dda-input": LocalJSX.IntrinsicElements["dda-input"] & JSXBase.HTMLAttributes<HTMLDdaInputElement>;
             "dda-link-button": LocalJSX.IntrinsicElements["dda-link-button"] & JSXBase.HTMLAttributes<HTMLDdaLinkButtonElement>;