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

package/dist/types/components/alert/alert-container.d.ts

@@ -12,11 +12,10 @@ export declare class AlertContainer implements DsComponentInterface {
     alerts: AlertComponent[];
     private maxVisibleItems;
     private animationDurationMs;
-    private containerEl;
     private alertTimers;
     /**
      * PUBLIC PROPERTY API
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     /**
      * If `true`, alerts animate in and out.
@@ -25,14 +24,14 @@ export declare class AlertContainer implements DsComponentInterface {
     /**
      * Defines the container size constraint for the alert layout.
      */
-    readonly container: AlertContainerSize;
+    readonly container?: AlertContainerSize;
     /**
      * Defines the display type: `toast` (top-right overlay) or `snackbar` (bottom banner).
      */
     readonly type: AlertType;
     /**
      * PUBLIC METHODS
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     /**
      * Adds an alert to the queue and returns its generated ID.
@@ -48,7 +47,7 @@ export declare class AlertContainer implements DsComponentInterface {
     removeAll(): Promise<void>;
     /**
      * PRIVATE METHODS
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     private activeTimer;
     private getDuration;
@@ -56,7 +55,7 @@ export declare class AlertContainer implements DsComponentInterface {
     private hasDuplications;
     /**
      * RENDER
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     render(): any;
 }

package/dist/types/components/alert/alert-container.interfaces.d.ts

@@ -1,6 +1,6 @@
 import { ButtonTarget } from '../button/button.interfaces';
 export declare const ALERT_TYPES: readonly ["toast", "snackbar"];
-export declare const ALERT_CONTAINER_SIZES: readonly ["", "fluid", "detail-page", "compact", "blog-page", "wide"];
+export declare const ALERT_CONTAINER_SIZES: readonly ["fluid", "detail-page", "compact", "blog-page", "wide"];
 export declare const ALERT_COLORS: readonly ["base", "info", "success", "warning", "danger", "outline-base", "outline-purple", "outline-green", "outline-yellow", "outline-red"];
 export type AlertType = (typeof ALERT_TYPES)[number];
 export type AlertContainerSize = (typeof ALERT_CONTAINER_SIZES)[number];

package/dist/types/components/alert/snackbar/snackbar.d.ts

@@ -20,6 +20,10 @@ export declare class Snackbar implements DsComponentInterface, AlertComponent, D
     isMobile: boolean;
     mobileOpenState: boolean;
     didLoad: boolean;
+    /**
+     * PUBLIC PROPERTY API
+     * ─────────────────────────────────────────────────────
+     */
     /**
      * Defines the color of the element
      * Color type primary is deprecated, please use info instead.
@@ -94,17 +98,17 @@ export declare class Snackbar implements DsComponentInterface, AlertComponent, D
     dsDidLoad: EventEmitter<void>;
     /**
      * LIFECYCLE
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     componentDidLoad(): void;
     /**
-     * LISTENERS
-     * ------------------------------------------------------
+     * PUBLIC LISTENERS
+     * ─────────────────────────────────────────────────────
      */
     listenToBreakpoint(breakpoints: DsBreakpoints): void;
     /**
      * PUBLIC METHODS
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     /**
      * Closes this notification
@@ -112,13 +116,13 @@ export declare class Snackbar implements DsComponentInterface, AlertComponent, D
     close(): Promise<void>;
     /**
      * PRIVATE METHODS
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     private generateSvgContent;
     private generateIconName;
     /**
      * RENDER
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     render(): any;
 }

package/dist/types/components/alert/toast/toast.d.ts

@@ -20,6 +20,10 @@ export declare class Toast implements DsComponentInterface, AlertComponent, DsCo
     animated: boolean;
     didLoad: boolean;
     didPause: boolean;
+    /**
+     * PUBLIC PROPERTY API
+     * ─────────────────────────────────────────────────────
+     */
     /**
      * Defines the color of the element
      * Color type primary is deprecated, please use info instead.
@@ -109,12 +113,12 @@ export declare class Toast implements DsComponentInterface, AlertComponent, DsCo
     dsDidResume: EventEmitter<void>;
     /**
      * LIFECYCLE
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     componentDidLoad(): void;
     /**
      * PUBLIC METHODS
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     /**
      * Closes this notification
@@ -126,13 +130,13 @@ export declare class Toast implements DsComponentInterface, AlertComponent, DsCo
     configChanged(state: DsConfigState): Promise<void>;
     /**
      * PRIVATE METHODS
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     private generateSvgContent;
     private generateIconName;
     /**
      * RENDER
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     render(): any;
 }

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

@@ -14,6 +14,10 @@ export declare class App implements DsComponentInterface {
     el: HTMLStencilElement;
     log: LogInstance;
     createLogger(log: LogInstance): void;
+    /**
+     * PUBLIC PROPERTY API
+     * ─────────────────────────────────────────────────────
+     */
     /**
      * Disables all animation inside the ds-app. Can be used for simplify e2e testing.
      */
@@ -30,10 +34,29 @@ export declare class App implements DsComponentInterface {
      * Emitted when app is ready and painted.
      */
     dsAppReady: EventEmitter<void>;
+    /**
+     * LIFECYCLE
+     * ─────────────────────────────────────────────────────
+     */
     connectedCallback(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
+    /**
+     * PUBLIC METHODS
+     * ─────────────────────────────────────────────────────
+     */
+    /**
+     * Sets focus on the given elements using the app's focus-visible handling.
+     */
     setFocus(elements: HTMLElement[]): Promise<void>;
+    /**
+     * EVENT HANDLERS
+     * ─────────────────────────────────────────────────────
+     */
     notifyResize: () => Promise<void>;
+    /**
+     * RENDER
+     * ─────────────────────────────────────────────────────
+     */
     render(): any;
 }

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

@@ -13,6 +13,10 @@ export declare class Badge implements DsComponentInterface {
     log: LogInstance;
     createLogger(log: LogInstance): void;
     el: HTMLStencilElement;
+    /**
+     * PUBLIC PROPERTY API
+     * ─────────────────────────────────────────────────────
+     */
     /**
      * Name of the icon to show. If an icon is present, text should be hidden.
      */
@@ -20,18 +24,22 @@ export declare class Badge implements DsComponentInterface {
     /**
      * Define the size of badge. Small is recommended for tabs.
      */
-    readonly size: BadgeSize;
+    readonly size?: BadgeSize;
     /**
      * Define the color for the badge.
      */
-    readonly color: BadgeColor;
+    readonly color?: BadgeColor;
     /**
-     * If `true` the badge is added to the top right corner of the card.
+     * Defines where the badge is positioned relative to its host, e.g. the top right corner of a card.
      */
-    readonly position: BadgePosition;
+    readonly position?: BadgePosition;
     /**
      * If `true` the badge is added to the top right corner of the card.
      */
     readonly pulse: boolean;
+    /**
+     * RENDER
+     * ─────────────────────────────────────────────────────
+     */
     render(): any;
 }

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

@@ -1,6 +1,6 @@
-export declare const BADGE_SIZES: readonly ["sm", "lg", "small", "large", ""];
-export declare const BADGE_COLORS: readonly ["grey", "danger", "warning", "success", "red", "yellow", "green", "purple", ""];
-export declare const BADGE_POSITIONS: readonly ["card", "button", "tabs", ""];
+export declare const BADGE_SIZES: readonly ["sm", "lg", "small", "large"];
+export declare const BADGE_COLORS: readonly ["grey", "danger", "warning", "success", "red", "yellow", "green", "purple"];
+export declare const BADGE_POSITIONS: readonly ["card", "button", "tabs"];
 export type BadgeSize = (typeof BADGE_SIZES)[number];
 export type BadgeColor = (typeof BADGE_COLORS)[number];
 export type BadgePosition = (typeof BADGE_POSITIONS)[number];

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

@@ -1,6 +1,6 @@
 export declare const BUTTON_GROUP_ALIGNMENTS: readonly ["right", "center", "left", ""];
 export declare const BUTTON_GROUP_DIRECTIONS: readonly ["auto", "row", "column"];
-export declare const BUTTON_COLORS: readonly ["", "primary", "secondary", "tertiary", "tertiary-purple", "tertiary-red", "tertiary-yellow", "tertiary-green", "link", "light", "success", "warning", "danger", "text", "info", "primary-light", "info-light"];
+export declare const BUTTON_COLORS: readonly ["primary", "secondary", "tertiary", "tertiary-purple", "tertiary-red", "tertiary-yellow", "tertiary-green", "link", "light", "success", "warning", "danger", "text", "info", "primary-light", "info-light"];
 export declare const BUTTON_ELEMENT_TYPES: readonly ["button", "reset", "submit"];
 export declare const BUTTON_SIZES: readonly ["sm", "", "lg", "xl", "small"];
 export declare const BUTTON_TARGETS: readonly ["_blank", "_parent", "_self", "_top", ""];

package/dist/types/components/card/card-subtitle/card-subtitle.d.ts

@@ -23,6 +23,6 @@ export declare class CardSubtitle implements DsComponentInterface {
     /**
      * If `true` the card text color becomes white.
      */
-    readonly color: HeadingColor;
+    readonly color?: HeadingColor;
     render(): any;
 }

package/dist/types/components/card/card-title/card-title.d.ts

@@ -25,6 +25,6 @@ export declare class CardTitle implements DsComponentInterface {
      * This option allows you to make e.g. h1 visually look like h3,
      * but still keep it h1 in the markup.
      */
-    readonly visualLevel: HeadingVisualLevel;
+    readonly visualLevel?: HeadingVisualLevel;
     render(): any;
 }

package/dist/types/components/checkbox/checkbox-group/checkbox-group.d.ts

@@ -10,6 +10,7 @@ import { HTMLStencilElement } from '../../../stencil-public-runtime';
  * Checkbox Group groups multiple checkboxes so multiple options can be selected within a form field.
  *
  * @slot - The checkbox items to display inside the group.
+ * @slot invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`.
  */
 export declare class CheckboxGroup implements DsComponentInterface, FieldInterface {
     inputId: string;
@@ -20,6 +21,8 @@ export declare class CheckboxGroup implements DsComponentInterface, FieldInterfa
     language: DsLanguage;
     region: DsRegion;
     private internalValue;
+    hasInvalidTextSlotContent: boolean;
+    private disconnectInvalidTextSlotWatcher?;
     /**
      * PUBLIC PROPERTY API
      * ------------------------------------------------------
@@ -122,6 +125,7 @@ export declare class CheckboxGroup implements DsComponentInterface, FieldInterfa
      * ------------------------------------------------------
      */
     connectedCallback(): void;
+    disconnectedCallback(): void;
     componentWillLoad(): void;
     componentWillUpdate(): void;
     componentDidLoad(): void;

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

@@ -14,10 +14,14 @@ export declare class Close implements DsComponentInterface, DsConfigObserver {
     el: HTMLStencilElement;
     language: DsLanguage;
     region: DsRegion;
+    /**
+     * PUBLIC PROPERTY API
+     * ─────────────────────────────────────────────────────
+     */
     /**
      * Define the size of badge. Small is recommended for tabs.
      */
-    readonly size: CloseSize;
+    readonly size?: CloseSize;
     /**
      * If `true` it supports dark backgrounds.
      */
@@ -34,10 +38,18 @@ export declare class Close implements DsComponentInterface, DsConfigObserver {
     /**
      * Defines the color of the button variant. Only applicable if `button` is `true`.
      */
-    readonly buttonColor: ButtonColor;
+    readonly buttonColor?: ButtonColor;
+    /**
+     * PUBLIC METHODS
+     * ─────────────────────────────────────────────────────
+     */
     /**
      * @internal define config for the component
      */
     configChanged(state: DsConfigState): Promise<void>;
+    /**
+     * RENDER
+     * ─────────────────────────────────────────────────────
+     */
     render(): any;
 }

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

@@ -1,2 +1,2 @@
-export declare const CLOSE_SIZES: readonly ["", "sm", "md", "small", "medium"];
+export declare const CLOSE_SIZES: readonly ["sm", "md", "small", "medium"];
 export type CloseSize = (typeof CLOSE_SIZES)[number];

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

@@ -20,30 +20,30 @@ export declare class Content implements DsComponentInterface {
     /**
      * **Deprecated:** Use direction instead.
      */
-    readonly layout: StackLayout;
+    readonly layout?: StackLayout;
     /**
      * Defines the direction of the child elements. Default is column.
      */
-    readonly direction: StackDirection;
+    readonly direction?: StackDirection;
     /**
      * Defines the positioning like center, end or
      * default to start.
      */
-    readonly align: ContentAlignment;
+    readonly align?: ContentAlignment;
     /**
      * Defines the text positioning like center, right or
      * default to left.
      */
-    readonly textAlign: ContentTextAlignment;
+    readonly textAlign?: ContentTextAlignment;
     /**
      * Defines the space between the child elements. Default is xx-small.
      */
-    readonly space: ContentSpace;
+    readonly space?: ContentSpace;
     /**
      * @internal
      * Please use align instead.
      */
-    readonly alignment: StackAlignment;
+    readonly alignment?: StackAlignment;
     /**
      * RENDER
      * ------------------------------------------------------

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

@@ -1,7 +1,7 @@
 export declare const CONTENT_LAYOUTS: readonly ["", "horizontal", "vertical"];
-export declare const CONTENT_DIRECTIONS: readonly ["", "column", "row"];
-export declare const CONTENT_SPACES: readonly ["", "none", "3xs", "2xs", "xs", "sm", "base", "xxx-small", "xx-small", "x-small", "small", "normal"];
-export declare const CONTENT_ALIGNMENTS: readonly ["", "start", "center", "end"];
+export declare const CONTENT_DIRECTIONS: readonly ["column", "row"];
+export declare const CONTENT_SPACES: readonly ["none", "3xs", "2xs", "xs", "sm", "base", "xxx-small", "xx-small", "x-small", "small", "normal"];
+export declare const CONTENT_ALIGNMENTS: readonly ["start", "center", "end"];
 export declare const CONTENT_TEXT_ALIGNMENTS: readonly ["", "left", "center", "right"];
 export type ContentLayout = (typeof CONTENT_LAYOUTS)[number];
 export type ContentDirection = (typeof CONTENT_DIRECTIONS)[number];

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

@@ -9,6 +9,7 @@ import { DateColor, DateBlurDetail, DateKeyPressDetail, DateFocusDetail, DateCli
 /**
  * Date renders a masked date input field with an interactive calendar popup for date selection.
  *
+ * @slot invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`.
  * @part input - The native HTML input element.
  * @part clear - The clear button that removes the selected date.
  * @part trigger - The calendar icon button that opens the date picker popup.
@@ -30,6 +31,8 @@ export declare class DsDate implements DsComponentInterface, FieldInterface, For
     language: DsLanguage;
     region: DsRegion;
     isOpen: boolean;
+    hasInvalidTextSlotContent: boolean;
+    private disconnectInvalidTextSlotWatcher?;
     protected isOpenChanged(open: boolean): void;
     internals: ElementInternals;
     /**

package/dist/types/components/file-upload/file-upload.d.ts

@@ -9,6 +9,7 @@ import { type FileUploadChangeDetail, type FileUploadFilesAddedDetail, type File
 /**
  * FileUpload renders a drag-drop file upload area with optional file list, validation, and form field integration.
  *
+ * @slot invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`.
  * @part drop-zone - The main drop area where users drag files or click to select.
  * @part file-list - The list of selected files below the drop zone.
  */
@@ -25,6 +26,8 @@ export declare class FileUpload implements DsComponentInterface, FieldInterface
     isDragOver: boolean;
     language: DsLanguage;
     region: DsRegion;
+    hasInvalidTextSlotContent: boolean;
+    private disconnectInvalidTextSlotWatcher?;
     /**
      * PUBLIC PROPERTY API
      * ------------------------------------------------------

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

@@ -17,7 +17,7 @@ export declare class Heading implements DsComponentInterface {
     autoFontSize?: HeadingSize;
     /**
      * PUBLIC PROPERTY API
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     /**
      * The actual heading level used in the HTML markup.
@@ -29,12 +29,12 @@ export declare class Heading implements DsComponentInterface {
      * This option allows you to make e.g. h1 visually look like h3,
      * but still keep it h1 in the markup.
      */
-    readonly visualLevel: HeadingVisualLevel;
+    readonly visualLevel?: HeadingVisualLevel;
     visualLevelChanged(): void;
     /**
      * The actual heading level used in the HTML markup.
      */
-    readonly autoLevel: HeadingVisualLevel;
+    readonly autoLevel?: HeadingVisualLevel;
     autoLevelChanged(): void;
     /**
      * When true, the text will be truncated with a text overflow ellipsis instead of wrapping.
@@ -49,11 +49,11 @@ export declare class Heading implements DsComponentInterface {
     /**
      * Defines at which position the heading has spacing.
      */
-    readonly space: HeadingSpace;
+    readonly space?: HeadingSpace;
     /**
      * The theme type of the toast.
      */
-    readonly color: HeadingColor;
+    readonly color?: HeadingColor;
     /**
      * If `true` the color gets inverted for dark backgrounds
      */
@@ -64,14 +64,14 @@ export declare class Heading implements DsComponentInterface {
     readonly shadow: boolean;
     /**
      * LIFECYCLE
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
-    connectedCallback(): void;
+    componentWillLoad(): void;
     componentDidRender(): void;
     private updateAutoFontSize;
     /**
-     * GETTERS
-     * ------------------------------------------------------
+     * PRIVATE METHODS
+     * ─────────────────────────────────────────────────────
      */
     private get rows();
     private get fontColor();
@@ -79,7 +79,7 @@ export declare class Heading implements DsComponentInterface {
     private get tag();
     /**
      * RENDER
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     render(): any;
 }

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

@@ -1,8 +1,8 @@
-export declare const HEADING_VISUAL_LEVELS: readonly ["display", "display-2", "h1", "h2", "h3", "h4", "h5", "5xl", "4xl", "3xl", "2xl", "xl", "lg", "md", "base", ""];
-export declare const HEADING_COLORS: readonly ["primary", "info", "success", "warning", "danger", "blue", "white", ""];
+export declare const HEADING_VISUAL_LEVELS: readonly ["display", "display-2", "h1", "h2", "h3", "h4", "h5", "5xl", "4xl", "3xl", "2xl", "xl", "lg", "md", "base"];
+export declare const HEADING_COLORS: readonly ["primary", "info", "success", "warning", "danger", "blue", "white"];
 export declare const HEADING_TAGS: readonly ["h1", "h2", "h3", "h4", "h5", "span", "p"];
 export declare const HEADING_LEVELS: readonly ["display", "display-2", "h1", "h2", "h3", "h4", "h5", "span", "p", ""];
-export declare const HEADING_SPACES: readonly ["none", "bottom", "top", "all", ""];
+export declare const HEADING_SPACES: readonly ["none", "bottom", "top", "all"];
 export type HeadingVisualLevel = (typeof HEADING_VISUAL_LEVELS)[number];
 export type HeadingTag = (typeof HEADING_TAGS)[number];
 export type HeadingLevel = (typeof HEADING_LEVELS)[number];

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

@@ -8,6 +8,7 @@ import { InputColor, InputInputType, InputAutocomplete, InputAutocorrect, InputI
 /**
  * Input renders a text input field with validation, masking, autocomplete, and optional help/error messaging.
  *
+ * @slot invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`.
  * @part input - The native HTML input element.
  * @part prefix - The prefix wrapper (if used).
  * @part suffix - The suffix wrapper (if used).
@@ -23,6 +24,8 @@ export declare class Input implements DsComponentInterface, FieldInterface, Form
     focused: boolean;
     language: DsLanguage;
     region: DsRegion;
+    hasInvalidTextSlotContent: boolean;
+    private disconnectInvalidTextSlotWatcher?;
     internals: ElementInternals;
     /**
      * PUBLIC PROPERTY API
@@ -202,6 +205,7 @@ export declare class Input implements DsComponentInterface, FieldInterface, Form
      * ------------------------------------------------------
      */
     connectedCallback(): void;
+    disconnectedCallback(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
     /**

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

@@ -8,6 +8,7 @@ import { InputSliderBrandColor, InputSliderInputDetail, InputSliderChangeDetail,
 /**
  * Input slider renders a noUiSlider-backed slider with validation and label/description messaging.
  *
+ * @slot invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`.
  * @part slider - The noUiSlider target element.
  */
 export declare class InputSlider implements DsComponentInterface, FieldInterface {
@@ -23,6 +24,8 @@ export declare class InputSlider implements DsComponentInterface, FieldInterface
     focused: boolean;
     language: DsLanguage;
     region: DsRegion;
+    hasInvalidTextSlotContent: boolean;
+    private disconnectInvalidTextSlotWatcher?;
     /**
      * PUBLIC PROPERTY API
      * ------------------------------------------------------
@@ -124,7 +127,7 @@ export declare class InputSlider implements DsComponentInterface, FieldInterface
     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.
+     * ADR-0010/ADR-0007). Fires once per discrete drag/step, independent of focus.
      */
     dsChange: EventEmitter<InputSliderChangeDetail>;
     /**

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

@@ -19,7 +19,7 @@ export declare class Notification implements DsComponentInterface {
     private timer;
     /**
      * PUBLIC PROPERTY API
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     /**
      * If `true` the notification will be displayed as an alert, otherwise as a status message.
@@ -37,7 +37,7 @@ export declare class Notification implements DsComponentInterface {
      * Defines the color of the element
      * Color type primary is deprecated, please use info instead.
      */
-    readonly color: NotificationColor;
+    readonly color?: NotificationColor;
     /**
      * Defines the heading of the notification.
      */
@@ -60,12 +60,12 @@ export declare class Notification implements DsComponentInterface {
     dsDidLoad: EventEmitter<void>;
     /**
      * LIFECYCLE
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     componentDidLoad(): void;
     /**
      * PUBLIC METHODS
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     /**
      * Closes this notification
@@ -73,7 +73,7 @@ export declare class Notification implements DsComponentInterface {
     close(): Promise<void>;
     /**
      * RENDER
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     render(): any;
 }

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

@@ -1,5 +1,5 @@
-export declare const NOTIFICATION_SIZES: readonly ["sm", "md", "lg", "", "small", "medium", "large"];
-export declare const NOTIFICATION_COLORS: readonly ["", "base", "info", "success", "warning", "danger", "outline-base", "outline-purple", "outline-green", "outline-yellow", "outline-red"];
+export declare const NOTIFICATION_SIZES: readonly ["sm", "md", "lg", "small", "medium", "large"];
+export declare const NOTIFICATION_COLORS: readonly ["base", "info", "success", "warning", "danger", "outline-base", "outline-purple", "outline-green", "outline-yellow", "outline-red"];
 export type NotificationSize = (typeof NOTIFICATION_SIZES)[number];
 export type NotificationColor = (typeof NOTIFICATION_COLORS)[number];
 export interface NotificationCustomEvent<T> extends CustomEvent<T> {

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

@@ -9,6 +9,7 @@ import { NumberInputInputDetail, NumberInputChangeDetail, NumberInputBlurDetail,
  * Number input renders a specialized text input for numeric values with increment/decrement buttons, formatting, and validation.
  *
  * @slot - The number input field content and surrounding elements.
+ * @slot invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`.
  * @part input - The native HTML input element.
  * @part prefix - The prefix wrapper (if used).
  * @part suffix - The suffix wrapper (if used).
@@ -20,12 +21,14 @@ export declare class NumberInput implements DsComponentInterface, FieldInterface
     private inheritedAttributes;
     private selectTimeout?;
     private control;
+    private disconnectInvalidTextSlotWatcher?;
     private lastValue;
     log: LogInstance;
     createLogger(log: LogInstance): void;
     el: HTMLStencilElement;
     internals: ElementInternals;
     focused: boolean;
+    hasInvalidTextSlotContent: boolean;
     language: DsLanguage;
     region: DsRegion;
     nativeInputValue: string;
@@ -141,6 +144,7 @@ export declare class NumberInput implements DsComponentInterface, FieldInterface
      * ------------------------------------------------------
      */
     connectedCallback(): void;
+    disconnectedCallback(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
     /**