@db-ux/ngx-core-components 4.13.1-angular-signal-forms12-ac097f6 → 4.14.0-shell-52d18db

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

@@ -30,6 +30,18 @@ interface GlobalProps {
      */
     propOverrides?: PropOverridesType;
 }
+type StartSlotProps = {
+    /**
+     * Slot for start content, for example add a custom component between an icon and a label.
+     */
+    startSlot?: any;
+};
+type EndSlotProps = {
+    /**
+     * Slot for end content, for example add a custom component between an icon and a label.
+     */
+    endSlot?: any;
+};
 type PropOverridesType = Pick<GlobalProps, 'id'>;
 type GlobalState = {
     _id?: string;
@@ -97,6 +109,10 @@ 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"];
@@ -242,11 +258,13 @@ type ValueProps = {
      */
     value?: any;
 };
-type BaseFormProps = {
+type DisabledProps = {
     /**
-     * The disabled attribute can be set to keep a user from clicking on the form element.
+     * The disabled attribute can be set to keep a user from clicking on the item.
      */
     disabled?: boolean | string;
+};
+type BaseFormProps = {
     /**
      * The label attribute specifies the caption of the form element.
      */
@@ -255,7 +273,7 @@ type BaseFormProps = {
      * The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.
      */
     name?: string;
-};
+} & DisabledProps;
 type CustomFormProps = {
     /**
      * Overwrites auto handling for aria-describedby.
@@ -526,11 +544,33 @@ type NavigationBackButtonProps = {
      */
     backButtonText?: string;
 };
-type AriaControlsProps = {
+type ControlPanelProps = {
+    /**
+     * Slot to pass in the DBControlPanelBrand component
+     */
+    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;
     /**
-     * Pass `aria-controls` to inner element
+     * Slot to pass an anchor or link to skip the navigation and jump to main content.
      */
-    controls?: string;
+    skipNavigation?: any;
 };
 type NoTextProps = {
     /**
@@ -542,10 +582,72 @@ 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;
-    _observer?: IntersectionObserver;
+    _intersectionObserverCallbackId?: string;
+    _resizeObserverCallbackId?: string;
 };
 type PopoverState = {
     handleEscape: (event: any) => void;
@@ -624,6 +726,16 @@ 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
@@ -710,13 +822,7 @@ 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
      */
@@ -740,7 +846,7 @@ type DBAccordionDefaultProps = {
      */
     variant?: AccordionVariantType;
 };
-type DBAccordionProps = DBAccordionDefaultProps & GlobalProps;
+type DBAccordionProps = DBAccordionDefaultProps & GlobalProps & CollapsibleBehaviorProps;
 type DBAccordionDefaultState = {
     _initOpenIndexDone: boolean;
     _name?: string;
@@ -1082,52 +1188,599 @@ declare class DBCheckbox implements AfterViewInit, ControlValueAccessor, OnDestr
     _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;
+    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"]>;
+    _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     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
      * @param customElementSelector  the custom element like `my-component`
      */
     private enableAttributePassing;
-    /** Signal Forms optional fields (Duck-Typing compatibility) */
-    hidden: InputSignal<boolean>;
-    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>;
+    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 = {
     /**
-     * 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 }.
+     * Change the text for the link providing a skip for navigation jumping to main content
      */
-    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;
+    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();
+    /**
+     * 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<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"; }, never, ["*"], true, never>;
+    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>;
 }
 
 type DBCustomButtonDefaultProps = {};
@@ -1408,6 +2061,10 @@ type DBCustomSelectDefaultState = {
     _infoTextId?: string;
     _internalChangeTimestamp: number;
     _documentClickListenerCallbackId?: string;
+    _documentScrollListenerCallbackId?: string;
+    handleDocumentScroll: (event: any) => void;
+    _intersectionObserverCallbackId?: string;
+    _resizeObserverCallbackId?: string;
     _searchValue?: string;
     _userInteraction?: boolean;
     getNativeSelectValue: () => string;
@@ -1418,7 +2075,7 @@ type DBCustomSelectDefaultState = {
     searchEnabled: boolean;
     amountOptions: number;
     setDescById: (descId?: string) => void;
-    handleTagRemove: (option: CustomSelectOptionType, event?: ClickEvent<HTMLButtonElement> | void) => void;
+    handleTagRemove: (option: CustomSelectOptionType, event?: ClickEvent<HTMLButtonElement> | Event | void | any) => void;
     handleSummaryFocus: () => void;
     handleSelect: (value?: string) => void;
     handleSelectAll: (event: any) => void;
@@ -1539,7 +2196,8 @@ declare class DBCustomSelect implements AfterViewInit, ControlValueAccessor, OnD
     _documentClickListenerCallbackId: _angular_core.WritableSignal<string | undefined>;
     _internalChangeTimestamp: _angular_core.WritableSignal<number>;
     _documentScrollListenerCallbackId: _angular_core.WritableSignal<string | undefined>;
-    _observer: _angular_core.WritableSignal<IntersectionObserver | undefined>;
+    _intersectionObserverCallbackId: _angular_core.WritableSignal<string | undefined>;
+    _resizeObserverCallbackId: _angular_core.WritableSignal<string | undefined>;
     _searchValue: _angular_core.WritableSignal<string | undefined>;
     selectAllChecked: _angular_core.WritableSignal<boolean>;
     selectAllIndeterminate: _angular_core.WritableSignal<boolean>;
@@ -1554,7 +2212,7 @@ declare class DBCustomSelect implements AfterViewInit, ControlValueAccessor, OnD
     getOptionLabel(option: CustomSelectOptionType): string;
     getOptionChecked(value?: string): boolean | undefined;
     getTagRemoveLabel(option: CustomSelectOptionType): string;
-    handleTagRemove(option: CustomSelectOptionType, event?: ClickEvent<HTMLButtonElement> | void | any): void;
+    handleTagRemove(option: CustomSelectOptionType, event?: ClickEvent<HTMLButtonElement> | Event | void): void;
     handleAutoPlacement(): void;
     handleArrowDownUp(event: any): void;
     handleKeyboardPress(event: any): void;
@@ -1582,7 +2240,7 @@ declare class DBCustomSelect implements AfterViewInit, ControlValueAccessor, OnD
      */
     private enableAttributePassing;
     /** Signal Forms optional fields (Duck-Typing compatibility) */
-    hidden: InputSignal<boolean>;
+    hidden: _angular_core.InputSignalWithTransform<boolean, unknown>;
     errors: InputSignal<readonly {
         message?: string;
     }[] | undefined>;
@@ -1593,15 +2251,21 @@ declare class DBCustomSelect implements AfterViewInit, ControlValueAccessor, OnD
     /** Signal Forms alias — maps to 'values' for FormValueControl duck-typing */
     value: ModelSignal<any>;
     /**
-     * @internal Tracks the origin of the last write to prevent infinite ping-pong.
-     * Convergence is guaranteed by Angular's signal equality check
-     * (setting a signal to the same value does not re-notify dependents).
+     * @internal Tracks the origin of the last write to prevent redundant
+     * re-processing within the same synchronous microtask.
+     * NOTE: The actual infinite-loop prevention relies on Angular's signal
+     * equality check (setting a signal to the same value does not re-notify).
+     * This marker is an optimization to skip unnecessary array conversions.
      */
     private _syncSource;
+    /** @internal Tracks whether the value alias has been explicitly bound (driven by Signal Forms). */
+    private _valueAliasActive;
     /** @internal Sync value → values (Signal Forms writes to value) */
     private _syncValueToValues;
     /** @internal Sync values → value (CVA/user interaction writes to values) */
     private _syncValuesToValue;
+    /** 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 —
@@ -1624,7 +2288,7 @@ declare class DBCustomSelect implements AfterViewInit, ControlValueAccessor, OnD
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBCustomSelect, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBCustomSelect, "db-custom-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; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "showNoResults": { "alias": "showNoResults"; "required": false; "isSignal": true; }; "showLoading": { "alias": "showLoading"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "searchValue": { "alias": "searchValue"; "required": false; "isSignal": true; }; "selectedLabels": { "alias": "selectedLabels"; "required": false; "isSignal": true; }; "transformSelectedLabels": { "alias": "transformSelectedLabels"; "required": false; "isSignal": true; }; "selectedType": { "alias": "selectedType"; "required": false; "isSignal": true; }; "amountText": { "alias": "amountText"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; "removeTagsTexts": { "alias": "removeTagsTexts"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "searchFilter": { "alias": "searchFilter"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "formFieldWidth": { "alias": "formFieldWidth"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "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; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "selectedPrefix": { "alias": "selectedPrefix"; "required": false; "isSignal": true; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "listLabel": { "alias": "listLabel"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "mobileCloseButtonText": { "alias": "mobileCloseButtonText"; "required": false; "isSignal": true; }; "showClearSelection": { "alias": "showClearSelection"; "required": false; "isSignal": true; }; "clearSelectionText": { "alias": "clearSelectionText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "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": { "alias": "value"; "required": false; "isSignal": true; }; }, { "values": "valuesChange"; "disabled": "disabledChange"; "amountChange": "amountChange"; "dropdownToggle": "dropdownToggle"; "optionSelected": "optionSelected"; "search": "search"; "value": "valueChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBCustomSelect, "db-custom-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; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "showNoResults": { "alias": "showNoResults"; "required": false; "isSignal": true; }; "showLoading": { "alias": "showLoading"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "searchValue": { "alias": "searchValue"; "required": false; "isSignal": true; }; "selectedLabels": { "alias": "selectedLabels"; "required": false; "isSignal": true; }; "transformSelectedLabels": { "alias": "transformSelectedLabels"; "required": false; "isSignal": true; }; "selectedType": { "alias": "selectedType"; "required": false; "isSignal": true; }; "amountText": { "alias": "amountText"; "required": false; "isSignal": true; }; "validMessage": { "alias": "validMessage"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; "removeTagsTexts": { "alias": "removeTagsTexts"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "searchFilter": { "alias": "searchFilter"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "formFieldWidth": { "alias": "formFieldWidth"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "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; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "selectedPrefix": { "alias": "selectedPrefix"; "required": false; "isSignal": true; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "searchLabel": { "alias": "searchLabel"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "listLabel": { "alias": "listLabel"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "mobileCloseButtonText": { "alias": "mobileCloseButtonText"; "required": false; "isSignal": true; }; "showClearSelection": { "alias": "showClearSelection"; "required": false; "isSignal": true; }; "clearSelectionText": { "alias": "clearSelectionText"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "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": { "alias": "value"; "required": false; "isSignal": true; }; }, { "values": "valuesChange"; "disabled": "disabledChange"; "amountChange": "amountChange"; "dropdownToggle": "dropdownToggle"; "optionSelected": "optionSelected"; "search": "search"; "value": "valueChange"; "touch": "touch"; }, never, ["*"], true, never>;
 }
 
 declare class DBCustomSelectDropdown implements AfterViewInit, OnDestroy {
@@ -1735,10 +2399,12 @@ declare class DBCustomSelectListItem implements AfterViewInit, ControlValueAcces
      */
     private enableAttributePassing;
     /** Signal Forms optional fields (Duck-Typing compatibility) */
-    hidden: InputSignal<boolean>;
+    hidden: _angular_core.InputSignalWithTransform<boolean, unknown>;
     errors: InputSignal<readonly {
         message?: 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 —
@@ -1761,7 +2427,7 @@ declare class DBCustomSelectListItem implements AfterViewInit, ControlValueAcces
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBCustomSelectListItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBCustomSelectListItem, "db-custom-select-list-item", never, { "isGroupTitle": { "alias": "isGroupTitle"; "required": false; "isSignal": true; }; "showDivider": { "alias": "showDivider"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "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; }; "groupTitle": { "alias": "groupTitle"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "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; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "change": "change"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBCustomSelectListItem, "db-custom-select-list-item", never, { "isGroupTitle": { "alias": "isGroupTitle"; "required": false; "isSignal": true; }; "showDivider": { "alias": "showDivider"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "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; }; "groupTitle": { "alias": "groupTitle"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "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; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "disabled": "disabledChange"; "change": "change"; "touch": "touch"; }, never, ["*"], true, never>;
 }
 
 declare const DividerMarginList: readonly ["none", "_"];
@@ -1809,12 +2475,14 @@ declare class DBDivider implements AfterViewInit, OnDestroy {
 
 declare const DrawerBackdropList: readonly ["none", "strong", "weak", "invisible"];
 type DrawerBackdropType = (typeof DrawerBackdropList)[number];
-declare const DrawerDirectionList: readonly ["left", "right", "up", "down"];
+declare const DrawerDirectionList: readonly ["to-left", "to-right", "up", "down"];
 type DrawerDirectionType = (typeof DrawerDirectionList)[number];
 declare const DrawerVariantList: readonly ["modal", "inside"];
 type DrawerVariantType = (typeof DrawerVariantList)[number];
 declare const DrawerPositionList: readonly ["fixed", "absolute"];
 type DrawerPositionType = (typeof DrawerPositionList)[number];
+declare const DrawerContainerSizeList: readonly ["small", "medium", "large", "full"];
+type DrawerContainerSizeType = (typeof DrawerContainerSizeList)[number];
 type DBDrawerDefaultProps = {
     /**
      * The backdrop attribute changes the opacity of the backdrop.
@@ -1823,13 +2491,21 @@ type DBDrawerDefaultProps = {
     backdrop?: DrawerBackdropType;
     /**
      * The direction attribute changes the position & animation of the drawer.
-     * E.g. "left" slides from left screen border to the right.
+     * E.g. "to-left" slides from right screen border to the left.
      */
     direction?: DrawerDirectionType;
     /**
      * Slot for changing the header of the drawer.
      */
-    drawerHeader?: any;
+    header?: any;
+    /**
+     * Slot for changing the footer of the drawer.
+     */
+    footer?: any;
+    /**
+     * Shows a spacing between screen and drawer-content to provide enough space for the backdrop
+     */
+    showSpacing?: boolean | string;
     /**
      * The open attribute opens or closes the drawer based on the state.
      */
@@ -1850,20 +2526,24 @@ type DBDrawerDefaultProps = {
      * - `absolute`: Renders with `show()`, acting as a simple overlay **without** a focus trap.
      */
     position?: DrawerPositionType;
+    /**
+     * Change the size of the drawer container.
+     */
+    containerSize?: DrawerContainerSizeType;
 };
-type DBDrawerProps = DBDrawerDefaultProps & GlobalProps & CloseEventProps<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> & InnerCloseButtonProps & WidthProps & SpacingProps;
+type DBDrawerProps = DBDrawerDefaultProps & GlobalProps & CloseEventProps<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>>;
 type DBDrawerDefaultState = {
     handleDialogOpen: () => void;
     isNotModal: () => boolean;
     handleBackdropPointerDown: (event: any) => void;
     backdropPointerDown: boolean;
+    _closeTimeoutId?: number;
 };
 type DBDrawerState = DBDrawerDefaultState & GlobalState & CloseEventState<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> & InitializedState;
 
 declare class DBDrawer implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
     protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
-    protected readonly DEFAULT_CLOSE_BUTTON: string;
     open: InputSignal<DBDrawerProps["open"]>;
     position: InputSignal<DBDrawerProps["position"]>;
     backdrop: InputSignal<DBDrawerProps["backdrop"]>;
@@ -1872,16 +2552,15 @@ declare class DBDrawer implements AfterViewInit, OnDestroy {
     propOverrides: InputSignal<DBDrawerProps["propOverrides"]>;
     direction: InputSignal<DBDrawerProps["direction"]>;
     className: InputSignal<DBDrawerProps["className"]>;
-    spacing: InputSignal<DBDrawerProps["spacing"]>;
-    width: InputSignal<DBDrawerProps["width"]>;
+    containerSize: InputSignal<DBDrawerProps["containerSize"]>;
+    showSpacing: InputSignal<DBDrawerProps["showSpacing"]>;
     rounded: InputSignal<DBDrawerProps["rounded"]>;
-    closeButtonId: InputSignal<DBDrawerProps["closeButtonId"]>;
-    closeButtonText: InputSignal<DBDrawerProps["closeButtonText"]>;
     close: _angular_core.OutputEmitterRef<void | KeyboardEvent | MouseEvent | undefined>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
     dialogContainerRef: _angular_core.Signal<ElementRef<any> | undefined>;
     initialized: _angular_core.WritableSignal<boolean>;
     backdropPointerDown: _angular_core.WritableSignal<boolean>;
+    _closeTimeoutId: _angular_core.WritableSignal<number | undefined>;
     observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     isNotModal(): boolean;
     handleBackdropPointerDown(event: any): void;
@@ -1898,7 +2577,69 @@ declare class DBDrawer implements AfterViewInit, OnDestroy {
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBDrawer, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBDrawer, "db-drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "backdrop": { "alias": "backdrop"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "closeButtonId": { "alias": "closeButtonId"; "required": false; "isSignal": true; }; "closeButtonText": { "alias": "closeButtonText"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["[drawer-header]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBDrawer, "db-drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "backdrop": { "alias": "backdrop"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "containerSize": { "alias": "containerSize"; "required": false; "isSignal": true; }; "showSpacing": { "alias": "showSpacing"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, ["[header]", "*", "[footer]"], true, never>;
+}
+
+type DBDrawerFooterDefaultProps = {};
+type DBDrawerFooterProps = DBDrawerFooterDefaultProps & GlobalProps;
+type DBDrawerFooterDefaultState = {};
+type DBDrawerFooterState = DBDrawerFooterDefaultState & GlobalState;
+
+declare class DBDrawerFooter implements AfterViewInit, OnDestroy {
+    protected readonly cls: (...args: ClassNameArg[]) => string;
+    id: InputSignal<DBDrawerFooterProps["id"]>;
+    propOverrides: InputSignal<DBDrawerFooterProps["propOverrides"]>;
+    className: InputSignal<DBDrawerFooterProps["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<DBDrawerFooter, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBDrawerFooter, "db-drawer-footer", 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 DBDrawerHeaderDefaultProps = {};
+type DBDrawerHeaderProps = DBDrawerHeaderDefaultProps & InnerCloseButtonProps & TextProps & GlobalProps & StartSlotProps & EndSlotProps;
+type DBDrawerHeaderDefaultState = {
+    _headingId: string;
+    setAriaLabelledBy: () => void;
+    removeAriaLabelledBy: () => void;
+};
+type DBDrawerHeaderState = DBDrawerHeaderDefaultState & GlobalState;
+
+declare class DBDrawerHeader implements AfterViewInit, OnDestroy {
+    protected readonly cls: (...args: ClassNameArg[]) => string;
+    id: InputSignal<DBDrawerHeaderProps["id"]>;
+    propOverrides: InputSignal<DBDrawerHeaderProps["propOverrides"]>;
+    className: InputSignal<DBDrawerHeaderProps["className"]>;
+    text: InputSignal<DBDrawerHeaderProps["text"]>;
+    closeButtonId: InputSignal<DBDrawerHeaderProps["closeButtonId"]>;
+    closeButtonText: InputSignal<DBDrawerHeaderProps["closeButtonText"]>;
+    _ref: _angular_core.Signal<ElementRef<any> | undefined>;
+    _headingId: _angular_core.WritableSignal<string>;
+    observer: _angular_core.WritableSignal<MutationObserver | undefined>;
+    setAriaLabelledBy(): void;
+    removeAriaLabelledBy(): 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<DBDrawerHeader, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBDrawerHeader, "db-drawer-header", 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; }; "closeButtonId": { "alias": "closeButtonId"; "required": false; "isSignal": true; }; "closeButtonText": { "alias": "closeButtonText"; "required": false; "isSignal": true; }; }, {}, never, ["[start-slot]", "*", "[end-slot]"], true, never>;
 }
 
 type DBHeaderDefaultProps = {
@@ -1935,7 +2676,11 @@ type DBHeaderDefaultProps = {
      */
     forceMobile?: boolean | string;
     /**
-     * This attribute sets the label for the burger menu button for mobile headers.
+     * 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;
 };
@@ -1961,6 +2706,7 @@ declare class DBHeader implements AfterViewInit, OnDestroy {
     burgerMenuLabel: InputSignal<DBHeaderProps["burgerMenuLabel"]>;
     closeButtonId: InputSignal<DBHeaderProps["closeButtonId"]>;
     closeButtonText: InputSignal<DBHeaderProps["closeButtonText"]>;
+    drawerHeaderText: InputSignal<DBHeaderProps["drawerHeaderText"]>;
     toggle: _angular_core.OutputEmitterRef<boolean | void>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
     initialized: _angular_core.WritableSignal<boolean>;
@@ -1979,7 +2725,7 @@ declare class DBHeader implements AfterViewInit, OnDestroy {
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBHeader, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBHeader, "db-header", never, { "forceMobile": { "alias": "forceMobile"; "required": false; "isSignal": true; }; "drawerOpen": { "alias": "drawerOpen"; "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; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "burgerMenuLabel": { "alias": "burgerMenuLabel"; "required": false; "isSignal": true; }; "closeButtonId": { "alias": "closeButtonId"; "required": false; "isSignal": true; }; "closeButtonText": { "alias": "closeButtonText"; "required": false; "isSignal": true; }; }, { "toggle": "toggle"; }, ["dbNavigation", "dbMetaNavigation", "dbSecondaryAction"], ["*", "[brand]", "*", "[primary-action]", "*", "*", "*", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBHeader, "db-header", never, { "forceMobile": { "alias": "forceMobile"; "required": false; "isSignal": true; }; "drawerOpen": { "alias": "drawerOpen"; "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; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "burgerMenuLabel": { "alias": "burgerMenuLabel"; "required": false; "isSignal": true; }; "closeButtonId": { "alias": "closeButtonId"; "required": false; "isSignal": true; }; "closeButtonText": { "alias": "closeButtonText"; "required": false; "isSignal": true; }; "drawerHeaderText": { "alias": "drawerHeaderText"; "required": false; "isSignal": true; }; }, { "toggle": "toggle"; }, ["dbNavigation", "dbMetaNavigation", "dbSecondaryAction"], ["*", "[brand]", "*", "[primary-action]", "*", "*", "*", "*"], true, never>;
 }
 
 declare class SecondaryActionDirective {
@@ -2231,7 +2977,7 @@ declare class DBInput implements AfterViewInit, ControlValueAccessor, OnDestroy
      */
     private enableAttributePassing;
     /** Signal Forms optional fields (Duck-Typing compatibility) */
-    hidden: InputSignal<boolean>;
+    hidden: _angular_core.InputSignalWithTransform<boolean, unknown>;
     errors: InputSignal<readonly {
         message?: string;
     }[] | undefined>;
@@ -2239,6 +2985,8 @@ declare class DBInput implements AfterViewInit, ControlValueAccessor, OnDestroy
     _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 —
@@ -2261,7 +3009,7 @@ declare class DBInput implements AfterViewInit, ControlValueAccessor, OnDestroy
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBInput, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBInput, "db-input", never, { "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "dataListId": { "alias": "dataListId"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "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; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "dataList": { "alias": "dataList"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "showIconLeading": { "alias": "showIconLeading"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "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; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "showIconTrailing": { "alias": "showIconTrailing"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "fieldSizing": { "alias": "fieldSizing"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; "isSignal": true; }; "inputmode": { "alias": "inputmode"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "messageSize": { "alias": "messageSize"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; "validMessageSize": { "alias": "validMessageSize"; "required": false; "isSignal": true; }; "invalidMessageSize": { "alias": "invalidMessageSize"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBInput, "db-input", never, { "invalidMessage": { "alias": "invalidMessage"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "dataListId": { "alias": "dataListId"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "showMessage": { "alias": "showMessage"; "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; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "dataList": { "alias": "dataList"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "showIconLeading": { "alias": "showIconLeading"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "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; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "showIconTrailing": { "alias": "showIconTrailing"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "fieldSizing": { "alias": "fieldSizing"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; "isSignal": true; }; "inputmode": { "alias": "inputmode"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "messageSize": { "alias": "messageSize"; "required": false; "isSignal": true; }; "messageIcon": { "alias": "messageIcon"; "required": false; "isSignal": true; }; "validMessageSize": { "alias": "validMessageSize"; "required": false; "isSignal": true; }; "invalidMessageSize": { "alias": "invalidMessageSize"; "required": false; "isSignal": true; }; "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; "touch": "touch"; }, never, ["*"], true, never>;
 }
 
 declare const LinkVariantList: readonly ["adaptive", "brand", "inline"];
@@ -2350,34 +3098,6 @@ 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.
@@ -2669,7 +3389,6 @@ type DBPopoverState = DBPopoverDefaultState & GlobalState & PopoverState & Initi
 declare class DBPopover implements AfterViewInit, OnDestroy {
     protected readonly cls: (...args: ClassNameArg[]) => string;
     protected readonly getBooleanAsString: (originBool?: boolean | string, propertyName?: string) => any;
-    placement: InputSignal<DBPopoverProps["placement"]>;
     id: InputSignal<DBPopoverProps["id"]>;
     propOverrides: InputSignal<DBPopoverProps["propOverrides"]>;
     className: InputSignal<DBPopoverProps["className"]>;
@@ -2679,11 +3398,13 @@ declare class DBPopover implements AfterViewInit, OnDestroy {
     open: InputSignal<DBPopoverProps["open"]>;
     delay: InputSignal<DBPopoverProps["delay"]>;
     width: InputSignal<DBPopoverProps["width"]>;
+    placement: InputSignal<DBPopoverProps["placement"]>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
     initialized: _angular_core.WritableSignal<boolean>;
     isExpanded: _angular_core.WritableSignal<boolean | undefined>;
     _documentScrollListenerCallbackId: _angular_core.WritableSignal<string | undefined>;
-    _observer: _angular_core.WritableSignal<IntersectionObserver | undefined>;
+    _intersectionObserverCallbackId: _angular_core.WritableSignal<string | undefined>;
+    _resizeObserverCallbackId: _angular_core.WritableSignal<string | undefined>;
     observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     handleEscape(event: any): void;
     handleAutoPlacement(): void;
@@ -2702,7 +3423,7 @@ declare class DBPopover implements AfterViewInit, OnDestroy {
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBPopover, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBPopover, "db-popover", never, { "placement": { "alias": "placement"; "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; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, ["[trigger]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBPopover, "db-popover", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; }, {}, never, ["[trigger]", "*"], true, never>;
 }
 
 type DBRadioDefaultProps = {};
@@ -2751,10 +3472,12 @@ declare class DBRadio implements AfterViewInit, ControlValueAccessor, OnDestroy
      */
     private enableAttributePassing;
     /** Signal Forms optional fields (Duck-Typing compatibility) */
-    hidden: InputSignal<boolean>;
+    hidden: _angular_core.InputSignalWithTransform<boolean, unknown>;
     errors: InputSignal<readonly {
         message?: 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 —
@@ -2777,7 +3500,7 @@ declare class DBRadio implements AfterViewInit, ControlValueAccessor, OnDestroy
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBRadio, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBRadio, "db-radio", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "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; }; "required": { "alias": "required"; "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"; "value": "valueChange"; "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBRadio, "db-radio", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "validation": { "alias": "validation"; "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; }; "required": { "alias": "required"; "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"; "value": "valueChange"; "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; "touch": "touch"; }, never, ["*"], true, never>;
 }
 
 type DBSectionDefaultProps = {};
@@ -2938,7 +3661,7 @@ declare class DBSelect implements AfterViewInit, ControlValueAccessor, OnDestroy
      */
     private enableAttributePassing;
     /** Signal Forms optional fields (Duck-Typing compatibility) */
-    hidden: InputSignal<boolean>;
+    hidden: _angular_core.InputSignalWithTransform<boolean, unknown>;
     errors: InputSignal<readonly {
         message?: string;
     }[] | undefined>;
@@ -2946,6 +3669,8 @@ declare class DBSelect implements AfterViewInit, ControlValueAccessor, OnDestroy
     _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 —
@@ -2968,7 +3693,158 @@ declare class DBSelect implements AfterViewInit, ControlValueAccessor, OnDestroy
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBSelect, never>;
-    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"; }, never, ["*"], true, never>;
+    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"];
@@ -3109,7 +3985,7 @@ declare class DBSwitch implements AfterViewInit, ControlValueAccessor, OnDestroy
      */
     private enableAttributePassing;
     /** Signal Forms optional fields (Duck-Typing compatibility) */
-    hidden: InputSignal<boolean>;
+    hidden: _angular_core.InputSignalWithTransform<boolean, unknown>;
     errors: InputSignal<readonly {
         message?: string;
     }[] | undefined>;
@@ -3117,6 +3993,8 @@ declare class DBSwitch implements AfterViewInit, ControlValueAccessor, OnDestroy
     _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 —
@@ -3139,7 +4017,7 @@ declare class DBSwitch implements AfterViewInit, ControlValueAccessor, OnDestroy
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBSwitch, never>;
-    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"; }, never, ["*"], true, never>;
+    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>;
 }
 
 type DBTabItemDefaultProps = {
@@ -3209,10 +4087,12 @@ declare class DBTabItem implements AfterViewInit, ControlValueAccessor, OnDestro
      */
     private enableAttributePassing;
     /** Signal Forms optional fields (Duck-Typing compatibility) */
-    hidden: InputSignal<boolean>;
+    hidden: _angular_core.InputSignalWithTransform<boolean, unknown>;
     errors: InputSignal<readonly {
         message?: 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 —
@@ -3235,7 +4115,7 @@ declare class DBTabItem implements AfterViewInit, ControlValueAccessor, OnDestro
     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"; }, never, ["*"], true, 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>;
 }
 
 type DBTabListDefaultProps = {};
@@ -3699,10 +4579,6 @@ declare const TabsInitialSelectedModeList: readonly ["auto", "manually"];
 type TabsInitialSelectedModeType = (typeof TabsInitialSelectedModeList)[number];
 type DBSimpleTabProps = DBTabItemProps & DBTabPanelProps;
 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
      */
@@ -3742,24 +4618,22 @@ type DBTabsEventProps = {
      */
     tabSelect?: (event?: InputEvent<HTMLElement>) => void;
 };
-type DBTabsProps = DBTabsDefaultProps & GlobalProps & OrientationProps & WidthProps & AlignmentProps & DBTabsEventProps;
+type DBTabsProps = DBTabsDefaultProps & GlobalProps & OrientationProps & WidthProps & AlignmentProps & OverflowScrollButtonProps & DBTabsEventProps;
 type DBTabsDefaultState = {
     _name: string;
     scrollContainer?: Element | null;
-    scroll: (left?: boolean) => void;
-    showScrollLeft?: boolean;
-    showScrollRight?: boolean;
-    evaluateScrollButtons: (tabList: Element) => void;
     convertTabs: () => DBSimpleTabProps[];
     initTabList: () => void;
     initTabs: (init?: boolean) => void;
     handleChange: (event: InputEvent<HTMLElement>) => void;
-    _resizeObserver?: ResizeObserver;
+    _resizeObserverCallbackId?: string;
 };
-type DBTabsState = DBTabsDefaultState & InitializedState;
+type DBTabsState = DBTabsDefaultState & InitializedState & OverflowScrollButtonState;
 
 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"]>;
@@ -3772,6 +4646,8 @@ declare class DBTabs implements AfterViewInit, OnDestroy {
     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>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
@@ -3780,7 +4656,7 @@ declare class DBTabs implements AfterViewInit, OnDestroy {
     showScrollLeft: _angular_core.WritableSignal<boolean | undefined>;
     showScrollRight: _angular_core.WritableSignal<boolean | undefined>;
     scrollContainer: _angular_core.WritableSignal<Element | null | undefined>;
-    _resizeObserver: _angular_core.WritableSignal<ResizeObserver | undefined>;
+    _resizeObserverCallbackId: _angular_core.WritableSignal<string | undefined>;
     observer: _angular_core.WritableSignal<MutationObserver | undefined>;
     convertTabs(): any;
     evaluateScrollButtons(tList: Element): void;
@@ -3801,7 +4677,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; }; }, { "indexChange": "indexChange"; "tabSelect": "tabSelect"; }, never, ["*"], true, 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>;
 }
 
 declare const TagBehaviorList: readonly ["static", "removable"];
@@ -3992,7 +4868,7 @@ declare class DBTextarea implements AfterViewInit, ControlValueAccessor, OnDestr
      */
     private enableAttributePassing;
     /** Signal Forms optional fields (Duck-Typing compatibility) */
-    hidden: InputSignal<boolean>;
+    hidden: _angular_core.InputSignalWithTransform<boolean, unknown>;
     errors: InputSignal<readonly {
         message?: string;
     }[] | undefined>;
@@ -4000,6 +4876,8 @@ declare class DBTextarea implements AfterViewInit, ControlValueAccessor, OnDestr
     _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 —
@@ -4022,7 +4900,7 @@ declare class DBTextarea implements AfterViewInit, ControlValueAccessor, OnDestr
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTextarea, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTextarea, "db-textarea", 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; }; "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; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "fieldSizing": { "alias": "fieldSizing"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "showResizer": { "alias": "showResizer"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "spellCheck": { "alias": "spellCheck"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "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"; "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTextarea, "db-textarea", 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; }; "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; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showRequiredAsterisk": { "alias": "showRequiredAsterisk"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "fieldSizing": { "alias": "fieldSizing"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "showResizer": { "alias": "showResizer"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "minlength": { "alias": "minlength"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "spellCheck": { "alias": "spellCheck"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "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"; "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; "touch": "touch"; }, never, never, true, never>;
 }
 
 declare const TooltipVariantList: readonly ["description", "label"];
@@ -4060,7 +4938,6 @@ declare class DBTooltip implements AfterViewInit, OnDestroy {
     id: InputSignal<DBTooltipProps["id"]>;
     propOverrides: InputSignal<DBTooltipProps["propOverrides"]>;
     variant: InputSignal<DBTooltipProps["variant"]>;
-    placement: InputSignal<DBTooltipProps["placement"]>;
     className: InputSignal<DBTooltipProps["className"]>;
     emphasis: InputSignal<DBTooltipProps["emphasis"]>;
     wrap: InputSignal<DBTooltipProps["wrap"]>;
@@ -4068,12 +4945,14 @@ declare class DBTooltip implements AfterViewInit, OnDestroy {
     delay: InputSignal<DBTooltipProps["delay"]>;
     width: InputSignal<DBTooltipProps["width"]>;
     showArrow: InputSignal<DBTooltipProps["showArrow"]>;
+    placement: InputSignal<DBTooltipProps["placement"]>;
     text: InputSignal<DBTooltipProps["text"]>;
     _ref: _angular_core.Signal<ElementRef<any> | undefined>;
     _id: _angular_core.WritableSignal<string | undefined>;
     initialized: _angular_core.WritableSignal<boolean>;
     _documentScrollListenerCallbackId: _angular_core.WritableSignal<string | undefined>;
-    _observer: _angular_core.WritableSignal<IntersectionObserver | undefined>;
+    _intersectionObserverCallbackId: _angular_core.WritableSignal<string | undefined>;
+    _resizeObserverCallbackId: _angular_core.WritableSignal<string | undefined>;
     _attachedParent: _angular_core.WritableSignal<HTMLElement | undefined>;
     _attachedId: _angular_core.WritableSignal<string | undefined>;
     _activeTriggerCount: _angular_core.WritableSignal<number | undefined>;
@@ -4103,7 +4982,7 @@ declare class DBTooltip implements AfterViewInit, OnDestroy {
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DBTooltip, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTooltip, "db-tooltip", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "showArrow": { "alias": "showArrow"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DBTooltip, "db-tooltip", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "propOverrides": { "alias": "propOverrides"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "emphasis": { "alias": "emphasis"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "delay": { "alias": "delay"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "showArrow": { "alias": "showArrow"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare const DEFAULT_ID: string;
@@ -4122,10 +5001,15 @@ declare const DEFAULT_INVALID_MESSAGE: string;
 declare const DEFAULT_REMOVE: string;
 declare const DEFAULT_BACK: string;
 declare const DEFAULT_SELECTED: string;
-declare const DEFAULT_BURGER_MENU: 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_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 {
@@ -4172,6 +5056,7 @@ declare enum COLOR {
 declare const COLORS: COLOR[];
 declare const COLORS_SIMPLE: COLOR_SIMPLE[];
 declare enum SEMANTIC {
+    NEUTRAL = "neutral",
     CRITICAL = "critical",
     INFORMATIONAL = "informational",
     WARNING = "warning",
@@ -4197,30 +5082,42 @@ declare const TESTING_VIEWPORTS: {
 declare const DB_UX_LOCAL_STORAGE_FRAMEWORK = "db-ux-framework";
 declare const DB_UX_LOCAL_STORAGE_MODE = "db-ux-mode";
 
-declare class DocumentClickListener {
+/**
+ * Generic base class for singleton document event listeners.
+ * Manages a shared set of callbacks dispatched when a document-level
+ * event fires.
+ *
+ * Subclasses own their static state (callbacks, instance) and expose
+ * it via the abstract accessor methods below.
+ *
+ * @template TEvent - The event type passed to callbacks (Event, MouseEvent, etc.)
+ */
+declare abstract class AbstractDocumentListener<TEvent = any> {
+    /**
+     * Subclasses must return a reference to their own static callbacks store.
+     */
+    protected abstract getCallbacks(): Record<string, (event: TEvent) => void>;
+    addCallback(callback: (event: TEvent) => void): string;
+    removeCallback(id: string): void;
+}
+
+declare class DocumentClickListener extends AbstractDocumentListener {
     private static callbacks;
     private static _instance;
     private static runCallbacks;
     constructor();
-    addCallback(callback: (event: any) => void): string;
-    removeCallback(id: string): void;
+    protected getCallbacks(): Record<string, (event: any) => void>;
 }
 
-declare class DocumentScrollListener {
+declare class DocumentScrollListener extends AbstractDocumentListener {
     private static callbacks;
     private static _instance;
     private static runCallbacks;
     private ticking;
     constructor();
-    addCallback(callback: (event: any) => void): string;
-    removeCallback(id: string): void;
+    protected getCallbacks(): Record<string, (event: any) => void>;
 }
 
-interface DBDataOutsidePair {
-    vx?: 'left' | 'right';
-    vy?: 'top' | 'bottom';
-}
-declare const handleDataOutside: (el: HTMLElement) => DBDataOutsidePair;
 declare const handleFixedDropdown: (element: HTMLElement, parent: HTMLElement, placement: string) => void;
 declare const getFloatingProps: (element: HTMLElement, parent: HTMLElement, placement: string) => {
     top: number;
@@ -4234,8 +5131,36 @@ declare const getFloatingProps: (element: HTMLElement, parent: HTMLElement, plac
     correctedPlacement: string;
     innerWidth: number;
     innerHeight: number;
+    outsideYBoth?: undefined;
+} | {
+    top: number;
+    bottom: number;
+    right: number;
+    height: number;
+    width: number;
+    left: number;
+    childHeight: number;
+    childWidth: number;
+    correctedPlacement: string;
+    innerWidth: number;
+    innerHeight: number;
+    outsideYBoth: boolean;
 };
-declare const handleFixedPopover: (element: HTMLElement, parent: HTMLElement, placement: string) => void;
+declare const handleFixedPopover: (element: HTMLElement, parent: HTMLElement, placement?: string) => void;
+/**
+ * Detects whether a floating element overflows the viewport edges
+ * and sets `data-outside-vy` / `data-outside-vx` attributes accordingly.
+ * CSS rules can use these attributes to flip/reposition the element.
+ *
+ * If the element was already flipped (has existing data-outside-* attributes),
+ * it checks whether the flipped position would overflow on the opposite side
+ * using the parent's rect as reference, preventing infinite flip-flop.
+ */
+interface DBDataOutsidePair {
+    vx?: 'left' | 'right';
+    vy?: 'top' | 'bottom';
+}
+declare const handleDataOutside: (el: HTMLElement) => DBDataOutsidePair;
 
-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, 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_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, DrawerDirectionList, DrawerPositionList, DrawerVariantList, EmphasisList, FieldSizingList, GapSpacingList, IconWeightList, InputTypeList, LabelVariantHorizontalList, LabelVariantList, LinkContentList, LinkReferrerPolicyList, LinkSizeList, LinkTargetList, LinkVariantList, MarginList, MaxWidthList, MetaNavigationDirective, 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, 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, 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, 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, DividerMarginType, DividerVariantType, DocumentScrollState, DrawerBackdropType, DrawerDirectionType, DrawerPositionType, DrawerVariantType, EmphasisProps, EmphasisType, 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, TabsBehaviorType, TabsInitialSelectedModeType, TagBehaviorType, TextProps, TextareaResizeType, TextareaWrapType, ToggleEventProps, ToggleEventState, TooltipVariantType, TriangleData, ValidationType, ValueLabelType, ValueProps, WidthProps, WidthType, WrapProps };
+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 };