@ds-mo/ui 8.0.1 → 8.1.0

package/dist/framework/angular.d.ts

@@ -3,4 +3,5 @@ export * from '../angular/proxies.js';
 export { BooleanValueAccessor } from '../angular/boolean-value-accessor.js';
 export { RadioValueAccessor } from '../angular/radio-value-accessor.js';
 export { SelectValueAccessor } from '../angular/select-value-accessor.js';
+export { SelectMultiValueAccessor } from './select-multi-value-accessor.js';
 export { TextValueAccessor } from '../angular/text-value-accessor.js';

package/dist/framework/angular.js

@@ -3,4 +3,5 @@ export * from '../angular/proxies.js';
 export { BooleanValueAccessor } from '../angular/boolean-value-accessor.js';
 export { RadioValueAccessor } from '../angular/radio-value-accessor.js';
 export { SelectValueAccessor } from '../angular/select-value-accessor.js';
+export { SelectMultiValueAccessor } from './select-multi-value-accessor.js';
 export { TextValueAccessor } from '../angular/text-value-accessor.js';

package/dist/framework/select-multi-value-accessor.d.ts

@@ -0,0 +1,9 @@
+import { ElementRef } from '@angular/core';
+import { ValueAccessor } from '../angular/value-accessor';
+import * as i0 from "@angular/core";
+export declare class SelectMultiValueAccessor extends ValueAccessor {
+    constructor(el: ElementRef<HTMLDsSelectMultiElement>);
+    writeValue(value: unknown): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectMultiValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectMultiValueAccessor, "ds-select-multi", never, {}, {}, never, never, true, never>;
+}

package/dist/framework/select-multi-value-accessor.js

@@ -0,0 +1,40 @@
+import { Directive, forwardRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { ValueAccessor } from '../angular/value-accessor.js';
+import * as i0 from "@angular/core";
+export class SelectMultiValueAccessor extends ValueAccessor {
+    constructor(el) {
+        super(el);
+    }
+    writeValue(value) {
+        const values = Array.isArray(value)
+            ? value.filter((item) => typeof item === 'string')
+            : [];
+        this.el.nativeElement.values = values;
+        this.lastValue = values;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SelectMultiValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.6", type: SelectMultiValueAccessor, isStandalone: true, selector: "ds-select-multi", host: { listeners: { "dsChange": "handleChangeEvent($event.target?.[\"values\"])" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SelectMultiValueAccessor),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.6", ngImport: i0, type: SelectMultiValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ds-select-multi',
+                    host: {
+                        '(dsChange)': 'handleChangeEvent($event.target?.["values"])',
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SelectMultiValueAccessor),
+                            multi: true,
+                        },
+                    ],
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });

package/dist/lib/components/Menu/menu-position.d.ts

@@ -1,19 +1,6 @@
-export type MenuSide = 'top' | 'right' | 'bottom' | 'left';
-export type MenuAlign = 'start' | 'center' | 'end';
-export interface MenuPositionInput {
-    anchorRect: Pick<DOMRectReadOnly, 'top' | 'left' | 'right' | 'bottom' | 'width' | 'height'>;
-    popupWidth: number;
-    popupHeight: number;
-    side: MenuSide;
-    align: MenuAlign;
-    sideOffsetPx: number;
-    alignOffsetPx: number;
-    viewportPadPx: number;
-    viewportWidth: number;
-    viewportHeight: number;
-}
-/** Pure layout math for ds-menu — anchor rect + placement props → viewport-fixed x/y. */
-export declare function computeMenuPosition(input: MenuPositionInput): {
-    x: number;
-    y: number;
-};
+import { computeAnchoredPopupPosition, type AnchoredPopupAlign, type AnchoredPopupPositionInput, type AnchoredPopupSide } from '../../utils/anchored-popup';
+export type MenuSide = AnchoredPopupSide;
+export type MenuAlign = AnchoredPopupAlign;
+export type MenuPositionInput = AnchoredPopupPositionInput;
+/** Backward-compatible menu alias for the shared anchored-popup layout math. */
+export declare const computeMenuPosition: typeof computeAnchoredPopupPosition;

package/dist/lib/utils/anchored-popup.d.ts

@@ -0,0 +1,19 @@
+export type AnchoredPopupSide = 'top' | 'right' | 'bottom' | 'left';
+export type AnchoredPopupAlign = 'start' | 'center' | 'end';
+export interface AnchoredPopupPositionInput {
+    anchorRect: Pick<DOMRectReadOnly, 'top' | 'left' | 'right' | 'bottom' | 'width' | 'height'>;
+    popupWidth: number;
+    popupHeight: number;
+    side: AnchoredPopupSide;
+    align: AnchoredPopupAlign;
+    sideOffsetPx: number;
+    alignOffsetPx: number;
+    viewportPadPx: number;
+    viewportWidth: number;
+    viewportHeight: number;
+}
+/** Pure viewport-fixed anchored-popup layout math shared by menus and selects. */
+export declare function computeAnchoredPopupPosition(input: AnchoredPopupPositionInput): {
+    x: number;
+    y: number;
+};

package/dist/react/components.d.ts

@@ -30,6 +30,7 @@ export { DsPanelNav } from "./ds-panel-nav.js";
 export { DsPanelSubNav } from "./ds-panel-sub-nav.js";
 export { DsPanelTools } from "./ds-panel-tools.js";
 export { DsRadioGroup } from "./ds-radio-group.js";
+export { DsSelectMulti } from "./ds-select-multi.js";
 export { DsSelect } from "./ds-select.js";
 export { DsShellGradientPicker } from "./ds-shell-gradient-picker.js";
 export { DsShellGradientSwatch } from "./ds-shell-gradient-swatch.js";

package/dist/react/components.js

@@ -31,6 +31,7 @@ export { DsPanelNav } from "./ds-panel-nav.js";
 export { DsPanelSubNav } from "./ds-panel-sub-nav.js";
 export { DsPanelTools } from "./ds-panel-tools.js";
 export { DsRadioGroup } from "./ds-radio-group.js";
+export { DsSelectMulti } from "./ds-select-multi.js";
 export { DsSelect } from "./ds-select.js";
 export { DsShellGradientPicker } from "./ds-shell-gradient-picker.js";
 export { DsShellGradientSwatch } from "./ds-shell-gradient-swatch.js";

package/dist/react/ds-select-multi.d.ts

@@ -0,0 +1,14 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type DsSelectMultiCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsSelectMulti as DsSelectMultiElement } from "@ds-mo/ui/dist/components/ds-select-multi.js";
+export type DsSelectMultiEvents = {
+    onDsChange: EventName<DsSelectMultiCustomEvent<string[]>>;
+    onDsClear: EventName<DsSelectMultiCustomEvent<void>>;
+    onDsOpenChange: EventName<DsSelectMultiCustomEvent<boolean>>;
+};
+export declare const DsSelectMulti: StencilReactComponent<DsSelectMultiElement, DsSelectMultiEvents, Components.DsSelectMulti>;

package/dist/react/ds-select-multi.js

@@ -0,0 +1,16 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { DsSelectMulti as DsSelectMultiElement, defineCustomElement as defineDsSelectMulti } from "@ds-mo/ui/dist/components/ds-select-multi.js";
+export const DsSelectMulti = /*@__PURE__*/ createComponent({
+    tagName: 'ds-select-multi',
+    elementClass: DsSelectMultiElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsChange: 'dsChange',
+        onDsClear: 'dsClear',
+        onDsOpenChange: 'dsOpenChange'
+    },
+    defineCustomElement: defineDsSelectMulti
+});

package/dist/react/ds-select.d.ts

@@ -8,5 +8,7 @@ import type { Components } from "@ds-mo/ui/dist/components";
 import { DsSelect as DsSelectElement } from "@ds-mo/ui/dist/components/ds-select.js";
 export type DsSelectEvents = {
     onDsChange: EventName<DsSelectCustomEvent<string>>;
+    onDsClear: EventName<DsSelectCustomEvent<void>>;
+    onDsOpenChange: EventName<DsSelectCustomEvent<boolean>>;
 };
 export declare const DsSelect: StencilReactComponent<DsSelectElement, DsSelectEvents, Components.DsSelect>;

package/dist/react/ds-select.js

@@ -7,6 +7,10 @@ export const DsSelect = /*@__PURE__*/ createComponent({
     elementClass: DsSelectElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
     react: React,
-    events: { onDsChange: 'dsChange' },
+    events: {
+        onDsChange: 'dsChange',
+        onDsClear: 'dsClear',
+        onDsOpenChange: 'dsOpenChange'
+    },
     defineCustomElement: defineDsSelect
 });

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

@@ -12,6 +12,8 @@ export declare class Badge {
     surface: BadgeSurface;
     /** Direct ring background override for component-local surfaces. */
     background: string | undefined;
+    /** Show the separation ring when the badge overlaps an icon or other content. */
+    hasRing: boolean;
     /**
      * Ring samples the shell gradient stack (base fill + wash) instead of a flat
      * `box-shadow`. Auto-enabled under an AppShell with an active gradient preset;

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

@@ -27,6 +27,8 @@ export declare class ButtonFilled {
      * bold → faint, strong → medium, medium → strong, faint → bold.
      */
     contrast: ButtonFilledContrast;
+    /** Use the half-radius treatment instead of the default control radius. */
+    rounded: boolean;
     /** Disables interaction. */
     isInactive: boolean;
     /** Shows an inline loader and prevents interaction without applying inactive opacity. */

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

@@ -29,6 +29,8 @@ export declare class ButtonUnfilled {
     activeFill: boolean;
     /** Show a 1px secondary inset border. Default on; shell chrome can pass `false`. */
     hasBorder: boolean;
+    /** Use the half-radius treatment instead of the default control radius. */
+    rounded: boolean;
     /** Show a notification dot at the top-right of the icon zone (icon variant only). */
     dot: boolean;
     /** Disables interaction. */

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

@@ -1,18 +1,34 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+export type CheckboxSize = 'md' | 'sm' | 'xs';
 export declare class Checkbox {
     internals: ElementInternals;
     private labelId;
+    /** Visible label and accessible name. Omitted only in presentation mode. */
     label: string;
+    /** Current checked state. */
     checked: boolean;
+    /** Visual and placement density. */
+    size: CheckboxSize;
+    /** Native form field name. */
     name: string | undefined;
+    /** Submitted value when checked. */
     value: string;
+    /** Native disabled state. */
     disabled: boolean;
+    /** Require the checkbox to be checked for form validity. */
     required: boolean;
+    /** Validation message used when a required checkbox is unchecked. */
     requiredMessage: string;
+    /** Mixed visual state. Activation clears it before toggling checked. */
     indeterminate: boolean;
+    /** Design-system inactive state. */
     isInactive: boolean;
+    /** Visual-only indicator for a composite control that owns selection semantics. */
+    presentation: boolean;
+    /** Emitted after user activation with the new checked state. */
     dsChange: EventEmitter<boolean>;
     private initialChecked;
+    private initialIndeterminate;
     private formDisabled;
     componentWillLoad(): void;
     syncFormValue(): void;

package/dist/types/components/Checkbox/index.d.ts

@@ -1,2 +1,2 @@
-export type {} from './Checkbox';
+export type { CheckboxSize } from './Checkbox';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,9 +1,10 @@
-export type EmptyStateType = 'no-content' | 'no-results' | 'no-results-filter' | 'no-access';
 export declare class EmptyState {
-    type: EmptyStateType;
-    message: string | undefined;
-    /** Localized defaults keyed by empty-state type. Set as a JS property. */
-    messages: Partial<Record<EmptyStateType, string>>;
+    /** Optional decorative prefix glyph for the complete icon + title + body variant. */
+    icon: string | undefined;
+    /** Optional visual title. Use with body; required when icon is provided. */
+    heading: string | undefined;
+    /** Explanatory empty-state copy. Every supported variant includes body text. */
+    body: string;
     render(): any;
 }
 //# sourceMappingURL=EmptyState.d.ts.map

package/dist/types/components/Menu/menu-position.d.ts

@@ -1,20 +1,7 @@
-export type MenuSide = 'top' | 'right' | 'bottom' | 'left';
-export type MenuAlign = 'start' | 'center' | 'end';
-export interface MenuPositionInput {
-    anchorRect: Pick<DOMRectReadOnly, 'top' | 'left' | 'right' | 'bottom' | 'width' | 'height'>;
-    popupWidth: number;
-    popupHeight: number;
-    side: MenuSide;
-    align: MenuAlign;
-    sideOffsetPx: number;
-    alignOffsetPx: number;
-    viewportPadPx: number;
-    viewportWidth: number;
-    viewportHeight: number;
-}
-/** Pure layout math for ds-menu — anchor rect + placement props → viewport-fixed x/y. */
-export declare function computeMenuPosition(input: MenuPositionInput): {
-    x: number;
-    y: number;
-};
+import { computeAnchoredPopupPosition, type AnchoredPopupAlign, type AnchoredPopupPositionInput, type AnchoredPopupSide } from '../../utils/anchored-popup';
+export type MenuSide = AnchoredPopupSide;
+export type MenuAlign = AnchoredPopupAlign;
+export type MenuPositionInput = AnchoredPopupPositionInput;
+/** Backward-compatible menu alias for the shared anchored-popup layout math. */
+export declare const computeMenuPosition: typeof computeAnchoredPopupPosition;
 //# sourceMappingURL=menu-position.d.ts.map

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

@@ -1,83 +1,129 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { type ControlWidth } from '../../utils';
-export interface SelectOption {
-    label: string;
-    value: string;
-}
+import { type ChoiceBackground, type ChoiceOption, type ChoiceSection } from '../../utils/choice-list';
+export type SelectOption = ChoiceOption;
+export type SelectSection = ChoiceSection;
+export type SelectBackground = ChoiceBackground;
 export type SelectSize = 'md' | 'sm' | 'xs';
 export type SelectWidth = ControlWidth;
-/**
- * Dropdown select — unfilled-button chrome (label + trailing ChevronDown) in
- * control-density sizes, with `ds-menu` for the option list.
- */
 export declare class Select {
     el: HTMLElement;
     internals: ElementInternals;
-    /**
-     * Array of options. Set via JS property.
-     * @example el.options = [{ label: 'Apple', value: 'apple' }];
-     */
+    /** Flat choices. Assign arrays through the JavaScript property. */
     options: SelectOption[];
-    /** Currently selected value. */
+    /** Grouped choices; takes precedence over options. Assign through JavaScript. */
+    sections: SelectSection[];
+    /** Selected string value. Unknown values render the placeholder and are not submitted. */
     value: string;
+    /** Controlled popup visibility. */
+    open: boolean;
+    /** Native form field name. */
     name: string | undefined;
+    /** Native disabled state. */
     disabled: boolean;
+    /** Require one valid selected value. */
     required: boolean;
+    /** Validation message used when required is missing. */
     requiredMessage: string;
-    /** Placeholder shown when no value is selected. */
+    /** Trigger text shown when no valid value is selected. */
     placeholder: string;
-    /** Control density (height, padding, icon, type). */
+    /** Control density. */
     size: SelectSize;
-    /** Width fit — fill the parent (default) or hug content. */
+    /** Width fit — hug content (default) or fill the parent. */
     width: SelectWidth;
-    /** Disables interaction (25% opacity via ds-control-inactive). */
+    /** Shared inactive treatment; removes interaction and form submission. */
     isInactive: boolean;
-    /**
-     * When a value is selected, render the selected interaction fill (same recipe
-     * as unfilled-button `activeFill`). Default `true`. Pass `false` for
-     * foreground-only selection (primary label, no fill).
-     * A selected value promotes the label to primary; chevron stays secondary.
-     */
+    /** Replace the prefix with a loader and disable option interaction. */
+    isLoading: boolean;
+    /** Show the selected interaction fill when a valid value exists. */
     activeFill: boolean;
-    /** Show a 1px secondary inset border. Default on (matches unfilled button). */
+    /** Show the surface-aware inset border. */
     hasBorder: boolean;
+    /** Optional trigger prefix icon name. */
+    icon: string | undefined;
+    /** Show the clear footer action when a value exists. */
+    allowClear: boolean;
+    /** Localized clear action label. */
+    clearLabel: string;
+    /** Show immediate local filtering over option labels, subtext, and section headings. */
+    searchable: boolean;
+    /** Localized search-field placeholder and accessible name. */
+    searchPlaceholder: string;
+    /** Localized empty-filter result text. */
+    noResultsText: string;
+    /** Accessible loading status label. */
+    loadingLabel: string;
+    /** Actual parent surface context; omit on primary and secondary surfaces. */
+    background: SelectBackground | undefined;
+    /** Show invalid visual state. */
+    error: boolean;
+    /** Error text rendered below the trigger when error is true. */
+    errorMessage: string | undefined;
+    /** ID applied to the internal combobox trigger for external labels. */
+    inputId: string | undefined;
+    /** Direct accessible name when no external label is available. */
     ariaLabel: string | null;
+    /** IDs of elements that label the combobox. */
     ariaLabelledby: string | undefined;
-    /** Emits the selected value string. */
+    /** Additional IDs that describe the combobox. */
+    ariaDescribedby: string | undefined;
+    /** Emitted after user selection or clearing with the next scalar value. */
     dsChange: EventEmitter<string>;
-    private isOpen;
+    /** Emitted after the footer clear action. */
+    dsClear: EventEmitter<void>;
+    /** Emitted whenever popup visibility changes. */
+    dsOpenChange: EventEmitter<boolean>;
+    private activeIndex;
+    private searchTerm;
+    private formDisabled;
+    private position;
+    private positionReady;
+    private focusRingVisible;
+    private readonly generatedId;
+    private readonly listboxId;
+    private readonly errorId;
     private triggerEl;
-    private menuEl;
-    /** True when the open was keyboard-driven — menu shows initial focus ring. */
-    private openWithFocusVisible;
+    private popupEl;
+    private searchEl;
     private initialValue;
-    private formDisabled;
+    private typeahead;
+    private typeaheadTimer;
+    private outsideHandler;
+    private repositionHandler;
     componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
-    onIsOpenChange(open: boolean): void;
-    onOptionsChange(): void;
-    onValueChange(): void;
     syncFormValue(): void;
+    onLoadingChange(): void;
+    onOpenChange(open: boolean): void;
+    onSearchTermChange(): void;
+    onActiveIndexChange(): void;
     formDisabledCallback(disabled: boolean): void;
     formResetCallback(): void;
     formStateRestoreCallback(state: string | File | FormData | null): void;
-    private handleMenuSelect;
-    private handleMenuClose;
-    private syncMenuItems;
-    /**
-     * Size/place the menu so option labels line up with the select label.
-     * Menu section padding insets items; we expand min-width by that chrome and
-     * shift left by the same amount (`alignOffset`). Menu can grow wider than
-     * the field (left-bottom / `align="start"`) when labels need more room.
-     */
-    private syncMenuLayout;
-    private open;
-    private close;
-    private toggle;
-    handleKeyDown(e: KeyboardEvent): void;
-    private get selectedLabel();
+    setFocus(): Promise<void>;
+    private get isDisabled();
+    private get allSections();
+    private get allOptions();
+    private get visibleSections();
+    private get visibleOptions();
+    private get selectedOption();
     private get hasSelection();
+    private get activeOptionId();
+    private scrollActiveOptionIntoView;
+    private bindPopupListeners;
+    private unbindPopupListeners;
+    private updatePosition;
+    private openPopup;
+    private closePopup;
+    private selectOption;
+    private clearSelection;
+    private moveActive;
+    private setActiveEdge;
+    private handleTypeahead;
+    private handleListKeyDown;
+    private handleTriggerKeyDown;
+    private renderOption;
     render(): any;
 }
 //# sourceMappingURL=Select.d.ts.map

package/dist/types/components/Select/index.d.ts

@@ -1,2 +1,2 @@
-export type { SelectOption, SelectSize, SelectWidth } from './Select';
+export type { SelectBackground, SelectOption, SelectSection, SelectSize, SelectWidth, } from './Select';
 //# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,131 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { type ControlWidth } from '../../utils';
+import type { SelectBackground, SelectOption, SelectSection, SelectSize } from '../Select/Select';
+export type SelectMultiOption = Omit<SelectOption, 'icon'>;
+export type SelectMultiSection = Omit<SelectSection, 'options'> & {
+    options: SelectMultiOption[];
+};
+export type SelectMultiBackground = SelectBackground;
+export type SelectMultiSize = SelectSize;
+export type SelectMultiWidth = ControlWidth;
+export declare class SelectMulti {
+    el: HTMLElement;
+    internals: ElementInternals;
+    /** Flat choices. Assign arrays through the JavaScript property. */
+    options: SelectMultiOption[];
+    /** Grouped choices; takes precedence over options. Assign through JavaScript. */
+    sections: SelectMultiSection[];
+    /** Selected values. Assign arrays through the JavaScript property. */
+    values: string[];
+    /** Controlled popup visibility. */
+    open: boolean;
+    /** Native form field name used for each repeated selected-value entry. */
+    name: string | undefined;
+    /** Native disabled state. */
+    disabled: boolean;
+    /** Require at least one valid selected value. */
+    required: boolean;
+    /** Validation message used when required is missing. */
+    requiredMessage: string;
+    /** Persistent trigger label; selected option labels never replace it. */
+    placeholder: string;
+    /** Control density. */
+    size: SelectMultiSize;
+    /** Width fit — hug content (default) or fill the parent. */
+    width: SelectMultiWidth;
+    /** Shared inactive treatment; removes interaction and form submission. */
+    isInactive: boolean;
+    /** Replace the prefix with a loader and disable option interaction. */
+    isLoading: boolean;
+    /** Show the selected interaction fill when at least one value exists. */
+    activeFill: boolean;
+    /** Show the surface-aware inset border. */
+    hasBorder: boolean;
+    /** Optional trigger prefix icon name. */
+    icon: string | undefined;
+    /** Show the clear-all footer action when values exist. */
+    allowClear: boolean;
+    /** Localized clear-all action label. */
+    clearLabel: string;
+    /** Localized noun displayed after the selected count. */
+    selectedLabel: string;
+    /** Show immediate local filtering over option labels, subtext, and section headings. */
+    searchable: boolean;
+    /** Localized search-field placeholder and accessible name. */
+    searchPlaceholder: string;
+    /** Localized empty-filter result text. */
+    noResultsText: string;
+    /** Accessible loading status label. */
+    loadingLabel: string;
+    /** Actual parent surface context; omit on primary and secondary surfaces. */
+    background: SelectMultiBackground | undefined;
+    /** Show invalid visual state. */
+    error: boolean;
+    /** Error text rendered below the trigger when error is true. */
+    errorMessage: string | undefined;
+    /** ID applied to the internal combobox trigger for external labels. */
+    inputId: string | undefined;
+    /** Direct accessible name when no external label is available. */
+    ariaLabel: string | null;
+    /** IDs of elements that label the combobox. */
+    ariaLabelledby: string | undefined;
+    /** Additional IDs that describe the combobox. */
+    ariaDescribedby: string | undefined;
+    /** Emitted after user toggles or clearing with a new values array. */
+    dsChange: EventEmitter<string[]>;
+    /** Emitted after the footer clear-all action. */
+    dsClear: EventEmitter<void>;
+    /** Emitted whenever popup visibility changes. */
+    dsOpenChange: EventEmitter<boolean>;
+    private activeIndex;
+    private searchTerm;
+    private formDisabled;
+    private position;
+    private positionReady;
+    private focusRingVisible;
+    private readonly generatedId;
+    private readonly listboxId;
+    private readonly errorId;
+    private triggerEl;
+    private popupEl;
+    private searchEl;
+    private initialValues;
+    private typeahead;
+    private typeaheadTimer;
+    private outsideHandler;
+    private repositionHandler;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    syncFormValue(): void;
+    onLoadingChange(): void;
+    onOpenChange(open: boolean): void;
+    onSearchTermChange(): void;
+    onActiveIndexChange(): void;
+    formDisabledCallback(disabled: boolean): void;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string | File | FormData | null): void;
+    setFocus(): Promise<void>;
+    private get isDisabled();
+    private get allSections();
+    private get allOptions();
+    private get visibleSections();
+    private get visibleOptions();
+    private get resolvedValues();
+    private get hasSelection();
+    private get activeOptionId();
+    private scrollActiveOptionIntoView;
+    private bindPopupListeners;
+    private unbindPopupListeners;
+    private updatePosition;
+    private openPopup;
+    private closePopup;
+    private toggleOption;
+    private clearSelection;
+    private handleTypeahead;
+    private handleListKeyDown;
+    private handleTriggerKeyDown;
+    private renderOption;
+    render(): any;
+}
+//# sourceMappingURL=SelectMulti.d.ts.map

package/dist/types/components/SelectMulti/index.d.ts

@@ -0,0 +1,2 @@
+export type { SelectMultiBackground, SelectMultiOption, SelectMultiSection, SelectMultiSize, SelectMultiWidth, } from './SelectMulti';
+//# sourceMappingURL=index.d.ts.map

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

@@ -9,6 +9,7 @@ export declare class Text {
      */
     emphasis: boolean;
     color: TextColor;
+    /** Link underline or dotted hidden-interaction affordance; does not add semantics. */
     decoration: TextDecoration | undefined;
     italic: boolean;
     /** Animate the visible glyphs with the shared loading shimmer treatment. */