@baloise/ds-core 20.0.0-next.6 → 20.0.0-next.8

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

@@ -0,0 +1,189 @@
+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.
+ *
+ * @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 {
+    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;
+    hasInvalidTextSlotContent: boolean;
+    private disconnectInvalidTextSlotWatcher?;
+    /**
+     * 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-0010/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/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;
     /**

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

@@ -9,6 +9,7 @@ import { HTMLStencilElement } from '../../../stencil-public-runtime';
  * Radio Group groups multiple radio inputs so only one option can be selected at a time within a form field.
  *
  * @slot - The radio 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 RadioGroup implements DsComponentInterface, FieldInterface {
     log: LogInstance;
@@ -17,6 +18,8 @@ export declare class RadioGroup implements DsComponentInterface, FieldInterface
     internals: ElementInternals;
     language: DsLanguage;
     region: DsRegion;
+    hasInvalidTextSlotContent: boolean;
+    private disconnectInvalidTextSlotWatcher?;
     inputId: string;
     private initialValue?;
     /**
@@ -87,6 +90,10 @@ export declare class RadioGroup implements DsComponentInterface, FieldInterface
      * Defines the layout of the input
      */
     readonly tile: boolean;
+    /**
+     * If `true` and `tile` is set, the radio circle is visually hidden on every radio in the group.
+     */
+    readonly hideTrigger: boolean;
     /**
      * Defines the color of the tile checkbox.
      */
@@ -117,8 +124,10 @@ export declare class RadioGroup implements DsComponentInterface, FieldInterface
      * ------------------------------------------------------
      */
     connectedCallback(): void;
+    disconnectedCallback(): void;
     componentWillLoad(): void;
     componentWillUpdate(): void;
+    componentDidLoad(): void;
     /**
      * PUBLIC LISTENERS
      * ------------------------------------------------------
@@ -143,6 +152,7 @@ export declare class RadioGroup implements DsComponentInterface, FieldInterface
      * ------------------------------------------------------
      */
     private handleValueChange;
+    private handleSlotChange;
     private handleClick;
     /**
      * PRIVATE METHODS

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

@@ -81,6 +81,10 @@ export declare class Radio implements DsComponentInterface {
      * Defines the layout of the input
      */
     readonly tile: boolean;
+    /**
+     * If `true` and `tile` is set, the radio circle is visually hidden. The tile remains fully clickable and keyboard-accessible.
+     */
+    readonly hideTrigger: boolean;
     /**
      * Defines the color of the tile radio.
      */

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

@@ -9,6 +9,7 @@ import { HTMLStencilElement } from '../../../stencil-public-runtime';
  * Segment renders a group of button-like controls for selecting a single option from multiple choices with toggle behavior.
  *
  * @slot - One or more ds-segment-item elements.
+ * @slot invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`.
  * @part segment - The segment container element.
  */
 export declare class Segment implements DsComponentInterface, Omit<FieldInterface, 'color'> {
@@ -21,6 +22,8 @@ export declare class Segment implements DsComponentInterface, Omit<FieldInterfac
     region: DsRegion;
     items: SegmentItemInterface[];
     autoVertical: boolean;
+    hasInvalidTextSlotContent: boolean;
+    private disconnectInvalidTextSlotWatcher?;
     private initialValue?;
     private resizeObserver?;
     private lastNaturalWidth;

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

@@ -12,6 +12,7 @@ import { SelectOption, SelectOptionGroup, SelectChangeDetail, SelectFocusDetail,
  *
  * @slot - Optional ds-select-option / ds-select-optgroup elements, as an HTML-only alternative
  * to the options / optionGroups props. Ignored whenever options or optionGroups is non-empty.
+ * @slot invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`.
  * @part inner - The inner wrapper element containing label, control, and description.
  * @part label - The label element.
  * @part control - The control container wrapping the slim-select trigger.
@@ -31,6 +32,8 @@ export declare class DsSelect implements DsComponentInterface, FieldInterface {
     language: DsLanguage;
     region: DsRegion;
     slottedOptions: SelectOption[];
+    hasInvalidTextSlotContent: boolean;
+    private disconnectInvalidTextSlotWatcher?;
     slottedOptionGroups: SelectOptionGroup[];
     internals: ElementInternals;
     /**

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

@@ -6,6 +6,7 @@ import { SpinnerColor, SpinnerLabelPosition, SpinnerSize, SpinnerVariation } fro
  * Spinner displays an animated loading indicator with customizable color, size, and variation.
  *
  * @part inner - The spinner animation container element.
+ * @part label - The visible label rendered next to the spinner.
  */
 export declare class Spinner implements DsComponentInterface, DsConfigObserver {
     log: LogInstance;
@@ -20,7 +21,7 @@ export declare class Spinner implements DsComponentInterface, DsConfigObserver {
     private innerEl;
     /**
      * PUBLIC PROPERTY API
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     /**
      * **Deprecated:** Use inverted="true" for white spinner instead.
@@ -38,7 +39,7 @@ export declare class Spinner implements DsComponentInterface, DsConfigObserver {
     /**
      * Defines the size of the spinner. If `sm` the spinner is smaller.
      */
-    size: SpinnerSize;
+    size?: SpinnerSize;
     /**
      * **Deprecated:** Use size="sm" instead.
      */
@@ -58,13 +59,13 @@ export declare class Spinner implements DsComponentInterface, DsConfigObserver {
     variationChanged(newValue: SpinnerVariation, oldValue: SpinnerVariation): void;
     /**
      * LIFECYCLE
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     componentDidLoad(): void;
     disconnectedCallback(): void;
     /**
-     * PUBLIC LISTENERS
-     * ------------------------------------------------------
+     * PUBLIC METHODS
+     * ─────────────────────────────────────────────────────
      */
     /**
      * @internal define config for the component
@@ -72,7 +73,7 @@ export declare class Spinner implements DsComponentInterface, DsConfigObserver {
     configChanged(state: DsConfigState): Promise<void>;
     /**
      * PRIVATE METHODS
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     private animate;
     private destroy;
@@ -81,7 +82,7 @@ export declare class Spinner implements DsComponentInterface, DsConfigObserver {
     private getColor;
     /**
      * RENDER
-     * ------------------------------------------------------
+     * ─────────────────────────────────────────────────────
      */
     render(): any;
 }

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

@@ -1,6 +1,6 @@
 export declare const SPINNER_COLORS: readonly ["blue", "white"];
 export declare const SPINNER_VARIATIONS: readonly ["logo", "circle"];
-export declare const SPINNER_SIZES: readonly ["sm", ""];
+export declare const SPINNER_SIZES: readonly ["sm"];
 export declare const SPINNER_LABEL_POSITIONS: readonly ["right", "bottom"];
 export type SpinnerColor = (typeof SPINNER_COLORS)[number];
 export type SpinnerVariation = (typeof SPINNER_VARIATIONS)[number];

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

@@ -18,16 +18,16 @@ export declare class Stack implements DsComponentInterface {
     /**
      * Defines the text positioning like center, right or default to start.
      */
-    readonly align: StackAlignment;
+    readonly align?: StackAlignment;
     /**
      * @internal
      * Please use align instead.
      */
-    readonly alignment: StackAlignment;
+    readonly alignment?: StackAlignment;
     /**
      * Defines the direction of the child elements. Default is column.
      */
-    direction: StackDirection;
+    direction?: StackDirection;
     /**
      * Defines the width of the stack to be exactly the width of the content.
      */

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

@@ -1,8 +1,8 @@
 export declare const STACK_LAYOUTS: readonly ["", "horizontal", "vertical", "horizontal-reverse", "vertical-reverse"];
 export declare const STACK_SPACES: readonly ["", "auto", "none", "2xs", "xs", "sm", "base", "md", "lg", "xl", "xxl", "xx-small", "x-small", "small", "normal", "medium", "large", "x-large", "xx-large"];
 export declare const STACK_PADDINGS: readonly ["", "none", "2xs", "xs", "sm", "base", "md", "lg", "xl", "xxl", "xx-small", "x-small", "small", "normal", "medium", "large", "x-large", "xx-large"];
-export declare const STACK_ALIGNMENTS: readonly ["", "top start", "top center", "top end", "start", "center", "end", "bottom start", "bottom center", "bottom end"];
-export declare const STACK_DIRECTIONS: readonly ["", "row", "column", "row-reverse", "column-reverse"];
+export declare const STACK_ALIGNMENTS: readonly ["top start", "top center", "top end", "start", "center", "end", "bottom start", "bottom center", "bottom end"];
+export declare const STACK_DIRECTIONS: readonly ["row", "column", "row-reverse", "column-reverse"];
 export type StackLayout = (typeof STACK_LAYOUTS)[number];
 export type StackSpace = (typeof STACK_SPACES)[number];
 export type StackPadding = (typeof STACK_PADDINGS)[number];

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

@@ -9,6 +9,7 @@ import { TextareaWrap, TextareaInputMode, TextareaBlurDetail, TextareaKeyPressDe
  * Textarea renders a multi-line text input field with validation, resizing, and optional help/error messaging.
  *
  * @slot - The textarea 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 textarea - The native HTML textarea element.
  * @part prefix - The prefix wrapper (if used).
  * @part suffix - The suffix wrapper (if used).
@@ -17,11 +18,13 @@ export declare class Textarea implements DsComponentInterface, FieldInterface, F
     inputId: string;
     private inheritedAttributes;
     private control;
+    private disconnectInvalidTextSlotWatcher?;
     log: LogInstance;
     createLogger(log: LogInstance): void;
     el: HTMLStencilElement;
     internals: ElementInternals;
     focused: boolean;
+    hasInvalidTextSlotContent: boolean;
     language: DsLanguage;
     region: DsRegion;
     /**
@@ -146,6 +149,7 @@ export declare class Textarea implements DsComponentInterface, FieldInterface, F
      * ------------------------------------------------------
      */
     connectedCallback(): void;
+    disconnectedCallback(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
     /**