@redvars/peacock 3.4.0 → 3.5.1

package/dist/src/__utils/observe-slot-change.d.ts

@@ -0,0 +1 @@
+export declare function observerSlotChangesWithCallback(slot: HTMLSlotElement | null, callback: (hasContent: boolean) => void): void;

package/dist/src/__utils/sanitize-svg.d.ts

@@ -0,0 +1 @@
+export declare function sanitizeSvg(rawSvg: string): string;

package/dist/src/__utils/throttle.d.ts

@@ -0,0 +1,4 @@
+export declare function throttle(func: Function, delay: number, options?: {
+    leading: boolean;
+    trailing: boolean;
+}): (...args: any[]) => void;

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

@@ -3,13 +3,27 @@ import { LitElement } from 'lit';
  * @label Accordion Item
  * @tag wc-accordion-item
  * @rawTag accordion-item
- * @summary An accordion item is single item in an accordion list. It contains a header and a content section that can be expanded or collapsed by the user.
+ * @summary An expansion panel with a header that reveals or hides associated content. Follows Material Design 3 expansion panel guidelines.
  * @parentRawTag accordion
  *
+ * @slot - The body content revealed when the panel is expanded.
+ * @slot heading - The panel title. Renders as `body-large` text.
+ * @slot description - Optional subtitle rendered below the title. Renders as `body-small` text.
+ * @slot header-actions - Actions (e.g. icon buttons) placed at the trailing end of the header, before the toggle icon.
+ *
+ * @part header - The header `<button>` element.
+ * @part title - The title text container.
+ * @part description - The description text container.
+ * @part content - The expandable content region wrapper.
+ *
+ * @fires {CustomEvent<{ open: boolean }>} accordion-item:toggle - Fired when the panel is expanded or collapsed.
+ *
  * @example
  * ```html
  * <wc-accordion-item>
- * Testing
+ *   <span slot="heading">Personal information</span>
+ *   <span slot="description">Fill in your details</span>
+ *   <p>Content goes here.</p>
  * </wc-accordion-item>
  * ```
  * @tags display
@@ -18,20 +32,30 @@ export declare class AccordionItem extends LitElement {
     #private;
     static styles: import("lit").CSSResultGroup[];
     /**
-     * The menu item value.
-     */
-    heading: string;
-    /**
-     * If true, the user cannot interact with the button. Defaults to `false`.
+     * Whether the user cannot interact with the panel.
      */
     disabled: boolean;
     /**
-     * Menu item selection state.
+     * Whether the panel is expanded.
      */
     open: boolean;
+    /**
+     * Whether to hide the expand/collapse toggle indicator icon.
+     */
+    hideToggle: boolean;
+    /**
+     * Position of the toggle icon relative to the panel title.
+     * `'after'` places it at the trailing end (default, matches M3).
+     * `'before'` places it at the leading start.
+     */
+    togglePosition: 'before' | 'after';
+    private _hasDescriptionSlot;
+    private _hasHeadingSlot;
     private readonly buttonElement;
     focus(): void;
     blur(): void;
-    private __handleToggle;
+    private _handleToggle;
+    private static _onSlotChange;
+    private _renderToggleIcon;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/src/accordion/accordion.d.ts

@@ -4,21 +4,37 @@ import { AccordionItem } from './accordion-item.js';
  * @label Accordion
  * @tag wc-accordion
  * @rawTag accordion
- * @summary An accordion is a vertically stacked list of headers that reveal or hide associated sections of content.
+ * @summary A vertically stacked set of expansion panels. Follows Material Design 3 expansion panel guidelines.
  *
  * @example
  * ```html
  * <wc-accordion>
- *     <wc-accordion-item heading="Accordion">
- *         Content
- *     </wc-accordion-item>
+ *   <wc-accordion-item>
+ *     <span slot="heading">Panel 1</span>
+ *     <span slot="description">Summary text</span>
+ *     Content
+ *   </wc-accordion-item>
+ *   <wc-accordion-item>
+ *     <span slot="heading">Panel 2</span>
+ *     Content
+ *   </wc-accordion-item>
  * </wc-accordion>
  * ```
  * @tags display
  */
 export declare class Accordion extends LitElement {
     static styles: import("lit").CSSResultGroup[];
-    allowMultiple: boolean;
+    /**
+     * Whether multiple panels can be expanded simultaneously.
+     * When `false` (default), expanding one panel collapses all others.
+     */
+    multi: boolean;
+    /**
+     * Display mode for the accordion.
+     * `'default'` renders panels with a subtle background on expand and dividers between items.
+     * `'flat'` renders panels without borders or background changes — suitable for use inside cards.
+     */
+    displayMode: 'default' | 'flat';
     items: Array<AccordionItem>;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/src/banner/banner.d.ts

@@ -0,0 +1,43 @@
+import { LitElement } from 'lit';
+type BannerVariant = 'note' | 'info' | 'success' | 'warning' | 'error';
+/**
+ * @label Banner
+ * @tag wc-banner
+ * @rawTag banner
+ * @summary Banners show short, prominent contextual messages with optional icon and description.
+ *
+ * @cssprop --banner-container-color - Background color of the banner container.
+ * @cssprop --banner-label-text-color - Label text color.
+ * @cssprop --banner-description-text-color - Description text color.
+ * @cssprop --banner-icon-color - Icon color.
+ * @cssprop --banner-border-radius - Border radius of the banner surface.
+ *
+ * @example
+ * ```html
+ * <wc-banner variant="note" description="Use semantic roles that preserve a 3:1 contrast ratio."></wc-banner>
+ * ```
+ * @tags display, feedback
+ */
+export declare class Banner extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * Visual intent of the banner.
+     */
+    variant: BannerVariant;
+    /**
+     * Optional explicit label text. Falls back to a variant-based label.
+     */
+    label?: string;
+    /**
+     * Optional explicit icon name. Falls back to a variant-based icon.
+     */
+    icon?: string;
+    /**
+     * Optional description text when a default slot is not provided.
+     */
+    description: string;
+    private get resolvedLabel();
+    private get resolvedIcon();
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};

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

@@ -0,0 +1 @@
+export { Banner } from './banner.js';

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

@@ -1,56 +1,10 @@
 import { LitElement, nothing } from 'lit';
-export declare class BaseButton extends LitElement {
-    #private;
-    htmlType: 'button' | 'submit' | 'reset';
-    /**
-     * Type is preset of color and variant. Type will be only applied.
-     *
-     */
-    type?: 'primary' | 'secondary' | 'tertiary';
-    /**
-     * The visual style of the button.
-     *
-     *  Possible variant values:
-     * `"filled"` is a filled button.
-     * `"outlined"` is an outlined button.
-     * `"text"` is a transparent button.
-     * `"tonal"` is a light color button.
-     * `"elevated"` is elevated button
-     */
-    variant: 'elevated' | 'filled' | 'tonal' | 'outlined' | 'text' | 'neo';
-    /**
-     * Defines the primary color of the button. This can be set to predefined color names to apply specific color themes.
-     */
-    color: 'primary' | 'success' | 'danger' | 'warning' | 'light' | 'dark';
-    /**
-     * Button size.
-     * Possible values are `"sm"`, `"md"`, `"lg"`. Defaults to `"md"`.
-     */
-    size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    /**
-     * If true, the user cannot interact with the button. Defaults to `false`.
-     */
-    disabled: boolean;
+declare const BaseButton_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/BaseHyperlinkMixin.js").BaseHyperlinkInterface> & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/BaseButtonMixin.js").BaseButtonInterface>;
+export declare class BaseButton extends BaseButton_base {
+    protected static readonly DISABLED_REASON_ID = "disabled-reason";
+    color?: string;
+    variant?: string;
     skeleton: boolean;
-    /**
-     * If true, the user cannot interact with the button and the button is visually styled as disabled. But the button is still focusable. Defaults to `false`.
-     */
-    softDisabled: boolean;
-    /**
-     * If button is disabled, the reason why it is disabled.
-     */
-    disabledReason: string;
-    /**
-     * Hyperlink to navigate to on click.
-     */
-    href?: string;
-    /**
-     * Sets or retrieves the window or frame at which to target content.
-     */
-    target: string;
-    configAria?: {
-        [key: string]: any;
-    };
     toggle: boolean;
     selected: boolean;
     /**
@@ -63,16 +17,12 @@ export declare class BaseButton extends LitElement {
      */
     isPressed: boolean;
     readonly buttonElement: HTMLElement | null;
-    focus(): void;
-    blur(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     __handlePress: (event: KeyboardEvent | MouseEvent) => void;
-    __isLink(): boolean;
     __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
     __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
-    __convertTypeToVariantAndColor(): void;
-    __getDisabledReasonID(): string | typeof nothing;
-    __renderDisabledReason(): typeof nothing | import("lit-html").TemplateResult<1>;
+    __renderDisabledReason(softDisabled: boolean): typeof nothing | import("lit-html").TemplateResult<1>;
     __renderTooltip(): typeof nothing | import("lit-html").TemplateResult<1>;
 }
+export {};

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

@@ -42,19 +42,48 @@ import { BaseButton } from '../BaseButton.js';
  * @tags display
  */
 export declare class Button extends BaseButton {
-    #private;
     static styles: import("lit").CSSResultGroup[];
     /**
      * Icon alignment.
      * Possible values are `"start"`, `"end"`. Defaults to `"end"`.
      */
     iconAlign: 'start' | 'end';
+    /**
+     * 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?: 'primary' | 'secondary' | 'tertiary';
+    /**
+     * The visual style of the button.
+     *
+     *  Possible variant values:
+     * `"filled"` is a filled button.
+     * `"outlined"` is an outlined button.
+     * `"text"` is a transparent button.
+     * `"tonal"` is a light color button.
+     * `"elevated"` is elevated button
+     */
+    variant: 'elevated' | 'filled' | 'tonal' | 'outlined' | 'text' | 'neo';
+    /**
+     * Defines the primary color of the button. This can be set to predefined color names to apply specific color themes.
+     */
+    color: 'primary' | 'success' | 'danger' | 'warning' | 'surface' | 'on-surface';
+    /**
+     * Additional ARIA attributes to pass to the inner button/anchor element.
+     */
+    configAria?: {
+        [key: string]: any;
+    };
     private slotHasContent;
     focus(): void;
     blur(): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
     firstUpdated(): void;
+    __convertTypeToVariantAndColor(): void;
     render(): import("lit-html").TemplateResult<1>;
     renderButtonContent(): import("lit-html").TemplateResult<1>;
 }

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

@@ -11,8 +11,8 @@ import { IconButton } from '../icon-button/icon-button.js';
  * @example
  * ```html
  * <wc-button-group variant="connected">
- *  <wc-icon-button name="home" toggle selected></wc-icon-button>
- *  <wc-icon-button name="alarm" toggle></wc-icon-button>
+ *  <wc-icon-button toggle selected><wc-icon name="home"></wc-icon></wc-icon-button>
+ *  <wc-icon-button toggle><wc-icon name="alarm"></wc-icon></wc-icon-button>
  * </wc-button-group>
  * ```
  *
@@ -45,9 +45,9 @@ export declare class ButtonGroup extends LitElement {
     orientation: 'horizontal' | 'vertical';
     /**
      * Color applied to all buttons in the group.
-     * Possible values are `"primary"`, `"success"`, `"danger"`, `"warning"`, `"light"`, `"dark"`.
+     * Possible values are `"primary"`, `"success"`, `"danger"`, `"warning"`, `"surface"`, `"on-surface"`.
      */
-    color?: 'primary' | 'success' | 'danger' | 'warning' | 'light' | 'dark';
+    color?: 'primary' | 'success' | 'danger' | 'warning' | 'surface' | 'on-surface';
     /**
      * Visual style applied to all buttons in the group.
      * Possible values are `"filled"`, `"tonal"`, `"outlined"`.

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

@@ -1,5 +1,4 @@
 import { BaseButton } from '../BaseButton.js';
-import { IconProvider } from '../../icon/icon.js';
 /**
  * @label Icon Button
  * @tag wc-icon-button
@@ -39,21 +38,47 @@ import { IconProvider } from '../../icon/icon.js';
  *
  * @example
  * ```html
- * <wc-icon-button name="home"></wc-icon-button>
+ * <wc-icon-button><wc-icon name="home"></wc-icon></wc-icon-button>
  * ```
  * @tags display
  */
 export declare class IconButton extends BaseButton {
-    #private;
     static styles: import("lit").CSSResultGroup[];
-    name?: string;
-    src?: string;
-    provider: IconProvider;
+    /**
+     * 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?: 'primary' | 'secondary' | 'tertiary';
+    /**
+     * The visual style of the button.
+     *
+     *  Possible variant values:
+     * `"filled"` is a filled button.
+     * `"outlined"` is an outlined button.
+     * `"text"` is a transparent button.
+     * `"tonal"` is a light color button.
+     * `"elevated"` is elevated button
+     */
+    variant: 'elevated' | 'filled' | 'tonal' | 'outlined' | 'text' | 'neo';
+    /**
+     * Defines the primary color of the button. This can be set to predefined color names to apply specific color themes.
+     */
+    color: 'primary' | 'success' | 'danger' | 'warning' | 'surface' | 'on-surface';
+    /**
+     * Additional ARIA attributes to pass to the inner button/anchor element.
+     */
+    configAria?: {
+        [key: string]: any;
+    };
     focus(): void;
     blur(): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
     firstUpdated(): void;
+    __convertTypeToVariantAndColor(): void;
     render(): import("lit-html").TemplateResult<1>;
     renderButtonContent(): import("lit-html").TemplateResult<1>;
 }

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

@@ -1,5 +1,6 @@
-import { LitElement, nothing, PropertyValues } from 'lit';
+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>;
 /**
  * @label Card
  * @tag wc-card
@@ -17,7 +18,7 @@ type CardVariant = 'elevated' | 'filled' | 'outlined';
  * </wc-card>
  * ```
  */
-export declare class Card extends LitElement {
+export declare class Card extends Card_base {
     #private;
     static styles: import("lit").CSSResultGroup[];
     variant: CardVariant;
@@ -27,14 +28,6 @@ export declare class Card extends LitElement {
     * If button is disabled, the reason why it is disabled.
     */
     disabledReason: string;
-    /**
-     * Hyperlink to navigate to on click.
-     */
-    href?: string;
-    /**
-     * Sets or retrieves the window or frame at which to target content.
-     */
-    target: string;
     /**
      * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.
      */
@@ -45,17 +38,13 @@ export declare class Card extends LitElement {
     isPressed: boolean;
     private slotHasContent;
     readonly cardElement: HTMLElement | null;
-    readonly contentSlot: HTMLSlotElement | null;
     firstUpdated(): void;
-    updated(changedProperties: PropertyValues<this>): void;
-    __syncSlottedChildrenTabIndex(): void;
     __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
     __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
-    __isLink(): boolean;
     __getDisabledReasonID(): string | typeof nothing;
     __renderDisabledReason(): typeof nothing | import("lit-html").TemplateResult<1>;
     __handlePress: (event: KeyboardEvent | MouseEvent) => void;
     render(): import("lit-html").TemplateResult<1>;
-    renderCardContent(): import("lit-html").TemplateResult<1>;
+    renderCardContent(disableSlotTabbing: boolean): import("lit-html").TemplateResult<1>;
 }
 export {};

package/dist/src/empty-state/empty-state.d.ts

@@ -8,7 +8,7 @@ import { LitElement, nothing } from 'lit';
  *
  * @example
  * ```html
- * <wc-empty-state width="80%" headline="No items found"></wc-empty-state>
+ * <wc-empty-state style="width:100%" headline="No items found"></wc-empty-state>
  * ```
  */
 export declare class EmptyState extends LitElement {

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

@@ -0,0 +1,80 @@
+import { nothing } from 'lit';
+import { BaseButton } from '@/button/BaseButton.js';
+/**
+ * @label FAB
+ * @tag wc-fab
+ * @rawTag fab
+ *
+ * @summary The FAB (Floating Action Button) represents the primary action on a screen.
+ * @overview
+ * <p>A Floating Action Button (FAB) is a circular button that represents the primary action on a screen. It follows the Material Design 3 specification and supports four color roles and two variants.</p>
+ *
+ * @cssprop --fab-container-color: Background color of the FAB container.
+ * @cssprop --fab-label-text-color: Text and icon color of the FAB label.
+ * @cssprop --fab-container-shape: Corner radius of the FAB. Defaults to var(--shape-corner-large).
+ * @cssprop --fab-container-elevation-level: Elevation level of the FAB. Defaults to 3.
+ *
+ * @fires {MouseEvent} click - Dispatched when the FAB is clicked.
+ *
+ * @example
+ * ```html
+ * <wc-fab><wc-icon name="add"></wc-icon></wc-fab>
+ * ```
+ * @tags controls
+ */
+export declare class Fab extends BaseButton {
+    #private;
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * Optional label text for the extended FAB variant.
+     * When set, the FAB displays both the icon and a text label.
+     */
+    label?: string;
+    /**
+     * The color role of the FAB.
+     * `"surface"` uses the surface color role.
+     * `"primary"` uses the primary color role.
+     * `"secondary"` uses the secondary color role.
+     * `"tertiary"` uses the tertiary color role.
+     */
+    color: 'surface' | 'primary' | 'secondary' | 'tertiary';
+    /**
+     * The style variant of the FAB.
+     * `"tonal"` uses container colors.
+     * `"filled"` uses solid role colors.
+     */
+    variant: 'tonal' | 'filled';
+    /**
+     * The size of the FAB.
+     * `"sm"` renders a small FAB (40×40dp).
+     * `"md"` renders a standard FAB (56×56dp). This is the default.
+     * `"lg"` renders a large FAB (96×96dp).
+     */
+    size: 'sm' | 'md' | 'lg';
+    /**
+     * If `true`, the FAB is in a lowered (resting) state with reduced elevation.
+     */
+    lowered: boolean;
+    /**
+     * Additional ARIA attributes to pass to the inner button/anchor element.
+     */
+    configAria?: {
+        [key: string]: any;
+    };
+    /**
+     * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.
+     */
+    throttleDelay: number;
+    /**
+     * Tooltip text shown on hover.
+     */
+    tooltip?: string;
+    isPressed: boolean;
+    focus(): void;
+    blur(): void;
+    firstUpdated(): void;
+    __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
+    __getDisabledReasonID(): string | typeof nothing;
+    render(): import("lit-html").TemplateResult<1>;
+    __renderFabContent(isExtended: boolean): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1 @@
+export { Fab } from './fab.js';

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

@@ -14,17 +14,23 @@ export declare class FocusRing extends LitElement {
     static styles: import("lit").CSSResultGroup[];
     visible: boolean;
     for: string;
+    private __boundFocusin;
+    private __boundFocusout;
+    private __boundPointerdown;
     render(): symbol;
-    _control?: HTMLElement;
-    _focusTarget?: HTMLElement;
-    get control(): HTMLElement | null;
-    set control(control: HTMLElement | null);
-    set forElement(value: HTMLElement | null);
     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.
+     */
     __getFocusTarget(): HTMLElement | undefined;
     attach(): void;
     detach(): void;

package/dist/src/index.d.ts

@@ -5,6 +5,7 @@ export { Divider } from './divider/index.js';
 export { Clock } from './clock/index.js';
 export { Elevation } from './elevation/index.js';
 export { Button, ButtonGroup, IconButton } from './button/index.js';
+export { Fab } from './fab/index.js';
 export { SegmentedButton, SegmentedButtonGroup } from './segmented-button/index.js';
 export { FocusRing } from './focus-ring/index.js';
 export { Ripple } from './ripple/index.js';
@@ -16,6 +17,7 @@ export { LinearProgress } from './progress/linear-progress/index.js';
 export { CircularProgress } from './progress/circular-progress/index.js';
 export { Skeleton } from './skeleton/index.js';
 export { Input } from './input/index.js';
+export { UrlField } from './url-field/index.js';
 export { Field } from './field/index.js';
 export { NumberField } from './number-field/index.js';
 export { DatePicker } from './date-picker/index.js';
@@ -40,8 +42,10 @@ export { ChartPie } from './chart-pie/index.js';
 export { ChartBar, ChartStackedBar } from './chart-bar/index.js';
 export { Table } from './table/index.js';
 export { Pagination } from './pagination/index.js';
-export { TreeView, TreeNode } from './tree-view/index.js';
+export { SidebarMenu, SidebarMenuItem, SidebarSubMenu } from './sidebar-menu/index.js';
 export { Card } from './card/index.js';
+export { Banner } from './banner/index.js';
+export { Notification } from './notification/index.js';
 export { Snackbar } from './snackbar/index.js';
 export { Radio } from './radio/index.js';
 export { BottomSheet } from './bottom-sheet/index.js';
@@ -49,3 +53,6 @@ export { SideSheet } from './side-sheet/index.js';
 export { Select } from './select/index.js';
 export type { SelectOption } from './select/index.js';
 export { SelectOptionElement } from './select/index.js';
+export { Search } from './search/index.js';
+export { Toolbar } from './toolbar/index.js';
+export { NavigationRail, NavigationRailItem } from './navigation-rail/index.js';

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

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+declare const Link_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("../__mixins/BaseHyperlinkMixin.js").BaseHyperlinkInterface>;
 /**
  * @label Link
  * @tag wc-link
@@ -12,16 +13,8 @@ import { LitElement } from 'lit';
  * <wc-link href="#">Link</wc-link>
  * ```
  */
-export declare class Link extends LitElement {
+export declare class Link extends Link_base {
     static styles: import("lit").CSSResultGroup[];
-    /**
-     * Hyperlink to navigate to on click.
-     */
-    href?: string;
-    /**
-     * Sets or retrieves the window or frame at which to target content.
-     */
-    target: '_self' | '_parent' | '_blank' | '_top' | string;
-    tabIndexValue?: number;
     render(): import("lit-html").TemplateResult<1>;
 }
+export {};

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

@@ -22,9 +22,9 @@ type CloseReason = {
  *
  * @example
  * ```html
- * <wc-menu>
+ * <wc-menu preview>
  *   <wc-menu-item>Item 1</wc-menu-item>
- *   <wc-menu-item>Item 2</wc-menu-item>
+ *   <wc-menu-item selected>Item 2</wc-menu-item>
  * </wc-menu>
  * ```
  */
@@ -34,6 +34,7 @@ export declare class Menu extends LitElement {
     open: boolean;
     variant: 'standard' | 'vibrant';
     anchor: string;
+    preview: boolean;
     stayOpenOnOutsideClick: boolean;
     stayOpenOnFocusout: boolean;
     isSubmenu: boolean;

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

@@ -5,6 +5,7 @@ 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 {

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

@@ -0,0 +1,2 @@
+export { NavigationRail } from './navigation-rail.js';
+export { NavigationRailItem } from './navigation-rail-item.js';