@shortfuse/materialdesignweb 0.9.0 → 0.9.2

package/types/components/ListOption.d.ts

@@ -22,11 +22,10 @@ declare const _default: typeof import("../index.js").CustomElement & import("../
 }, any[]> & import("../core/CustomElement.js").Class<object, any[]> & import("../core/CustomElement.js").Class<{
     _ariaRole: string;
 }, any[]> & import("../core/CustomElement.js").Class<{
-    onConnectAriaValues: Map<string, string>;
-    hasFiredConnected: boolean;
+    _onConnectAriaValues: Map<import("../mixins/AriaReflectorMixin.js").StringKeyOfARIAMixin<keyof ARIAMixin>, ARIAMixin[import("../mixins/AriaReflectorMixin.js").StringKeyOfARIAMixin<keyof ARIAMixin>]>;
 }, any[]> & import("../core/CustomElement.js").Class<{
-    readAriaProperty(name: keyof HTMLElement & keyof ElementInternals): string | ShadowRoot;
-    updateAriaProperty(name: keyof HTMLElement & keyof ElementInternals, value: string): void;
+    readAriaProperty(name: keyof HTMLElement & keyof ElementInternals): string | ShadowRoot | Element | readonly Element[];
+    updateAriaProperty<K extends StringKeyOfARIAMixin<keyof ARIAMixin>>(name: K, value: ARIAMixin[K]): void;
 }, any[]> & import("../core/CustomElement.js").Class<{
     disabled: boolean;
     focused: boolean;
@@ -114,246 +113,25 @@ declare const _default: typeof import("../index.js").CustomElement & import("../
 }, any[]> & import("../core/CustomElement.js").Class<{
     disabledState: boolean;
 }, any[]> & import("../core/CustomElement.js").Class<{
-    isInteractive: () => ReturnType<({ href }: import("../index.js").CustomElement & {
-        href: string;
-        target: string;
-        download: string;
-        ping: string;
-        rel: string;
-        hreflang: string;
-        referrerPolicy: string;
-    } & {
-        origin: string;
-        protocol: string;
-        username: string;
-        password: string;
-        host: string;
-        hostname: string;
-        port: string;
-        pathname: string;
-        search: string;
-        hash: string;
-    } & object & {
-        _ariaRole: string;
-    } & {
-        onConnectAriaValues: Map<string, string>;
-        hasFiredConnected: boolean;
-    } & {
-        readAriaProperty(name: keyof HTMLElement & keyof ElementInternals): string | ShadowRoot;
-        updateAriaProperty(name: keyof HTMLElement & keyof ElementInternals, value: string): void;
-    } & {
-        disabled: boolean;
-        focused: boolean;
-        hovered: boolean;
-        pressed: boolean;
-        _lastInteraction: "key" | "mouse" | "touch" | "pen";
-        _hovered: boolean;
-        _focused: boolean;
-        _focusedSynthetic: boolean;
-        _keyPressed: boolean;
-        _keyReleased: boolean;
-        _pointerPressed: boolean;
-        stateLayer: boolean;
-    } & {
-        disabledState: boolean;
-        hoveredState: boolean;
-        focusedState: boolean;
-        pressedState: boolean;
-        touchedState: boolean;
-        pointedState: boolean;
-    } & {
-        stateTargetElement: HTMLElement;
-    } & {
-        _lastRippleWeakRef: WeakRef<InstanceType<import("../mixins/RippleMixin.js").Ripple>>;
-        _rippleAdded: boolean;
-    } & {
-        _lastRipple: import("../index.js").CustomElement & {
-            hadRippleHeld: boolean;
-            hadRippleReleased: boolean;
-            rippleStarted: boolean;
-        } & {
-            rippleState: string;
-            keepAlive: boolean;
-            _positionX: number;
-            _positionY: number;
-            _radius: number;
-            holdRipple: boolean;
-        } & {
-            _positionStyle: import("../core/customTypes.js").ElementStylerOptions | {
-                styles: {
-                    minHeight: string;
-                    minWidth: string;
-                    boxShadow: string;
-                    top: string;
-                    left: string;
-                };
-            };
-        } & {
-            updatePosition(x?: number, y?: number, size?: number): void;
-            handleRippleComplete(): void;
-        };
-    } & {
-        addRipple(x?: number, y?: number, hold?: boolean): InstanceType<Ripple>;
-    } & {
-        color: string;
-        ink: string;
-        typeStyle: string;
-    } & {
-        _ariaRole: string;
-        stateLayer: boolean;
-    } & {
-        leading: string;
-        avatar: string;
-        avatarColor: string;
-        avatarSrc: string;
-        src: string;
-        alt: string;
-        icon: string;
-        iconInk: string;
-        iconSrc: string;
-        iconVariation: string;
-        checkbox: string;
-        radio: string;
-        selectionColor: string;
-        selected: boolean;
-        supporting: string;
-        trailing: string;
-        trailingIcon: string;
-        trailingIconInk: string;
-        trailingIconSrc: string;
-        divider: string;
-        video: boolean;
-        lines: number;
-        _supportingSlotted: boolean;
-    } & {
-        disabledState: boolean;
-    }) => boolean>;
-    hasSupporting: () => ReturnType<() => boolean>;
-    checkboxClass: () => ReturnType<() => string>;
-    radioClass: () => ReturnType<() => string>;
-    computedIconVariation: () => ReturnType<({ iconVariation }: import("../index.js").CustomElement & {
-        href: string;
-        target: string;
-        download: string;
-        ping: string;
-        rel: string;
-        hreflang: string;
-        referrerPolicy: string;
-    } & {
-        origin: string;
-        protocol: string;
-        username: string;
-        password: string;
-        host: string;
-        hostname: string;
-        port: string;
-        pathname: string;
-        search: string;
-        hash: string;
-    } & object & {
-        _ariaRole: string;
-    } & {
-        onConnectAriaValues: Map<string, string>;
-        hasFiredConnected: boolean;
-    } & {
-        readAriaProperty(name: keyof HTMLElement & keyof ElementInternals): string | ShadowRoot;
-        updateAriaProperty(name: keyof HTMLElement & keyof ElementInternals, value: string): void;
-    } & {
-        disabled: boolean;
-        focused: boolean;
-        hovered: boolean;
-        pressed: boolean;
-        _lastInteraction: "key" | "mouse" | "touch" | "pen";
-        _hovered: boolean;
-        _focused: boolean;
-        _focusedSynthetic: boolean;
-        _keyPressed: boolean;
-        _keyReleased: boolean;
-        _pointerPressed: boolean;
-        stateLayer: boolean;
-    } & {
-        disabledState: boolean;
-        hoveredState: boolean;
-        focusedState: boolean;
-        pressedState: boolean;
-        touchedState: boolean;
-        pointedState: boolean;
-    } & {
-        stateTargetElement: HTMLElement;
-    } & {
-        _lastRippleWeakRef: WeakRef<InstanceType<import("../mixins/RippleMixin.js").Ripple>>;
-        _rippleAdded: boolean;
-    } & {
-        _lastRipple: import("../index.js").CustomElement & {
-            hadRippleHeld: boolean;
-            hadRippleReleased: boolean;
-            rippleStarted: boolean;
-        } & {
-            rippleState: string;
-            keepAlive: boolean;
-            _positionX: number;
-            _positionY: number;
-            _radius: number;
-            holdRipple: boolean;
-        } & {
-            _positionStyle: import("../core/customTypes.js").ElementStylerOptions | {
-                styles: {
-                    minHeight: string;
-                    minWidth: string;
-                    boxShadow: string;
-                    top: string;
-                    left: string;
-                };
-            };
-        } & {
-            updatePosition(x?: number, y?: number, size?: number): void;
-            handleRippleComplete(): void;
-        };
-    } & {
-        addRipple(x?: number, y?: number, hold?: boolean): InstanceType<Ripple>;
-    } & {
-        color: string;
-        ink: string;
-        typeStyle: string;
-    } & {
-        _ariaRole: string;
-        stateLayer: boolean;
-    } & {
-        leading: string;
-        avatar: string;
-        avatarColor: string;
-        avatarSrc: string;
-        src: string;
-        alt: string;
-        icon: string;
-        iconInk: string;
-        iconSrc: string;
-        iconVariation: string;
-        checkbox: string;
-        radio: string;
-        selectionColor: string;
-        selected: boolean;
-        supporting: string;
-        trailing: string;
-        trailingIcon: string;
-        trailingIconInk: string;
-        trailingIconSrc: string;
-        divider: string;
-        video: boolean;
-        lines: number;
-        _supportingSlotted: boolean;
-    } & {
-        disabledState: boolean;
-    }) => string>;
+    isInteractive: () => boolean;
+    hasSupporting: () => boolean;
+    checkboxClass: () => string;
+    radioClass: () => string;
+    computedIconVariation: () => string;
 }, any[]> & {
     formAssociated: true;
 } & import("../core/CustomElement.js").Class<{
+    /** ARIA role applied to the option container (anchor receives role 'option'). */
     _ariaRole: string;
+    /** Index of this option within its list/listbox (managed externally). */
     _index: number;
+    /** Internal flag indicating selection was modified via API rather than default. */
     _selectedDirty: boolean;
+    /** Whether this option behaves as an interactive selectable item. */
     isInteractive: boolean;
 }, any[]> & import("../core/CustomElement.js").Class<{
     _label: string;
+    _text: string;
     defaultSelected: boolean;
     _selected: boolean;
     _value: string;
@@ -364,1130 +142,17 @@ declare const _default: typeof import("../index.js").CustomElement & import("../
 }, any[]> & import("../core/CustomElement.js").Class<{
     index: number;
     form: HTMLFormElement;
+    text: string;
     label: string;
     value: string;
 }, any[]> & import("../core/CustomElement.js").Class<{
     /** @param {boolean} formDisabled  */
     formDisabledCallback(formDisabled: boolean): void;
-    /** @type {HTMLElement['focus']} */
     focus(options?: FocusOptions): void;
 }, any[]> & import("../core/CustomElement.js").Class<{
-    anchorAriaLabelledBy: () => ReturnType<({ _label }: import("../index.js").CustomElement & {
-        delegatesFocus: boolean;
-    } & {
-        href: string;
-        target: string;
-        download: string;
-        ping: string;
-        rel: string;
-        hreflang: string;
-        referrerPolicy: string;
-    } & {
-        origin: string;
-        protocol: string;
-        username: string;
-        password: string;
-        host: string;
-        hostname: string;
-        port: string;
-        pathname: string;
-        search: string;
-        hash: string;
-    } & object & {
-        _ariaRole: string;
-    } & {
-        onConnectAriaValues: Map<string, string>;
-        hasFiredConnected: boolean;
-    } & {
-        readAriaProperty(name: keyof HTMLElement & keyof ElementInternals): string | ShadowRoot;
-        updateAriaProperty(name: keyof HTMLElement & keyof ElementInternals, value: string): void;
-    } & {
-        disabled: boolean;
-        focused: boolean;
-        hovered: boolean;
-        pressed: boolean;
-        _lastInteraction: "key" | "mouse" | "touch" | "pen";
-        _hovered: boolean;
-        _focused: boolean;
-        _focusedSynthetic: boolean;
-        _keyPressed: boolean;
-        _keyReleased: boolean;
-        _pointerPressed: boolean;
-        stateLayer: boolean;
-    } & {
-        disabledState: boolean;
-        hoveredState: boolean;
-        focusedState: boolean;
-        pressedState: boolean;
-        touchedState: boolean;
-        pointedState: boolean;
-    } & {
-        stateTargetElement: HTMLElement;
-    } & {
-        _lastRippleWeakRef: WeakRef<InstanceType<import("../mixins/RippleMixin.js").Ripple>>;
-        _rippleAdded: boolean;
-    } & {
-        _lastRipple: import("../index.js").CustomElement & {
-            hadRippleHeld: boolean;
-            hadRippleReleased: boolean;
-            rippleStarted: boolean;
-        } & {
-            rippleState: string;
-            keepAlive: boolean;
-            _positionX: number;
-            _positionY: number;
-            _radius: number;
-            holdRipple: boolean;
-        } & {
-            _positionStyle: import("../core/customTypes.js").ElementStylerOptions | {
-                styles: {
-                    minHeight: string;
-                    minWidth: string;
-                    boxShadow: string;
-                    top: string;
-                    left: string;
-                };
-            };
-        } & {
-            updatePosition(x?: number, y?: number, size?: number): void;
-            handleRippleComplete(): void;
-        };
-    } & {
-        addRipple(x?: number, y?: number, hold?: boolean): InstanceType<Ripple>;
-    } & {
-        color: string;
-        ink: string;
-        typeStyle: string;
-    } & {
-        _ariaRole: string;
-        stateLayer: boolean;
-    } & {
-        leading: string;
-        avatar: string;
-        avatarColor: string;
-        avatarSrc: string;
-        src: string;
-        alt: string;
-        icon: string;
-        iconInk: string;
-        iconSrc: string;
-        iconVariation: string;
-        checkbox: string;
-        radio: string;
-        selectionColor: string;
-        selected: boolean;
-        supporting: string;
-        trailing: string;
-        trailingIcon: string;
-        trailingIconInk: string;
-        trailingIconSrc: string;
-        divider: string;
-        video: boolean;
-        lines: number;
-        _supportingSlotted: boolean;
-    } & {
-        disabledState: boolean;
-    } & {
-        isInteractive: () => ReturnType<({ href }: import("../index.js").CustomElement & {
-            href: string;
-            target: string;
-            download: string;
-            ping: string;
-            rel: string;
-            hreflang: string;
-            referrerPolicy: string;
-        } & {
-            origin: string;
-            protocol: string;
-            username: string;
-            password: string;
-            host: string;
-            hostname: string;
-            port: string;
-            pathname: string;
-            search: string;
-            hash: string;
-        } & object & {
-            _ariaRole: string;
-        } & {
-            onConnectAriaValues: Map<string, string>;
-            hasFiredConnected: boolean;
-        } & {
-            readAriaProperty(name: keyof HTMLElement & keyof ElementInternals): string | ShadowRoot;
-            updateAriaProperty(name: keyof HTMLElement & keyof ElementInternals, value: string): void;
-        } & {
-            disabled: boolean;
-            focused: boolean;
-            hovered: boolean;
-            pressed: boolean;
-            _lastInteraction: "key" | "mouse" | "touch" | "pen";
-            _hovered: boolean;
-            _focused: boolean;
-            _focusedSynthetic: boolean;
-            _keyPressed: boolean;
-            _keyReleased: boolean;
-            _pointerPressed: boolean;
-            stateLayer: boolean;
-        } & {
-            disabledState: boolean;
-            hoveredState: boolean;
-            focusedState: boolean;
-            pressedState: boolean;
-            touchedState: boolean;
-            pointedState: boolean;
-        } & {
-            stateTargetElement: HTMLElement;
-        } & {
-            _lastRippleWeakRef: WeakRef<InstanceType<import("../mixins/RippleMixin.js").Ripple>>;
-            _rippleAdded: boolean;
-        } & {
-            _lastRipple: import("../index.js").CustomElement & {
-                hadRippleHeld: boolean;
-                hadRippleReleased: boolean;
-                rippleStarted: boolean;
-            } & {
-                rippleState: string;
-                keepAlive: boolean;
-                _positionX: number;
-                _positionY: number;
-                _radius: number;
-                holdRipple: boolean;
-            } & {
-                _positionStyle: import("../core/customTypes.js").ElementStylerOptions | {
-                    styles: {
-                        minHeight: string;
-                        minWidth: string;
-                        boxShadow: string;
-                        top: string;
-                        left: string;
-                    };
-                };
-            } & {
-                updatePosition(x?: number, y?: number, size?: number): void;
-                handleRippleComplete(): void;
-            };
-        } & {
-            addRipple(x?: number, y?: number, hold?: boolean): InstanceType<Ripple>;
-        } & {
-            color: string;
-            ink: string;
-            typeStyle: string;
-        } & {
-            _ariaRole: string;
-            stateLayer: boolean;
-        } & {
-            leading: string;
-            avatar: string;
-            avatarColor: string;
-            avatarSrc: string;
-            src: string;
-            alt: string;
-            icon: string;
-            iconInk: string;
-            iconSrc: string;
-            iconVariation: string;
-            checkbox: string;
-            radio: string;
-            selectionColor: string;
-            selected: boolean;
-            supporting: string;
-            trailing: string;
-            trailingIcon: string;
-            trailingIconInk: string;
-            trailingIconSrc: string;
-            divider: string;
-            video: boolean;
-            lines: number;
-            _supportingSlotted: boolean;
-        } & {
-            disabledState: boolean;
-        }) => boolean>;
-        hasSupporting: () => ReturnType<() => boolean>;
-        checkboxClass: () => ReturnType<() => string>;
-        radioClass: () => ReturnType<() => string>;
-        computedIconVariation: () => ReturnType<({ iconVariation }: import("../index.js").CustomElement & {
-            href: string;
-            target: string;
-            download: string;
-            ping: string;
-            rel: string;
-            hreflang: string;
-            referrerPolicy: string;
-        } & {
-            origin: string;
-            protocol: string;
-            username: string;
-            password: string;
-            host: string;
-            hostname: string;
-            port: string;
-            pathname: string;
-            search: string;
-            hash: string;
-        } & object & {
-            _ariaRole: string;
-        } & {
-            onConnectAriaValues: Map<string, string>;
-            hasFiredConnected: boolean;
-        } & {
-            readAriaProperty(name: keyof HTMLElement & keyof ElementInternals): string | ShadowRoot;
-            updateAriaProperty(name: keyof HTMLElement & keyof ElementInternals, value: string): void;
-        } & {
-            disabled: boolean;
-            focused: boolean;
-            hovered: boolean;
-            pressed: boolean;
-            _lastInteraction: "key" | "mouse" | "touch" | "pen";
-            _hovered: boolean;
-            _focused: boolean;
-            _focusedSynthetic: boolean;
-            _keyPressed: boolean;
-            _keyReleased: boolean;
-            _pointerPressed: boolean;
-            stateLayer: boolean;
-        } & {
-            disabledState: boolean;
-            hoveredState: boolean;
-            focusedState: boolean;
-            pressedState: boolean;
-            touchedState: boolean;
-            pointedState: boolean;
-        } & {
-            stateTargetElement: HTMLElement;
-        } & {
-            _lastRippleWeakRef: WeakRef<InstanceType<import("../mixins/RippleMixin.js").Ripple>>;
-            _rippleAdded: boolean;
-        } & {
-            _lastRipple: import("../index.js").CustomElement & {
-                hadRippleHeld: boolean;
-                hadRippleReleased: boolean;
-                rippleStarted: boolean;
-            } & {
-                rippleState: string;
-                keepAlive: boolean;
-                _positionX: number;
-                _positionY: number;
-                _radius: number;
-                holdRipple: boolean;
-            } & {
-                _positionStyle: import("../core/customTypes.js").ElementStylerOptions | {
-                    styles: {
-                        minHeight: string;
-                        minWidth: string;
-                        boxShadow: string;
-                        top: string;
-                        left: string;
-                    };
-                };
-            } & {
-                updatePosition(x?: number, y?: number, size?: number): void;
-                handleRippleComplete(): void;
-            };
-        } & {
-            addRipple(x?: number, y?: number, hold?: boolean): InstanceType<Ripple>;
-        } & {
-            color: string;
-            ink: string;
-            typeStyle: string;
-        } & {
-            _ariaRole: string;
-            stateLayer: boolean;
-        } & {
-            leading: string;
-            avatar: string;
-            avatarColor: string;
-            avatarSrc: string;
-            src: string;
-            alt: string;
-            icon: string;
-            iconInk: string;
-            iconSrc: string;
-            iconVariation: string;
-            checkbox: string;
-            radio: string;
-            selectionColor: string;
-            selected: boolean;
-            supporting: string;
-            trailing: string;
-            trailingIcon: string;
-            trailingIconInk: string;
-            trailingIconSrc: string;
-            divider: string;
-            video: boolean;
-            lines: number;
-            _supportingSlotted: boolean;
-        } & {
-            disabledState: boolean;
-        }) => string>;
-    } & {
-        _ariaRole: string;
-        _index: number;
-        _selectedDirty: boolean;
-        isInteractive: boolean;
-    } & {
-        _label: string;
-        defaultSelected: boolean;
-        _selected: boolean;
-        _value: string;
-        _formDisabled: boolean;
-    } & {
-        selected: boolean;
-        disabledState: boolean;
-    } & {
-        index: number;
-        form: HTMLFormElement;
-        label: string;
-        value: string;
-    } & {
-        /** @param {boolean} formDisabled  */
-        formDisabledCallback(formDisabled: boolean): void;
-        /** @type {HTMLElement['focus']} */
-        focus(options?: FocusOptions): void;
-    }) => string>;
-    anchorAriaDescribedBy: () => ReturnType<({ _label }: import("../index.js").CustomElement & {
-        delegatesFocus: boolean;
-    } & {
-        href: string;
-        target: string;
-        download: string;
-        ping: string;
-        rel: string;
-        hreflang: string;
-        referrerPolicy: string;
-    } & {
-        origin: string;
-        protocol: string;
-        username: string;
-        password: string;
-        host: string;
-        hostname: string;
-        port: string;
-        pathname: string;
-        search: string;
-        hash: string;
-    } & object & {
-        _ariaRole: string;
-    } & {
-        onConnectAriaValues: Map<string, string>;
-        hasFiredConnected: boolean;
-    } & {
-        readAriaProperty(name: keyof HTMLElement & keyof ElementInternals): string | ShadowRoot;
-        updateAriaProperty(name: keyof HTMLElement & keyof ElementInternals, value: string): void;
-    } & {
-        disabled: boolean;
-        focused: boolean;
-        hovered: boolean;
-        pressed: boolean;
-        _lastInteraction: "key" | "mouse" | "touch" | "pen";
-        _hovered: boolean;
-        _focused: boolean;
-        _focusedSynthetic: boolean;
-        _keyPressed: boolean;
-        _keyReleased: boolean;
-        _pointerPressed: boolean;
-        stateLayer: boolean;
-    } & {
-        disabledState: boolean;
-        hoveredState: boolean;
-        focusedState: boolean;
-        pressedState: boolean;
-        touchedState: boolean;
-        pointedState: boolean;
-    } & {
-        stateTargetElement: HTMLElement;
-    } & {
-        _lastRippleWeakRef: WeakRef<InstanceType<import("../mixins/RippleMixin.js").Ripple>>;
-        _rippleAdded: boolean;
-    } & {
-        _lastRipple: import("../index.js").CustomElement & {
-            hadRippleHeld: boolean;
-            hadRippleReleased: boolean;
-            rippleStarted: boolean;
-        } & {
-            rippleState: string;
-            keepAlive: boolean;
-            _positionX: number;
-            _positionY: number;
-            _radius: number;
-            holdRipple: boolean;
-        } & {
-            _positionStyle: import("../core/customTypes.js").ElementStylerOptions | {
-                styles: {
-                    minHeight: string;
-                    minWidth: string;
-                    boxShadow: string;
-                    top: string;
-                    left: string;
-                };
-            };
-        } & {
-            updatePosition(x?: number, y?: number, size?: number): void;
-            handleRippleComplete(): void;
-        };
-    } & {
-        addRipple(x?: number, y?: number, hold?: boolean): InstanceType<Ripple>;
-    } & {
-        color: string;
-        ink: string;
-        typeStyle: string;
-    } & {
-        _ariaRole: string;
-        stateLayer: boolean;
-    } & {
-        leading: string;
-        avatar: string;
-        avatarColor: string;
-        avatarSrc: string;
-        src: string;
-        alt: string;
-        icon: string;
-        iconInk: string;
-        iconSrc: string;
-        iconVariation: string;
-        checkbox: string;
-        radio: string;
-        selectionColor: string;
-        selected: boolean;
-        supporting: string;
-        trailing: string;
-        trailingIcon: string;
-        trailingIconInk: string;
-        trailingIconSrc: string;
-        divider: string;
-        video: boolean;
-        lines: number;
-        _supportingSlotted: boolean;
-    } & {
-        disabledState: boolean;
-    } & {
-        isInteractive: () => ReturnType<({ href }: import("../index.js").CustomElement & {
-            href: string;
-            target: string;
-            download: string;
-            ping: string;
-            rel: string;
-            hreflang: string;
-            referrerPolicy: string;
-        } & {
-            origin: string;
-            protocol: string;
-            username: string;
-            password: string;
-            host: string;
-            hostname: string;
-            port: string;
-            pathname: string;
-            search: string;
-            hash: string;
-        } & object & {
-            _ariaRole: string;
-        } & {
-            onConnectAriaValues: Map<string, string>;
-            hasFiredConnected: boolean;
-        } & {
-            readAriaProperty(name: keyof HTMLElement & keyof ElementInternals): string | ShadowRoot;
-            updateAriaProperty(name: keyof HTMLElement & keyof ElementInternals, value: string): void;
-        } & {
-            disabled: boolean;
-            focused: boolean;
-            hovered: boolean;
-            pressed: boolean;
-            _lastInteraction: "key" | "mouse" | "touch" | "pen";
-            _hovered: boolean;
-            _focused: boolean;
-            _focusedSynthetic: boolean;
-            _keyPressed: boolean;
-            _keyReleased: boolean;
-            _pointerPressed: boolean;
-            stateLayer: boolean;
-        } & {
-            disabledState: boolean;
-            hoveredState: boolean;
-            focusedState: boolean;
-            pressedState: boolean;
-            touchedState: boolean;
-            pointedState: boolean;
-        } & {
-            stateTargetElement: HTMLElement;
-        } & {
-            _lastRippleWeakRef: WeakRef<InstanceType<import("../mixins/RippleMixin.js").Ripple>>;
-            _rippleAdded: boolean;
-        } & {
-            _lastRipple: import("../index.js").CustomElement & {
-                hadRippleHeld: boolean;
-                hadRippleReleased: boolean;
-                rippleStarted: boolean;
-            } & {
-                rippleState: string;
-                keepAlive: boolean;
-                _positionX: number;
-                _positionY: number;
-                _radius: number;
-                holdRipple: boolean;
-            } & {
-                _positionStyle: import("../core/customTypes.js").ElementStylerOptions | {
-                    styles: {
-                        minHeight: string;
-                        minWidth: string;
-                        boxShadow: string;
-                        top: string;
-                        left: string;
-                    };
-                };
-            } & {
-                updatePosition(x?: number, y?: number, size?: number): void;
-                handleRippleComplete(): void;
-            };
-        } & {
-            addRipple(x?: number, y?: number, hold?: boolean): InstanceType<Ripple>;
-        } & {
-            color: string;
-            ink: string;
-            typeStyle: string;
-        } & {
-            _ariaRole: string;
-            stateLayer: boolean;
-        } & {
-            leading: string;
-            avatar: string;
-            avatarColor: string;
-            avatarSrc: string;
-            src: string;
-            alt: string;
-            icon: string;
-            iconInk: string;
-            iconSrc: string;
-            iconVariation: string;
-            checkbox: string;
-            radio: string;
-            selectionColor: string;
-            selected: boolean;
-            supporting: string;
-            trailing: string;
-            trailingIcon: string;
-            trailingIconInk: string;
-            trailingIconSrc: string;
-            divider: string;
-            video: boolean;
-            lines: number;
-            _supportingSlotted: boolean;
-        } & {
-            disabledState: boolean;
-        }) => boolean>;
-        hasSupporting: () => ReturnType<() => boolean>;
-        checkboxClass: () => ReturnType<() => string>;
-        radioClass: () => ReturnType<() => string>;
-        computedIconVariation: () => ReturnType<({ iconVariation }: import("../index.js").CustomElement & {
-            href: string;
-            target: string;
-            download: string;
-            ping: string;
-            rel: string;
-            hreflang: string;
-            referrerPolicy: string;
-        } & {
-            origin: string;
-            protocol: string;
-            username: string;
-            password: string;
-            host: string;
-            hostname: string;
-            port: string;
-            pathname: string;
-            search: string;
-            hash: string;
-        } & object & {
-            _ariaRole: string;
-        } & {
-            onConnectAriaValues: Map<string, string>;
-            hasFiredConnected: boolean;
-        } & {
-            readAriaProperty(name: keyof HTMLElement & keyof ElementInternals): string | ShadowRoot;
-            updateAriaProperty(name: keyof HTMLElement & keyof ElementInternals, value: string): void;
-        } & {
-            disabled: boolean;
-            focused: boolean;
-            hovered: boolean;
-            pressed: boolean;
-            _lastInteraction: "key" | "mouse" | "touch" | "pen";
-            _hovered: boolean;
-            _focused: boolean;
-            _focusedSynthetic: boolean;
-            _keyPressed: boolean;
-            _keyReleased: boolean;
-            _pointerPressed: boolean;
-            stateLayer: boolean;
-        } & {
-            disabledState: boolean;
-            hoveredState: boolean;
-            focusedState: boolean;
-            pressedState: boolean;
-            touchedState: boolean;
-            pointedState: boolean;
-        } & {
-            stateTargetElement: HTMLElement;
-        } & {
-            _lastRippleWeakRef: WeakRef<InstanceType<import("../mixins/RippleMixin.js").Ripple>>;
-            _rippleAdded: boolean;
-        } & {
-            _lastRipple: import("../index.js").CustomElement & {
-                hadRippleHeld: boolean;
-                hadRippleReleased: boolean;
-                rippleStarted: boolean;
-            } & {
-                rippleState: string;
-                keepAlive: boolean;
-                _positionX: number;
-                _positionY: number;
-                _radius: number;
-                holdRipple: boolean;
-            } & {
-                _positionStyle: import("../core/customTypes.js").ElementStylerOptions | {
-                    styles: {
-                        minHeight: string;
-                        minWidth: string;
-                        boxShadow: string;
-                        top: string;
-                        left: string;
-                    };
-                };
-            } & {
-                updatePosition(x?: number, y?: number, size?: number): void;
-                handleRippleComplete(): void;
-            };
-        } & {
-            addRipple(x?: number, y?: number, hold?: boolean): InstanceType<Ripple>;
-        } & {
-            color: string;
-            ink: string;
-            typeStyle: string;
-        } & {
-            _ariaRole: string;
-            stateLayer: boolean;
-        } & {
-            leading: string;
-            avatar: string;
-            avatarColor: string;
-            avatarSrc: string;
-            src: string;
-            alt: string;
-            icon: string;
-            iconInk: string;
-            iconSrc: string;
-            iconVariation: string;
-            checkbox: string;
-            radio: string;
-            selectionColor: string;
-            selected: boolean;
-            supporting: string;
-            trailing: string;
-            trailingIcon: string;
-            trailingIconInk: string;
-            trailingIconSrc: string;
-            divider: string;
-            video: boolean;
-            lines: number;
-            _supportingSlotted: boolean;
-        } & {
-            disabledState: boolean;
-        }) => string>;
-    } & {
-        _ariaRole: string;
-        _index: number;
-        _selectedDirty: boolean;
-        isInteractive: boolean;
-    } & {
-        _label: string;
-        defaultSelected: boolean;
-        _selected: boolean;
-        _value: string;
-        _formDisabled: boolean;
-    } & {
-        selected: boolean;
-        disabledState: boolean;
-    } & {
-        index: number;
-        form: HTMLFormElement;
-        label: string;
-        value: string;
-    } & {
-        /** @param {boolean} formDisabled  */
-        formDisabledCallback(formDisabled: boolean): void;
-        /** @type {HTMLElement['focus']} */
-        focus(options?: FocusOptions): void;
-    }) => string>;
-    computedIconVariation: () => ReturnType<({ iconVariation, selected }: import("../index.js").CustomElement & {
-        delegatesFocus: boolean;
-    } & {
-        href: string;
-        target: string;
-        download: string;
-        ping: string;
-        rel: string;
-        hreflang: string;
-        referrerPolicy: string;
-    } & {
-        origin: string;
-        protocol: string;
-        username: string;
-        password: string;
-        host: string;
-        hostname: string;
-        port: string;
-        pathname: string;
-        search: string;
-        hash: string;
-    } & object & {
-        _ariaRole: string;
-    } & {
-        onConnectAriaValues: Map<string, string>;
-        hasFiredConnected: boolean;
-    } & {
-        readAriaProperty(name: keyof HTMLElement & keyof ElementInternals): string | ShadowRoot;
-        updateAriaProperty(name: keyof HTMLElement & keyof ElementInternals, value: string): void;
-    } & {
-        disabled: boolean;
-        focused: boolean;
-        hovered: boolean;
-        pressed: boolean;
-        _lastInteraction: "key" | "mouse" | "touch" | "pen";
-        _hovered: boolean;
-        _focused: boolean;
-        _focusedSynthetic: boolean;
-        _keyPressed: boolean;
-        _keyReleased: boolean;
-        _pointerPressed: boolean;
-        stateLayer: boolean;
-    } & {
-        disabledState: boolean;
-        hoveredState: boolean;
-        focusedState: boolean;
-        pressedState: boolean;
-        touchedState: boolean;
-        pointedState: boolean;
-    } & {
-        stateTargetElement: HTMLElement;
-    } & {
-        _lastRippleWeakRef: WeakRef<InstanceType<import("../mixins/RippleMixin.js").Ripple>>;
-        _rippleAdded: boolean;
-    } & {
-        _lastRipple: import("../index.js").CustomElement & {
-            hadRippleHeld: boolean;
-            hadRippleReleased: boolean;
-            rippleStarted: boolean;
-        } & {
-            rippleState: string;
-            keepAlive: boolean;
-            _positionX: number;
-            _positionY: number;
-            _radius: number;
-            holdRipple: boolean;
-        } & {
-            _positionStyle: import("../core/customTypes.js").ElementStylerOptions | {
-                styles: {
-                    minHeight: string;
-                    minWidth: string;
-                    boxShadow: string;
-                    top: string;
-                    left: string;
-                };
-            };
-        } & {
-            updatePosition(x?: number, y?: number, size?: number): void;
-            handleRippleComplete(): void;
-        };
-    } & {
-        addRipple(x?: number, y?: number, hold?: boolean): InstanceType<Ripple>;
-    } & {
-        color: string;
-        ink: string;
-        typeStyle: string;
-    } & {
-        _ariaRole: string;
-        stateLayer: boolean;
-    } & {
-        leading: string;
-        avatar: string;
-        avatarColor: string;
-        avatarSrc: string;
-        src: string;
-        alt: string;
-        icon: string;
-        iconInk: string;
-        iconSrc: string;
-        iconVariation: string;
-        checkbox: string;
-        radio: string;
-        selectionColor: string;
-        selected: boolean;
-        supporting: string;
-        trailing: string;
-        trailingIcon: string;
-        trailingIconInk: string;
-        trailingIconSrc: string;
-        divider: string;
-        video: boolean;
-        lines: number;
-        _supportingSlotted: boolean;
-    } & {
-        disabledState: boolean;
-    } & {
-        isInteractive: () => ReturnType<({ href }: import("../index.js").CustomElement & {
-            href: string;
-            target: string;
-            download: string;
-            ping: string;
-            rel: string;
-            hreflang: string;
-            referrerPolicy: string;
-        } & {
-            origin: string;
-            protocol: string;
-            username: string;
-            password: string;
-            host: string;
-            hostname: string;
-            port: string;
-            pathname: string;
-            search: string;
-            hash: string;
-        } & object & {
-            _ariaRole: string;
-        } & {
-            onConnectAriaValues: Map<string, string>;
-            hasFiredConnected: boolean;
-        } & {
-            readAriaProperty(name: keyof HTMLElement & keyof ElementInternals): string | ShadowRoot;
-            updateAriaProperty(name: keyof HTMLElement & keyof ElementInternals, value: string): void;
-        } & {
-            disabled: boolean;
-            focused: boolean;
-            hovered: boolean;
-            pressed: boolean;
-            _lastInteraction: "key" | "mouse" | "touch" | "pen";
-            _hovered: boolean;
-            _focused: boolean;
-            _focusedSynthetic: boolean;
-            _keyPressed: boolean;
-            _keyReleased: boolean;
-            _pointerPressed: boolean;
-            stateLayer: boolean;
-        } & {
-            disabledState: boolean;
-            hoveredState: boolean;
-            focusedState: boolean;
-            pressedState: boolean;
-            touchedState: boolean;
-            pointedState: boolean;
-        } & {
-            stateTargetElement: HTMLElement;
-        } & {
-            _lastRippleWeakRef: WeakRef<InstanceType<import("../mixins/RippleMixin.js").Ripple>>;
-            _rippleAdded: boolean;
-        } & {
-            _lastRipple: import("../index.js").CustomElement & {
-                hadRippleHeld: boolean;
-                hadRippleReleased: boolean;
-                rippleStarted: boolean;
-            } & {
-                rippleState: string;
-                keepAlive: boolean;
-                _positionX: number;
-                _positionY: number;
-                _radius: number;
-                holdRipple: boolean;
-            } & {
-                _positionStyle: import("../core/customTypes.js").ElementStylerOptions | {
-                    styles: {
-                        minHeight: string;
-                        minWidth: string;
-                        boxShadow: string;
-                        top: string;
-                        left: string;
-                    };
-                };
-            } & {
-                updatePosition(x?: number, y?: number, size?: number): void;
-                handleRippleComplete(): void;
-            };
-        } & {
-            addRipple(x?: number, y?: number, hold?: boolean): InstanceType<Ripple>;
-        } & {
-            color: string;
-            ink: string;
-            typeStyle: string;
-        } & {
-            _ariaRole: string;
-            stateLayer: boolean;
-        } & {
-            leading: string;
-            avatar: string;
-            avatarColor: string;
-            avatarSrc: string;
-            src: string;
-            alt: string;
-            icon: string;
-            iconInk: string;
-            iconSrc: string;
-            iconVariation: string;
-            checkbox: string;
-            radio: string;
-            selectionColor: string;
-            selected: boolean;
-            supporting: string;
-            trailing: string;
-            trailingIcon: string;
-            trailingIconInk: string;
-            trailingIconSrc: string;
-            divider: string;
-            video: boolean;
-            lines: number;
-            _supportingSlotted: boolean;
-        } & {
-            disabledState: boolean;
-        }) => boolean>;
-        hasSupporting: () => ReturnType<() => boolean>;
-        checkboxClass: () => ReturnType<() => string>;
-        radioClass: () => ReturnType<() => string>;
-        computedIconVariation: () => ReturnType<({ iconVariation }: import("../index.js").CustomElement & {
-            href: string;
-            target: string;
-            download: string;
-            ping: string;
-            rel: string;
-            hreflang: string;
-            referrerPolicy: string;
-        } & {
-            origin: string;
-            protocol: string;
-            username: string;
-            password: string;
-            host: string;
-            hostname: string;
-            port: string;
-            pathname: string;
-            search: string;
-            hash: string;
-        } & object & {
-            _ariaRole: string;
-        } & {
-            onConnectAriaValues: Map<string, string>;
-            hasFiredConnected: boolean;
-        } & {
-            readAriaProperty(name: keyof HTMLElement & keyof ElementInternals): string | ShadowRoot;
-            updateAriaProperty(name: keyof HTMLElement & keyof ElementInternals, value: string): void;
-        } & {
-            disabled: boolean;
-            focused: boolean;
-            hovered: boolean;
-            pressed: boolean;
-            _lastInteraction: "key" | "mouse" | "touch" | "pen";
-            _hovered: boolean;
-            _focused: boolean;
-            _focusedSynthetic: boolean;
-            _keyPressed: boolean;
-            _keyReleased: boolean;
-            _pointerPressed: boolean;
-            stateLayer: boolean;
-        } & {
-            disabledState: boolean;
-            hoveredState: boolean;
-            focusedState: boolean;
-            pressedState: boolean;
-            touchedState: boolean;
-            pointedState: boolean;
-        } & {
-            stateTargetElement: HTMLElement;
-        } & {
-            _lastRippleWeakRef: WeakRef<InstanceType<import("../mixins/RippleMixin.js").Ripple>>;
-            _rippleAdded: boolean;
-        } & {
-            _lastRipple: import("../index.js").CustomElement & {
-                hadRippleHeld: boolean;
-                hadRippleReleased: boolean;
-                rippleStarted: boolean;
-            } & {
-                rippleState: string;
-                keepAlive: boolean;
-                _positionX: number;
-                _positionY: number;
-                _radius: number;
-                holdRipple: boolean;
-            } & {
-                _positionStyle: import("../core/customTypes.js").ElementStylerOptions | {
-                    styles: {
-                        minHeight: string;
-                        minWidth: string;
-                        boxShadow: string;
-                        top: string;
-                        left: string;
-                    };
-                };
-            } & {
-                updatePosition(x?: number, y?: number, size?: number): void;
-                handleRippleComplete(): void;
-            };
-        } & {
-            addRipple(x?: number, y?: number, hold?: boolean): InstanceType<Ripple>;
-        } & {
-            color: string;
-            ink: string;
-            typeStyle: string;
-        } & {
-            _ariaRole: string;
-            stateLayer: boolean;
-        } & {
-            leading: string;
-            avatar: string;
-            avatarColor: string;
-            avatarSrc: string;
-            src: string;
-            alt: string;
-            icon: string;
-            iconInk: string;
-            iconSrc: string;
-            iconVariation: string;
-            checkbox: string;
-            radio: string;
-            selectionColor: string;
-            selected: boolean;
-            supporting: string;
-            trailing: string;
-            trailingIcon: string;
-            trailingIconInk: string;
-            trailingIconSrc: string;
-            divider: string;
-            video: boolean;
-            lines: number;
-            _supportingSlotted: boolean;
-        } & {
-            disabledState: boolean;
-        }) => string>;
-    } & {
-        _ariaRole: string;
-        _index: number;
-        _selectedDirty: boolean;
-        isInteractive: boolean;
-    } & {
-        _label: string;
-        defaultSelected: boolean;
-        _selected: boolean;
-        _value: string;
-        _formDisabled: boolean;
-    } & {
-        selected: boolean;
-        disabledState: boolean;
-    } & {
-        index: number;
-        form: HTMLFormElement;
-        label: string;
-        value: string;
-    } & {
-        /** @param {boolean} formDisabled  */
-        formDisabledCallback(formDisabled: boolean): void;
-        /** @type {HTMLElement['focus']} */
-        focus(options?: FocusOptions): void;
-    }) => string>;
+    anchorAriaLabelledBy: () => string;
+    anchorAriaDescribedBy: () => string;
+    computedIconVariation: () => string;
 }, any[]>;
 export default _default;
 //# sourceMappingURL=ListOption.d.ts.map