@redvars/peacock 3.5.0 → 3.6.0

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/calendar/base-event.d.ts

@@ -0,0 +1,10 @@
+export declare class BaseEvent {
+    gid: string;
+    start: Date;
+    end: Date;
+    constructor(start: Date, end: Date);
+    length(): number;
+    isOverlapping(event: BaseEvent): boolean;
+    isOverlappingWithoutTime(event: BaseEvent): boolean;
+    isOverlappingWithDate(date: Date): boolean;
+}

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

@@ -0,0 +1,41 @@
+import { LitElement } from 'lit';
+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 {
+    static styles: import("lit").CSSResultGroup[];
+    events: CalendarEvent[];
+    view: string;
+    days: number;
+    eventClickable: boolean;
+    currentTime: Date;
+    contextDate: Date;
+    private dateRange;
+    private singleDayEvents;
+    private multiDayEvents;
+    connectedCallback(): void;
+    willUpdate(changedProperties: Map<string, unknown>): void;
+    firstUpdated(): void;
+    private _processEvents;
+    private _forEachDayInRange;
+    private _getDateOnly;
+    private _getDatePercent;
+    private _getDayClass;
+    private _populateColorVars;
+    private _emitDateClick;
+    private _emitEventClick;
+    private _renderHeader;
+    private _renderMultiDayBackground;
+    private _renderScale;
+    private _renderBackgroundGrid;
+    private _renderEvents;
+    private _renderMultiDayEvents;
+    private _renderCurrentTime;
+    private _styleMap;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,7 @@
+import { BaseEvent } from './base-event.js';
+export declare class CalendarEvent extends BaseEvent {
+    data: any;
+    title: string;
+    color?: string;
+    constructor(start: Date, end: Date, title: string, color: string | undefined, data: any);
+}

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

@@ -0,0 +1,31 @@
+import { LitElement } from 'lit';
+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 {
+    static styles: import("lit").CSSResultGroup[];
+    events: CalendarEvent[];
+    eventClickable: boolean;
+    currentTime: Date;
+    contextDate: Date;
+    private dateRange;
+    private weekDayEvents;
+    connectedCallback(): void;
+    willUpdate(changedProperties: Map<string, unknown>): void;
+    firstUpdated(): void;
+    private _processEvents;
+    private _getDatePercent;
+    private _getDayClass;
+    private _populateColorVars;
+    private _emitEventClick;
+    private _renderHeader;
+    private _renderMultiDayBackground;
+    private _renderEvents;
+    private _styleMap;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,65 @@
+import { LitElement } from 'lit';
+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.
+ *
+ * @cssprop --calendar-border-color - Border color used throughout the calendar grid.
+ * @cssprop --calendar-event-bg-color - Background color for calendar events.
+ * @cssprop --calendar-event-border-color - Left border color for calendar events.
+ *
+ * @fires {CustomEvent} event-click - Dispatched when a calendar event is clicked. Detail contains `{ event }`.
+ * @fires {CustomEvent} view-change - Dispatched when the calendar view changes. Detail contains `{ view }`.
+ * @fires {CustomEvent} date-change - Dispatched when the context date changes. Detail contains `{ date }`.
+ *
+ * @example
+ * ```html
+ * <wc-calendar view="week" style="height: 600px"></wc-calendar>
+ * ```
+ */
+export declare class Calendar extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * Calendar events array.
+     */
+    events: EventType[];
+    /**
+     * Available views configuration.
+     */
+    availableViews: CalendarViewType[];
+    /**
+     * Current calendar view.
+     */
+    view: string;
+    /**
+     * Whether events are clickable.
+     */
+    eventClickable: boolean;
+    /**
+     * Show loading state.
+     */
+    showLoader: boolean;
+    /**
+     * Timezone string (e.g. 'America/New_York').
+     */
+    timezone: string;
+    /**
+     * The context date for the calendar view.
+     */
+    contextDate: Date | null;
+    private _currentTime;
+    private _currentView;
+    connectedCallback(): void;
+    willUpdate(changedProperties: Map<string, unknown>): void;
+    private _onColumnViewDateClick;
+    private _onEventClick;
+    previous(): void;
+    next(): void;
+    private _goToToday;
+    private _onViewSegmentChange;
+    private _renderHeader;
+    private _renderCalendarView;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/calendar/event-manager.d.ts

@@ -0,0 +1,17 @@
+import { CalendarEvent } from './calendar-event.js';
+export declare class ColumnEvent extends CalendarEvent {
+    width: number;
+    constructor(event: CalendarEvent);
+}
+export declare class EventManager {
+    #private;
+    columns: ColumnEvent[][];
+    addEvents(events: CalendarEvent[]): void;
+    process(): void;
+}
+export declare class MonthEventManager {
+    #private;
+    columns: ColumnEvent[][];
+    addEvents(events: CalendarEvent[]): void;
+    process(): void;
+}

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

@@ -0,0 +1,4 @@
+export { Calendar } from './calendar.js';
+export { CalendarColumnView } from './calendar-column-view.js';
+export { CalendarMonthView } from './calendar-month-view.js';
+export type { CalendarViewType, EventType } from './types.js';

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

@@ -0,0 +1,13 @@
+export type CalendarViewType = {
+    label: string;
+    value: string;
+    type: 'column' | 'month';
+    days?: number;
+};
+export type EventType = {
+    start: Date;
+    end: Date;
+    title: string;
+    color?: string;
+    [key: string]: any;
+};

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

@@ -0,0 +1,31 @@
+/**
+ * Pure date utility functions (no external dependencies).
+ */
+export declare function startOfDay(date: Date): Date;
+export declare function endOfDay(date: Date): Date;
+export declare function addDays(date: Date, days: number): Date;
+export declare function addMonths(date: Date, months: number): Date;
+export declare function addHours(date: Date, hours: number): Date;
+export declare function differenceInDays(dateA: Date, dateB: Date): number;
+export declare function startOfWeek(date: Date, weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6): Date;
+export declare function endOfWeek(date: Date, weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6): Date;
+export declare function startOfMonth(date: Date): Date;
+export declare function endOfMonth(date: Date): Date;
+export declare function calculateMonthRange(date: Date, weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6): {
+    startDate: Date;
+    endDate: Date;
+    totalDays: number;
+};
+export declare function calculateWeekRange(date: Date, weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6): {
+    startDate: Date;
+    endDate: Date;
+    totalDays: number;
+};
+export declare function calculateDateRange(view: string, contextDate: Date, days: number): {
+    startDate: Date;
+    endDate: Date;
+    totalDays: number;
+};
+export declare const LONG_EVENT_PADDING = 0.25;
+export declare function formatDate(date: Date, pattern: string): string;
+export declare function getTimePercent(date: Date, forDay?: Date): number;

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

@@ -0,0 +1,92 @@
+import { LitElement } from 'lit';
+export type CanvasDirection = 'up' | 'down' | 'left' | 'right';
+export type CanvasStrokeVariant = 'solid' | 'dashed' | 'animated-dashed';
+export interface CanvasPoint {
+    x: number;
+    y: number;
+}
+export interface CanvasPathSegment {
+    direction: CanvasDirection;
+    length: number;
+}
+interface BaseCanvasShape {
+    color?: string;
+}
+interface BaseCanvasStrokeShape extends BaseCanvasShape {
+    variant?: CanvasStrokeVariant;
+    showArrow?: boolean;
+    clickable?: boolean;
+}
+export interface CanvasCircleShape extends BaseCanvasShape {
+    type: 'circle';
+    x?: number;
+    y?: number;
+    radius?: number;
+}
+export interface CanvasRectShape extends BaseCanvasShape {
+    type: 'rect';
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+}
+export interface CanvasLineShape extends BaseCanvasStrokeShape {
+    type: 'line';
+    start?: CanvasPoint;
+    end?: CanvasPoint;
+}
+export interface CanvasConnectorShape extends BaseCanvasStrokeShape {
+    type: 'connector';
+    start?: CanvasPoint;
+    path?: CanvasPathSegment[];
+}
+export type CanvasShape = CanvasCircleShape | CanvasRectShape | CanvasLineShape | CanvasConnectorShape;
+/**
+ * @label Canvas
+ * @tag wc-canvas
+ * @rawTag canvas
+ * @summary A Material 3 inspired 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.
+ * @cssprop --canvas-line-color - Default stroke color for lines and connectors. Defaults to on-surface.
+ * @cssprop --canvas-hover-color - Stroke color on hover for clickable shapes. Defaults to primary.
+ * @cssprop --canvas-arrow-color - Stroke color for arrow markers. Defaults to on-surface.
+ *
+ * @example
+ * ```html
+ * <wc-canvas id="my-canvas"></wc-canvas>
+ * <script>
+ *   document.querySelector('#my-canvas').shapes = [
+ *     { type: 'circle', x: 0, y: 0, radius: 0.25, color: 'red' },
+ *   ];
+ * </script>
+ * ```
+ */
+export declare class Canvas extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * Array of shape objects to render on the canvas.
+     */
+    shapes: CanvasShape[];
+    /**
+     * Padding around the computed viewbox (in grid units).
+     */
+    padding: number;
+    /**
+     * Zoom multiplier for the canvas dimensions.
+     */
+    zoom: number;
+    /**
+     * Optional viewbox override string (e.g. "0 0 100 100").
+     */
+    viewbox?: string;
+    private unitSize;
+    private gap;
+    private static getNextPoint;
+    private static updateComputationArea;
+    private static getStrokeVariantClasses;
+    private computeShapes;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+export {};

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

@@ -0,0 +1,2 @@
+export { Canvas } from './canvas.js';
+export type { CanvasShape } from './canvas.js';

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/condition-builder/cb-compound-expression.d.ts

@@ -0,0 +1,31 @@
+import { LitElement } from 'lit';
+/**
+ * @label CB Compound Expression
+ * @tag wc-cb-compound-expression
+ * @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
+ * <wc-cb-compound-expression field-label="Age" condition-operator="or">
+ *   <wc-cb-expression>
+ *     <wc-input placeholder="Enter value"></wc-input>
+ *   </wc-cb-expression>
+ * </wc-cb-compound-expression>
+ * ```
+ */
+export declare class CbCompoundExpression extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /** The logical operator joining conditions in this group ('and' or 'or'). */
+    conditionOperator?: 'and' | 'or';
+    /** The field name for the compound expression. */
+    fieldName: string;
+    /** The display label for the field. */
+    fieldLabel: string;
+    updated(): void;
+    private __adjustSlotEndPadding;
+    private __renderOperatorDivider;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,26 @@
+import { LitElement } from 'lit';
+/**
+ * @label CB Divider
+ * @tag wc-cb-divider
+ * @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
+ * <wc-cb-divider>
+ *   <wc-tag color="green">and</wc-tag>
+ * </wc-cb-divider>
+ * ```
+ */
+export declare class CbDivider extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /** Whether to render the divider vertically instead of horizontally. */
+    vertical: boolean;
+    /** Whether to render a connecting line at the start. */
+    connectStart: boolean;
+    /** Whether to render a connecting line at the end. */
+    connectEnd: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,31 @@
+import { LitElement } from 'lit';
+/**
+ * @label CB Expression
+ * @tag wc-cb-expression
+ * @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
+ * <wc-cb-expression>
+ *   <wc-input placeholder="Enter value"></wc-input>
+ * </wc-cb-expression>
+ * ```
+ */
+export declare class CbExpression extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * The list of operator options to display in the operator select.
+     * Each item should have at least `label` and `value` properties.
+     */
+    operators: {
+        label: string;
+        value: string;
+        icon?: string;
+    }[];
+    /** The currently selected operator value. */
+    operatorValue: string;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,30 @@
+import { LitElement } from 'lit';
+/**
+ * @label CB Predicate
+ * @tag wc-cb-predicate
+ * @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
+ * <wc-cb-predicate condition-operator="and" vertical>
+ *   <wc-cb-compound-expression field-label="Age">
+ *     <wc-cb-expression></wc-cb-expression>
+ *   </wc-cb-compound-expression>
+ * </wc-cb-predicate>
+ * ```
+ */
+export declare class CbPredicate extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /** The logical operator shown between predicates ('and' or 'or'). */
+    conditionOperator?: 'and' | 'or';
+    /** Whether to render the predicate in vertical layout. */
+    vertical: boolean;
+    updated(): void;
+    private __adjustSlotEndPadding;
+    private __renderHorizontalOperator;
+    private __renderVerticalOperator;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,27 @@
+import { LitElement } from 'lit';
+/**
+ * @label Condition Builder
+ * @tag wc-condition-builder
+ * @rawTag condition-builder
+ * @summary A condition builder component that allows users to construct complex filter conditions using a visual rule-based interface with predicates, compound expressions, and logical operators.
+ * @tags condition-builder
+ *
+ * @example
+ * ```html
+ * <wc-condition-builder>
+ *   <wc-cb-predicate condition-operator="or">
+ *     <wc-cb-predicate vertical condition-operator="and">
+ *       <wc-cb-compound-expression field-label="Age" condition-operator="or">
+ *         <wc-cb-expression>
+ *           <wc-input inline placeholder="Enter value"></wc-input>
+ *         </wc-cb-expression>
+ *       </wc-cb-compound-expression>
+ *     </wc-cb-predicate>
+ *   </wc-cb-predicate>
+ * </wc-condition-builder>
+ * ```
+ */
+export declare class ConditionBuilder extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/condition-builder/index.d.ts

@@ -0,0 +1,5 @@
+export { ConditionBuilder } from './condition-builder.js';
+export { CbPredicate } from './cb-predicate.js';
+export { CbCompoundExpression } from './cb-compound-expression.js';
+export { CbExpression } from './cb-expression.js';
+export { CbDivider } from './cb-divider.js';

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

@@ -0,0 +1,68 @@
+import { LitElement } from 'lit';
+/**
+ * @label Dropdown Button
+ * @tag wc-dropdown-button
+ * @rawTag dropdown-button
+ *
+ * @summary A button that opens a dropdown menu when clicked.
+ * @overview
+ * <p>The dropdown button combines a single button with a dropdown menu. Clicking the button toggles a menu of actions or options. It follows M3 Material Design, keeping a compact control while exposing related actions on demand.</p>
+ *
+ * @cssprop --dropdown-button-container-shape: Defines the border radius of the dropdown button container shape.
+ *
+ * @fires {CustomEvent} toggle-menu - Dispatched when the dropdown menu is opened or closed.
+ *
+ * @example
+ * ```html
+ * <wc-dropdown-button>
+ *   Actions
+ *   <wc-menu-item slot="menu">Edit</wc-menu-item>
+ *   <wc-menu-item slot="menu">Delete</wc-menu-item>
+ * </wc-dropdown-button>
+ * ```
+ * @tags controls
+ */
+export declare class DropdownButton extends LitElement {
+    static styles: import("lit").CSSResultGroup[];
+    /**
+     * Button size.
+     * Possible values are `"xs"`, `"sm"`, `"md"`, `"lg"`, `"xl"`. Defaults to `"sm"`.
+     */
+    size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * The visual style of the dropdown 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 an elevated button.
+     */
+    variant: 'elevated' | 'filled' | 'tonal' | 'outlined' | 'text';
+    /**
+     * Defines the primary color of the dropdown button.
+     */
+    color: 'primary' | 'secondary' | 'tertiary' | 'success' | 'danger' | 'warning' | 'surface' | 'on-surface';
+    /**
+     * Whether the dropdown button is disabled.
+     */
+    disabled: boolean;
+    /**
+     * Menu placement relative to the button.
+     * Possible values are `"bottom-start"`, `"bottom-end"`, `"top-start"`, `"top-end"`. Defaults to `"bottom-start"`.
+     */
+    placement: 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+    private _menuOpen;
+    private readonly _triggerButton;
+    private readonly _menu;
+    private _menuId;
+    focus(): void;
+    private _onButtonClick;
+    private _onMenuOpened;
+    private _onMenuClosed;
+    private _onKeyDown;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1 @@
+export { DropdownButton } from './dropdown-button.js';