@redvars/peacock 3.4.0 → 3.5.0

package/dist/side-sheet.js

@@ -1,7 +1,7 @@
 import { a as i, _ as __decorate, I as IndividualComponent, i as i$1, A, b } from './IndividualComponent-DUINtMGK.js';
 import { n } from './property-1psGvXOq.js';
-import { e } from './class-map-3TAnCMAX.js';
-import './directive-Cuw6h7YA.js';
+import { e } from './class-map-YU7g0o3B.js';
+import './directive-ZPhl09Yt.js';
 
 var css_248z = i`* {
   box-sizing: border-box;

package/dist/spread-B5cgadZl.js

@@ -0,0 +1,32 @@
+import { e, i, t } from './directive-ZPhl09Yt.js';
+
+class SpreadDirective extends i {
+    constructor(partInfo) {
+        super(partInfo);
+        if (partInfo.type !== t.ELEMENT) {
+            throw new Error('spread() can only be used on elements');
+        }
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    render(_props) {
+        return '';
+    }
+    update(part, [props]) {
+        if (!props)
+            return;
+        // eslint-disable-next-line guard-for-in,no-restricted-syntax
+        for (const key in props) {
+            const value = props[key];
+            if (value === undefined || value === null) {
+                part.element.removeAttribute(key);
+            }
+            else {
+                part.element.setAttribute(key, value);
+            }
+        }
+    }
+}
+const spread = e(SpreadDirective);
+
+export { spread as s };
+//# sourceMappingURL=spread-B5cgadZl.js.map

package/dist/spread-B5cgadZl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spread-B5cgadZl.js","sources":["../../src/__directive/spread.ts"],"sourcesContent":["import {\n  directive,\n  Directive,\n  ElementPart,\n  PartInfo,\n  PartType,\n} from 'lit/directive.js';\n\nclass SpreadDirective extends Directive {\n  constructor(partInfo: PartInfo) {\n    super(partInfo);\n    if (partInfo.type !== PartType.ELEMENT) {\n      throw new Error('spread() can only be used on elements');\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  render(_props: { [key: string]: any } | undefined) {\n    return '';\n  }\n\n  update(part: ElementPart, [props]: [{ [key: string]: any } | undefined]) {\n    if (!props) return;\n    // eslint-disable-next-line guard-for-in,no-restricted-syntax\n    for (const key in props) {\n      const value = props[key];\n      if (value === undefined || value === null) {\n        part.element.removeAttribute(key);\n      } else {\n        part.element.setAttribute(key, value);\n      }\n    }\n  }\n}\n\nexport const spread = directive(SpreadDirective);\n"],"names":["Directive","PartType","directive"],"mappings":";;AAQA,MAAM,eAAgB,SAAQA,CAAS,CAAA;AACrC,IAAA,WAAA,CAAY,QAAkB,EAAA;QAC5B,KAAK,CAAC,QAAQ,CAAC;QACf,IAAI,QAAQ,CAAC,IAAI,KAAKC,CAAQ,CAAC,OAAO,EAAE;AACtC,YAAA,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC;QAC1D;IACF;;AAGA,IAAA,MAAM,CAAC,MAA0C,EAAA;AAC/C,QAAA,OAAO,EAAE;IACX;AAEA,IAAA,MAAM,CAAC,IAAiB,EAAE,CAAC,KAAK,CAAuC,EAAA;AACrE,QAAA,IAAI,CAAC,KAAK;YAAE;;AAEZ,QAAA,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;AACvB,YAAA,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC;YACxB,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE;AACzC,gBAAA,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,GAAG,CAAC;YACnC;iBAAO;gBACL,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,KAAK,CAAC;YACvC;QACF;IACF;AACD;MAEY,MAAM,GAAGC,CAAS,CAAC,eAAe;;;;"}

package/dist/src/__base_element/BaseHyperlink.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+type Constructor<T = {}> = new (...args: any[]) => T;
+/**
+ * 1. Define an interface for the members the mixin adds.
+ * This makes the type annotation much cleaner.
+ */
+export interface BaseHyperlinkInterface {
+    href?: string;
+    target: '_self' | '_parent' | '_blank' | '_top' | string;
+    __isLink(): boolean;
+}
+/**
+ * 2. Define the Mixin type separately for readability.
+ */
+type BaseHyperlinkMixinType = <T extends Constructor<LitElement>>(superclass: T) => T & Constructor<BaseHyperlinkInterface>;
+/**
+ * 3. Apply the type annotation to the variable.
+ */
+declare const BaseHyperlink: BaseHyperlinkMixinType;
+export default BaseHyperlink;

package/dist/src/__utils/cache-fetch.d.ts

@@ -0,0 +1 @@
+export declare function createCacheFetch(name: string): Promise<(url: string) => Promise<string>>;

package/dist/src/__utils/is-dark-mode.d.ts

@@ -0,0 +1 @@
+export declare function isDarkMode(): boolean;

package/dist/src/__utils/is-in-viewport.d.ts

@@ -0,0 +1 @@
+export declare function isInViewport(element: HTMLElement): boolean;

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,47 @@
+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;
+    /**
+     * When true, label and description are rendered on a single line.
+     */
+    inline: boolean;
+    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,6 +1,7 @@
 import { LitElement, nothing } from 'lit';
-export declare class BaseButton extends LitElement {
-    #private;
+declare const BaseButton_base: typeof LitElement & (new (...args: any[]) => import("@/__base_element/BaseHyperlink.js").BaseHyperlinkInterface);
+export declare class BaseButton extends BaseButton_base {
+    protected static readonly DISABLED_REASON_ID = "disabled-reason";
     htmlType: 'button' | 'submit' | 'reset';
     /**
      * Type is preset of color and variant. Type will be only applied.
@@ -21,7 +22,7 @@ export declare class BaseButton extends LitElement {
     /**
      * 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';
+    color: 'primary' | 'success' | 'danger' | 'warning' | 'surface' | 'on-surface';
     /**
      * Button size.
      * Possible values are `"sm"`, `"md"`, `"lg"`. Defaults to `"md"`.
@@ -40,14 +41,6 @@ export declare class BaseButton 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;
     configAria?: {
         [key: string]: any;
     };
@@ -68,11 +61,11 @@ export declare class BaseButton extends LitElement {
     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;
+    protected get __disabledReasonID(): string | undefined;
     __renderDisabledReason(): 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

@@ -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/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,111 @@
+import { LitElement, nothing } from 'lit';
+import { IconProvider } from '../icon/icon.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 name="add"></wc-fab>
+ * ```
+ * @tags controls
+ */
+export declare class Fab extends LitElement {
+    #private;
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * Name of the icon to display inside the FAB.
+     */
+    name?: string;
+    /**
+     * Source URL for a custom icon.
+     */
+    src?: string;
+    /**
+     * Icon provider. Defaults to `"material-symbols"`.
+     */
+    provider: IconProvider;
+    /**
+     * 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;
+    /**
+     * If `true`, the user cannot interact with the FAB.
+     */
+    disabled: boolean;
+    /**
+     * Hyperlink to navigate to on click.
+     */
+    href?: string;
+    /**
+     * Sets or retrieves the window or frame at which to target content.
+     */
+    target: string;
+    /**
+     * 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;
+    readonly fabElement: HTMLElement | null;
+    focus(): void;
+    blur(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    __handlePress: (event: KeyboardEvent | MouseEvent) => void;
+    __isLink(): boolean;
+    __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
+    __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
+    __getDisabledReasonID(): string | typeof nothing;
+    render(): import("lit-html").TemplateResult<1>;
+    __renderFabContent(isExtended: boolean): import("lit-html").TemplateResult<1>;
+    __renderTooltip(): typeof nothing | import("lit-html").TemplateResult<1>;
+}

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

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

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';
@@ -42,6 +43,8 @@ export { Table } from './table/index.js';
 export { Pagination } from './pagination/index.js';
 export { TreeView, TreeNode } from './tree-view/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 +52,5 @@ 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';

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

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+declare const Link_base: typeof LitElement & (new (...args: any[]) => import("../__base_element/BaseHyperlink.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/notification/index.d.ts

@@ -0,0 +1 @@
+export { Notification } from './notification.js';

package/dist/src/notification/notification.d.ts

@@ -0,0 +1,69 @@
+import { LitElement, nothing } from 'lit';
+type NotificationVariant = 'success' | 'error' | 'info' | 'warning';
+/**
+ * @label Notification
+ * @tag wc-notification
+ * @rawTag notification
+ * @summary Notifications communicate contextual status, errors, warnings, and success messages.
+ *
+ * @cssprop --notification-container-color - Surface color for the notification container.
+ * @cssprop --notification-text-color - Label and supporting text color.
+ * @cssprop --notification-leading-icon-color - Leading state icon color.
+ * @cssprop --notification-accent-color - Start border color for status emphasis.
+ * @cssprop --notification-border-radius - Border radius of the notification container.
+ *
+ * @fires {CustomEvent} notification-dismiss - Fired when the notification is dismissed.
+ * @fires {CustomEvent} notification-action-click - Fired when the action button is clicked.
+ *
+ * @example
+ * ```html
+ * <wc-notification variant="success" action="Undo" dismissible>
+ *   <span slot="title">Record saved</span>
+ * </wc-notification>
+ * ```
+ * @tags display, feedback
+ */
+export declare class Notification extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * If true, content and actions are laid out in a single row.
+     */
+    inline: boolean;
+    /**
+     * The visual variant of the notification.
+     */
+    variant: NotificationVariant;
+    /**
+     * Enables a high contrast appearance.
+     */
+    highContrast: boolean;
+    /**
+     * If true, renders a dismiss icon button.
+     */
+    dismissible: boolean;
+    /**
+     * Action label text. When provided, an action button is shown.
+     */
+    action: string;
+    /**
+     * If true, the host controls visibility when dismissed.
+     */
+    managed: boolean;
+    private isHidden;
+    private hasSubtitle;
+    /**
+     * Programmatically reveals the notification.
+     */
+    show(): void;
+    /**
+     * Programmatically dismisses the notification.
+     */
+    dismiss(): void;
+    private get variantIcon();
+    private get variantLabel();
+    private emitActionClick;
+    private hideAndEmitDismiss;
+    private handleSubtitleSlotChange;
+    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+}
+export {};

package/dist/src/pagination/pagination.d.ts

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+import type { PropertyValues } from 'lit';
 /**
  * @label Pagination
  * @tag wc-pagination
@@ -11,7 +12,7 @@ import { LitElement } from 'lit';
  *
  * @example
  * ```html
- * <wc-pagination page="1" page-size="10" total-items="100"></wc-pagination>
+ * <wc-pagination style="width: 100%;" page="1" page-size="10" total-items="100"></wc-pagination>
  * ```
  * @tags navigation, data
  */
@@ -33,6 +34,12 @@ export declare class Pagination extends LitElement {
      * Supported page size options.
      */
     pageSizes: number[];
+    protected willUpdate(changedProperties: PropertyValues<Pagination>): void;
+    private getTotalPages;
+    private setPage;
+    private handlePageSizeChange;
+    private handlePreviousPage;
+    private handleNextPage;
     private dispatchPageEvent;
     render(): import("lit-html").TemplateResult<1>;
 }

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

@@ -0,0 +1 @@
+export { Search } from './search.js';