@db-ux/ngx-core-components 4.14.0-shell-52d18db → 5.0.0

package/types/db-ux-ngx-core-components.d.ts

@@ -109,10 +109,6 @@ type MarginProps = {
      */
     margin?: MarginType;
 };
-declare const ShellControlPanelDesktopPosition: readonly ["top", "left"];
-type ShellControlPanelDesktopPositionType = (typeof ShellControlPanelDesktopPosition)[number];
-declare const ShellControlPanelMobilePosition: readonly ["top", "bottom"];
-type ShellControlPanelMobilePositionType = (typeof ShellControlPanelMobilePosition)[number];
 declare const PlacementHorizontalList: readonly ["left", "right", "left-start", "left-end", "right-start", "right-end"];
 type PlacementHorizontalType = (typeof PlacementHorizontalList)[number];
 declare const PlacementVerticalList: readonly ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"];
@@ -544,33 +540,11 @@ type NavigationBackButtonProps = {
      */
     backButtonText?: string;
 };
-type ControlPanelProps = {
+type AriaControlsProps = {
     /**
-     * Slot to pass in the DBControlPanelBrand component
+     * Pass `aria-controls` to inner element
      */
-    brand?: any;
-    /**
-     * Slot to pass in a meta navigation.
-     * Desktop: Above the regular control-panel-desktop
-     * Mobile: Inside the drawer
-     */
-    meta?: any;
-    /**
-     * Slot to pass one or more elements like DBButton (e.g. search) as primary action.
-     * Desktop: Shown next to the main-navigation
-     * Mobile: Shown next to the control-panel-brand
-     */
-    primaryActions?: any;
-    /**
-     * Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.
-     * Desktop: Shown separated by divider at the end of the control-panel-desktop
-     * Mobile: Shown inside the drawer at the bottom.
-     */
-    secondaryActions?: any;
-    /**
-     * Slot to pass an anchor or link to skip the navigation and jump to main content.
-     */
-    skipNavigation?: any;
+    controls?: string;
 };
 type NoTextProps = {
     /**
@@ -582,67 +556,6 @@ type ValueLabelType = {
     value: string;
     label?: string;
 };
-type OverflowScrollButtonProps = {
-    /**
-     * Change amount of scroll distance when clicking on an overflow scroll arrow button.
-     */
-    arrowScrollDistance?: number | string;
-    /**
-     * Set the text for the scroll left button
-     */
-    scrollLeftText?: string;
-    /**
-     * Set the text for the scroll right button
-     */
-    scrollRightText?: string;
-};
-type OverflowScrollButtonState = {
-    scroll: (left?: boolean) => void;
-    showScrollLeft?: boolean;
-    showScrollRight?: boolean;
-    evaluateScrollButtons: (tabList: Element) => void;
-};
-type SidebarProps = {
-    /**
-     * Set the expanded/collapsed state initially for the left sidebar
-     */
-    expanded?: boolean | string;
-    /**
-     * Set the tooltip for the expand/collapse button
-     */
-    expandButtonTooltip?: string;
-    /**
-     * Set the tooltip for the expand/collapse button based on the state. (only react|vue)
-     */
-    expandButtonTooltipFn?: (open: boolean) => string;
-    /**
-     * Set the tooltip for the expand/collapse button based on the state. (only react|vue)
-     */
-    onExpandButtonTooltipFn?: (open: boolean) => string;
-};
-type SidebarState = {
-    _open: boolean;
-    getToggleButtonText: () => string;
-};
-declare const NavigationItemGroupVariantList: readonly ["popover", "tree"];
-type NavigationItemGroupVariantType = (typeof NavigationItemGroupVariantList)[number];
-type NavigationItemGroupVariant = {
-    /**
-     * Selects the navigation interaction model: `popover` shows sub-items
-     * in a flyout menu, `tree` shows a collapsible tree structure.
-     * Note: This selects an interaction model, not just a visual variant.
-     */
-    variant?: NavigationItemGroupVariantType;
-};
-declare const CollapsibleBehaviorList: readonly ["single", "multiple"];
-type CollapsibleBehaviorType = (typeof CollapsibleBehaviorList)[number];
-type CollapsibleBehaviorProps = {
-    /**
-     * To allow multiple items open at the same time or only 1 item
-     * @default 'multiple'
-     */
-    behavior?: CollapsibleBehaviorType;
-};
 type DocumentScrollState = {
     _documentScrollListenerCallbackId?: string;
     handleDocumentScroll: (event: any, parent?: HTMLElement) => void;
@@ -726,16 +639,6 @@ declare const hasVoiceOver: () => boolean;
  */
 declare const isIOSSafari: () => boolean;
 declare const delay: (fn: () => void, ms: number) => Promise<unknown>;
-/**
- * Checks whether a CSS custom property on an element equals '1'.
- * Useful for detecting CSS-driven boolean state (e.g. responsive breakpoints)
- * without coupling JS to hardcoded breakpoint values.
- *
- * @param element - The element to read computed styles from
- * @param property - The CSS custom property name (e.g. '--db-my-flag')
- * @returns `true` if the trimmed property value is '1'
- */
-declare const hasCssFlag: (element: Element, property: string) => boolean;
 /**
  * Converts boolean-like inputs to "true" or "false" strings.
  * Handles HTML-style boolean attributes where an empty string or the
@@ -791,6 +694,15 @@ declare const getNotificationRole: ({ semantic, role, ariaLive }: {
     role?: string;
     ariaLive?: string;
 }) => string | undefined;
+declare const NAVIGATION_KEYS: readonly ["ArrowRight", "ArrowDown", "ArrowLeft", "ArrowUp", "Home", "End", "Enter", " "];
+/**
+ * Checks whether the browser natively supports the `focusgroup` HTML attribute.
+ * When supported, the browser handles arrow-key navigation and roving tabindex
+ * for composite widgets (tablists, toolbars, etc.), so our JS fallback can be skipped.
+ *
+ * @public
+ */
+declare const hasFocusgroupSupport: () => boolean;
 
 type DBAccordionItemDefaultProps = {
     /**
@@ -822,7 +734,13 @@ type DBAccordionItemState = DBAccordionItemDefaultState & ToggleEventState<HTMLE
 
 declare const AccordionVariantList: readonly ["divider", "card"];
 type AccordionVariantType = (typeof AccordionVariantList)[number];
+declare const AccordionBehaviorList: readonly ["multiple", "single"];
+type AccordionBehaviorType = (typeof AccordionBehaviorList)[number];
 type DBAccordionDefaultProps = {
+    /**
+     * To allow multiple items open at the same time or only 1 item
+     */
+    behavior?: AccordionBehaviorType;
     /**
      * The index of items which should be open when loading the accordion
      */
@@ -846,7 +764,7 @@ type DBAccordionDefaultProps = {
      */
     variant?: AccordionVariantType;
 };
-type DBAccordionProps = DBAccordionDefaultProps & GlobalProps & CollapsibleBehaviorProps;
+type DBAccordionProps = DBAccordionDefaultProps & GlobalProps;
 type DBAccordionDefaultState = {
     _initOpenIndexDone: boolean;
     _name?: string;
@@ -1173,614 +1091,69 @@ declare class DBCheckbox implements AfterViewInit, ControlValueAccessor, OnDestr
     value: InputSignal<DBCheckboxProps["value"]>;
     ariaDescribedBy: InputSignal<DBCheckboxProps["ariaDescribedBy"]>;
     label: InputSignal<DBCheckboxProps["label"]>;
-    messageIcon: InputSignal<DBCheckboxProps["messageIcon"]>;
-    change: _angular_core.OutputEmitterRef<void | Event>;
-    blur: _angular_core.OutputEmitterRef<void | FocusEvent>;
-    focus: _angular_core.OutputEmitterRef<void | FocusEvent>;
-    _ref: _angular_core.Signal<ElementRef<any> | undefined>;
-    initialized: _angular_core.WritableSignal<boolean>;
-    _id: _angular_core.WritableSignal<string | undefined>;
-    _messageId: _angular_core.WritableSignal<string | undefined>;
-    _validMessageId: _angular_core.WritableSignal<string | undefined>;
-    _invalidMessageId: _angular_core.WritableSignal<string | undefined>;
-    _invalidMessage: _angular_core.WritableSignal<string | undefined>;
-    _descByIds: _angular_core.WritableSignal<string | undefined>;
-    _voiceOverFallback: _angular_core.WritableSignal<string | undefined>;
-    abortController: _angular_core.WritableSignal<AbortController | undefined>;
-    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
-    hasValidState(): boolean;
-    handleValidation(): void;
-    handleChange(event: ChangeEvent<HTMLInputElement>, reset?: boolean): void;
-    handleBlur(event: any): void;
-    handleFocus(event: InteractionEvent<HTMLInputElement> | any): void;
-    resetIds(): void;
-    setupObserver(element: HTMLElement | null): void;
-    constructor(renderer: Renderer2);
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    private enableAttributePassing;
-    /** Signal Forms optional fields (Duck-Typing compatibility) */
-    hidden: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    errors: InputSignal<readonly {
-        message?: string;
-    }[] | undefined>;
-    /** @internal Signal Forms validation state */
-    _validMessage: _angular_core.WritableSignal<string | undefined>;
-    /** @internal Signal Forms validation state */
-    _valid: _angular_core.WritableSignal<string | undefined>;
-    /** Signal Forms touch output — emitted on blur to mark the control as touched */
-    touch: _angular_core.OutputEmitterRef<void>;
-    /**
-     * Reflect Signal Forms hidden state to the host element.
-     * This intentionally intercepts Angular's native [hidden] binding —
-     * consumers using [hidden]="condition" will hide the component via
-     * :host([hidden]) { display: none !important }.
-     */
-    get isHidden(): boolean;
-    /** @legacy CVA - will be removed in a future major version */
-    writeValue(value: any): void;
-    /** @legacy CVA - will be removed in a future major version */
-    propagateChange(_: any): void;
-    /** @legacy CVA - will be removed in a future major version */
-    registerOnChange(onChange: any): void;
-    /** @legacy CVA - will be removed in a future major version */
-    registerOnTouched(onTouched: any): void;
-    /** @legacy CVA - will be removed in a future major version */
-    propagateTouched(): void;
-    /** @legacy CVA - will be removed in a future major version */
-    setDisabledState(disabled: boolean): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBCheckbox, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBCheckbox, "db-checkbox", never, { "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "change": "change"; "blur": "blur"; "focus": "focus"; "touch": "touch"; }, never, ["*"], true, never>;
-}
-
-type DBControlPanelBrandDefaultProps = {};
-type DBControlPanelBrandProps = DBControlPanelBrandDefaultProps & GlobalProps;
-type DBControlPanelBrandDefaultState = {};
-type DBControlPanelBrandState = DBControlPanelBrandDefaultState & GlobalState;
-
-declare class DBControlPanelBrand implements AfterViewInit, OnDestroy {
-    protected readonly cls: (...args: ClassNameArg[]) => string;
-    id: InputSignal<DBControlPanelBrandProps["id"]>;
-    propOverrides: InputSignal<DBControlPanelBrandProps["propOverrides"]>;
-    className: InputSignal<DBControlPanelBrandProps["className"]>;
-    _ref: _angular_core.Signal<ElementRef<any> | undefined>;
-    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
-    setupObserver(element: HTMLElement | null): void;
-    constructor();
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    private enableAttributePassing;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBControlPanelBrand, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBControlPanelBrand, "db-control-panel-brand", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-type DBControlPanelDesktopDefaultProps = {};
-type DBControlPanelDesktopProps = DBControlPanelDesktopDefaultProps & GlobalProps & ContainerWidthProps & ControlPanelProps & OrientationProps & SidebarProps;
-type DBControlPanelDesktopDefaultState = {};
-type DBControlPanelDesktopState = DBControlPanelDesktopDefaultState & GlobalState & ToggleEventState<HTMLButtonElement> & SidebarState & ResetIdState;
-
-declare class DBControlPanelDesktop implements AfterViewInit, OnDestroy {
-    protected readonly cls: (...args: ClassNameArg[]) => string;
-    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
-    id: InputSignal<DBControlPanelDesktopProps["id"]>;
-    propOverrides: InputSignal<DBControlPanelDesktopProps["propOverrides"]>;
-    expanded: InputSignal<DBControlPanelDesktopProps["expanded"]>;
-    expandButtonTooltip: InputSignal<DBControlPanelDesktopProps["expandButtonTooltip"]>;
-    className: InputSignal<DBControlPanelDesktopProps["className"]>;
-    width: InputSignal<DBControlPanelDesktopProps["width"]>;
-    orientation: InputSignal<DBControlPanelDesktopProps["orientation"]>;
-    _ref: _angular_core.Signal<ElementRef<any> | undefined>;
-    _scrollContainerRef: _angular_core.Signal<ElementRef<any> | undefined>;
-    _id: _angular_core.WritableSignal<string | undefined>;
-    _open: _angular_core.WritableSignal<boolean>;
-    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
-    handleToggle(event: any): void;
-    getToggleButtonText(): string | undefined;
-    resetIds(): void;
-    setupObserver(element: HTMLElement | null): void;
-    constructor();
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    private enableAttributePassing;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBControlPanelDesktop, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBControlPanelDesktop, "db-control-panel-desktop", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "expandButtonTooltip": { "alias": "expandButtonTooltip"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, never, ["[skip-navigation]", "[brand]", "*", "[meta]", "[primary-actions]", "[secondary-actions]"], true, never>;
-}
-
-type DBControlPanelFlatIconDefaultProps = {
-    /**
-     * Slot to pass an anchor or link to skip the navigation and jump to main content.
-     */
-    skipNavigation?: any;
-};
-type DBControlPanelFlatIconProps = DBControlPanelFlatIconDefaultProps & GlobalProps & NoTextProps;
-type DBControlPanelFlatIconDefaultState = {
-    _resizeObserverCallbackId?: string;
-};
-type DBControlPanelFlatIconState = DBControlPanelFlatIconDefaultState & GlobalState;
-
-declare class DBControlPanelFlatIcon implements AfterViewInit, OnDestroy {
-    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
-    protected readonly cls: (...args: ClassNameArg[]) => string;
-    id: InputSignal<DBControlPanelFlatIconProps["id"]>;
-    propOverrides: InputSignal<DBControlPanelFlatIconProps["propOverrides"]>;
-    noText: InputSignal<DBControlPanelFlatIconProps["noText"]>;
-    className: InputSignal<DBControlPanelFlatIconProps["className"]>;
-    _ref: _angular_core.Signal<ElementRef<any> | undefined>;
-    _resizeObserverCallbackId: _angular_core.WritableSignal<string | undefined>;
-    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
-    setupObserver(element: HTMLElement | null): void;
-    constructor();
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    private enableAttributePassing;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBControlPanelFlatIcon, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBControlPanelFlatIcon, "db-control-panel-flat-icon", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "noText": { "alias": "noText"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["[skip-navigation]", "*"], true, never>;
-}
-
-type DBControlPanelMetaDefaultProps = {};
-type DBControlPanelMetaProps = DBControlPanelMetaDefaultProps & GlobalProps;
-type DBControlPanelMetaDefaultState = {};
-type DBControlPanelMetaState = DBControlPanelMetaDefaultState & GlobalState;
-
-declare class DBControlPanelMeta implements AfterViewInit, OnDestroy {
-    protected readonly cls: (...args: ClassNameArg[]) => string;
-    id: InputSignal<DBControlPanelMetaProps["id"]>;
-    propOverrides: InputSignal<DBControlPanelMetaProps["propOverrides"]>;
-    className: InputSignal<DBControlPanelMetaProps["className"]>;
-    _ref: _angular_core.Signal<ElementRef<any> | undefined>;
-    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
-    setupObserver(element: HTMLElement | null): void;
-    constructor();
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    private enableAttributePassing;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBControlPanelMeta, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBControlPanelMeta, "db-control-panel-meta", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-type DBControlPanelMobileDefaultProps = {
-    /**
-     * Text to pass in a headline for the drawer header.
-     */
-    drawerHeaderText?: string;
-    /**
-     * Sets the accessible label for the burger menu button of the mobile control panel.
-     */
-    burgerMenuLabel?: string;
-    /**
-     * Change the position of the mobile content panel
-     */
-    position?: ShellControlPanelMobilePositionType;
-};
-type DBControlPanelMobileProps = DBControlPanelMobileDefaultProps & GlobalProps & ToggleEventProps & ControlPanelProps;
-type DBControlPanelMobileDefaultState = {
-    open: boolean;
-    handleClose: (event: any) => void;
-};
-type DBControlPanelMobileState = DBControlPanelMobileDefaultState & GlobalState & ToggleEventState<HTMLElement> & NavigationBehaviorState;
-
-declare class DBControlPanelMobile implements AfterViewInit, OnDestroy {
-    protected readonly cls: (...args: ClassNameArg[]) => string;
-    protected readonly DEFAULT_BURGER_MENU: string;
-    id: InputSignal<DBControlPanelMobileProps["id"]>;
-    propOverrides: InputSignal<DBControlPanelMobileProps["propOverrides"]>;
-    position: InputSignal<DBControlPanelMobileProps["position"]>;
-    className: InputSignal<DBControlPanelMobileProps["className"]>;
-    drawerHeaderText: InputSignal<DBControlPanelMobileProps["drawerHeaderText"]>;
-    burgerMenuLabel: InputSignal<DBControlPanelMobileProps["burgerMenuLabel"]>;
-    toggle: _angular_core.OutputEmitterRef<boolean | void>;
-    _ref: _angular_core.Signal<ElementRef<any> | undefined>;
-    open: _angular_core.WritableSignal<boolean>;
-    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
-    handleToggle(event: any): void;
-    handleClose(event: any): void;
-    handleNavigationItemClick(event: any): void;
-    setupObserver(element: HTMLElement | null): void;
-    constructor();
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    private enableAttributePassing;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBControlPanelMobile, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBControlPanelMobile, "db-control-panel-mobile", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "drawerHeaderText": { "alias": "drawerHeaderText"; "required": false; "isSignal": true; }; "burgerMenuLabel": { "alias": "burgerMenuLabel"; "required": false; "isSignal": true; }; }, { "toggle": "toggle"; }, never, ["[skip-navigation]", "*", "[meta]", "[secondary-actions]", "[brand]", "[primary-actions]"], true, never>;
-}
-
-type DBControlPanelNavigationDefaultProps = {
-    /**
-     * Show or hide the tree line connecting nested navigation items in tree variant.
-     * @default true
-     */
-    showTreeLine?: boolean | string;
-};
-type DBControlPanelNavigationProps = DBControlPanelNavigationDefaultProps & GlobalProps & OverflowScrollButtonProps & NavigationItemGroupVariant & CollapsibleBehaviorProps;
-type DBControlPanelNavigationDefaultState = {
-    onScroll: () => void;
-    _shellMobile?: boolean;
-    _shellDesktopPosition?: string | null;
-    _handleSubNavigation: () => void;
-    _handleTreeKeyDown: (event: any) => void;
-    _handleTreeKeys: (event: any) => void;
-    _handlePopoverKeys: (event: any) => void;
-    _focusParentGroupButton: (activeElement: HTMLElement) => boolean;
-    _closeSubMenuAndReturnToParent: (parentGroupMenu: Element) => void;
-    _resizeObserverCallbackId?: string;
-    _singleBehaviorObserver?: MutationObserver;
-    _attachSingleBehaviorObserver: () => void;
-    _setShellMobile: () => void;
-};
-type DBControlPanelNavigationState = DBControlPanelNavigationDefaultState & GlobalState & OverflowScrollButtonState & InitializedState;
-
-declare class DBControlPanelNavigation implements AfterViewInit, OnDestroy {
-    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
-    protected readonly cls: (...args: ClassNameArg[]) => string;
-    protected readonly DEFAULT_SCROLL_LEFT: string;
-    protected readonly DEFAULT_SCROLL_RIGHT: string;
-    variant: InputSignal<DBControlPanelNavigationProps["variant"]>;
-    behavior: InputSignal<DBControlPanelNavigationProps["behavior"]>;
-    arrowScrollDistance: InputSignal<DBControlPanelNavigationProps["arrowScrollDistance"]>;
-    id: InputSignal<DBControlPanelNavigationProps["id"]>;
-    propOverrides: InputSignal<DBControlPanelNavigationProps["propOverrides"]>;
-    showTreeLine: InputSignal<DBControlPanelNavigationProps["showTreeLine"]>;
-    className: InputSignal<DBControlPanelNavigationProps["className"]>;
-    scrollLeftText: InputSignal<DBControlPanelNavigationProps["scrollLeftText"]>;
-    scrollRightText: InputSignal<DBControlPanelNavigationProps["scrollRightText"]>;
-    _ref: _angular_core.Signal<ElementRef<any> | undefined>;
-    menuRef: _angular_core.Signal<ElementRef<any> | undefined>;
-    showScrollLeft: _angular_core.WritableSignal<boolean | undefined>;
-    showScrollRight: _angular_core.WritableSignal<boolean | undefined>;
-    _shellMobile: _angular_core.WritableSignal<boolean | undefined>;
-    _shellDesktopPosition: _angular_core.WritableSignal<string | null | undefined>;
-    initialized: _angular_core.WritableSignal<boolean>;
-    _resizeObserverCallbackId: _angular_core.WritableSignal<string | undefined>;
-    _singleBehaviorObserver: _angular_core.WritableSignal<MutationObserver | undefined>;
-    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
-    _setShellMobile(): void;
-    _attachSingleBehaviorObserver(): void;
-    evaluateScrollButtons(tList: Element): void;
-    scroll(left?: boolean): void;
-    onScroll(): void;
-    _handleSubNavigation(): void;
-    _handleTreeKeyDown(event: any): void;
-    _focusParentGroupButton(activeElement: HTMLElement): boolean;
-    _closeSubMenuAndReturnToParent(parentGroupMenu: Element): void;
-    _handlePopoverKeys(event: any): void;
-    _handleTreeKeys(event: any): void;
-    setupObserver(element: HTMLElement | null): void;
-    constructor();
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    private enableAttributePassing;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBControlPanelNavigation, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBControlPanelNavigation, "db-control-panel-navigation", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "behavior": { "alias": "behavior"; "required": false; "isSignal": true; }; "arrowScrollDistance": { "alias": "arrowScrollDistance"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "showTreeLine": { "alias": "showTreeLine"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "scrollLeftText": { "alias": "scrollLeftText"; "required": false; "isSignal": true; }; "scrollRightText": { "alias": "scrollRightText"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-type DBControlPanelNavigationItemDefaultProps = {
-    /**
-     * Alternative indicator for active navigation item (bold font). In contrast to the use of aria-current="page" on the contained anchor, this does not guarantee correct a11y.
-     */
-    active?: boolean;
-    /**
-     * If you use DBShell with controlPanelDesktopPosition="left" or DBControlPanelFlatIcon
-     * you need to add a tooltip for collapsed navigation
-     */
-    tooltip?: string;
-} & EndSlotProps & TextProps;
-type DBControlPanelNavigationItemProps = DBControlPanelNavigationItemDefaultProps & GlobalProps & IconProps & ShowIconProps & DisabledProps;
-type DBControlPanelNavigationItemDefaultState = {
-    _tooltip?: string;
-    _savedHref?: string;
-    _role?: string;
-    _attributeObserver?: MutationObserver;
-};
-type DBControlPanelNavigationItemState = DBControlPanelNavigationItemDefaultState & GlobalState & InitializedState;
-
-declare class DBControlPanelNavigationItem implements AfterViewInit, OnDestroy {
-    protected readonly cls: (...args: ClassNameArg[]) => string;
-    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
-    tooltip: InputSignal<DBControlPanelNavigationItemProps["tooltip"]>;
-    text: InputSignal<DBControlPanelNavigationItemProps["text"]>;
-    disabled: InputSignal<DBControlPanelNavigationItemProps["disabled"]>;
-    id: InputSignal<DBControlPanelNavigationItemProps["id"]>;
-    propOverrides: InputSignal<DBControlPanelNavigationItemProps["propOverrides"]>;
-    className: InputSignal<DBControlPanelNavigationItemProps["className"]>;
-    icon: InputSignal<DBControlPanelNavigationItemProps["icon"]>;
-    showIcon: InputSignal<DBControlPanelNavigationItemProps["showIcon"]>;
-    active: InputSignal<DBControlPanelNavigationItemProps["active"]>;
-    _ref: _angular_core.Signal<ElementRef<any> | undefined>;
-    _tooltip: _angular_core.WritableSignal<string | undefined>;
-    _savedHref: _angular_core.WritableSignal<string | undefined>;
-    _role: _angular_core.WritableSignal<string | undefined>;
-    _attributeObserver: _angular_core.WritableSignal<MutationObserver | undefined>;
-    initialized: _angular_core.WritableSignal<boolean>;
-    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
-    setupObserver(element: HTMLElement | null): void;
-    constructor();
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    private enableAttributePassing;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBControlPanelNavigationItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBControlPanelNavigationItem, "db-control-panel-navigation-item", never, { "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[end-slot]"], true, never>;
-}
-
-/**
- * Adjusts a sub-navigation's position so it stays within the viewport.
- * Called from _handleMouseEnter for the specific hovered item's menu.
- * Computes a precise pixel-based transform instead of the CSS's fixed
- * `translateY(-200%)` which overshoots for most menu heights.
- *
- * Only applies to menus NOT already positioned by handleFixedPopover
- * (i.e., nested sub-navigations that use position: absolute).
- */
-declare const adjustNestedSubNavigationPosition: (element: HTMLElement) => void;
-type TriangleData = {
-    itemRect: DOMRect;
-    parentElementWidth: number;
-    subNavigationHeight: number;
-    padding: number;
-    /**
-     * The direction the sub-navigation opens relative to the element.
-     * 'right' = sub-menu is to the right of the item
-     * 'left' = sub-menu is to the left of the item
-     * 'bottom' = sub-menu is below the item
-     */
-    openDirection: 'left' | 'right' | 'bottom';
-};
-declare const isEventTargetNavigationItem: (event: unknown) => boolean;
-declare class NavigationItemSafeTriangle {
-    private readonly element;
-    private readonly subNavigation;
-    private readonly parentSubNavigation;
-    private triangleData?;
-    private initialized;
-    private mouseX;
-    private mouseY;
-    constructor(element: HTMLElement | null, subNavigation: HTMLElement | null);
-    private init;
-    enableFollow(): void;
-    disableFollow(): void;
-    private hasMouseEnteredSubNavigation;
-    followByMouseEvent(event: {
-        clientX: number;
-        clientY: number;
-    }): void;
-}
-declare const handleSubNavigationPosition: (element: HTMLElement, level?: number, vertical?: boolean) => void;
-
-type DBControlPanelNavigationItemGroupDefaultProps = {
-    /**
-     * This is for mobile navigation only, if it is set the sub-navigation is a static overlay
-     */
-    expanded?: boolean | string;
-    /**
-     * Change id for db-control-panel-navigation-item-group-menu
-     */
-    menuId?: string;
-};
-type DBControlPanelNavigationItemGroupProps = DBControlPanelNavigationItemGroupDefaultProps & NavigationBackButtonProps & ClickEventProps<HTMLButtonElement> & GlobalProps & IconProps & ShowIconProps & DBControlPanelNavigationItemDefaultProps & DisabledProps;
-type DBControlPanelNavigationItemGroupDefaultState = {
-    handleBackClick: (event: ClickEvent<HTMLButtonElement>) => void;
-    isSubNavigationExpanded: boolean;
-    _itemGroupMenuId: string;
-    _intersectionObserverCallbackId?: string;
-    _resizeObserverCallbackId?: string;
-    _attributeObserver?: MutationObserver;
-    _role?: string;
-    _popoverListenersAttached: boolean;
-    _isMobile: boolean;
-    /**
-     * Internal state property to show/hide sub-navigation button
-     */
-    hasSubNavigation?: boolean;
-    hasPopup?: boolean;
-    navigationItemSafeTriangle?: NavigationItemSafeTriangle;
-    autoClose?: boolean;
-    onScroll: () => void;
-    handleEscape: (event: any) => void;
-    forceClose: () => void;
-    _attachPopoverListeners: () => void;
-    _detachPopoverListeners: () => void;
-    _teardownPopover: () => void;
-    _handleFocusIn: () => void;
-    _handleFocusOut: (event: any) => void;
-    _handleMouseEnter: () => void;
-    _handleMouseLeave: () => void;
-    _setSiblingsInert: (inert: boolean) => void;
-};
-type DBControlPanelNavigationItemGroupState = DBControlPanelNavigationItemGroupDefaultState & ClickEventState<HTMLButtonElement> & GlobalState & NavigationBehaviorState & InitializedState;
-
-declare class DBControlPanelNavigationItemGroup implements AfterViewInit, OnDestroy {
-    protected readonly cls: (...args: ClassNameArg[]) => string;
-    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
-    protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
-    protected readonly DEFAULT_BACK: string;
-    expanded: InputSignal<DBControlPanelNavigationItemGroupProps["expanded"]>;
-    id: InputSignal<DBControlPanelNavigationItemGroupProps["id"]>;
-    propOverrides: InputSignal<DBControlPanelNavigationItemGroupProps["propOverrides"]>;
-    className: InputSignal<DBControlPanelNavigationItemGroupProps["className"]>;
-    icon: InputSignal<DBControlPanelNavigationItemGroupProps["icon"]>;
-    showIcon: InputSignal<DBControlPanelNavigationItemGroupProps["showIcon"]>;
-    active: InputSignal<DBControlPanelNavigationItemGroupProps["active"]>;
-    disabled: InputSignal<DBControlPanelNavigationItemGroupProps["disabled"]>;
-    menuId: InputSignal<DBControlPanelNavigationItemGroupProps["menuId"]>;
-    text: InputSignal<DBControlPanelNavigationItemGroupProps["text"]>;
-    backButtonId: InputSignal<DBControlPanelNavigationItemGroupProps["backButtonId"]>;
-    backButtonText: InputSignal<DBControlPanelNavigationItemGroupProps["backButtonText"]>;
-    click: _angular_core.OutputEmitterRef<void | MouseEvent>;
-    _ref: _angular_core.Signal<ElementRef<any> | undefined>;
-    _buttonRef: _angular_core.Signal<ElementRef<any> | undefined>;
-    _menuRef: _angular_core.Signal<ElementRef<any> | undefined>;
-    hasSubNavigation: _angular_core.WritableSignal<boolean | undefined>;
-    isSubNavigationExpanded: _angular_core.WritableSignal<boolean>;
-    autoClose: _angular_core.WritableSignal<boolean | undefined>;
-    hasPopup: _angular_core.WritableSignal<boolean | undefined>;
-    initialized: _angular_core.WritableSignal<boolean>;
-    _isMobile: _angular_core.WritableSignal<boolean>;
-    _role: _angular_core.WritableSignal<string | undefined>;
-    _attributeObserver: _angular_core.WritableSignal<MutationObserver | undefined>;
-    _itemGroupMenuId: _angular_core.WritableSignal<string>;
-    _intersectionObserverCallbackId: _angular_core.WritableSignal<string | undefined>;
-    _resizeObserverCallbackId: _angular_core.WritableSignal<string | undefined>;
-    _popoverListenersAttached: _angular_core.WritableSignal<boolean>;
-    navigationItemSafeTriangle: _angular_core.WritableSignal<NavigationItemSafeTriangle | undefined>;
-    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
-    _handleFocusIn(): void;
-    _handleFocusOut(event: any): void;
-    _handleMouseEnter(): void;
-    _handleMouseLeave(): void;
-    _setSiblingsInert(inert: boolean): void;
-    _attachPopoverListeners(): void;
-    _detachPopoverListeners(): void;
-    _teardownPopover(): void;
-    onScroll(): void;
-    handleNavigationItemClick(event: any): void;
-    forceClose(): void;
-    handleClick(event: ClickEvent<HTMLButtonElement> | any): void;
-    handleBackClick(event: ClickEvent<HTMLButtonElement> | any): void;
-    handleEscape(event: any): void;
-    setupObserver(element: HTMLElement | null): void;
-    constructor();
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    private enableAttributePassing;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBControlPanelNavigationItemGroup, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBControlPanelNavigationItemGroup, "db-control-panel-navigation-item-group", never, { "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "menuId": { "alias": "menuId"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "backButtonId": { "alias": "backButtonId"; "required": false; "isSignal": true; }; "backButtonText": { "alias": "backButtonText"; "required": false; "isSignal": true; }; }, { "click": "click"; }, never, ["[end-slot]", "*"], true, never>;
-}
-
-type DBControlPanelPrimaryActionsDefaultProps = {};
-type DBControlPanelPrimaryActionsProps = DBControlPanelPrimaryActionsDefaultProps & GlobalProps;
-type DBControlPanelPrimaryActionsDefaultState = {};
-type DBControlPanelPrimaryActionsState = DBControlPanelPrimaryActionsDefaultState & GlobalState;
-
-declare class DBControlPanelPrimaryActions implements AfterViewInit, OnDestroy {
-    protected readonly cls: (...args: ClassNameArg[]) => string;
-    id: InputSignal<DBControlPanelPrimaryActionsProps["id"]>;
-    propOverrides: InputSignal<DBControlPanelPrimaryActionsProps["propOverrides"]>;
-    className: InputSignal<DBControlPanelPrimaryActionsProps["className"]>;
-    _ref: _angular_core.Signal<ElementRef<any> | undefined>;
-    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
-    setupObserver(element: HTMLElement | null): void;
-    constructor();
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    private enableAttributePassing;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBControlPanelPrimaryActions, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBControlPanelPrimaryActions, "db-control-panel-primary-actions", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-type DBControlPanelSecondaryActionsDefaultProps = {};
-type DBControlPanelSecondaryActionsProps = DBControlPanelSecondaryActionsDefaultProps & GlobalProps;
-type DBControlPanelSecondaryActionsDefaultState = {};
-type DBControlPanelSecondaryActionsState = DBControlPanelSecondaryActionsDefaultState & GlobalState;
-
-declare class DBControlPanelSecondaryActions implements AfterViewInit, OnDestroy {
-    protected readonly cls: (...args: ClassNameArg[]) => string;
-    id: InputSignal<DBControlPanelSecondaryActionsProps["id"]>;
-    propOverrides: InputSignal<DBControlPanelSecondaryActionsProps["propOverrides"]>;
-    className: InputSignal<DBControlPanelSecondaryActionsProps["className"]>;
+    messageIcon: InputSignal<DBCheckboxProps["messageIcon"]>;
+    change: _angular_core.OutputEmitterRef<void | Event>;
+    blur: _angular_core.OutputEmitterRef<void | FocusEvent>;
+    focus: _angular_core.OutputEmitterRef<void | FocusEvent>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    initialized: _angular_core.WritableSignal<boolean>;
+    _id: _angular_core.WritableSignal<string | undefined>;
+    _messageId: _angular_core.WritableSignal<string | undefined>;
+    _validMessageId: _angular_core.WritableSignal<string | undefined>;
+    _invalidMessageId: _angular_core.WritableSignal<string | undefined>;
+    _invalidMessage: _angular_core.WritableSignal<string | undefined>;
+    _descByIds: _angular_core.WritableSignal<string | undefined>;
+    _voiceOverFallback: _angular_core.WritableSignal<string | undefined>;
+    abortController: _angular_core.WritableSignal<AbortController | undefined>;
     observer: _angular_core.WritableSignal<MutationObserver | undefined>;
+    hasValidState(): boolean;
+    handleValidation(): void;
+    handleChange(event: ChangeEvent<HTMLInputElement>, reset?: boolean): void;
+    handleBlur(event: any): void;
+    handleFocus(event: InteractionEvent<HTMLInputElement> | any): void;
+    resetIds(): void;
     setupObserver(element: HTMLElement | null): void;
-    constructor();
+    constructor(renderer: Renderer2);
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component
      * @param customElementSelector  the custom element like `my-component`
      */
     private enableAttributePassing;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBControlPanelSecondaryActions, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBControlPanelSecondaryActions, "db-control-panel-secondary-actions", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-type DBControlPanelSkipNavigationDefaultProps = {
-    /**
-     * Change the text for the link providing a skip for navigation jumping to main content
-     */
-    text?: string;
-    /**
-     * Target id for the skip-navigation link. Must match the `mainId` prop
-     * on `DBShellContent` if you override it. Only one shell should exist per page.
-     * @default 'main-content'
-     */
-    target?: string;
-};
-type DBControlPanelSkipNavigationProps = DBControlPanelSkipNavigationDefaultProps & GlobalProps;
-type DBControlPanelSkipNavigationDefaultState = {};
-type DBControlPanelSkipNavigationState = DBControlPanelSkipNavigationDefaultState & GlobalState;
-
-declare class DBControlPanelSkipNavigation implements AfterViewInit, OnDestroy {
-    protected readonly cls: (...args: ClassNameArg[]) => string;
-    id: InputSignal<DBControlPanelSkipNavigationProps["id"]>;
-    propOverrides: InputSignal<DBControlPanelSkipNavigationProps["propOverrides"]>;
-    className: InputSignal<DBControlPanelSkipNavigationProps["className"]>;
-    text: InputSignal<DBControlPanelSkipNavigationProps["text"]>;
-    target: InputSignal<DBControlPanelSkipNavigationProps["target"]>;
-    _ref: _angular_core.Signal<ElementRef<any> | undefined>;
-    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
-    setupObserver(element: HTMLElement | null): void;
-    templateStr_ggnerk(): string;
-    constructor();
+    /** Signal Forms optional fields (Duck-Typing compatibility) */
+    hidden: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    errors: InputSignal<readonly {
+        message?: string;
+    }[] | undefined>;
+    /** @internal Signal Forms validation state */
+    _validMessage: _angular_core.WritableSignal<string | undefined>;
+    /** @internal Signal Forms validation state */
+    _valid: _angular_core.WritableSignal<string | undefined>;
+    /** Signal Forms touch output — emitted on blur to mark the control as touched */
+    touch: _angular_core.OutputEmitterRef<void>;
     /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
+     * Reflect Signal Forms hidden state to the host element.
+     * This intentionally intercepts Angular's native [hidden] binding —
+     * consumers using [hidden]="condition" will hide the component via
+     * :host([hidden]) { display: none !important }.
      */
-    private enableAttributePassing;
+    get isHidden(): boolean;
+    /** @legacy CVA - will be removed in a future major version */
+    writeValue(value: any): void;
+    /** @legacy CVA - will be removed in a future major version */
+    propagateChange(_: any): void;
+    /** @legacy CVA - will be removed in a future major version */
+    registerOnChange(onChange: any): void;
+    /** @legacy CVA - will be removed in a future major version */
+    registerOnTouched(onTouched: any): void;
+    /** @legacy CVA - will be removed in a future major version */
+    propagateTouched(): void;
+    /** @legacy CVA - will be removed in a future major version */
+    setDisabledState(disabled: boolean): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBControlPanelSkipNavigation, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBControlPanelSkipNavigation, "db-control-panel-skip-navigation", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBCheckbox, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBCheckbox, "db-checkbox", never, { "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "change": "change"; "blur": "blur"; "focus": "focus"; "touch": "touch"; }, never, ["*"], true, never>;
 }
 
 type DBCustomButtonDefaultProps = {};
@@ -2075,7 +1448,7 @@ type DBCustomSelectDefaultState = {
     searchEnabled: boolean;
     amountOptions: number;
     setDescById: (descId?: string) => void;
-    handleTagRemove: (option: CustomSelectOptionType, event?: ClickEvent<HTMLButtonElement> | Event | void | any) => void;
+    handleTagRemove: (option: CustomSelectOptionType, event?: ClickEvent<HTMLButtonElement> | Event | void) => void;
     handleSummaryFocus: () => void;
     handleSelect: (value?: string) => void;
     handleSelectAll: (event: any) => void;
@@ -2503,7 +1876,7 @@ type DBDrawerDefaultProps = {
      */
     footer?: any;
     /**
-     * Shows a spacing between screen and drawer-content to provide enough space for the backdrop
+     * Shows a spacing between viewport frame and drawer-content to provide enough space for the backdrop
      */
     showSpacing?: boolean | string;
     /**
@@ -3098,6 +2471,34 @@ declare class DBNavigation implements AfterViewInit, OnDestroy {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBNavigation, "db-navigation", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+type TriangleData = {
+    itemRect: DOMRect;
+    parentElementWidth: number;
+    subNavigationHeight: number;
+    padding: number;
+    outsideVX: 'left' | 'right' | undefined;
+    outsideVY: 'top' | 'bottom' | undefined;
+};
+declare const isEventTargetNavigationItem: (event: unknown) => boolean;
+declare class NavigationItemSafeTriangle {
+    private readonly element;
+    private readonly subNavigation;
+    private readonly parentSubNavigation;
+    private triangleData?;
+    private initialized;
+    private mouseX;
+    private mouseY;
+    constructor(element: HTMLElement | null, subNavigation: HTMLElement | null);
+    private init;
+    enableFollow(): void;
+    disableFollow(): void;
+    private getTriangleTipX;
+    private getTriangleTipY;
+    private hasMouseEnteredSubNavigation;
+    private getTriangleCoordinates;
+    followByMouseEvent(event: MouseEvent): void;
+}
+
 type DBNavigationItemDefaultProps = {
     /**
      * Alternative indicator for active navigation item (bold font). In contrast to the use of aria-current="page" on the contained anchor, this does not guarantee correct a11y.
@@ -3696,164 +3097,13 @@ declare class DBSelect implements AfterViewInit, ControlValueAccessor, OnDestroy
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBSelect, "db-select", never, { "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showEmptyOption": { "alias": "showEmptyOption"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; "click": "click"; "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; "touch": "touch"; }, never, ["*"], true, never>;
 }
 
-declare const ShellSubNavigationMobilePosition: readonly ["top", "bottom", "none"];
-type ShellSubNavigationMobilePositionType = (typeof ShellSubNavigationMobilePosition)[number];
-type DBShellDefaultProps = {
-    /**
-     * Change the position of the desktop content panel
-     */
-    controlPanelDesktopPosition?: ShellControlPanelDesktopPositionType;
-    /**
-     * Change the position of the mobile content panel
-     */
-    controlPanelMobilePosition?: ShellControlPanelMobilePositionType;
-    /**
-     * Set this to have a transition with opacity to avoid layout-shifts https://simonhearne.com/2021/layout-shifts-webfonts/
-     */
-    fadeIn?: boolean | string;
-    /**
-     * Change the position of the optional sub navigation for desktop
-     */
-    subNavigationDesktopPosition?: ShellControlPanelDesktopPositionType;
-    /**
-     * Change the position of the optional sub navigation for mobile
-     */
-    subNavigationMobilePosition?: ShellSubNavigationMobilePositionType;
-    /**
-     * Shows sub-navigation
-     */
-    showSubNavigation?: boolean | string;
-};
-type DBShellProps = DBShellDefaultProps & GlobalProps;
-type DBShellDefaultState = {
-    fontsLoaded?: boolean;
-};
-type DBShellState = DBShellDefaultState & GlobalState;
-
-declare class DBShell implements AfterViewInit, OnDestroy {
-    protected readonly cls: (...args: ClassNameArg[]) => string;
-    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
-    fadeIn: InputSignal<DBShellProps["fadeIn"]>;
-    id: InputSignal<DBShellProps["id"]>;
-    propOverrides: InputSignal<DBShellProps["propOverrides"]>;
-    className: InputSignal<DBShellProps["className"]>;
-    controlPanelDesktopPosition: InputSignal<DBShellProps["controlPanelDesktopPosition"]>;
-    controlPanelMobilePosition: InputSignal<DBShellProps["controlPanelMobilePosition"]>;
-    subNavigationDesktopPosition: InputSignal<DBShellProps["subNavigationDesktopPosition"]>;
-    subNavigationMobilePosition: InputSignal<DBShellProps["subNavigationMobilePosition"]>;
-    showSubNavigation: InputSignal<DBShellProps["showSubNavigation"]>;
-    _ref: _angular_core.Signal<ElementRef<any> | undefined>;
-    fontsLoaded: _angular_core.WritableSignal<boolean | undefined>;
-    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
-    setupObserver(element: HTMLElement | null): void;
-    constructor();
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    private enableAttributePassing;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBShell, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBShell, "db-shell", never, { "fadeIn": { "alias": "fadeIn"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "controlPanelDesktopPosition": { "alias": "controlPanelDesktopPosition"; "required": false; "isSignal": true; }; "controlPanelMobilePosition": { "alias": "controlPanelMobilePosition"; "required": false; "isSignal": true; }; "subNavigationDesktopPosition": { "alias": "subNavigationDesktopPosition"; "required": false; "isSignal": true; }; "subNavigationMobilePosition": { "alias": "subNavigationMobilePosition"; "required": false; "isSignal": true; }; "showSubNavigation": { "alias": "showSubNavigation"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-declare const ShellContentVariantList: readonly ["auto", "fixed"];
-type ShellContentVariantType = (typeof ShellContentVariantList)[number];
-type DBShellContentDefaultProps = {
-    /**
-     * Adds `class` to `<main>` element
-     */
-    mainClass?: string;
-    /**
-     * Overrides the default `id` on the `<main>` element.
-     * This id is used as the target for the shell skip-navigation link.
-     * Only one `DBShellContent` should exist per page to avoid duplicate IDs.
-     * @default 'main-content'
-     */
-    mainId?: string;
-    /**
-     * Adds `aria-label` to `<main>` element
-     */
-    mainLabel?: string;
-    /**
-     * Change the scrolling behavior. `auto` scrolling on complete wrapper, `fixed` scrolling only in for main.
-     * @default auto
-     */
-    variant?: ShellContentVariantType;
-};
-type DBShellContentProps = DBShellContentDefaultProps & GlobalProps & StartSlotProps & EndSlotProps;
-type DBShellContentDefaultState = {};
-type DBShellContentState = DBShellContentDefaultState & GlobalState;
-
-declare class DBShellContent implements AfterViewInit, OnDestroy {
-    protected readonly cls: (...args: ClassNameArg[]) => string;
-    protected readonly MAIN_CONTENT_ID: string;
-    id: InputSignal<DBShellContentProps["id"]>;
-    propOverrides: InputSignal<DBShellContentProps["propOverrides"]>;
-    className: InputSignal<DBShellContentProps["className"]>;
-    variant: InputSignal<DBShellContentProps["variant"]>;
-    mainId: InputSignal<DBShellContentProps["mainId"]>;
-    mainClass: InputSignal<DBShellContentProps["mainClass"]>;
-    mainLabel: InputSignal<DBShellContentProps["mainLabel"]>;
-    _ref: _angular_core.Signal<ElementRef<any> | undefined>;
-    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
-    setupObserver(element: HTMLElement | null): void;
-    constructor();
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    private enableAttributePassing;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBShellContent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBShellContent, "db-shell-content", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "mainId": { "alias": "mainId"; "required": false; "isSignal": true; }; "mainClass": { "alias": "mainClass"; "required": false; "isSignal": true; }; "mainLabel": { "alias": "mainLabel"; "required": false; "isSignal": true; }; }, {}, never, ["[start-slot]", "*", "[end-slot]"], true, never>;
-}
-
-type DBShellSubNavigationDefaultProps = {};
-type DBShellSubNavigationProps = DBShellSubNavigationDefaultProps & GlobalProps & SidebarProps;
-type DBShellSubNavigationDefaultState = {};
-type DBShellSubNavigationState = DBShellSubNavigationDefaultState & GlobalState & ToggleEventState<HTMLButtonElement> & SidebarState;
-
-declare class DBShellSubNavigation implements AfterViewInit, OnDestroy {
-    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
-    protected readonly cls: (...args: ClassNameArg[]) => string;
-    expanded: InputSignal<DBShellSubNavigationProps["expanded"]>;
-    expandButtonTooltip: InputSignal<DBShellSubNavigationProps["expandButtonTooltip"]>;
-    id: InputSignal<DBShellSubNavigationProps["id"]>;
-    propOverrides: InputSignal<DBShellSubNavigationProps["propOverrides"]>;
-    className: InputSignal<DBShellSubNavigationProps["className"]>;
-    _ref: _angular_core.Signal<ElementRef<any> | undefined>;
-    _id: _angular_core.WritableSignal<string | undefined>;
-    _open: _angular_core.WritableSignal<boolean>;
-    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
-    handleToggle(event: any): void;
-    getToggleButtonText(): string | undefined;
-    setupObserver(element: HTMLElement | null): void;
-    constructor();
-    /**
-     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
-     * @param element  the ref for the component
-     * @param customElementSelector  the custom element like `my-component`
-     */
-    private enableAttributePassing;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBShellSubNavigation, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBShellSubNavigation, "db-shell-sub-navigation", never, { "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "expandButtonTooltip": { "alias": "expandButtonTooltip"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
 declare const StackVariantList: readonly ["simple", "divider"];
 type StackVariantType = (typeof StackVariantList)[number];
 declare const StackDirectionList: readonly ["row", "column"];
 type StackDirectionType = (typeof StackDirectionList)[number];
 declare const StackAlignmentList: readonly ["stretch", "start", "end", "center"];
 type StackAlignmentType = (typeof StackAlignmentList)[number];
-declare const StackJustifyContentList: readonly ["space-between", "start", "end", "center"];
+declare const StackJustifyContentList: readonly ["space-between", "start", "center", "end"];
 type StackJustifyContentType = (typeof StackJustifyContentList)[number];
 type DBStackDefaultProps = {
     /**
@@ -4020,11 +3270,12 @@ declare class DBSwitch implements AfterViewInit, ControlValueAccessor, OnDestroy
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBSwitch, "db-switch", never, { "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "visualAid": { "alias": "visualAid"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "iconLeading": { "alias": "iconLeading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconTrailing": { "alias": "iconTrailing"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "change": "change"; "blur": "blur"; "focus": "focus"; "touch": "touch"; }, never, ["*"], true, never>;
 }
 
+/**
+ * DBTabItem is designed to be used exclusively inside a DBTabs container.
+ * The parent DBTabs manages selection state (aria-selected, tabindex) via direct
+ * DOM attribute manipulation. DBTabItem itself is purely presentational.
+ */
 type DBTabItemDefaultProps = {
-    /**
-     * To control the component
-     */
-    checked?: boolean | string;
     /**
      * The disabled attribute can be set to keep a user from clicking on the tab-item.
      */
@@ -4034,52 +3285,58 @@ type DBTabItemDefaultProps = {
      */
     label?: string;
     /**
-     * Define the text next to the icon specified via the icon Property to get hidden.
+     * Set the tabIndex manually (internal use for roving tabindex).
      */
-    noText?: boolean | string;
+    tabIndex?: number | string;
+    /**
+     * Semantic value of this tab item. When set, onIndexChange will emit this value
+     * (via the onValueChange event) instead of only the numeric index.
+     * Useful for form binding (e.g. Angular FormControl, React useState).
+     */
+    value?: string;
 };
-type DBTabItemProps = GlobalProps & DBTabItemDefaultProps & IconProps & IconTrailingProps & IconLeadingProps & ShowIconLeadingProps & ShowIconTrailingProps & ActiveProps & ChangeEventProps<HTMLInputElement> & ShowIconProps & NameProps;
+type DBTabItemProps = DBTabItemDefaultProps & Omit<GlobalProps, 'id' | 'propOverrides'> & IconProps & ShowIconProps & IconTrailingProps & IconLeadingProps & ShowIconTrailingProps & ShowIconLeadingProps & ActiveProps & WidthProps & EndSlotProps;
 type DBTabItemDefaultState = {
-    _selected: boolean;
-    _listenerAdded: boolean;
-    boundSetSelectedOnChange?: (event: any) => void;
-    setSelectedOnChange: (event: any) => void;
-};
-type DBTabItemState = DBTabItemDefaultState & GlobalState & ChangeEventState<HTMLInputElement> & InitializedState & NameState;
-
-declare class DBTabItem implements AfterViewInit, ControlValueAccessor, OnDestroy {
-    private renderer;
+    _resizeObserver: ResizeObserver | null | undefined;
+    _mutationObserver: MutationObserver | null | undefined;
+    _setupRafId: number | null;
+    _unmounted: boolean;
+    isTruncated: boolean;
+    _cleanupTooltipAria: () => void;
+    checkTruncation: () => void;
+    tooltipText: string;
+};
+type DBTabItemState = DBTabItemDefaultState & GlobalState & InitializedState;
+
+declare class DBTabItem implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
-    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
     protected readonly getBoolean: (originBool?: boolean | string, propertyName?: string) => boolean | undefined;
-    active: InputSignal<DBTabItemProps["active"]>;
-    name: InputSignal<DBTabItemProps["name"]>;
-    className: InputSignal<DBTabItemProps["className"]>;
-    id: InputSignal<DBTabItemProps["id"]>;
-    propOverrides: InputSignal<DBTabItemProps["propOverrides"]>;
+    protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
     iconLeading: InputSignal<DBTabItemProps["iconLeading"]>;
     icon: InputSignal<DBTabItemProps["icon"]>;
     iconTrailing: InputSignal<DBTabItemProps["iconTrailing"]>;
+    label: InputSignal<DBTabItemProps["label"]>;
+    className: InputSignal<DBTabItemProps["className"]>;
+    disabled: ModelSignal<DBTabItemProps["disabled"]>;
+    active: InputSignal<DBTabItemProps["active"]>;
+    value: InputSignal<DBTabItemProps["value"]>;
     showIconLeading: InputSignal<DBTabItemProps["showIconLeading"]>;
     showIcon: InputSignal<DBTabItemProps["showIcon"]>;
     showIconTrailing: InputSignal<DBTabItemProps["showIconTrailing"]>;
-    noText: InputSignal<DBTabItemProps["noText"]>;
-    disabled: ModelSignal<DBTabItemProps["disabled"]>;
-    checked: ModelSignal<DBTabItemProps["checked"]>;
-    label: InputSignal<DBTabItemProps["label"]>;
-    change: _angular_core.OutputEmitterRef<void | Event>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
-    _selected: _angular_core.WritableSignal<boolean>;
-    _name: _angular_core.WritableSignal<string | undefined>;
+    _labelRef: _angular_core.Signal<ElementRef<any> | undefined>;
     initialized: _angular_core.WritableSignal<boolean>;
-    _listenerAdded: _angular_core.WritableSignal<boolean>;
-    boundSetSelectedOnChange: _angular_core.WritableSignal<((event: any) => void) | undefined>;
+    isTruncated: _angular_core.WritableSignal<boolean>;
+    tooltipText: _angular_core.WritableSignal<string>;
+    _resizeObserver: _angular_core.WritableSignal<ResizeObserver | null | undefined>;
+    _mutationObserver: _angular_core.WritableSignal<MutationObserver | null | undefined>;
+    _setupRafId: _angular_core.WritableSignal<number | null>;
+    _unmounted: _angular_core.WritableSignal<boolean>;
     observer: _angular_core.WritableSignal<MutationObserver | undefined>;
-    setSelectedOnChange(event: any): void;
-    handleNameAttribute(): void;
-    handleChange(event: any): void;
+    _cleanupTooltipAria(): void;
+    checkTruncation(): void;
     setupObserver(element: HTMLElement | null): void;
-    constructor(renderer: Renderer2);
+    constructor();
     /**
      * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
      * @param element  the ref for the component
@@ -4100,35 +3357,25 @@ declare class DBTabItem implements AfterViewInit, ControlValueAccessor, OnDestro
      * :host([hidden]) { display: none !important }.
      */
     get isHidden(): boolean;
-    /** @legacy CVA - will be removed in a future major version */
-    writeValue(value: any): void;
-    /** @legacy CVA - will be removed in a future major version */
-    propagateChange(_: any): void;
-    /** @legacy CVA - will be removed in a future major version */
-    registerOnChange(onChange: any): void;
-    /** @legacy CVA - will be removed in a future major version */
-    registerOnTouched(onTouched: any): void;
-    /** @legacy CVA - will be removed in a future major version */
-    propagateTouched(): void;
-    /** @legacy CVA - will be removed in a future major version */
-    setDisabledState(disabled: boolean): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTabItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabItem, "db-tab-item", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "iconLeading": { "alias": "iconLeading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconTrailing": { "alias": "iconTrailing"; "required": false; "isSignal": true; }; "showIconLeading": { "alias": "showIconLeading"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "showIconTrailing": { "alias": "showIconTrailing"; "required": false; "isSignal": true; }; "noText": { "alias": "noText"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "checked": "checkedChange"; "change": "change"; "touch": "touch"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabItem, "db-tab-item", never, { "iconLeading": { "alias": "iconLeading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconTrailing": { "alias": "iconTrailing"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "showIconLeading": { "alias": "showIconLeading"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "showIconTrailing": { "alias": "showIconTrailing"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "touch": "touch"; }, never, ["*", "[end-slot]"], true, never>;
 }
 
-type DBTabListDefaultProps = {};
-type DBTabListProps = DBTabListDefaultProps & GlobalProps;
-type DBTabListDefaultState = {};
-type DBTabListState = DBTabListDefaultState;
+type DBTabListProps = GlobalProps & OrientationProps;
+interface DBTabListState extends GlobalState {
+    _id?: string;
+}
 
 declare class DBTabList implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
     id: InputSignal<DBTabListProps["id"]>;
     propOverrides: InputSignal<DBTabListProps["propOverrides"]>;
     className: InputSignal<DBTabListProps["className"]>;
+    orientation: InputSignal<DBTabListProps["orientation"]>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    _id: _angular_core.WritableSignal<string | undefined>;
     observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     setupObserver(element: HTMLElement | null): void;
     constructor();
@@ -4141,7 +3388,7 @@ declare class DBTabList implements AfterViewInit, OnDestroy {
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTabList, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabList, "db-tab-list", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabList, "db-tab-list", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 type DBTabPanelDefaultProps = {
@@ -4149,16 +3396,17 @@ type DBTabPanelDefaultProps = {
      * The content if you don't want to use children.
      */
     content?: string;
+    /**
+     * If the panel is hidden.
+     */
+    hidden?: boolean;
 };
-type DBTabPanelProps = DBTabPanelDefaultProps & GlobalProps;
-type DBTabPanelDefaultState = {};
-type DBTabPanelState = DBTabPanelDefaultState & GlobalState;
+type DBTabPanelProps = DBTabPanelDefaultProps & Omit<GlobalProps, 'id' | 'propOverrides'>;
 
 declare class DBTabPanel implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
     className: InputSignal<DBTabPanelProps["className"]>;
-    id: InputSignal<DBTabPanelProps["id"]>;
-    propOverrides: InputSignal<DBTabPanelProps["propOverrides"]>;
+    hidden: InputSignal<DBTabPanelProps["hidden"]>;
     content: InputSignal<DBTabPanelProps["content"]>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
     observer: _angular_core.WritableSignal<MutationObserver | undefined>;
@@ -4173,7 +3421,7 @@ declare class DBTabPanel implements AfterViewInit, OnDestroy {
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTabPanel, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabPanel, "db-tab-panel", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabPanel, "db-tab-panel", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 type DBTableDataCellDefaultProps = {};
@@ -4573,12 +3821,28 @@ declare class DBTableRow implements AfterViewInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTableRow, "db-table-row", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "subHeaderEmphasis": { "alias": "subHeaderEmphasis"; "required": false; "isSignal": true; }; "cells": { "alias": "cells"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+type TabItemAlignmentType = AlignmentType;
+type TabItemAlignmentProps = {
+    /**
+     * Define the tab-item alignment in full width
+     */
+    tabItemAlignment?: TabItemAlignmentType | string;
+};
 declare const TabsBehaviorList: readonly ["scrollbar", "arrows"];
 type TabsBehaviorType = (typeof TabsBehaviorList)[number];
 declare const TabsInitialSelectedModeList: readonly ["auto", "manually"];
 type TabsInitialSelectedModeType = (typeof TabsInitialSelectedModeList)[number];
-type DBSimpleTabProps = DBTabItemProps & DBTabPanelProps;
+type DBSimpleTabProps = DBTabItemProps & DBTabPanelProps & {
+    /**
+     * Accessible label for icon-only tabs (rendered as aria-label on the tab button).
+     */
+    ariaLabel?: string;
+};
 type DBTabsDefaultProps = {
+    /**
+     * Change amount of distance if you click on an arrow, only available with behavior="arrows"
+     */
+    arrowScrollDistance?: number | string;
     /**
      * Show a scrollbar or buttons with arrows to navigate for horizontal tabs with overflow visible
      */
@@ -4587,83 +3851,172 @@ type DBTabsDefaultProps = {
      * Default behavior is auto selecting the first tab, change selected tab by index
      */
     initialSelectedIndex?: number | string;
+    /**
+     * Controlled active tab index. When set, the component becomes controlled:
+     * the consumer is responsible for updating this value in the onIndexChange handler.
+     * Takes precedence over initialSelectedIndex after mount.
+     */
+    activeIndex?: number | string;
     /**
      * Default behavior is auto selecting the first tab, disable it with 'manually'
      */
     initialSelectedMode?: TabsInitialSelectedModeType;
     /**
-     * The name of the tab bar, is required for grouping multiple tabs together. Will overwrite names from children.
+     * Accessible label for the tab bar (used as aria-label on the tablist).
      */
-    name?: string;
+    label?: string;
     /**
      * Provide simple tabs with label + text as content
      */
     tabs?: DBSimpleTabProps[] | string;
+    /**
+     * Width of the tab-items. Auto width based on tab-item size, full width based on parent elements width.
+     */
+    tabItemWidth?: WidthType | string;
+    /**
+     * Accessible label for the "scroll towards start" button (i18n). Only used with behavior="arrows".
+     */
+    scrollStartLabel?: string;
+    /**
+     * Accessible label for the "scroll towards end" button (i18n). Only used with behavior="arrows".
+     */
+    scrollEndLabel?: string;
 };
 type DBTabsEventProps = {
     /**
      * Informs the user if the current tab index has changed.
      */
-    indexChange?: (index?: number) => void;
+    indexChange?: (index: number) => void;
     /**
      * Informs the user if the current tab index has changed.
      */
-    onIndexChange?: (index?: number) => void;
+    onIndexChange?: (index: number) => void;
     /**
-     * Informs the user if another tab has been selected.
+     * Fires when the active tab changes and a `value` prop is set on the tab items.
+     * Payload is the `value` string of the newly active tab item, or undefined
+     * if the tab item has no `value` prop set.
+     * Use this for form binding (e.g. Angular FormControl, React controlled state).
      */
-    onTabSelect?: (event?: InputEvent<HTMLElement>) => void;
+    valueChange?: (value?: string) => void;
     /**
-     * Informs the user if another tab has been selected.
+     * Fires when the active tab changes and a `value` prop is set on the tab items.
+     * Payload is the `value` string of the newly active tab item, or undefined
+     * if the tab item has no `value` prop set.
+     * Use this for form binding (e.g. Angular FormControl, React controlled state).
      */
-    tabSelect?: (event?: InputEvent<HTMLElement>) => void;
+    onValueChange?: (value?: string) => void;
 };
-type DBTabsProps = DBTabsDefaultProps & GlobalProps & OrientationProps & WidthProps & AlignmentProps & OverflowScrollButtonProps & DBTabsEventProps;
+type DBTabsProps = DBTabsDefaultProps & GlobalProps & OrientationProps & TabItemAlignmentProps & DBTabsEventProps;
 type DBTabsDefaultState = {
-    _name: string;
-    scrollContainer?: Element | null;
-    convertTabs: () => DBSimpleTabProps[];
+    _id?: string;
+    _appliedLabel?: string;
+    resetIds: () => void;
+    _getScrollContainer: () => Element | null;
+    scroll: (toStart?: boolean) => void;
+    showScrollStart?: boolean;
+    showScrollEnd?: boolean;
+    _isRtl: () => boolean;
+    evaluateScrollButtons: (tabList: Element) => void;
+    getTabs: () => DBSimpleTabProps[];
+    getInitialIndex: () => number;
+    getRenderIndex: () => number;
+    getRenderFocusIndex: () => number;
+    getActiveChildIndex: () => number;
+    shouldUseActiveChild: (hashApplied: boolean) => boolean;
+    moveRovingTabindex: (focusIndex: number) => void;
+    _isOwnedPanel: (panel: HTMLElement) => boolean;
     initTabList: () => void;
-    initTabs: (init?: boolean) => void;
-    handleChange: (event: InputEvent<HTMLElement>) => void;
-    _resizeObserverCallbackId?: string;
-};
-type DBTabsState = DBTabsDefaultState & InitializedState & OverflowScrollButtonState;
+    _teardownScrollHandlers: () => void;
+    _resolveHashIndex: () => {
+        startIndex: number;
+        hashApplied: boolean;
+    };
+    _setupObserver: () => void;
+    initTabs: () => void;
+    syncSelection: (activeIndex?: number) => void;
+    _tabButtons: HTMLElement[];
+    _tabPanels: HTMLElement[];
+    _resizeObserver?: ResizeObserver | null;
+    _observer?: MutationObserver | null;
+    _pendingRafId: number | null;
+    _scrollListener: {
+        fn: () => void;
+    } | null;
+    _focusgroupSupported: boolean;
+    _activeIndex: number;
+    activateTab: (index: number) => void;
+    getTabId: (index: number | string) => string | undefined;
+    getPanelId: (index: number | string) => string | undefined;
+    getBaseId: () => string | undefined;
+    handleClick: (event: any) => void;
+    handleKeyDown: (event: any) => void;
+};
+type DBTabsState = DBTabsDefaultState & InitializedState;
 
 declare class DBTabs implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
-    protected readonly DEFAULT_SCROLL_LEFT: string;
-    protected readonly DEFAULT_SCROLL_RIGHT: string;
-    name: InputSignal<DBTabsProps["name"]>;
     tabs: InputSignal<DBTabsProps["tabs"]>;
-    arrowScrollDistance: InputSignal<DBTabsProps["arrowScrollDistance"]>;
+    id: InputSignal<DBTabsProps["id"]>;
+    propOverrides: InputSignal<DBTabsProps["propOverrides"]>;
     orientation: InputSignal<DBTabsProps["orientation"]>;
+    label: InputSignal<DBTabsProps["label"]>;
     behavior: InputSignal<DBTabsProps["behavior"]>;
-    initialSelectedMode: InputSignal<DBTabsProps["initialSelectedMode"]>;
+    activeIndex: InputSignal<DBTabsProps["activeIndex"]>;
     initialSelectedIndex: InputSignal<DBTabsProps["initialSelectedIndex"]>;
-    id: InputSignal<DBTabsProps["id"]>;
-    propOverrides: InputSignal<DBTabsProps["propOverrides"]>;
+    initialSelectedMode: InputSignal<DBTabsProps["initialSelectedMode"]>;
+    arrowScrollDistance: InputSignal<DBTabsProps["arrowScrollDistance"]>;
     className: InputSignal<DBTabsProps["className"]>;
-    alignment: InputSignal<DBTabsProps["alignment"]>;
-    width: InputSignal<DBTabsProps["width"]>;
-    scrollLeftText: InputSignal<DBTabsProps["scrollLeftText"]>;
-    scrollRightText: InputSignal<DBTabsProps["scrollRightText"]>;
-    indexChange: _angular_core.OutputEmitterRef<number | void | undefined>;
-    tabSelect: _angular_core.OutputEmitterRef<void | Event | undefined>;
+    tabItemAlignment: InputSignal<DBTabsProps["tabItemAlignment"]>;
+    tabItemWidth: InputSignal<DBTabsProps["tabItemWidth"]>;
+    scrollStartLabel: InputSignal<DBTabsProps["scrollStartLabel"]>;
+    scrollEndLabel: InputSignal<DBTabsProps["scrollEndLabel"]>;
+    indexChange: _angular_core.OutputEmitterRef<number | void>;
+    valueChange: _angular_core.OutputEmitterRef<string | void | undefined>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
-    _name: _angular_core.WritableSignal<string>;
+    _activeIndex: _angular_core.WritableSignal<number>;
     initialized: _angular_core.WritableSignal<boolean>;
-    showScrollLeft: _angular_core.WritableSignal<boolean | undefined>;
-    showScrollRight: _angular_core.WritableSignal<boolean | undefined>;
-    scrollContainer: _angular_core.WritableSignal<Element | null | undefined>;
-    _resizeObserverCallbackId: _angular_core.WritableSignal<string | undefined>;
+    showScrollStart: _angular_core.WritableSignal<boolean | undefined>;
+    showScrollEnd: _angular_core.WritableSignal<boolean | undefined>;
+    _resizeObserver: _angular_core.WritableSignal<ResizeObserver | null | undefined>;
+    _observer: _angular_core.WritableSignal<MutationObserver | null | undefined>;
+    _pendingRafId: _angular_core.WritableSignal<number | null>;
+    _scrollListener: _angular_core.WritableSignal<{
+        fn: () => void;
+    } | null>;
+    _focusgroupSupported: _angular_core.WritableSignal<boolean>;
+    _tabButtons: _angular_core.WritableSignal<HTMLElement[]>;
+    _tabPanels: _angular_core.WritableSignal<HTMLElement[]>;
+    _id: _angular_core.WritableSignal<string | undefined>;
+    _appliedLabel: _angular_core.WritableSignal<string | undefined>;
     observer: _angular_core.WritableSignal<MutationObserver | undefined>;
-    convertTabs(): any;
+    resetIds(): void;
+    getTabId(index: number | string): string | undefined;
+    getPanelId(index: number | string): string | undefined;
+    getBaseId(): string | undefined;
+    activateTab(index: number): void;
+    syncSelection(activeIndex?: number): void;
+    handleClick(event: any): void;
+    handleKeyDown(event: any): void;
+    moveRovingTabindex(focusIndex: number): void;
+    getTabs(): any;
+    getRenderIndex(): any;
+    getRenderFocusIndex(): any;
+    getInitialIndex(): any;
+    getActiveChildIndex(): number;
+    shouldUseActiveChild(hashApplied: boolean): boolean;
+    _getScrollContainer(): any;
+    _isRtl(): boolean;
     evaluateScrollButtons(tList: Element): void;
-    scroll(left?: boolean): void;
+    scroll(toStart?: boolean): void;
     initTabList(): void;
-    initTabs(init?: boolean): void;
-    handleChange(event: InputEvent<HTMLElement>): void;
+    _teardownScrollHandlers(): void;
+    _isOwnedPanel(panel: HTMLElement): boolean;
+    _resolveHashIndex(): {
+        startIndex: any;
+        hashApplied: boolean;
+    };
+    _setupObserver(): void;
+    initTabs(): void;
     setupObserver(element: HTMLElement | null): void;
     trackByTab0(index: number, tab: any): string;
     trackByTab1(index: number, tab: any): string;
@@ -4677,7 +4030,7 @@ declare class DBTabs implements AfterViewInit, OnDestroy {
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTabs, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabs, "db-tabs", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "arrowScrollDistance": { "alias": "arrowScrollDistance"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "behavior": { "alias": "behavior"; "required": false; "isSignal": true; }; "initialSelectedMode": { "alias": "initialSelectedMode"; "required": false; "isSignal": true; }; "initialSelectedIndex": { "alias": "initialSelectedIndex"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "alignment": { "alias": "alignment"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "scrollLeftText": { "alias": "scrollLeftText"; "required": false; "isSignal": true; }; "scrollRightText": { "alias": "scrollRightText"; "required": false; "isSignal": true; }; }, { "indexChange": "indexChange"; "tabSelect": "tabSelect"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTabs, "db-tabs", never, { "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "behavior": { "alias": "behavior"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "initialSelectedIndex": { "alias": "initialSelectedIndex"; "required": false; "isSignal": true; }; "initialSelectedMode": { "alias": "initialSelectedMode"; "required": false; "isSignal": true; }; "arrowScrollDistance": { "alias": "arrowScrollDistance"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "tabItemAlignment": { "alias": "tabItemAlignment"; "required": false; "isSignal": true; }; "tabItemWidth": { "alias": "tabItemWidth"; "required": false; "isSignal": true; }; "scrollStartLabel": { "alias": "scrollStartLabel"; "required": false; "isSignal": true; }; "scrollEndLabel": { "alias": "scrollEndLabel"; "required": false; "isSignal": true; }; }, { "indexChange": "indexChange"; "valueChange": "valueChange"; }, never, ["*"], true, never>;
 }
 
 declare const TagBehaviorList: readonly ["static", "removable"];
@@ -5001,15 +4354,12 @@ declare const DEFAULT_INVALID_MESSAGE: string;
 declare const DEFAULT_REMOVE: string;
 declare const DEFAULT_BACK: string;
 declare const DEFAULT_SELECTED: string;
-declare const DEFAULT_EXPAND: string;
-declare const DEFAULT_COLLAPSE: string;
 declare const DEFAULT_SCROLL_LEFT: string;
 declare const DEFAULT_SCROLL_RIGHT: string;
-declare const DEFAULT_ICON: string;
 declare const DEFAULT_BURGER_MENU: string;
+declare const DEFAULT_ICON: string;
 declare const DEFAULT_ROWS: number;
 declare const DEFAULT_CLOSE_BUTTON: string;
-declare const MAIN_CONTENT_ID: string;
 declare const DENSITY_CONST: string;
 declare const COLOR_CONST: string;
 declare enum DENSITY {
@@ -5056,7 +4406,6 @@ declare enum COLOR {
 declare const COLORS: COLOR[];
 declare const COLORS_SIMPLE: COLOR_SIMPLE[];
 declare enum SEMANTIC {
-    NEUTRAL = "neutral",
     CRITICAL = "critical",
     INFORMATIONAL = "informational",
     WARNING = "warning",
@@ -5162,5 +4511,5 @@ interface DBDataOutsidePair {
 }
 declare const handleDataOutside: (el: HTMLElement) => DBDataOutsidePair;
 
-export { AccordionVariantList, AlignmentList, AutoCompleteList, BadgePlacementList, ButtonTypeList, ButtonVariantList, COLOR, COLORS, COLORS_SIMPLE, COLOR_CONST, COLOR_SIMPLE, CardBehaviorList, CardElevationLevelList, CollapsibleBehaviorList, CustomSelectDropdownWidthList, CustomSelectListItemTypeList, DBAccordion, DBAccordionItem, DBBadge, DBBrand, DBButton, DBCard, DBCheckbox, DBControlPanelBrand, DBControlPanelDesktop, DBControlPanelFlatIcon, DBControlPanelMeta, DBControlPanelMobile, DBControlPanelNavigation, DBControlPanelNavigationItem, DBControlPanelNavigationItemGroup, DBControlPanelPrimaryActions, DBControlPanelSecondaryActions, DBControlPanelSkipNavigation, DBCustomButton, DBCustomSelect, DBCustomSelectDropdown, DBCustomSelectFormField, DBCustomSelectList, DBCustomSelectListItem, DBDivider, DBDrawer, DBDrawerFooter, DBDrawerHeader, DBHeader, DBIcon, DBInfotext, DBInput, DBLink, DBNavigation, DBNavigationItem, DBNotification, DBPage, DBPopover, DBRadio, DBSection, DBSelect, DBShell, DBShellContent, DBShellSubNavigation, DBStack, DBSwitch, DBTabItem, DBTabList, DBTabPanel, DBTable, DBTableBody, DBTableCaption, DBTableColumnsSizeList, DBTableDataCell, DBTableDividerList, DBTableFooter, DBTableHead, DBTableHeaderCell, DBTableHeaderCellScopeList, DBTableMobileVariantList, DBTableRow, DBTableRowSizeList, DBTableRowSubHeaderEmphasisList, DBTableStickyHeaderList, DBTableVariantList, DBTabs, DBTag, DBTextarea, DBTooltip, DB_UX_LOCAL_STORAGE_FRAMEWORK, DB_UX_LOCAL_STORAGE_MODE, DEFAULT_BACK, DEFAULT_BURGER_MENU, DEFAULT_CLOSE_BUTTON, DEFAULT_COLLAPSE, DEFAULT_DATALIST_ID_SUFFIX, DEFAULT_EXPAND, DEFAULT_ICON, DEFAULT_ID, DEFAULT_INVALID_MESSAGE, DEFAULT_INVALID_MESSAGE_ID_SUFFIX, DEFAULT_LABEL, DEFAULT_LABEL_ID_SUFFIX, DEFAULT_MESSAGE, DEFAULT_MESSAGE_ID_SUFFIX, DEFAULT_PLACEHOLDER, DEFAULT_PLACEHOLDER_ID_SUFFIX, DEFAULT_REMOVE, DEFAULT_ROWS, DEFAULT_SCROLL_LEFT, DEFAULT_SCROLL_RIGHT, DEFAULT_SELECTED, DEFAULT_SELECT_ID_SUFFIX, DEFAULT_VALID_MESSAGE, DEFAULT_VALID_MESSAGE_ID_SUFFIX, DEFAULT_VIEWPORT, DENSITIES, DENSITY, DENSITY_CONST, DESKTOP_VIEWPORT, DividerMarginList, DividerVariantList, DocumentClickListener, DocumentScrollListener, DrawerBackdropList, DrawerContainerSizeList, DrawerDirectionList, DrawerPositionList, DrawerVariantList, EmphasisList, FieldSizingList, GapSpacingList, IconWeightList, InputTypeList, LabelVariantHorizontalList, LabelVariantList, LinkContentList, LinkReferrerPolicyList, LinkSizeList, LinkTargetList, LinkVariantList, MAIN_CONTENT_ID, MarginList, MaxWidthList, MetaNavigationDirective, NavigationContentDirective, NavigationDirective, NavigationItemGroupVariantList, NavigationItemSafeTriangle, NotificationAriaLiveList, NotificationLinkVariantList, NotificationVariantList, OrientationList, PageDocumentOverflowList, PageVariantList, PlacementHorizontalList, PlacementList, PlacementVerticalList, PopoverDelayList, PopoverWidthList, SEMANTIC, SEMANTICS, SecondaryActionDirective, SelectedTypeList, SemanticList, ShellContentVariantList, ShellControlPanelDesktopPosition, ShellControlPanelMobilePosition, ShellSubNavigationMobilePosition, SizeList, SpacingList, StackAlignmentList, StackDirectionList, StackJustifyContentList, StackVariantList, TESTING_VIEWPORTS, TabsBehaviorList, TabsInitialSelectedModeList, TagBehaviorList, TextareaResizeList, TextareaWrapList, TooltipVariantList, ValidationList, WidthList, addAttributeToChildren, adjustNestedSubNavigationPosition, cls, delay, getBoolean, getBooleanAsString, getFloatingProps, getHideProp, getInputValue, getNotificationRole, getNumber, getOptionKey, getSearchInput, getStep, handleDataOutside, handleFixedDropdown, handleFixedPopover, handleSubNavigationPosition, hasCssFlag, hasVoiceOver, isArrayOfStrings, isEventTargetNavigationItem, isIOSSafari, isKeyboardEvent, stringPropVisible, uuid };
-export type { AccordionVariantType, ActiveProps, AlignmentProps, AlignmentType, AutoCompleteType, BadgePlacementType, BaseFormProps, ButtonTypeType, ButtonVariantType, CardBehaviorType, CardElevationLevelType, ChangeEvent, ChangeEventProps, ChangeEventState, ClassNameArg, ClickEvent, ClickEventProps, ClickEventState, CloseEventProps, CloseEventState, CollapsibleBehaviorProps, CollapsibleBehaviorType, ContainerWidthProps, ContentSlotProps, ControlPanelProps, CustomFormProps, CustomSelectDropdownWidthType, CustomSelectListItemTypeType, CustomSelectOptionType, DBAccordionDefaultProps, DBAccordionDefaultState, DBAccordionItemDefaultProps, DBAccordionItemDefaultState, DBAccordionItemProps, DBAccordionItemState, DBAccordionProps, DBAccordionState, DBBadgeDefaultProps, DBBadgeDefaultState, DBBadgeProps, DBBadgeState, DBBrandDefaultProps, DBBrandDefaultState, DBBrandProps, DBBrandState, DBButtonDefaultProps, DBButtonDefaultState, DBButtonProps, DBButtonSharedProps, DBButtonState, DBCardDefaultProps, DBCardDefaultState, DBCardProps, DBCardState, DBCheckboxDefaultProps, DBCheckboxDefaultState, DBCheckboxProps, DBCheckboxState, DBControlPanelBrandDefaultProps, DBControlPanelBrandDefaultState, DBControlPanelBrandProps, DBControlPanelBrandState, DBControlPanelDesktopDefaultProps, DBControlPanelDesktopDefaultState, DBControlPanelDesktopProps, DBControlPanelDesktopState, DBControlPanelFlatIconDefaultProps, DBControlPanelFlatIconDefaultState, DBControlPanelFlatIconProps, DBControlPanelFlatIconState, DBControlPanelMetaDefaultProps, DBControlPanelMetaDefaultState, DBControlPanelMetaProps, DBControlPanelMetaState, DBControlPanelMobileDefaultProps, DBControlPanelMobileDefaultState, DBControlPanelMobileProps, DBControlPanelMobileState, DBControlPanelNavigationDefaultProps, DBControlPanelNavigationDefaultState, DBControlPanelNavigationItemDefaultProps, DBControlPanelNavigationItemDefaultState, DBControlPanelNavigationItemGroupDefaultProps, DBControlPanelNavigationItemGroupDefaultState, DBControlPanelNavigationItemGroupProps, DBControlPanelNavigationItemGroupState, DBControlPanelNavigationItemProps, DBControlPanelNavigationItemState, DBControlPanelNavigationProps, DBControlPanelNavigationState, DBControlPanelPrimaryActionsDefaultProps, DBControlPanelPrimaryActionsDefaultState, DBControlPanelPrimaryActionsProps, DBControlPanelPrimaryActionsState, DBControlPanelSecondaryActionsDefaultProps, DBControlPanelSecondaryActionsDefaultState, DBControlPanelSecondaryActionsProps, DBControlPanelSecondaryActionsState, DBControlPanelSkipNavigationDefaultProps, DBControlPanelSkipNavigationDefaultState, DBControlPanelSkipNavigationProps, DBControlPanelSkipNavigationState, DBCustomButtonDefaultProps, DBCustomButtonDefaultState, DBCustomButtonProps, DBCustomButtonState, DBCustomSelectDefaultProps, DBCustomSelectDefaultState, DBCustomSelectDropdownDefaultProps, DBCustomSelectDropdownDefaultState, DBCustomSelectDropdownProps, DBCustomSelectDropdownState, DBCustomSelectEvents, DBCustomSelectFormFieldDefaultProps, DBCustomSelectFormFieldDefaultState, DBCustomSelectFormFieldProps, DBCustomSelectFormFieldState, DBCustomSelectListDefaultProps, DBCustomSelectListDefaultState, DBCustomSelectListItemDefaultProps, DBCustomSelectListItemDefaultState, DBCustomSelectListItemExtraProps, DBCustomSelectListItemProps, DBCustomSelectListItemState, DBCustomSelectListProps, DBCustomSelectListState, DBCustomSelectProps, DBCustomSelectState, DBDataOutsidePair, DBDividerDefaultProps, DBDividerDefaultState, DBDividerProps, DBDividerState, DBDrawerDefaultProps, DBDrawerDefaultState, DBDrawerFooterDefaultProps, DBDrawerFooterDefaultState, DBDrawerFooterProps, DBDrawerFooterState, DBDrawerHeaderDefaultProps, DBDrawerHeaderDefaultState, DBDrawerHeaderProps, DBDrawerHeaderState, DBDrawerProps, DBDrawerState, DBHeaderDefaultProps, DBHeaderDefaultState, DBHeaderProps, DBHeaderState, DBIconDefaultProps, DBIconDefaultState, DBIconProps, DBIconState, DBInfotextDefaultProps, DBInfotextDefaultState, DBInfotextProps, DBInfotextState, DBInputDefaultProps, DBInputDefaultState, DBInputProps, DBInputState, DBLinkDefaultProps, DBLinkDefaultState, DBLinkProps, DBLinkState, DBNavigationDefaultProps, DBNavigationDefaultState, DBNavigationItemDefaultProps, DBNavigationItemDefaultState, DBNavigationItemProps, DBNavigationItemState, DBNavigationProps, DBNavigationState, DBNotificationDefaultProps, DBNotificationDefaultState, DBNotificationProps, DBNotificationState, DBPageDefaultProps, DBPageDefaultState, DBPageProps, DBPageState, DBPopoverDefaultProps, DBPopoverDefaultState, DBPopoverProps, DBPopoverState, DBRadioDefaultProps, DBRadioDefaultState, DBRadioProps, DBRadioState, DBSectionDefaultProps, DBSectionProps, DBSelectDefaultProps, DBSelectDefaultState, DBSelectOptionType, DBSelectProps, DBSelectState, DBShellContentDefaultProps, DBShellContentDefaultState, DBShellContentProps, DBShellContentState, DBShellDefaultProps, DBShellDefaultState, DBShellProps, DBShellState, DBShellSubNavigationDefaultProps, DBShellSubNavigationDefaultState, DBShellSubNavigationProps, DBShellSubNavigationState, DBSimpleTabProps, DBStackDefaultProps, DBStackDefaultState, DBStackProps, DBStackState, DBSwitchDefaultProps, DBSwitchDefaultState, DBSwitchProps, DBSwitchState, DBTabItemDefaultProps, DBTabItemDefaultState, DBTabItemProps, DBTabItemState, DBTabListDefaultProps, DBTabListDefaultState, DBTabListProps, DBTabListState, DBTabPanelDefaultProps, DBTabPanelDefaultState, DBTabPanelProps, DBTabPanelState, DBTableBodyDefaultProps, DBTableBodyDefaultState, DBTableBodyProps, DBTableBodyState, DBTableCaptionDefaultProps, DBTableCaptionDefaultState, DBTableCaptionProps, DBTableCaptionState, DBTableCellProps, DBTableColumnsSizeType, DBTableData, DBTableDataCellDefaultProps, DBTableDataCellDefaultState, DBTableDataCellProps, DBTableDataCellState, DBTableDefaultProps, DBTableDefaultState, DBTableDividerType, DBTableFooterDefaultProps, DBTableFooterDefaultState, DBTableFooterProps, DBTableFooterState, DBTableHeadDefaultProps, DBTableHeadDefaultState, DBTableHeadProps, DBTableHeadState, DBTableHeaderCellDefaultProps, DBTableHeaderCellDefaultState, DBTableHeaderCellProps, DBTableHeaderCellScopeType, DBTableHeaderCellState, DBTableMobileVariantType, DBTableProps, DBTableRowCell, DBTableRowDefaultProps, DBTableRowDefaultState, DBTableRowProps, DBTableRowSizeType, DBTableRowState, DBTableRowSubHeaderEmphasisType, DBTableState, DBTableStickyHeaderType, DBTableVariantType, DBTabsDefaultProps, DBTabsDefaultState, DBTabsEventProps, DBTabsProps, DBTabsState, DBTagDefaultProps, DBTagDefaultState, DBTagEventsProps, DBTagProps, DBTagState, DBTextareaDefaultProps, DBTextareaDefaultState, DBTextareaProps, DBTextareaState, DBTooltipDefaultProps, DBTooltipDefaultState, DBTooltipProps, DBTooltipState, DisabledProps, DividerMarginType, DividerVariantType, DocumentScrollState, DrawerBackdropType, DrawerContainerSizeType, DrawerDirectionType, DrawerPositionType, DrawerVariantType, EmphasisProps, EmphasisType, EndSlotProps, FieldSizingType, FocusEventProps, FocusEventState, FormCheckProps, FormMessageProps, FormProps, FormSizeProps, FormState, FormTextProps, FromValidState, GapProps, GapSpacingProps, GapSpacingType, GeneralEvent, GeneralKeyboardEvent, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, IconWeightType, InitializedState, InnerCloseButtonProps, InputEvent, InputEventProps, InputEventState, InputTypeType, InteractionEvent, LabelVariantHorizontalType, LabelVariantType, LinkContentType, LinkProps, LinkReferrerPolicyType, LinkSizeType, LinkTargetType, LinkVariantType, MarginProps, MarginType, MaxWidthType, NameProps, NameState, NavigationBackButtonProps, NavigationBehaviorState, NavigationItemGroupVariant, NavigationItemGroupVariantType, NoTextProps, NotificationAriaLiveType, NotificationLinkVariantType, NotificationVariantType, OrientationProps, OrientationType, OverflowProps, OverflowScrollButtonProps, OverflowScrollButtonState, PageDocumentOverflowType, PageVariantType, PatternhubProps, PlacementHorizontalType, PlacementProps, PlacementType, PlacementVerticalType, PopoverDelayType, PopoverProps, PopoverState, PopoverWidthType, PropOverridesType, RequiredProps, ResetIdState, RoleProps, SelectedTypeType, SemanticProps, SemanticType, ShellContentVariantType, ShellControlPanelDesktopPositionType, ShellControlPanelMobilePositionType, ShellSubNavigationMobilePositionType, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, ShowLabelProps, SidebarProps, SidebarState, SizeProps, SizeType, SpacingProps, SpacingType, StackAlignmentType, StackDirectionType, StackJustifyContentType, StackVariantType, StartSlotProps, TabsBehaviorType, TabsInitialSelectedModeType, TagBehaviorType, TextProps, TextareaResizeType, TextareaWrapType, ToggleEventProps, ToggleEventState, TooltipVariantType, TriangleData, ValidationType, ValueLabelType, ValueProps, WidthProps, WidthType, WrapProps };
+export { AccordionBehaviorList, AccordionVariantList, AlignmentList, AutoCompleteList, BadgePlacementList, ButtonTypeList, ButtonVariantList, COLOR, COLORS, COLORS_SIMPLE, COLOR_CONST, COLOR_SIMPLE, CardBehaviorList, CardElevationLevelList, CustomSelectDropdownWidthList, CustomSelectListItemTypeList, DBAccordion, DBAccordionItem, DBBadge, DBBrand, DBButton, DBCard, DBCheckbox, DBCustomButton, DBCustomSelect, DBCustomSelectDropdown, DBCustomSelectFormField, DBCustomSelectList, DBCustomSelectListItem, DBDivider, DBDrawer, DBDrawerFooter, DBDrawerHeader, DBHeader, DBIcon, DBInfotext, DBInput, DBLink, DBNavigation, DBNavigationItem, DBNotification, DBPage, DBPopover, DBRadio, DBSection, DBSelect, DBStack, DBSwitch, DBTabItem, DBTabList, DBTabPanel, DBTable, DBTableBody, DBTableCaption, DBTableColumnsSizeList, DBTableDataCell, DBTableDividerList, DBTableFooter, DBTableHead, DBTableHeaderCell, DBTableHeaderCellScopeList, DBTableMobileVariantList, DBTableRow, DBTableRowSizeList, DBTableRowSubHeaderEmphasisList, DBTableStickyHeaderList, DBTableVariantList, DBTabs, DBTag, DBTextarea, DBTooltip, DB_UX_LOCAL_STORAGE_FRAMEWORK, DB_UX_LOCAL_STORAGE_MODE, DEFAULT_BACK, DEFAULT_BURGER_MENU, DEFAULT_CLOSE_BUTTON, DEFAULT_DATALIST_ID_SUFFIX, DEFAULT_ICON, DEFAULT_ID, DEFAULT_INVALID_MESSAGE, DEFAULT_INVALID_MESSAGE_ID_SUFFIX, DEFAULT_LABEL, DEFAULT_LABEL_ID_SUFFIX, DEFAULT_MESSAGE, DEFAULT_MESSAGE_ID_SUFFIX, DEFAULT_PLACEHOLDER, DEFAULT_PLACEHOLDER_ID_SUFFIX, DEFAULT_REMOVE, DEFAULT_ROWS, DEFAULT_SCROLL_LEFT, DEFAULT_SCROLL_RIGHT, DEFAULT_SELECTED, DEFAULT_SELECT_ID_SUFFIX, DEFAULT_VALID_MESSAGE, DEFAULT_VALID_MESSAGE_ID_SUFFIX, DEFAULT_VIEWPORT, DENSITIES, DENSITY, DENSITY_CONST, DESKTOP_VIEWPORT, DividerMarginList, DividerVariantList, DocumentClickListener, DocumentScrollListener, DrawerBackdropList, DrawerContainerSizeList, DrawerDirectionList, DrawerPositionList, DrawerVariantList, EmphasisList, FieldSizingList, GapSpacingList, IconWeightList, InputTypeList, LabelVariantHorizontalList, LabelVariantList, LinkContentList, LinkReferrerPolicyList, LinkSizeList, LinkTargetList, LinkVariantList, MarginList, MaxWidthList, MetaNavigationDirective, NAVIGATION_KEYS, NavigationContentDirective, NavigationDirective, NavigationItemSafeTriangle, NotificationAriaLiveList, NotificationLinkVariantList, NotificationVariantList, OrientationList, PageDocumentOverflowList, PageVariantList, PlacementHorizontalList, PlacementList, PlacementVerticalList, PopoverDelayList, PopoverWidthList, SEMANTIC, SEMANTICS, SecondaryActionDirective, SelectedTypeList, SemanticList, SizeList, SpacingList, StackAlignmentList, StackDirectionList, StackJustifyContentList, StackVariantList, TESTING_VIEWPORTS, TabsBehaviorList, TabsInitialSelectedModeList, TagBehaviorList, TextareaResizeList, TextareaWrapList, TooltipVariantList, ValidationList, WidthList, addAttributeToChildren, cls, delay, getBoolean, getBooleanAsString, getFloatingProps, getHideProp, getInputValue, getNotificationRole, getNumber, getOptionKey, getSearchInput, getStep, handleDataOutside, handleFixedDropdown, handleFixedPopover, hasFocusgroupSupport, hasVoiceOver, isArrayOfStrings, isEventTargetNavigationItem, isIOSSafari, isKeyboardEvent, stringPropVisible, uuid };
+export type { AccordionBehaviorType, AccordionVariantType, ActiveProps, AlignmentProps, AlignmentType, AriaControlsProps, AutoCompleteType, BadgePlacementType, BaseFormProps, ButtonTypeType, ButtonVariantType, CardBehaviorType, CardElevationLevelType, ChangeEvent, ChangeEventProps, ChangeEventState, ClassNameArg, ClickEvent, ClickEventProps, ClickEventState, CloseEventProps, CloseEventState, ContainerWidthProps, ContentSlotProps, CustomFormProps, CustomSelectDropdownWidthType, CustomSelectListItemTypeType, CustomSelectOptionType, DBAccordionDefaultProps, DBAccordionDefaultState, DBAccordionItemDefaultProps, DBAccordionItemDefaultState, DBAccordionItemProps, DBAccordionItemState, DBAccordionProps, DBAccordionState, DBBadgeDefaultProps, DBBadgeDefaultState, DBBadgeProps, DBBadgeState, DBBrandDefaultProps, DBBrandDefaultState, DBBrandProps, DBBrandState, DBButtonDefaultProps, DBButtonDefaultState, DBButtonProps, DBButtonSharedProps, DBButtonState, DBCardDefaultProps, DBCardDefaultState, DBCardProps, DBCardState, DBCheckboxDefaultProps, DBCheckboxDefaultState, DBCheckboxProps, DBCheckboxState, DBCustomButtonDefaultProps, DBCustomButtonDefaultState, DBCustomButtonProps, DBCustomButtonState, DBCustomSelectDefaultProps, DBCustomSelectDefaultState, DBCustomSelectDropdownDefaultProps, DBCustomSelectDropdownDefaultState, DBCustomSelectDropdownProps, DBCustomSelectDropdownState, DBCustomSelectEvents, DBCustomSelectFormFieldDefaultProps, DBCustomSelectFormFieldDefaultState, DBCustomSelectFormFieldProps, DBCustomSelectFormFieldState, DBCustomSelectListDefaultProps, DBCustomSelectListDefaultState, DBCustomSelectListItemDefaultProps, DBCustomSelectListItemDefaultState, DBCustomSelectListItemExtraProps, DBCustomSelectListItemProps, DBCustomSelectListItemState, DBCustomSelectListProps, DBCustomSelectListState, DBCustomSelectProps, DBCustomSelectState, DBDataOutsidePair, DBDividerDefaultProps, DBDividerDefaultState, DBDividerProps, DBDividerState, DBDrawerDefaultProps, DBDrawerDefaultState, DBDrawerFooterDefaultProps, DBDrawerFooterDefaultState, DBDrawerFooterProps, DBDrawerFooterState, DBDrawerHeaderDefaultProps, DBDrawerHeaderDefaultState, DBDrawerHeaderProps, DBDrawerHeaderState, DBDrawerProps, DBDrawerState, DBHeaderDefaultProps, DBHeaderDefaultState, DBHeaderProps, DBHeaderState, DBIconDefaultProps, DBIconDefaultState, DBIconProps, DBIconState, DBInfotextDefaultProps, DBInfotextDefaultState, DBInfotextProps, DBInfotextState, DBInputDefaultProps, DBInputDefaultState, DBInputProps, DBInputState, DBLinkDefaultProps, DBLinkDefaultState, DBLinkProps, DBLinkState, DBNavigationDefaultProps, DBNavigationDefaultState, DBNavigationItemDefaultProps, DBNavigationItemDefaultState, DBNavigationItemProps, DBNavigationItemState, DBNavigationProps, DBNavigationState, DBNotificationDefaultProps, DBNotificationDefaultState, DBNotificationProps, DBNotificationState, DBPageDefaultProps, DBPageDefaultState, DBPageProps, DBPageState, DBPopoverDefaultProps, DBPopoverDefaultState, DBPopoverProps, DBPopoverState, DBRadioDefaultProps, DBRadioDefaultState, DBRadioProps, DBRadioState, DBSectionDefaultProps, DBSectionProps, DBSelectDefaultProps, DBSelectDefaultState, DBSelectOptionType, DBSelectProps, DBSelectState, DBSimpleTabProps, DBStackDefaultProps, DBStackDefaultState, DBStackProps, DBStackState, DBSwitchDefaultProps, DBSwitchDefaultState, DBSwitchProps, DBSwitchState, DBTabItemDefaultProps, DBTabItemDefaultState, DBTabItemProps, DBTabItemState, DBTabListProps, DBTabListState, DBTabPanelDefaultProps, DBTabPanelProps, DBTableBodyDefaultProps, DBTableBodyDefaultState, DBTableBodyProps, DBTableBodyState, DBTableCaptionDefaultProps, DBTableCaptionDefaultState, DBTableCaptionProps, DBTableCaptionState, DBTableCellProps, DBTableColumnsSizeType, DBTableData, DBTableDataCellDefaultProps, DBTableDataCellDefaultState, DBTableDataCellProps, DBTableDataCellState, DBTableDefaultProps, DBTableDefaultState, DBTableDividerType, DBTableFooterDefaultProps, DBTableFooterDefaultState, DBTableFooterProps, DBTableFooterState, DBTableHeadDefaultProps, DBTableHeadDefaultState, DBTableHeadProps, DBTableHeadState, DBTableHeaderCellDefaultProps, DBTableHeaderCellDefaultState, DBTableHeaderCellProps, DBTableHeaderCellScopeType, DBTableHeaderCellState, DBTableMobileVariantType, DBTableProps, DBTableRowCell, DBTableRowDefaultProps, DBTableRowDefaultState, DBTableRowProps, DBTableRowSizeType, DBTableRowState, DBTableRowSubHeaderEmphasisType, DBTableState, DBTableStickyHeaderType, DBTableVariantType, DBTabsDefaultProps, DBTabsDefaultState, DBTabsEventProps, DBTabsProps, DBTabsState, DBTagDefaultProps, DBTagDefaultState, DBTagEventsProps, DBTagProps, DBTagState, DBTextareaDefaultProps, DBTextareaDefaultState, DBTextareaProps, DBTextareaState, DBTooltipDefaultProps, DBTooltipDefaultState, DBTooltipProps, DBTooltipState, DisabledProps, DividerMarginType, DividerVariantType, DocumentScrollState, DrawerBackdropType, DrawerContainerSizeType, DrawerDirectionType, DrawerPositionType, DrawerVariantType, EmphasisProps, EmphasisType, EndSlotProps, FieldSizingType, FocusEventProps, FocusEventState, FormCheckProps, FormMessageProps, FormProps, FormSizeProps, FormState, FormTextProps, FromValidState, GapProps, GapSpacingProps, GapSpacingType, GeneralEvent, GeneralKeyboardEvent, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, IconWeightType, InitializedState, InnerCloseButtonProps, InputEvent, InputEventProps, InputEventState, InputTypeType, InteractionEvent, LabelVariantHorizontalType, LabelVariantType, LinkContentType, LinkProps, LinkReferrerPolicyType, LinkSizeType, LinkTargetType, LinkVariantType, MarginProps, MarginType, MaxWidthType, NameProps, NameState, NavigationBackButtonProps, NavigationBehaviorState, NoTextProps, NotificationAriaLiveType, NotificationLinkVariantType, NotificationVariantType, OrientationProps, OrientationType, OverflowProps, PageDocumentOverflowType, PageVariantType, PatternhubProps, PlacementHorizontalType, PlacementProps, PlacementType, PlacementVerticalType, PopoverDelayType, PopoverProps, PopoverState, PopoverWidthType, PropOverridesType, RequiredProps, ResetIdState, RoleProps, SelectedTypeType, SemanticProps, SemanticType, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, ShowLabelProps, SizeProps, SizeType, SpacingProps, SpacingType, StackAlignmentType, StackDirectionType, StackJustifyContentType, StackVariantType, StartSlotProps, TabItemAlignmentProps, TabItemAlignmentType, TabsBehaviorType, TabsInitialSelectedModeType, TagBehaviorType, TextProps, TextareaResizeType, TextareaWrapType, ToggleEventProps, ToggleEventState, TooltipVariantType, TriangleData, ValidationType, ValueLabelType, ValueProps, WidthProps, WidthType, WrapProps };