@redvars/peacock 3.8.1 → 3.8.2

package/dist/src/app-bar/app-bar.d.ts

@@ -0,0 +1,92 @@
+import { LitElement } from 'lit';
+/**
+ * @label App Bar
+ * @tag wc-app-bar
+ * @rawTag app-bar
+ *
+ * @summary A top app bar for page-level navigation and actions.
+ * @overview
+ * <p>The app bar component implements the top app bar pattern. It provides a
+ * consistent header for screens, housing a navigation icon, a page title/headline, and
+ * optional trailing action icons.</p>
+ *
+ * <p>Four size variants are available: <strong>small</strong> (64dp, single-row),
+ * <strong>center-aligned</strong> (64dp, centred headline), <strong>medium</strong>
+ * (112dp, headline below the row), and <strong>large</strong> (152dp, large headline).</p>
+ *
+ * <p>Use the <code>leading</code> slot for a navigation icon (e.g. a hamburger or back
+ * button), the default slot for the headline text, and the <code>trailing</code> slot for
+ * action icon buttons.</p>
+ *
+ * @slot leading - Navigation icon placed at the start of the bar.
+ * @slot - Headline / title text.
+ * @slot trailing - Trailing action icon buttons placed at the end of the bar.
+ *
+ * @cssprop --app-bar-container-color - Background color of the app bar.
+ * @cssprop --app-bar-container-height - Height of the bar in small / center-aligned variants.
+ * @cssprop --app-bar-headline-color - Color of the headline text.
+ * @cssprop --app-bar-leading-icon-color - Color of the leading slot icons.
+ * @cssprop --app-bar-trailing-icon-color - Color of the trailing slot icons.
+ * @cssprop --app-bar-shadow - Box-shadow applied when the bar is scrolled / elevated.
+ *
+ * @example
+ * ```html
+ * <!-- Small app bar (default) -->
+ * <wc-app-bar>
+ *   <wc-icon-button slot="leading" variant="text"><wc-icon name="menu"></wc-icon></wc-icon-button>
+ *   Page Title
+ *   <wc-icon-button slot="trailing" variant="text"><wc-icon name="search"></wc-icon></wc-icon-button>
+ *   <wc-icon-button slot="trailing" variant="text"><wc-icon name="more_vert"></wc-icon></wc-icon-button>
+ * </wc-app-bar>
+ * ```
+ *
+ * @example
+ * ```html
+ * <!-- Center-aligned app bar -->
+ * <wc-app-bar variant="center-aligned">
+ *   <wc-icon-button slot="leading" variant="text"><wc-icon name="arrow_back"></wc-icon></wc-icon-button>
+ *   Details
+ *   <wc-icon-button slot="trailing" variant="text"><wc-icon name="more_vert"></wc-icon></wc-icon-button>
+ * </wc-app-bar>
+ * ```
+ *
+ * @example
+ * ```html
+ * <!-- Medium app bar -->
+ * <wc-app-bar variant="medium">
+ *   <wc-icon-button slot="leading" variant="text"><wc-icon name="menu"></wc-icon></wc-icon-button>
+ *   Medium Headline
+ *   <wc-icon-button slot="trailing" variant="text"><wc-icon name="search"></wc-icon></wc-icon-button>
+ * </wc-app-bar>
+ * ```
+ *
+ * @example
+ * ```html
+ * <!-- Large app bar -->
+ * <wc-app-bar variant="large">
+ *   <wc-icon-button slot="leading" variant="text"><wc-icon name="arrow_back"></wc-icon></wc-icon-button>
+ *   Large Headline
+ *   <wc-icon-button slot="trailing" variant="text"><wc-icon name="more_vert"></wc-icon></wc-icon-button>
+ * </wc-app-bar>
+ * ```
+ * @tags navigation display
+ */
+export declare class AppBar extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * Visual variant of the app bar.
+     * - `"small"`: 64dp single-row bar with leading, title, and trailing (default).
+     * - `"center-aligned"`: 64dp single-row bar with a centred headline.
+     * - `"medium"`: Two-row bar (64dp top row + 48dp headline row).
+     * - `"large"`: Two-row bar with a larger headline (64dp top row + 88dp headline row).
+     */
+    variant: 'small' | 'center-aligned' | 'medium' | 'large';
+    /**
+     * Whether the bar is in its scrolled state, which adds a shadow and optionally
+     * changes the container color to indicate elevation above page content.
+     */
+    scrolled: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    private __renderSingleRow;
+    private __renderTwoRow;
+}

package/dist/src/app-bar/index.d.ts

@@ -0,0 +1 @@
+export { AppBar } from './app-bar.js';

package/dist/src/avatar/avatar.d.ts

@@ -20,7 +20,9 @@ import { LitElement } from 'lit';
  */
 export declare class Avatar extends LitElement {
     static styles: import("lit").CSSResultGroup[];
+    /** Full name of the person. Used to derive initials when no `src` is provided. */
     name: string;
+    /** URL of the avatar image. When provided, the image is displayed instead of initials. */
     src?: string;
     render(): import("lit-html").TemplateResult<1>;
     private __getInitials;

package/dist/src/bottom-sheet/bottom-sheet.d.ts

@@ -3,7 +3,7 @@ import { LitElement } from 'lit';
  * @label Bottom Sheet
  * @tag wc-bottom-sheet
  * @rawTag bottom-sheet
- * @summary Bottom sheets slide up from the bottom of the screen to reveal additional content. Supports standard and modal variants per Material Design 3.
+ * @summary Bottom sheets slide up from the bottom of the screen to reveal additional content. Supports standard and modal variants.
  *
  * @cssprop --bottom-sheet-container-color - Background color of the sheet container.
  * @cssprop --bottom-sheet-scrim-color - Color of the modal scrim overlay.

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

@@ -29,6 +29,7 @@ export declare class BreadcrumbItem extends LitElement {
      * Custom separator character. If not provided, default "/" is used.
      */
     separator?: string;
+    /** 1-based position among sibling breadcrumb items, used for schema.org `ListItem` metadata. */
     private position;
     connectedCallback(): void;
     private calculatePosition;

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

@@ -0,0 +1,5 @@
+export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type ButtonLevel = 'primary' | 'secondary' | 'tertiary' | 'danger';
+export type ButtonShape = 'round' | 'square';
+export type ButtonVariant = 'elevated' | 'filled' | 'tonal' | 'outlined' | 'text' | 'neo';
+export type ButtonColor = 'primary' | 'success' | 'danger' | 'warning' | 'surface' | 'on-surface';

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

@@ -0,0 +1,18 @@
+import { LitElement } from 'lit';
+import { WithElementInternals } from '@/__internal/mixins/element-internals.js';
+import { MixinBase, MixinReturn } from '@/__internal/mixins/mixin.js';
+/**
+ * 1. Define an interface for the members the mixin adds.
+ * This makes the type annotation much cleaner.
+ */
+export interface BaseButton {
+    variant: string;
+    color: string;
+    disabled: boolean;
+    softDisabled: boolean;
+    disabledReason: string;
+    throttleDelay?: number;
+    __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
+    __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
+}
+export declare function mixinBaseButton<T extends MixinBase<LitElement & WithElementInternals>>(base: T): MixinReturn<T, BaseButton>;

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

@@ -1,6 +1,7 @@
 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>;
+import type { ButtonSize, ButtonLevel, ButtonShape, ButtonVariant, ButtonColor } from '@/button/ButtonTypes.js';
+export type { ButtonSize, ButtonLevel, ButtonShape, ButtonVariant, ButtonColor, } from '@/button/ButtonTypes.js';
+declare const Button_base: import("../../__internal/mixins/mixin.js").MixinReturn<import("../../__internal/mixins/mixin.js").MixinReturn<import("../../__internal/mixins/mixin.js").MixinReturn<import("../../__internal/mixins/mixin.js").MixinReturn<import("../../__internal/mixins/mixin.js").MixinReturn<(abstract new (...args: any[]) => import("@/__internal/mixins/element-internals.js").WithElementInternals) & typeof LitElement & import("@/__internal/mixins/form-associated.js").FormAssociatedConstructor, import("@/__internal/mixins/form-associated.js").FormAssociated>, import("@/__internal/mixins/form-submitter.js").FormSubmitter>>, import("@/__internal/mixins/hyperlink.js").Hyperlink>, import("../base-button/base-button.js").BaseButton>;
 /**
  * @label Button
  * @tag wc-button
@@ -43,7 +44,8 @@ declare const Button_base: typeof LitElement & import("../../__mixins/MixinConst
  * ```
  * @tags display
  */
-export declare class Button extends Button_base implements GroupButtonInterface {
+export declare class Button extends Button_base {
+    /** @nocollapse */ static shadowRootOptions: ShadowRootInit;
     static styles: import("lit").CSSResultGroup[];
     /**
      * Icon alignment.
@@ -54,12 +56,13 @@ export declare class Button extends Button_base implements GroupButtonInterface
      * Button size.
      * Possible values are `"xs"`, `"sm"`, `"md"`, `"lg"`, `"xl"`. Defaults to `"sm"`.
      */
-    size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    size: ButtonSize;
     /**
-     * Type is preset of color and variant. Type will be only applied.
-     *
+     * Level is preset of color and variant. If Level provided it overrides the default color and variant.
      */
-    type?: 'primary' | 'secondary' | 'tertiary';
+    level?: ButtonLevel;
+    /** Shape of the button container. */
+    shape: ButtonShape;
     /**
      * The visual style of the button.
      *
@@ -70,45 +73,34 @@ export declare class Button extends Button_base implements GroupButtonInterface
      * `"tonal"` is a light color button.
      * `"elevated"` is elevated button
      */
-    variant: 'elevated' | 'filled' | 'tonal' | 'outlined' | 'text' | 'neo';
+    variant: ButtonVariant;
     /**
      * 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;
-    firstUpdated(): void;
-    __convertTypeToVariantAndColor(): void;
-    render(): import("lit-html").TemplateResult<1>;
-    renderButtonElement(): import("lit-html").TemplateResult<1>;
-    renderButtonContent(): import("lit-html").TemplateResult<1>;
+    color: ButtonColor;
+    /** When true, renders the button in a loading skeleton state. */
     skeleton: boolean;
+    /** When true, the button acts as a toggle. Use with `selected`. */
     toggle: boolean;
+    /** When true (and `toggle` is set), the button is in the selected/pressed state. */
     selected: boolean;
-    /**
-     * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.
-     */
-    throttleDelay: number;
+    /** Optional tooltip text displayed on hover. */
     tooltip?: string;
-    /**
-     * States
-     */
-    pressed: boolean;
+    private readonly buttonElement;
+    /** Cleanup returned by observerSlotChangesWithCallback for the icon slot. */
     private __iconSlotCleanup;
+    /** Cleanup returned by observerSlotChangesWithCallback for the label slot. */
     private __labelSlotCleanup;
-    connectedCallback(): void;
+    constructor();
     disconnectedCallback(): void;
-    __handlePress: (event: KeyboardEvent | MouseEvent) => void;
-    __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
+    firstUpdated(changedProperties: Map<PropertyKey, unknown>): void;
+    focus(): void;
+    blur(): void;
+    __convertTypeToVariantAndColor(): 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>;
+    renderButtonElement(): import("lit-html").TemplateResult<1>;
+    renderButtonContent(): import("lit-html").TemplateResult<1>;
+    renderDisabledReason(softDisabled: boolean): typeof nothing | import("lit-html").TemplateResult<1>;
+    renderTooltip(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
-export {};

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

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import { Button } from '../button/button.js';
+import { Button, ButtonColor } from '../button/button.js';
 import { IconButton } from '../icon-button/icon-button.js';
 /**
  * @label Button Group
@@ -10,9 +10,16 @@ import { IconButton } from '../icon-button/icon-button.js';
 
  * @example
  * ```html
- * <wc-button-group variant="connected">
- *  <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 connected="true">
+ *  <wc-icon-button toggle="true" shaped="wide">
+ *    <wc-icon name="format_bold"></wc-icon>
+ *  </wc-icon-button>
+ *  <wc-icon-button toggle="true" shaped="wide">
+ *    <wc-icon name="format_italic"></wc-icon>
+ *  </wc-icon-button>
+ *  <wc-icon-button toggle="true" shaped="wide">
+ *    <wc-icon name="format_underlined"></wc-icon>
+ *  </wc-icon-button>
  * </wc-button-group>
  * ```
  *
@@ -30,32 +37,24 @@ declare class ButtonGroup extends LitElement {
     /**
      * Layout variant of the button group.
      * `"standard"` shows buttons with a small gap between them.
-     * `"connected"` places buttons with a 2px gap; in horizontal orientation outer buttons have fully
-     * rounded outer corners and middle buttons keep standard rounded corners. In vertical orientation
-     * all buttons keep their default corner shape.
+     * `"connected"` places buttons with a 2px gap;
+     * rounded outer corners and middle buttons keep standard rounded corners.
      * Defaults to `"standard"`.
      */
-    variant: 'standard' | 'connected';
-    /**
-     * Orientation of the button group.
-     * `"horizontal"` lays buttons out in a row.
-     * `"vertical"` stacks buttons in a column.
-     * Defaults to `"horizontal"`.
-     */
-    orientation: 'horizontal' | 'vertical';
+    connected: boolean;
     /**
      * Color applied to all buttons in the group.
      * Possible values are `"primary"`, `"success"`, `"danger"`, `"warning"`, `"surface"`, `"on-surface"`.
      */
-    color?: 'primary' | 'success' | 'danger' | 'warning' | 'surface' | 'on-surface';
+    color?: ButtonColor;
     /**
      * Visual style applied to all buttons in the group.
      * Possible values are `"filled"`, `"tonal"`, `"outlined"`.
      */
-    buttonVariant?: 'filled' | 'tonal' | 'outlined';
+    variant?: 'filled' | 'tonal' | 'outlined';
     updated(): void;
     private _getSlottedElements;
-    private _syncChildren;
+    private _syncButtonProperties;
     render(): import("lit-html").TemplateResult<1>;
 }
 export default ButtonGroup;

package/dist/src/{fab → button/fab}/fab.d.ts

@@ -1,5 +1,5 @@
 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>;
+declare const Fab_base: import("../../__internal/mixins/mixin.js").MixinReturn<import("../../__internal/mixins/mixin.js").MixinReturn<import("../../__internal/mixins/mixin.js").MixinReturn<import("../../__internal/mixins/mixin.js").MixinReturn<import("../../__internal/mixins/mixin.js").MixinReturn<(abstract new (...args: any[]) => import("@/__internal/mixins/element-internals.js").WithElementInternals) & typeof LitElement & import("@/__internal/mixins/form-associated.js").FormAssociatedConstructor, import("@/__internal/mixins/form-associated.js").FormAssociated>, import("@/__internal/mixins/form-submitter.js").FormSubmitter>>, import("@/__internal/mixins/hyperlink.js").Hyperlink>, import("../base-button/base-button.js").BaseButton>;
 /**
  * @label FAB
  * @tag wc-fab
@@ -7,7 +7,7 @@ declare const Fab_base: typeof LitElement & import("../__mixins/MixinConstructor
  *
  * @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>
+ * <p>A Floating Action Button (FAB) is a circular button that represents the primary action on a screen. It follows the 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.
@@ -23,7 +23,7 @@ declare const Fab_base: typeof LitElement & import("../__mixins/MixinConstructor
  * @tags controls
  */
 export declare class Fab extends Fab_base {
-    #private;
+    /** @nocollapse */ static shadowRootOptions: ShadowRootInit;
     static styles: import("lit").CSSResultGroup[];
     /**
      * Optional label text for the extended FAB variant.
@@ -55,16 +55,6 @@ export declare class Fab extends Fab_base {
      * 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.
      */
@@ -72,23 +62,15 @@ export declare class Fab extends Fab_base {
     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;
+    constructor();
     __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;
+    renderDisabledReason(softDisabled: boolean): typeof nothing | import("lit-html").TemplateResult<1>;
+    renderTooltip(): typeof nothing | import("lit-html").TemplateResult<1>;
+    renderFabElement(isExtended: boolean): import("lit-html").TemplateResult<1>;
+    renderFabContent(isExtended: boolean): import("lit-html").TemplateResult<1>;
     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/button/icon-button/icon-button.d.ts

@@ -1,6 +1,6 @@
 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>;
+import type { ButtonColor, ButtonLevel, ButtonShape, ButtonSize, ButtonVariant } from '@/button/ButtonTypes.js';
+declare const IconButton_base: import("../../__internal/mixins/mixin.js").MixinReturn<import("../../__internal/mixins/mixin.js").MixinReturn<import("../../__internal/mixins/mixin.js").MixinReturn<import("../../__internal/mixins/mixin.js").MixinReturn<import("../../__internal/mixins/mixin.js").MixinReturn<(abstract new (...args: any[]) => import("@/__internal/mixins/element-internals.js").WithElementInternals) & typeof LitElement & import("@/__internal/mixins/form-associated.js").FormAssociatedConstructor, import("@/__internal/mixins/form-associated.js").FormAssociated>, import("@/__internal/mixins/form-submitter.js").FormSubmitter>>, import("@/__internal/mixins/hyperlink.js").Hyperlink>, import("../base-button/base-button.js").BaseButton>;
 /**
  * @label Icon Button
  * @tag wc-icon-button
@@ -44,18 +44,21 @@ declare const IconButton_base: typeof LitElement & import("../../__mixins/MixinC
  * ```
  * @tags display
  */
-export declare class IconButton extends IconButton_base implements GroupButtonInterface {
+export declare class IconButton extends IconButton_base {
+    /** @nocollapse */ static shadowRootOptions: ShadowRootInit;
     static styles: import("lit").CSSResultGroup[];
     /**
      * Button size.
      * Possible values are `"xs"`, `"sm"`, `"md"`, `"lg"`, `"xl"`. Defaults to `"sm"`.
      */
-    size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    size: ButtonSize;
     /**
      * Type is preset of color and variant. Type will be only applied.
      *
      */
-    type?: 'primary' | 'secondary' | 'tertiary';
+    level?: ButtonLevel;
+    /** Shape of the button container. */
+    shape?: ButtonShape;
     /**
      * The visual style of the button.
      *
@@ -66,40 +69,30 @@ export declare class IconButton extends IconButton_base implements GroupButtonIn
      * `"tonal"` is a light color button.
      * `"elevated"` is elevated button
      */
-    variant: 'elevated' | 'filled' | 'tonal' | 'outlined' | 'text' | 'neo';
+    variant: ButtonVariant;
     /**
      * 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;
-    };
+    color: ButtonColor;
+    /** When true, renders the button in a loading skeleton state. */
     skeleton: boolean;
+    /** When true, the button acts as a toggle. Use with `selected`. */
     toggle: boolean;
+    /** When true (and `toggle` is set), the button is in the selected/pressed state. */
     selected: boolean;
-    /**
-     * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.
-     */
-    throttleDelay: number;
+    /** Optional tooltip text displayed on hover. */
     tooltip?: string;
-    pressed: boolean;
     readonly buttonElement: HTMLElement | null;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    __handlePress: (event: KeyboardEvent | MouseEvent) => void;
-    __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
+    constructor();
     __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;
+    firstUpdated(changedProperties: Map<PropertyKey, unknown>): void;
     __convertTypeToVariantAndColor(): void;
-    render(): import("lit-html").TemplateResult<1>;
-    renderButtonElement(): import("lit-html").TemplateResult<1>;
+    renderDisabledReason(softDisabled: boolean): typeof nothing | import("lit-html").TemplateResult<1>;
+    renderTooltip(): typeof nothing | import("lit-html").TemplateResult<1>;
     renderButtonContent(): import("lit-html").TemplateResult<1>;
+    renderButtonElement(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 export {};

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

@@ -1,3 +1,4 @@
 export { Button } from './button/button.js';
 export { default as ButtonGroup } from './button-group/button-group.js';
 export { IconButton } from './icon-button/icon-button.js';
+export type { ButtonSize, ButtonLevel, ButtonShape, ButtonVariant, ButtonColor, } from './ButtonTypes.js';

package/dist/src/calendar/calendar.d.ts

@@ -4,7 +4,7 @@ import type { CalendarViewType, EventType } from './types.js';
  * @label Calendar
  * @tag wc-calendar
  * @rawTag calendar
- * @summary A Material 3 inspired full calendar component for displaying events in day, week, or month views.
+ * @summary A full calendar component for displaying events in day, week, or month views.
  *
  * @cssprop --calendar-border-color - Border color used throughout the calendar grid.
  * @cssprop --calendar-event-bg-color - Background color for calendar events.

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

@@ -45,7 +45,7 @@ export type CanvasShape = CanvasCircleShape | CanvasRectShape | CanvasLineShape
  * @label Canvas
  * @tag wc-canvas
  * @rawTag canvas
- * @summary A Material 3 inspired SVG canvas for drawing shapes, lines, and connectors on a dotted grid.
+ * @summary A SVG canvas for drawing shapes, lines, and connectors on a dotted grid.
  *
  * @cssprop --canvas-background - Background color for the canvas wrapper. Defaults to surface-container-low.
  * @cssprop --canvas-dot-color - Color of the background grid dots. Defaults to outline-variant.

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

@@ -1,11 +1,11 @@
 import { LitElement, nothing } from 'lit';
 type CardVariant = 'elevated' | 'filled' | 'outlined';
-declare const Card_base: typeof LitElement & import("../__mixins/MixinConstructor.js").MixinConstructor<import("@/__mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface>;
+declare const Card_base: typeof LitElement & import("../__internal/mixins/MixinConstructor.js").MixinConstructor<import("@/__internal/mixins/NativeHyperlinkMixin.js").NativeHyperlinkInterface>;
 /**
  * @label Card
  * @tag wc-card
  * @rawTag card
- * @summary A Material 3 inspired card surface for grouping related content.
+ * @summary A card surface for grouping related content.
  * @cssprop --card-padding - Inner padding for the card container. Defaults to 1rem.
  * @cssprop --card-shape - Corner radius for the card container. Defaults to a large radius.
  * @cssprop --card-gap - Gap between slotted children.
@@ -31,21 +31,20 @@ export declare class Card extends Card_base {
      */
     disabledReason: string;
     /**
-     * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.
+     * Sets the delay for throttle in milliseconds. When null (default), no throttle is applied.
      */
-    throttleDelay: number;
+    throttleDelay?: number;
     /**
      * States
      */
-    isPressed: boolean;
     private slotHasContent;
     readonly cardElement: HTMLElement | null;
+    constructor();
     firstUpdated(): void;
     __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
     __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
     __getDisabledReasonID(): string | typeof nothing;
     __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>;

package/dist/src/chart-bar/chart-bar.d.ts

@@ -9,7 +9,7 @@ export type ChartBarItem = {
  * @label Chart Bar
  * @tag wc-chart-bar
  * @rawTag chart-bar
- * @summary A vertical bar chart that follows Material Design 3 color and spacing tokens.
+ * @summary A vertical bar chart that follows color and spacing tokens.
  * @tags charts
  *
  * @example

package/dist/src/chart-bar/chart-stacked-bar.d.ts

@@ -14,7 +14,7 @@ export type ChartStackedBarItem = {
  * @label Chart Stacked Bar
  * @tag wc-chart-stacked-bar
  * @rawTag chart-stacked-bar
- * @summary A stacked bar chart that groups series by category using Material Design 3 tokens.
+ * @summary A stacked bar chart that groups series by category using tokens.
  * @tags charts
  *
  * @example

package/dist/src/checkbox/checkbox.d.ts

@@ -6,7 +6,7 @@ import { LitElement } from 'lit';
  * @summary Captures boolean input with an optional indeterminate mode.
  * @overview
  * <p>Checkboxes allow users to select one or more items from a set. Checkboxes can turn an option on or off.</p>
- * <p>Material Design 3 checkboxes feature a smooth animation and clear visual states for checked, unchecked, and indeterminate.</p>
+ * <p>checkboxes feature a smooth animation and clear visual states for checked, unchecked, and indeterminate.</p>
  * @cssprop --checkbox-size: Size of the checkbox container.
  * @cssprop --checkbox-selected-color: Color of the checkbox when selected.
  * @cssprop --checkbox-unselected-color: Color of the checkbox border when unselected.
@@ -65,11 +65,15 @@ export declare class Checkbox extends LitElement {
      * Configuration object for aria attributes.
      */
     configAria: Record<string, string>;
+    /** True while the checkbox container has keyboard focus. */
     private hasFocus;
+    /** True while the user is actively pressing the checkbox (mouse/keyboard). */
     private isActive;
+    /** True when slotted label content is present. */
     private slotHasContent;
     private containerElement?;
     private nativeElement?;
+    /** Captured `tabindex` attribute value forwarded to the inner container. */
     private tabindex?;
     connectedCallback(): void;
     disconnectedCallback(): void;

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

@@ -1,5 +1,5 @@
 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>;
+declare const Chip_base: import("../../__internal/mixins/mixin.js").MixinReturn<import("../../__internal/mixins/mixin.js").MixinReturn<import("../../__internal/mixins/mixin.js").MixinReturn<import("../../__internal/mixins/mixin.js").MixinReturn<typeof LitElement, import("@/__internal/mixins/element-internals.js").WithElementInternals>>, import("@/__internal/mixins/hyperlink.js").Hyperlink>, import("@/button/base-button/base-button.js").BaseButton>;
 /**
  * @label Chip
  * @tag wc-chip
@@ -13,6 +13,7 @@ declare const Chip_base: typeof LitElement & import("../../__mixins/MixinConstru
  * ```
  */
 export declare class Chip extends Chip_base {
+    /** @nocollapse */ static shadowRootOptions: ShadowRootInit;
     static styles: import("lit").CSSResultGroup[];
     /** If true, the tag will have a close icon. */
     dismissible: boolean;
@@ -22,20 +23,20 @@ export declare class Chip extends Chip_base {
     configAria?: {
         [key: string]: any;
     };
+    /** True when the `icon` slot contains at least one node. */
     private _hasIconSlotContent;
+    /** When true, renders the chip in a loading skeleton state. */
     skeleton: boolean;
-    toggle: boolean;
+    /** When true, the chip is in the selected/pressed state. */
     selected: boolean;
     /**
-     * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.
+     * Sets the delay for throttle in milliseconds. When null (default), no throttle is applied.
      */
-    throttleDelay: number;
+    throttleDelay?: number;
+    /** Optional tooltip text displayed on hover. */
     tooltip?: string;
-    pressed: boolean;
     readonly buttonElement: HTMLElement | null;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    __handlePress: (event: KeyboardEvent | MouseEvent) => void;
+    constructor();
     __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
     __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
     __renderDisabledReason(softDisabled: boolean): typeof nothing | import("lit-html").TemplateResult<1>;