@baloise/ds-core 20.0.0-next.4 → 20.0.0-next.7

package/dist/types/components/input-slider/input-slider.d.ts

@@ -0,0 +1,186 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../stencil-public-runtime';
+import { type LogInstance } from "../../utils/index";
+import { DsComponentInterface, DsConfigState, DsLanguage, DsRegion } from "../../global/index";
+import { FieldInterface } from '../input/field.util';
+import { InputColor } from '../input/input.interfaces';
+import { InputSliderBrandColor, InputSliderInputDetail, InputSliderChangeDetail, InputSliderBlurDetail, InputSliderFocusDetail, InputSliderClickDetail } from './input-slider.interfaces';
+/**
+ * Input slider renders a noUiSlider-backed slider with validation and label/description messaging.
+ *
+ * @part slider - The noUiSlider target element.
+ */
+export declare class InputSlider implements DsComponentInterface, FieldInterface {
+    private inheritedAttributes;
+    private sliderEl;
+    private picker;
+    private initialValue;
+    inputSliderId: string;
+    log: LogInstance;
+    createLogger(log: LogInstance): void;
+    el: HTMLStencilElement;
+    internals: ElementInternals;
+    focused: boolean;
+    language: DsLanguage;
+    region: DsRegion;
+    /**
+     * PUBLIC PROPERTY API
+     * ------------------------------------------------------
+     */
+    /**
+     * The value of the slider. Unlike a text input, a slider can never be
+     * empty; when unset it defaults to `min`. Internally starts as `NaN` (this
+     * codebase's established "empty number" sentinel, see `isValueEmpty`) until
+     * `connectedCallback` resolves it — never actually rendered or emitted.
+     */
+    value: number;
+    protected valueChanged(newVal: number): void;
+    /**
+     * The name of the control, which is submitted with the form data.
+     */
+    readonly name: string;
+    /**
+     * The label of the slider, which is displayed above the control.
+     */
+    readonly label: string;
+    /**
+     * The description of the slider, which is displayed below the control.
+     */
+    readonly description: string;
+    /**
+     * Defines the color of the slider. The default value is `primary`.
+     */
+    readonly color: InputColor;
+    /**
+     * Recolors the connect (the filled progress track) with a brand color instead of the default
+     * grey/primary style. Left of the handle uses the darker `-4` shade, right of it the lighter
+     * `-2` shade. Empty (default) keeps the current grey/primary look.
+     */
+    readonly brandColor: InputSliderBrandColor;
+    /**
+     * If `true` the component gets an invalid style.
+     */
+    readonly invalid: boolean;
+    protected invalidChanged(): void;
+    /**
+     * The text to display when the slider is in an invalid state.
+     */
+    readonly invalidText: string;
+    /**
+     * The minimum value of the slider.
+     */
+    readonly min: number;
+    /**
+     * The maximum value of the slider.
+     */
+    readonly max: number;
+    protected minChanged(): void;
+    /**
+     * The granularity the value must adhere to, as a string so `"any"` (free,
+     * continuous dragging with no step snapping) can be expressed alongside
+     * numeric step sizes.
+     */
+    readonly step: string;
+    protected stepChanged(): void;
+    /**
+     * Set the amount of time, in milliseconds, to wait to trigger the `dsChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.
+     */
+    readonly debounce: number;
+    protected debounceChanged(): void;
+    /**
+     * If `true`, the element is not mutable, focusable, or even submitted with the form. The user can neither edit nor focus on the control, nor its form control descendants.
+     */
+    readonly disabled: boolean;
+    protected disabledChanged(): void;
+    /**
+     * If `true` the element can not be mutated. noUiSlider has no native concept of
+     * `readonly`, so this is treated as equivalent to `disabled`.
+     */
+    readonly readonly: boolean;
+    protected readonlyChanged(): void;
+    /**
+     * If `true`, the user must fill in a value before submitting a form.
+     */
+    readonly required: boolean;
+    /**
+     * If `true`, in Angular reactive forms the control will not be set invalid
+     */
+    readonly autoInvalidOff: boolean;
+    /**
+     * Emitted on each keyboard/pointer movement, before the value is committed.
+     */
+    dsInput: EventEmitter<InputSliderInputDetail>;
+    /**
+     * Emitted when the input has focus.
+     */
+    dsFocus: EventEmitter<InputSliderFocusDetail>;
+    /**
+     * Emitted when the input loses focus.
+     */
+    dsBlur: EventEmitter<InputSliderBlurDetail>;
+    /**
+     * Emitted when the input is clicked.
+     */
+    dsClick: EventEmitter<InputSliderClickDetail>;
+    /**
+     * Emitted when the value is committed (noUiSlider `change`, not `blur` — see
+     * ADR-0006/ADR-0007). Fires once per discrete drag/step, independent of focus.
+     */
+    dsChange: EventEmitter<InputSliderChangeDetail>;
+    /**
+     * LIFECYCLE
+     * ------------------------------------------------------
+     */
+    connectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    /**
+     * PUBLIC LISTENERS
+     * ------------------------------------------------------
+     */
+    listenToClick(ev: UIEvent): void;
+    listenToReset(ev: UIEvent): void;
+    /**
+     * @internal define config for the component
+     */
+    configChanged(state: DsConfigState): Promise<void>;
+    /**
+     * PUBLIC METHODS
+     * ------------------------------------------------------
+     */
+    /**
+     * Sets focus on `ds-input-slider`'s slider handle. Use this method instead of the global
+     * `element.focus()`.
+     */
+    setFocus(): Promise<void>;
+    /**
+     * Sets blur on `ds-input-slider`'s slider handle. Use this method instead of the global
+     * `element.blur()`.
+     * @internal
+     */
+    setBlur(): Promise<void>;
+    /**
+     * Returns the noUiSlider handle element used under the hood.
+     */
+    getInputElement(): Promise<HTMLElement | undefined>;
+    /**
+     * PRIVATE METHODS
+     * ------------------------------------------------------
+     */
+    private setValue;
+    private syncFormValue;
+    private syncDisabledState;
+    /**
+     * EVENT HANDLERS
+     * ------------------------------------------------------
+     */
+    private handleFocus;
+    private handleBlur;
+    private handleClick;
+    /**
+     * RENDER
+     * ------------------------------------------------------
+     */
+    render(): any;
+}

package/dist/types/components/input-slider/input-slider.interfaces.d.ts

@@ -0,0 +1,18 @@
+import { InputColor } from '../input/input.interfaces';
+export type { InputColor };
+export declare const INPUT_SLIDER_BRAND_COLORS: readonly ["yellow", "purple", "red", "green", ""];
+export type InputSliderBrandColor = (typeof INPUT_SLIDER_BRAND_COLORS)[number];
+export interface InputSliderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsInputSliderElement;
+}
+export type InputSliderChangeDetail = number;
+export type InputSliderChange = InputSliderCustomEvent<InputSliderChangeDetail>;
+export type InputSliderInputDetail = number;
+export type InputSliderInput = InputSliderCustomEvent<InputSliderInputDetail>;
+export type InputSliderBlurDetail = FocusEvent;
+export type InputSliderBlur = InputSliderCustomEvent<InputSliderBlurDetail>;
+export type InputSliderFocusDetail = FocusEvent;
+export type InputSliderFocus = InputSliderCustomEvent<InputSliderFocusDetail>;
+export type InputSliderClickDetail = MouseEvent;
+export type InputSliderClick = InputSliderCustomEvent<InputSliderClickDetail>;

package/dist/types/components/input-slider/input-slider.picker.d.ts

@@ -0,0 +1,37 @@
+import { type target as TargetElement } from 'nouislider';
+export interface InputSliderPickerConfig {
+    targetEl: TargetElement;
+    labelId: string;
+    min: number;
+    max: number;
+    step: string;
+    value: number;
+    disabled: boolean;
+    invalid: boolean;
+    onInput: (value: number) => void;
+    onChange: (value: number) => void;
+}
+export declare class InputSliderPickerController {
+    private slider;
+    private config;
+    private suppressEvents;
+    constructor(config: InputSliderPickerConfig);
+    /**
+     * PUBLIC API
+     * ------------------------------------------------------
+     */
+    setValue(value: number): void;
+    setDisabled(disabled: boolean): void;
+    setInvalid(invalid: boolean): void;
+    updateRange(min: number, max: number, step: string): void;
+    focus(): void;
+    blur(): void;
+    get handleEl(): HTMLElement | undefined;
+    destroy(): void;
+    /**
+     * PRIVATE
+     * ------------------------------------------------------
+     */
+    private init;
+    private connectLabelToHandle;
+}

package/dist/types/components/input-slider/input-slider.utils.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Clamps `value` into `[min, max]`. Degrades sanely when `min > max` by
+ * treating the effective range as `[min(min, max), max(min, max)]`.
+ */
+export declare function clampValue(value: number, min: number, max: number): number;
+/**
+ * Resolves the initial value: a range input can never be empty, so an unset
+ * (`NaN`, this codebase's "empty number" sentinel — see `isValueEmpty`) value
+ * defaults to `min`.
+ */
+export declare function resolveInitialValue(value: number, min: number): number;
+/**
+ * Derives the decimal precision implied by a `step` value, so noUiSlider's
+ * `format.to` can round away the floating-point noise its internal
+ * percentage-based math otherwise produces. `"any"` (continuous mode) falls
+ * back to a small fixed precision rather than pretending to be exact.
+ */
+export declare function decimalsFromStep(step: string): number;

package/dist/types/components/input-slider/test/input-slider.a11y.play.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/input-slider/test/input-slider.component.play.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/input-slider/test/input-slider.visual.play.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/label/label.d.ts

@@ -1,5 +1,5 @@
 import { HTMLStencilElement } from '../../stencil-public-runtime';
-import { ElementStateInfo, type LogInstance } from "../../utils/index";
+import { type LogInstance } from "../../utils/index";
 import { DsConfigObserver, DsConfigState, DsLanguage, DsRegion, DsComponentInterface } from "../../global/index";
 import { type LabelSize } from './label.interfaces';
 /**
@@ -8,7 +8,7 @@ import { type LabelSize } from './label.interfaces';
  * @slot - The label content and text.
  * @part label - The native HTML `<label>` element.
  */
-export declare class Label implements DsComponentInterface, DsConfigObserver, ElementStateInfo {
+export declare class Label implements DsComponentInterface, DsConfigObserver {
     log: LogInstance;
     createLogger(log: LogInstance): void;
     el: HTMLStencilElement;
@@ -59,8 +59,7 @@ export declare class Label implements DsComponentInterface, DsConfigObserver, El
      * Defines the size of the font. Default is like a heading 5 and small is used
      * with the form fields.
      */
-    size?: LabelSize;
-    sizeChanged(newValue: LabelSize): void;
+    readonly size?: LabelSize;
     /**
      * If `true` the component gets a valid green style.
      */
@@ -69,7 +68,6 @@ export declare class Label implements DsComponentInterface, DsConfigObserver, El
      * LIFECYCLE
      * ------------------------------------------------------
      */
-    connectedCallback(): void;
     /**
      * PUBLIC LISTENERS
      * ------------------------------------------------------

package/dist/types/components/list/item/item.d.ts

@@ -111,11 +111,6 @@ export declare class Item implements DsComponentInterface {
      * Emitted when the accordion is closed.
      */
     dsAccordionClosed: EventEmitter<AccordionToggleDetail>;
-    /**
-     * LIFECYCLE
-     * ------------------------------------------------------
-     */
-    connectedCallback(): void;
     /**
      * EVENT HANDLERS
      * ------------------------------------------------------

package/dist/types/components/list/item/item.interfaces.d.ts

@@ -1,5 +1,5 @@
 export declare const ITEM_VARIANTS: readonly ["default", "link", "button", "accordion"];
-export declare const ITEM_ACTION_ICONS: readonly ["default", "link", "link-external", "download"];
+export declare const ITEM_ACTION_ICONS: readonly ["", "default", "link", "link-external", "download"];
 export declare const ITEM_LABEL_LEVELS: readonly ["", "h1", "h2", "h3", "h4", "h5"];
 export declare const ITEM_LABEL_SIZES: readonly ["", "h1", "h2", "h3", "h4", "h5", "3xl", "2xl", "xl", "lg", "base"];
 export type ItemVariant = (typeof ITEM_VARIANTS)[number];

package/dist/types/components/list/list.d.ts

@@ -19,11 +19,6 @@ export declare class List implements DsComponentInterface {
      * If `true`, renders an ordered list (`<ol>`); otherwise renders an unordered list (`<ul>`).
      */
     readonly ordered: boolean;
-    /**
-     * LIFECYCLE
-     * ------------------------------------------------------
-     */
-    connectedCallback(): void;
     /**
      * RENDER
      * ------------------------------------------------------

package/dist/types/components/list/test/list.visual.play.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/logo/logo.d.ts

@@ -38,8 +38,7 @@ export declare class Logo implements DsComponentInterface, DsBreakpointObserver,
     /**
      * Size of the logo svg
      */
-    size: LogoSize;
-    sizeChanged(newValue: LogoSize): void;
+    readonly size: LogoSize;
     /**
      * LIFECYCLE
      * ------------------------------------------------------

package/dist/types/components/modal/modal-body/modal-body.d.ts

@@ -0,0 +1,15 @@
+import { HTMLStencilElement } from '../../../stencil-public-runtime';
+import { type LogInstance } from "../../../utils/index";
+import { DsComponentInterface } from "../../../global/index";
+/**
+ * Modal Body renders the content area of a ds-modal. Place it as a direct child of ds-modal.
+ *
+ * @slot - The modal body content.
+ */
+export declare class ModalBody implements DsComponentInterface {
+    log: LogInstance;
+    createLogger(log: LogInstance): void;
+    el: HTMLStencilElement;
+    connectedCallback(): void;
+    render(): any;
+}

package/dist/types/components/modal/modal-header/modal-header.d.ts

@@ -0,0 +1,17 @@
+import { HTMLStencilElement } from '../../../stencil-public-runtime';
+import { type LogInstance } from "../../../utils/index";
+import { DsComponentInterface } from "../../../global/index";
+/**
+ * Modal Header renders the title area of a ds-modal. Place it as a direct child of ds-modal.
+ * Intentionally uses light DOM (no shadow) so that ds-modal's aria-labelledby can resolve
+ * the heading text through the slot chain without crossing shadow boundaries.
+ *
+ * @slot - The modal title text.
+ */
+export declare class ModalHeader implements DsComponentInterface {
+    log: LogInstance;
+    createLogger(log: LogInstance): void;
+    el: HTMLStencilElement;
+    connectedCallback(): void;
+    render(): any;
+}

package/dist/types/components/modal/modal.controller.d.ts

@@ -0,0 +1,3 @@
+import { ModalController } from './modal.interfaces';
+export type { ModalOptions, ModalController } from './modal.interfaces';
+export declare const dsModalController: ModalController;

package/dist/types/components/modal/modal.d.ts

@@ -0,0 +1,97 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { HTMLStencilElement } from '../../stencil-public-runtime';
+import { type LogInstance } from "../../utils/index";
+import { DsComponentInterface, DsConfigObserver, DsConfigState } from "../../global/index";
+import { ModalPresentDetail, ModalDismissDetail } from './modal.interfaces';
+/**
+ * Modal displays content in a dialog overlay using the native dialog element.
+ * Supports both slot-based sub-components (ds-modal-header, ds-modal-body) and
+ * direct named slots (slot="header", slot="body").
+ *
+ * @slot header - The modal title content. Used automatically by ds-modal-header.
+ * @slot body - The modal body content. Used automatically by ds-modal-body.
+ * @slot actions - Action buttons rendered right-aligned at the bottom of the modal.
+ * @part dialog - The native dialog element.
+ * @part close - The close button.
+ * @part title - The h2 wrapping the header slot.
+ * @part body - The div wrapping the body slot.
+ * @part actions - The div wrapping the actions slot.
+ */
+export declare class Modal implements DsComponentInterface, DsConfigObserver {
+    private dialogEl;
+    private scrollHandler;
+    log: LogInstance;
+    createLogger(log: LogInstance): void;
+    el: HTMLStencilElement;
+    animated: boolean;
+    isOpen: boolean;
+    private transitionQueue;
+    /**
+     * PUBLIC PROPERTY API
+     * ------------------------------------------------------
+     */
+    /**
+     * If `true` the modal is open.
+     */
+    open: boolean;
+    openChanged(newValue: boolean): void;
+    /**
+     * If `true`, the modal can be dismissed via Escape key, close button, and backdrop click.
+     */
+    readonly closable: boolean;
+    /**
+     * Width of the modal in pixels.
+     */
+    readonly modalWidth: number;
+    /**
+     * If `true`, the modal covers the full viewport.
+     */
+    readonly fullscreen: boolean;
+    /**
+     * EVENTS
+     * ------------------------------------------------------
+     */
+    /** Emitted before the modal opens. */
+    dsWillPresent: EventEmitter<ModalPresentDetail>;
+    /** Emitted after the modal is fully open. */
+    dsDidPresent: EventEmitter<ModalPresentDetail>;
+    /** Emitted before the modal closes. */
+    dsWillDismiss: EventEmitter<ModalDismissDetail>;
+    /** Emitted after the modal is fully closed. */
+    dsDidDismiss: EventEmitter<ModalDismissDetail>;
+    /**
+     * LIFECYCLE
+     * ------------------------------------------------------
+     */
+    connectedCallback(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    /**
+     * PUBLIC METHODS
+     * ------------------------------------------------------
+     */
+    /** Opens the modal. */
+    present(): Promise<void>;
+    /** Closes the modal. */
+    dismiss(): Promise<void>;
+    /**
+     * @internal define config for the component
+     */
+    configChanged(state: DsConfigState): Promise<void>;
+    /**
+     * PRIVATE METHODS
+     * ------------------------------------------------------
+     */
+    private runOpen;
+    private runClose;
+    private doOpen;
+    private doClose;
+    private handleCancel;
+    private handleNativeClose;
+    private handleBackdropClick;
+    /**
+     * RENDER
+     * ------------------------------------------------------
+     */
+    render(): any;
+}

package/dist/types/components/modal/modal.interfaces.d.ts

@@ -0,0 +1,15 @@
+export interface ModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLDsModalElement;
+}
+export type ModalPresentDetail = void;
+export type ModalDismissDetail = void;
+export interface ModalOptions {
+    modalWidth?: number;
+    closable?: boolean;
+}
+export interface ModalController {
+    create(options?: ModalOptions): Promise<HTMLDsModalElement>;
+    dismiss(id?: string): Promise<void>;
+    dismissAll(): Promise<void>;
+}

package/dist/types/components/modal/test/modal.a11y.play.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/modal/test/modal.component.play.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/modal/test/modal.visual.play.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/navbar/navbar.d.ts

@@ -0,0 +1,128 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { DsBreakpointObserver, DsBreakpoints, type LogInstance, type ResizeObserver } from "../../utils/index";
+import { DsComponentInterface, DsConfigObserver, DsConfigState, DsLanguage, DsRegion } from "../../global/index";
+import { HTMLStencilElement } from '../../stencil-public-runtime';
+import { NavbarContainer } from './navbar.interfaces';
+/**
+ * Navbar provides semantic navigation with responsive sidebar menu and keyboard support.
+ *
+ * @slot brand - Logo or branding element (always visible)
+ * @slot title - Page title or heading (visible on desktop and larger screens)
+ * @slot menu-start - Left navigation links (inline on desktop, in sidebar on mobile)
+ * @slot menu-end - Right navigation links and action buttons (inline on desktop, in sidebar on mobile)
+ * @slot actions - Action buttons (always visible, positioned on the right)
+ * @part nav - The semantic navigation container
+ * @part hamburger - The mobile hamburger button
+ * @part sidebar - The mobile menu sidebar (aside element)
+ */
+export declare class Navbar implements DsComponentInterface, DsBreakpointObserver, DsConfigObserver, ResizeObserver {
+    private navEl;
+    private sidebarEl;
+    private burgerButton;
+    private containerEl;
+    private scrollHandler;
+    private focusHandler;
+    private burgerModeThresholdWidth;
+    language: DsLanguage;
+    region: DsRegion;
+    isTouch: boolean;
+    isSidebarOpen: boolean;
+    isOverflowing: boolean;
+    /**
+     * PUBLIC PROPERTY API
+     * ─────────────────────────────────────────────────────
+     */
+    log: LogInstance;
+    createLogger(log: LogInstance): void;
+    el: HTMLStencilElement;
+    /**
+     * If `true` the navbar will open the sidebar menu.
+     */
+    readonly open: boolean;
+    openChanged(newValue: boolean): void;
+    /**
+     * If `true` the navbar will use a light color scheme.
+     */
+    readonly light: boolean;
+    /**
+     * Sets the inner content container width. Accepts `'default'`, `'fluid'`, or `'compact'`.
+     * Matches the `ds-container` sizing variants.
+     */
+    readonly container: NavbarContainer;
+    /**
+     * Emitted when the sidebar menu starts opening
+     */
+    dsMenuOpenStart: EventEmitter<void>;
+    /**
+     * Emitted when the sidebar menu finishes opening
+     */
+    dsMenuOpenEnd: EventEmitter<void>;
+    /**
+     * Emitted when the sidebar menu starts closing
+     */
+    dsMenuCloseStart: EventEmitter<void>;
+    /**
+     * Emitted when the sidebar menu finishes closing
+     */
+    dsMenuCloseEnd: EventEmitter<void>;
+    /**
+     * LIFECYCLE
+     * ─────────────────────────────────────────────────────
+     */
+    connectedCallback(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    /**
+     * PUBLIC LISTENERS
+     * ─────────────────────────────────────────────────────
+     */
+    listenToBreakpoint(breakpoints: DsBreakpoints): void;
+    /**
+     * @internal Listens to config changes and updates language/region state
+     */
+    configChanged(state: DsConfigState): Promise<void>;
+    /**
+     * @internal Listens to resize events and checks for content overflow
+     */
+    listenToResize(): Promise<void>;
+    /**
+     * PUBLIC METHODS
+     * ─────────────────────────────────────────────────────
+     */
+    /**
+     * Toggles the sidebar menu open/closed state
+     */
+    toggleSidebar(): Promise<void>;
+    /**
+     * Opens the sidebar menu
+     */
+    openSidebar(): Promise<void>;
+    /**
+     * Closes the sidebar menu
+     */
+    closeSidebar(): Promise<void>;
+    /**
+     * EVENT HANDLERS
+     * ─────────────────────────────────────────────────────
+     */
+    private handleHamburgerClick;
+    private handleBackdropClick;
+    private handleDrawerClickBound;
+    private handleDrawerClick;
+    private handleDocumentKeyDown;
+    /**
+     * PRIVATE METHODS
+     * ─────────────────────────────────────────────────────
+     */
+    private attachKeyboardListener;
+    private detachKeyboardListener;
+    private attachSidebarClickListener;
+    private detachSidebarClickListener;
+    private checkNavbarOverflow;
+    private setIsSidebarOpen;
+    /**
+     * RENDER
+     * ─────────────────────────────────────────────────────
+     */
+    render(): any;
+}

package/dist/types/components/navbar/navbar.i18n.d.ts

@@ -0,0 +1,9 @@
+import { I18n } from '../../interfaces';
+interface I18nDsNavbar {
+    mainNavigation: string;
+    openMenu: string;
+    closeMenu: string;
+    navigationMenu: string;
+}
+export declare const i18nDsNavbar: I18n<I18nDsNavbar>;
+export {};

package/dist/types/components/navbar/navbar.interfaces.d.ts

@@ -0,0 +1,10 @@
+export interface DsNavbarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLElement;
+}
+export type DsNavbarMenuOpenStart = DsNavbarCustomEvent<void>;
+export type DsNavbarMenuOpenEnd = DsNavbarCustomEvent<void>;
+export type DsNavbarMenuCloseStart = DsNavbarCustomEvent<void>;
+export type DsNavbarMenuCloseEnd = DsNavbarCustomEvent<void>;
+export declare const NAVBAR_CONTAINERS: readonly ["default", "fluid", "compact", ""];
+export type NavbarContainer = (typeof NAVBAR_CONTAINERS)[number];

package/dist/types/components/navbar/test/navbar.a11y.play.d.ts

@@ -0,0 +1 @@
+export {};