@redvars/peacock 3.6.2 → 3.7.0

package/dist/src/button/button/button.d.ts

@@ -1,4 +1,6 @@
-import { BaseButton } from '../BaseButton.js';
+import { LitElement, nothing } from 'lit';
+import { GroupButtonInterface } from '@/button/GroupButtonInterface.js';
+declare const Button_base: typeof LitElement & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface> & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeButtonMixin.js").NativeButtonInterface>;
 /**
  * @label Button
  * @tag wc-button
@@ -41,22 +43,22 @@ import { BaseButton } from '../BaseButton.js';
  * ```
  * @tags display
  */
-export declare class Button extends BaseButton {
+export declare class Button extends Button_base implements GroupButtonInterface {
     static styles: import("lit").CSSResultGroup[];
     /**
      * Icon alignment.
      * Possible values are `"start"`, `"end"`. Defaults to `"end"`.
      */
-    iconAlign: 'start' | 'end';
+    trailingIcon: boolean;
     /**
      * Button size.
      * Possible values are `"xs"`, `"sm"`, `"md"`, `"lg"`, `"xl"`. Defaults to `"sm"`.
      */
     size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     /**
-       * Type is preset of color and variant. Type will be only applied.
-       *
-       */
+     * Type is preset of color and variant. Type will be only applied.
+     *
+     */
     type?: 'primary' | 'secondary' | 'tertiary';
     /**
      * The visual style of the button.
@@ -79,11 +81,34 @@ export declare class Button extends BaseButton {
     configAria?: {
         [key: string]: any;
     };
-    private slotHasContent;
     focus(): void;
     blur(): void;
     firstUpdated(): void;
     __convertTypeToVariantAndColor(): void;
     render(): import("lit-html").TemplateResult<1>;
+    renderButtonElement(): import("lit-html").TemplateResult<1>;
     renderButtonContent(): import("lit-html").TemplateResult<1>;
+    skeleton: boolean;
+    toggle: boolean;
+    selected: boolean;
+    /**
+     * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.
+     */
+    throttleDelay: number;
+    tooltip?: string;
+    /**
+     * States
+     */
+    pressed: boolean;
+    private __iconSlotCleanup;
+    private __labelSlotCleanup;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    __handlePress: (event: KeyboardEvent | MouseEvent) => void;
+    __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
+    __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
+    private getControl;
+    __renderDisabledReason(softDisabled: boolean): typeof nothing | import("lit-html").TemplateResult<1>;
+    __renderTooltip(): typeof nothing | import("lit-html").TemplateResult<1>;
 }
+export {};

package/dist/src/button/button-group/button-group.d.ts

@@ -18,7 +18,7 @@ import { IconButton } from '../icon-button/icon-button.js';
  *
  * @tags controls
  */
-export declare class ButtonGroup extends LitElement {
+declare class ButtonGroup extends LitElement {
     static styles: import("lit").CSSResultGroup[];
     static Button: typeof Button;
     static IconButton: typeof IconButton;
@@ -58,3 +58,4 @@ export declare class ButtonGroup extends LitElement {
     private _syncChildren;
     render(): import("lit-html").TemplateResult<1>;
 }
+export default ButtonGroup;

package/dist/src/button/icon-button/icon-button.d.ts

@@ -1,4 +1,6 @@
-import { BaseButton } from '../BaseButton.js';
+import { LitElement, nothing } from 'lit';
+import { GroupButtonInterface } from '@/button/GroupButtonInterface.js';
+declare const IconButton_base: typeof LitElement & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface> & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeButtonMixin.js").NativeButtonInterface>;
 /**
  * @label Icon Button
  * @tag wc-icon-button
@@ -42,7 +44,7 @@ import { BaseButton } from '../BaseButton.js';
  * ```
  * @tags display
  */
-export declare class IconButton extends BaseButton {
+export declare class IconButton extends IconButton_base implements GroupButtonInterface {
     static styles: import("lit").CSSResultGroup[];
     /**
      * Button size.
@@ -50,9 +52,9 @@ export declare class IconButton extends BaseButton {
      */
     size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     /**
-       * Type is preset of color and variant. Type will be only applied.
-       *
-       */
+     * Type is preset of color and variant. Type will be only applied.
+     *
+     */
     type?: 'primary' | 'secondary' | 'tertiary';
     /**
      * The visual style of the button.
@@ -75,10 +77,29 @@ export declare class IconButton extends BaseButton {
     configAria?: {
         [key: string]: any;
     };
+    skeleton: boolean;
+    toggle: boolean;
+    selected: boolean;
+    /**
+     * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.
+     */
+    throttleDelay: number;
+    tooltip?: string;
+    pressed: boolean;
+    readonly buttonElement: HTMLElement | null;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    __handlePress: (event: KeyboardEvent | MouseEvent) => void;
+    __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
+    __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
+    __renderDisabledReason(softDisabled: boolean): typeof nothing | import("lit-html").TemplateResult<1>;
+    __renderTooltip(): typeof nothing | import("lit-html").TemplateResult<1>;
     focus(): void;
     blur(): void;
     firstUpdated(): void;
     __convertTypeToVariantAndColor(): void;
     render(): import("lit-html").TemplateResult<1>;
+    renderButtonElement(): import("lit-html").TemplateResult<1>;
     renderButtonContent(): import("lit-html").TemplateResult<1>;
 }
+export {};

package/dist/src/button/index.d.ts

@@ -1,3 +1,3 @@
 export { Button } from './button/button.js';
-export { ButtonGroup } from './button-group/button-group.js';
+export { default as ButtonGroup } from './button-group/button-group.js';
 export { IconButton } from './icon-button/icon-button.js';

package/dist/src/calendar/calendar-column-view.d.ts

@@ -4,7 +4,6 @@ import { CalendarEvent } from './calendar-event.js';
  * @label Calendar Column View
  * @tag wc-calendar-column-view
  * @rawTag calendar-column-view
- * @parentRawTag calendar
  * @summary Internal column view component for the calendar (day/week views).
  */
 export declare class CalendarColumnView extends LitElement {

package/dist/src/calendar/calendar-month-view.d.ts

@@ -4,7 +4,6 @@ import { CalendarEvent } from './calendar-event.js';
  * @label Calendar Month View
  * @tag wc-calendar-month-view
  * @rawTag calendar-month-view
- * @parentRawTag calendar
  * @summary Internal month view component for the calendar.
  */
 export declare class CalendarMonthView extends LitElement {

package/dist/src/canvas/canvas.d.ts

@@ -81,12 +81,12 @@ export declare class Canvas extends LitElement {
      * Optional viewbox override string (e.g. "0 0 100 100").
      */
     viewbox?: string;
-    private unitSize;
-    private gap;
     private static getNextPoint;
-    private static updateComputationArea;
+    private static updateExtents;
     private static getStrokeVariantClasses;
     private computeShapes;
+    private renderBackgroundSvg;
+    private renderShapesSvg;
     protected render(): import("lit-html").TemplateResult<1>;
 }
 export {};

package/dist/src/card/card-content.d.ts

@@ -3,7 +3,6 @@ import { LitElement } from 'lit';
  * @label Card Content
  * @tag wc-card-content
  * @rawTag card-content
- * @parentRawTag
  *
  * @cssprop --card-content-padding - Inner padding for the card container. Defaults to 1rem.
  *

package/dist/src/card/card.d.ts

@@ -1,6 +1,6 @@
 import { LitElement, nothing } from 'lit';
 type CardVariant = 'elevated' | 'filled' | 'outlined';
-declare const Card_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/BaseHyperlinkMixin.js").BaseHyperlinkInterface>;
+declare const Card_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface>;
 /**
  * @label Card
  * @tag wc-card
@@ -12,9 +12,11 @@ declare const Card_base: typeof LitElement & import("../__mixins/MixinConstructo
  *
  * @example
  * ```html
- * <wc-card variant="outlined">
- *   <h3>Title</h3>
- *   <p>Supportive text</p>
+ * <wc-card variant="outlined" style="padding-block: 1rem;">
+ *   <wc-card-content>
+ *     <h3 class="text-headline">Title</h3>
+ *     <p class="text-body">Supportive text</p>
+ *   </wc-card-content>
  * </wc-card>
  * ```
  */
@@ -25,8 +27,8 @@ export declare class Card extends Card_base {
     disabled: boolean;
     actionable: boolean;
     /**
-    * If button is disabled, the reason why it is disabled.
-    */
+     * If button is disabled, the reason why it is disabled.
+     */
     disabledReason: string;
     /**
      * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.
@@ -45,6 +47,7 @@ export declare class Card extends Card_base {
     __renderDisabledReason(): typeof nothing | import("lit-html").TemplateResult<1>;
     __handlePress: (event: KeyboardEvent | MouseEvent) => void;
     render(): import("lit-html").TemplateResult<1>;
+    renderCardElement(isLinkElement: boolean, disableSlotTabbing: boolean): import("lit-html").TemplateResult<1>;
     renderCardContent(disableSlotTabbing: boolean): import("lit-html").TemplateResult<1>;
 }
 export {};

package/dist/src/chip/chip/chip.d.ts

@@ -1,4 +1,5 @@
-import { BaseButton } from '@/button/BaseButton.js';
+import { LitElement, nothing } from 'lit';
+declare const Chip_base: typeof LitElement & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface> & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeButtonMixin.js").NativeButtonInterface>;
 /**
  * @label Chip
  * @tag wc-chip
@@ -11,7 +12,7 @@ import { BaseButton } from '@/button/BaseButton.js';
  * <wc-chip>Chip content</wc-chip>
  * ```
  */
-export declare class Chip extends BaseButton {
+export declare class Chip extends Chip_base {
     static styles: import("lit").CSSResultGroup[];
     /** If true, the tag will have a close icon. */
     dismissible: boolean;
@@ -22,12 +23,30 @@ export declare class Chip extends BaseButton {
         [key: string]: any;
     };
     private _hasIconSlotContent;
-    private _isPressed;
+    skeleton: boolean;
+    toggle: boolean;
+    selected: boolean;
+    /**
+     * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.
+     */
+    throttleDelay: number;
+    tooltip?: string;
+    pressed: boolean;
+    readonly buttonElement: HTMLElement | null;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    __handlePress: (event: KeyboardEvent | MouseEvent) => void;
+    __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
+    __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
+    __renderDisabledReason(softDisabled: boolean): typeof nothing | import("lit-html").TemplateResult<1>;
+    __renderTooltip(): typeof nothing | import("lit-html").TemplateResult<1>;
     focus(): void;
     blur(): void;
     firstUpdated(): void;
     private _dismissClickHandler;
     private _renderCloseButton;
     render(): import("lit-html").TemplateResult<1>;
+    renderChipElement(): import("lit-html").TemplateResult<1>;
     renderChipContent(): import("lit-html").TemplateResult<1>;
 }
+export {};

package/dist/src/condition-builder/cb-compound-expression.d.ts

@@ -5,7 +5,6 @@ import { LitElement } from 'lit';
  * @rawTag cb-compound-expression
  * @summary A compound expression group in a condition builder that displays a field label, an optional condition operator divider, and slots for child expressions.
  * @tags condition-builder
- * @parentRawTag compound-builder
  *
  * @example
  * ```html

package/dist/src/condition-builder/cb-divider.d.ts

@@ -5,7 +5,6 @@ import { LitElement } from 'lit';
  * @rawTag cb-divider
  * @summary A divider line used within a condition builder to visually connect expressions with operator tags.
  * @tags condition-builder
- * @parentRawTag compound-builder
  *
  * @example
  * ```html

package/dist/src/condition-builder/cb-expression.d.ts

@@ -5,7 +5,6 @@ import { LitElement } from 'lit';
  * @rawTag cb-expression
  * @summary An expression row within a condition builder, containing an operator select and a slot for value inputs.
  * @tags condition-builder
- * @parentRawTag compound-builder
  *
  * @example
  * ```html

package/dist/src/condition-builder/cb-predicate.d.ts

@@ -5,7 +5,6 @@ import { LitElement } from 'lit';
  * @rawTag cb-predicate
  * @summary A predicate container in a condition builder that can display conditions in horizontal or vertical layout with an optional logical operator divider.
  * @tags condition-builder
- * @parentRawTag compound-expression
  *
  * @example
  * ```html

package/dist/src/fab/fab.d.ts

@@ -1,5 +1,5 @@
-import { nothing } from 'lit';
-import { BaseButton } from '@/button/BaseButton.js';
+import { LitElement, nothing } from 'lit';
+declare const Fab_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface> & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeButtonMixin.js").NativeButtonInterface>;
 /**
  * @label FAB
  * @tag wc-fab
@@ -22,7 +22,7 @@ import { BaseButton } from '@/button/BaseButton.js';
  * ```
  * @tags controls
  */
-export declare class Fab extends BaseButton {
+export declare class Fab extends Fab_base {
     #private;
     static styles: import("lit").CSSResultGroup[];
     /**
@@ -69,12 +69,26 @@ export declare class Fab extends BaseButton {
      * Tooltip text shown on hover.
      */
     tooltip?: string;
-    isPressed: boolean;
+    skeleton: boolean;
+    toggle: boolean;
+    selected: boolean;
+    /**
+     * States
+     */
+    pressed: boolean;
+    readonly buttonElement: HTMLElement | null;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    __handlePress: (event: KeyboardEvent | MouseEvent) => void;
+    __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
+    __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
+    __renderDisabledReason(softDisabled: boolean): typeof nothing | import("lit-html").TemplateResult<1>;
+    __renderTooltip(): typeof nothing | import("lit-html").TemplateResult<1>;
     focus(): void;
     blur(): void;
     firstUpdated(): void;
-    __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
-    __getDisabledReasonID(): string | typeof nothing;
     render(): import("lit-html").TemplateResult<1>;
+    __renderFabElement(isExtended: boolean): import("lit-html").TemplateResult<1>;
     __renderFabContent(isExtended: boolean): import("lit-html").TemplateResult<1>;
 }
+export {};

package/dist/src/field/field.d.ts

@@ -17,6 +17,7 @@ import { LitElement, nothing } from 'lit';
  * @tags form
  */
 export declare class Field extends LitElement {
+    static shadowRootOptions: ShadowRootInit;
     static styles: import("lit").CSSResultGroup[];
     label: string;
     help: string;

package/dist/src/focus-ring/focus-ring.d.ts

@@ -1,4 +1,9 @@
-import { LitElement } from 'lit';
+import { LitElement, PropertyValues } from 'lit';
+import { Attachable } from '@/__controllers/attachable-controller.js';
+declare const HANDLED_BY_FOCUS_RING: unique symbol;
+interface FocusRingEvent extends Event {
+    [HANDLED_BY_FOCUS_RING]: true;
+}
 /**
  * @label Focus Ring
  *
@@ -9,29 +14,30 @@ import { LitElement } from 'lit';
  *
  *
  * @tags display
+ *
+ * @fires visibility-changed {Event} Fired whenever `visible` changes.
  */
-export declare class FocusRing extends LitElement {
+export declare class FocusRing extends LitElement implements Attachable {
     static styles: import("lit").CSSResultGroup[];
+    /**
+     * Makes the focus ring visible.
+     */
     visible: boolean;
-    for: string;
-    private __boundFocusin;
-    private __boundFocusout;
-    private __boundPointerdown;
-    render(): symbol;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    updated(changed: Map<string, unknown>): void;
-    __focusin(): void;
-    __focusout(): void;
-    __pointerdown(): void;
     /**
-     * Resolves the element that should receive focus-ring event listeners by id.
-     * Prefers lookup from the current control's root node, then falls back to a
-     * document-level lookup.
-     *
-     * @returns The resolved focus target, if one can be found.
+     * Makes the focus ring animate inwards instead of outwards.
      */
-    __getFocusTarget(): HTMLElement | undefined;
-    attach(): void;
+    inward: boolean;
+    get htmlFor(): string | null;
+    set htmlFor(htmlFor: string | null);
+    get control(): HTMLElement | null;
+    set control(control: HTMLElement | null);
+    private readonly attachableController;
+    attach(control: HTMLElement): void;
     detach(): void;
+    connectedCallback(): void;
+    /** @private */
+    handleEvent(event: FocusRingEvent): void;
+    private onControlChange;
+    update(changed: PropertyValues<FocusRing>): void;
 }
+export {};

package/dist/src/image/image.d.ts

@@ -23,7 +23,7 @@ export declare class Image extends LitElement {
     preview: boolean;
     private _isDarkMode;
     private _loaded;
-    private _previewOpen;
+    private _dialog?;
     private _intersectionObserver;
     private _themeCleanup;
     connectedCallback(): void;
@@ -32,6 +32,6 @@ export declare class Image extends LitElement {
     private _setupIntersectionObserver;
     private get _activeSrc();
     private _handleClick;
-    private _closePreview;
+    private _handleDialogClick;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/src/index.d.ts

@@ -37,6 +37,7 @@ export { Popover, PopoverContent } from './popover/index.js';
 export { Breadcrumb, BreadcrumbItem } from './breadcrumb/index.js';
 export { Menu, MenuItem, SubMenu } from './menu/index.js';
 export { List, ListItem } from './list/index.js';
+export { Item } from './item/index.js';
 export { CodeHighlighter } from './code-highlighter/index.js';
 export { CodeEditor } from './code-editor/index.js';
 export { HtmlEditor } from './html-editor/index.js';

package/dist/src/input/input.d.ts

@@ -39,12 +39,10 @@ export declare class Input extends BaseInput {
      */
     private dirty;
     private inputElement?;
-    private tabindex?;
+    focus(): Promise<void>;
     connectedCallback(): void;
     private handleInitialAttributes;
     private __handleInput;
-    focus(): void;
-    blur(): void;
     private __handleFocusChange;
     private __redispatchEvent;
     render(): import("lit-html").TemplateResult<1>;

package/dist/src/item/index.d.ts

@@ -0,0 +1 @@
+export { Item } from './item.js';

package/dist/src/item/item.d.ts

@@ -0,0 +1,49 @@
+import { LitElement } from 'lit';
+declare const Item_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface> & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeButtonMixin.js").NativeButtonInterface>;
+/**
+ * @label Item
+ * @tag wc-item
+ * @rawTag item
+ *
+ * @summary A Material 3 item with start, text and end slots.
+ *
+ * @example
+ * ```html
+ * <wc-item selected>
+ *   <wc-icon slot="start" name="home"></wc-icon>
+ *   <div slot="overline">Overline</div>
+ *   <div slot="headline">Headline</div>
+ *   <div slot="supporting-text">Supporting text</div>
+ *   <div slot="trailing-supporting-text">Trailing</div>
+ *   <wc-icon slot="end" name="chevron_right"></wc-icon>
+ * </wc-item>
+ * ```
+ * @tags display
+ */
+export declare class Item extends Item_base {
+    static styles: import("lit").CSSResultGroup[];
+    static get observedAttributes(): string[];
+    private readonly __contentObserver;
+    private __capturedTabIndex?;
+    private __isCapturingTabIndex;
+    selected: boolean;
+    readonly itemElement: HTMLElement | null;
+    isPressed: boolean;
+    private __handleSlotChange;
+    private __hasNamedSlot;
+    private __hasDefaultSlot;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    focus(): void;
+    blur(): void;
+    __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
+    __handleKeyDown: (event: KeyboardEvent) => void;
+    __handlePress: (event: KeyboardEvent | MouseEvent) => void;
+    private __getForwardedAttribute;
+    private __captureHostTabIndex;
+    render(): import("lit-html").TemplateResult<1>;
+    renderItemElement(cssClasses: any, role: string | undefined, tabIndex: string | undefined, ariaHasPopup: string | undefined, ariaControls: string | undefined, ariaExpanded: string | undefined): import("lit-html").TemplateResult<1>;
+    renderContent(): import("lit-html").TemplateResult<1>;
+}
+export {};

package/dist/src/link/link.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-declare const Link_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("../__mixins/BaseHyperlinkMixin.js").BaseHyperlinkInterface>;
+declare const Link_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface>;
 /**
  * @label Link
  * @tag wc-link

package/dist/src/list/list-item.d.ts

@@ -1,10 +1,9 @@
 import { LitElement } from 'lit';
-declare const ListItem_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/BaseHyperlinkMixin.js").BaseHyperlinkInterface> & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/BaseButtonMixin.js").BaseButtonInterface>;
+declare const ListItem_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface> & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeButtonMixin.js").NativeButtonInterface>;
 /**
  * @label List Item
  * @tag wc-list-item
  * @rawTag list-item
- * @parentRawTag list
  *
  * @summary A Material 3 list item with leading, trailing and content slots.
  *

package/dist/src/menu/menu-item/menu-item.d.ts

@@ -1,10 +1,10 @@
 import { LitElement } from 'lit';
-declare const MenuItem_base: typeof LitElement & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/BaseHyperlinkMixin.js").BaseHyperlinkInterface> & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/BaseButtonMixin.js").BaseButtonInterface>;
+import { Item } from '@/item/item.js';
+declare const MenuItem_base: typeof LitElement & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface> & import("../../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeButtonMixin.js").NativeButtonInterface>;
 /**
  * @label Menu Item
  * @tag wc-menu-item
  * @rawTag menu-item
- * @parentRawTag menu
  * @summary An item in a menu list.
  * @tags navigation
  *
@@ -21,19 +21,17 @@ export declare class MenuItem extends MenuItem_base {
     submenuOpen: boolean;
     variant: 'standard' | 'vibrant';
     static styles: import("lit").CSSResultGroup[];
-    readonly itemElement: HTMLElement | null;
-    /**
-       * States
-       */
-    isPressed: boolean;
+    readonly itemElement: Item | null;
+    private readonly _contentObserver;
+    private _rovingTabIndex;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    get tabIndex(): number;
+    set tabIndex(value: number);
     focus(): void;
     blur(): void;
-    __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
-    __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
-    __handleKeyDown: (event: KeyboardEvent) => void;
-    __handlePress: (event: KeyboardEvent | MouseEvent) => void;
+    private _hasNamedSlot;
+    private _hasDefaultSlot;
     render(): import("lit-html").TemplateResult<1>;
     renderContent(): import("lit-html").TemplateResult<1>;
 }

package/dist/src/menu/sub-menu/sub-menu.d.ts

@@ -5,7 +5,6 @@ import { Menu } from '../menu/menu.js';
  * @label Sub Menu
  * @tag wc-sub-menu
  * @rawTag sub-menu
- * @parentRawTag menu
  * @summary Connects a menu item to a nested menu.
  */
 export declare class SubMenu extends LitElement {
@@ -18,6 +17,7 @@ export declare class SubMenu extends LitElement {
     private readonly _menus;
     private _openTimeout?;
     private _closeTimeout?;
+    private _resolveAnchorElement;
     private readonly _onChildMenuOpened;
     private readonly _onChildMenuClosed;
     get item(): MenuItem | null;

package/dist/src/navigation-rail/navigation-rail-item.d.ts

@@ -3,7 +3,6 @@ import { LitElement, nothing } from 'lit';
  * @label Navigation Rail Item
  * @tag wc-navigation-rail-item
  * @rawTag navigation-rail-item
- * @parentRawTag navigation-rail
  *
  * @summary An individual item within a navigation rail.
  * @overview
@@ -47,7 +46,6 @@ export declare class NavigationRailItem extends LitElement {
     __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
     __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
     __handlePress: (event: KeyboardEvent | MouseEvent) => void;
-    __isLink(): boolean;
     __getDisabledReasonID(): string | typeof nothing;
     __renderDisabledReason(): typeof nothing | import("lit-html").TemplateResult<1>;
     __renderItemContent(): import("lit-html").TemplateResult<1>;

package/dist/src/navigation-rail/navigation-rail.d.ts

@@ -28,17 +28,13 @@ import { NavigationRailItem } from './navigation-rail-item.js';
  * ```html
  * <wc-navigation-rail>
  *   <wc-navigation-rail-item active>
- *     <wc-icon slot="icon">home</wc-icon>
+ *     <wc-icon slot="icon" name="home"></wc-icon>
  *     Home
  *   </wc-navigation-rail-item>
  *   <wc-navigation-rail-item>
- *     <wc-icon slot="icon">search</wc-icon>
+ *     <wc-icon slot="icon" name="search"></wc-icon>
  *     Search
  *   </wc-navigation-rail-item>
- *   <wc-navigation-rail-item>
- *     <wc-icon slot="icon">settings</wc-icon>
- *     Settings
- *   </wc-navigation-rail-item>
  * </wc-navigation-rail>
  * ```
  * @tags navigation