@m3e/web 2.0.0

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

@@ -0,0 +1,139 @@
+import { CSSResultGroup, LitElement, PropertyValues } from "lit";
+import { AppBarSize } from "./AppBarSize";
+declare const M3eAppBarElement_base: import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").HtmlForMixin> & import("../core/shared/mixins/Constructor").Constructor & typeof LitElement;
+/**
+ * A bar, placed a the top of a screen, used to help users navigate through an application.
+ *
+ * @description
+ * The `m3e-app-bar` component is a prominent user interface component that provides consistent
+ * access to key actions, navigation, and contextual information at the top of an application screen.
+ * Designed according to Material 3 principles, it organizes content with clear hierarchy, supports
+ * dynamic color, elevation, and shape, and adapts to scrolling behavior.
+ *
+ * @example
+ * ```html
+ * <m3e-app-bar size="medium">
+ *  <m3e-icon-button slot="leading-icon" aria-label="Back">
+ *    <m3e-icon name="arrow_back"></m3e-icon>
+ *  </m3e-icon-button>
+ *  <span slot="title">Top 10 hiking trails</span>
+ *  <span slot="subtitle">Discover popular trails</span>
+ *  <m3e-icon-button slot="trailing-icon" aria-label="Bookmark" variant="tonal">
+ *    <m3e-icon name="bookmark" filled></m3e-icon>
+ *  </m3e-icon-button>
+ * <m3e-app-bar>
+ * ```
+ * @example
+ * The next example illustrates how to attach an app bar to a parenting scroll container
+ * to produce elevation on scroll. In this example, the `for` attribute is used to attach a
+ * sticky positioned `m3e-app-bar` to a parenting container styled to overflow vertically.
+ * When scrolled, the app bar will automatically transition to an elevated state.
+ * ```html
+ * <div style="overflow-y: auto; height: 300px" id="scrollContainer">
+ *  <m3e-app-bar for="scrollContainer" style="position: sticky; top: 0">
+ *    <span slot="title">Title</span>
+ *  </m3e-app-bar>
+ *  <div style="height: 400px; display: flex; align-items: center; justify-content: center">
+ *    I am scrolling content
+ *  </div>
+ * </div>
+ * ```
+ *
+ * @tag m3e-app-bar
+ *
+ * @slot leading-icon - Renders a leading icon.
+ * @slot subtitle - Renders the subtitle.
+ * @slot title - Renders the title.
+ * @slot trailing-icon - Renders a trailing icon.
+ *
+ * @attr centered - Whether the title and subtitle are centered.
+ * @attr for - The identifier of the interactive control to which this element is attached.
+ * @attr size - The size of the bar.
+ *
+ * @cssprop --m3e-app-bar-container-color - Background color of the app bar container.
+ * @cssprop --m3e-app-bar-container-color-on-scroll - Background color of the app bar container when scrolled.
+ * @cssprop --m3e-app-bar-container-elevation - Elevation (shadow) of the app bar container.
+ * @cssprop --m3e-app-bar-container-elevation-on-scroll - Elevation (shadow) of the app bar container when scrolled.
+ * @cssprop --m3e-app-bar-title-text-color - Color of the app bar title text.
+ * @cssprop --m3e-app-bar-subtitle-text-color - Color of the app bar subtitle text.
+ * @cssprop --m3e-app-bar-padding-left - Left padding for the app bar container.
+ * @cssprop --m3e-app-bar-padding-right - Right padding for the app bar container.
+ * @cssprop --m3e-app-bar-small-container-height - Height of the small app bar container.
+ * @cssprop --m3e-app-bar-small-title-text-font-size - Font size for the small app bar title text.
+ * @cssprop --m3e-app-bar-small-title-text-font-weight - Font weight for the small app bar title text.
+ * @cssprop --m3e-app-bar-small-title-text-line-height - Line height for the small app bar title text.
+ * @cssprop --m3e-app-bar-small-subtitle-text-tracking - Letter spacing (tracking) for the small app bar title text.
+ * @cssprop --m3e-app-bar-small-subtitle-text-font-size - Font size for the small app bar subtitle text.
+ * @cssprop --m3e-app-bar-small-subtitle-text-font-weight - Font weight for the small app bar subtitle text.
+ * @cssprop --m3e-app-bar-small-subtitle-text-line-height - Line height for the small app bar subtitle text.
+ * @cssprop --m3e-app-bar-small-subtitle-text-tracking - Letter spacing (tracking) for the small app bar subtitle text.
+ * @cssprop --m3e-app-bar-small-heading-padding-left - Left padding for the small app bar heading.
+ * @cssprop --m3e-app-bar-small-heading-padding-right - Right padding for the small app bar heading.
+ * @cssprop --m3e-app-bar-medium-container-height - Height of the medium app bar container.
+ * @cssprop --m3e-app-bar-medium-container-height-with-subtitle - Height of the medium app bar container with subtitle.
+ * @cssprop --m3e-app-bar-medium-title-text-font-size - Font size for the medium app bar title text.
+ * @cssprop --m3e-app-bar-medium-title-text-font-weight - Font weight for the medium app bar title text.
+ * @cssprop --m3e-app-bar-medium-title-text-line-height - Line height for the medium app bar title text.
+ * @cssprop --m3e-app-bar-medium-subtitle-text-tracking - Letter spacing (tracking) for the medium app bar title text.
+ * @cssprop --m3e-app-bar-medium-subtitle-text-font-size - Font size for the medium app bar subtitle text.
+ * @cssprop --m3e-app-bar-medium-subtitle-text-font-weight - Font weight for the medium app bar subtitle text.
+ * @cssprop --m3e-app-bar-medium-subtitle-text-line-height - Line height for the medium app bar subtitle text.
+ * @cssprop --m3e-app-bar-medium-subtitle-text-tracking - Letter spacing (tracking) for the medium app bar subtitle text.
+ * @cssprop --m3e-app-bar-medium-heading-padding-left - Left padding for the medium app bar heading.
+ * @cssprop --m3e-app-bar-medium-heading-padding-right - Right padding for the medium app bar heading.
+ * @cssprop --m3e-app-bar-medium-padding-top - Top padding for the medium app bar.
+ * @cssprop --m3e-app-bar-medium-padding-bottom - Bottom padding for the medium app bar.
+ * @cssprop --m3e-app-bar-medium-title-max-lines - Maximum number of lines for the medium app bar title.
+ * @cssprop --m3e-app-bar-medium-subtitle-max-lines - Maximum number of lines for the medium app bar subtitle.
+ * @cssprop --m3e-app-bar-large-container-height - Height of the large app bar container.
+ * @cssprop --m3e-app-bar-large-container-height-with-subtitle - Height of the large app bar container with subtitle.
+ * @cssprop --m3e-app-bar-large-title-text-font-size - Font size for the large app bar title text.
+ * @cssprop --m3e-app-bar-large-title-text-font-weight - Font weight for the large app bar title text.
+ * @cssprop --m3e-app-bar-large-title-text-line-height - Line height for the large app bar title text.
+ * @cssprop --m3e-app-bar-large-subtitle-text-tracking - Letter spacing (tracking) for the large app bar title text.
+ * @cssprop --m3e-app-bar-large-subtitle-text-font-size - Font size for the large app bar subtitle text.
+ * @cssprop --m3e-app-bar-large-subtitle-text-font-weight - Font weight for the large app bar subtitle text.
+ * @cssprop --m3e-app-bar-large-subtitle-text-line-height - Line height for the large app bar subtitle text.
+ * @cssprop --m3e-app-bar-large-subtitle-text-tracking - Letter spacing (tracking) for the large app bar subtitle text.
+ * @cssprop --m3e-app-bar-large-heading-padding-left - Left padding for the large app bar heading.
+ * @cssprop --m3e-app-bar-large-heading-padding-right - Right padding for the large app bar heading.
+ * @cssprop --m3e-app-bar-large-padding-top - Top padding for the large app bar.
+ * @cssprop --m3e-app-bar-large-padding-bottom - Bottom padding for the large app bar.
+ * @cssprop --m3e-app-bar-large-title-max-lines - Maximum number of lines for the large app bar title.
+ * @cssprop --m3e-app-bar-large-subtitle-max-lines - Maximum number of lines for the large app bar subtitle.
+ */
+export declare class M3eAppBarElement extends M3eAppBarElement_base {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @private */ private readonly _base?;
+    /** @private */ private readonly _leadingIcon?;
+    /** @private */ private readonly _trailingIcon?;
+    /**
+     * Whether the title and subtitle are centered.
+     * @default false
+     */
+    centered: boolean;
+    /**
+     * The size of the bar.
+     * @default "small"
+     */
+    size: AppBarSize;
+    /** @inheritdoc */
+    attach(control: HTMLElement): void;
+    /** @inheritdoc */
+    detach(): void;
+    /** @inheritdoc */
+    protected updated(_changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+    /** @private */
+    private _updateScroll;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-app-bar": M3eAppBarElement;
+    }
+}
+export {};
+//# sourceMappingURL=AppBarElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppBarElement.d.ts","sourceRoot":"","sources":["../../../src/app-bar/AppBarElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKvE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;AAI1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoGG;AACH,qBACa,gBAAiB,SAAQ,qBAAmC;;IACvE,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAAkC;IAIxE,eAAe,CAAiB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAc;IACrE,eAAe,CAAyB,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAc;IACpF,eAAe,CAA0B,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAc;IAEtF;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IAC0B,IAAI,EAAE,UAAU,CAAW;IAExD,kBAAkB;IACT,MAAM,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAW3C,kBAAkB;IACT,MAAM,IAAI,IAAI;IAWvB,kBAAkB;cACC,OAAO,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAY1E,kBAAkB;cACC,MAAM,IAAI,OAAO;IA4FpC,eAAe;IAEf,OAAO,CAAC,aAAa;CA4BtB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,gBAAgB,CAAC;KACjC;CACF"}

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

@@ -0,0 +1,3 @@
+/** Specifies the possible sizes of an application bar. */
+export type AppBarSize = "small" | "medium" | "large";
+//# sourceMappingURL=AppBarSize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AppBarSize.d.ts","sourceRoot":"","sources":["../../../src/app-bar/AppBarSize.ts"],"names":[],"mappings":"AAAA,0DAA0D;AAC1D,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from "./AppBarElement";
+export * from "./AppBarSize";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/app-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC"}

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

@@ -0,0 +1,7 @@
+import { CSSResultGroup } from "lit";
+/**
+ * Size variant styles for `M3eAppBarElement`.
+ * @internal
+ */
+export declare const AppBarSizeStyle: CSSResultGroup;
+//# sourceMappingURL=AppBarSizeStyle.d.ts.map

package/dist/src/app-bar/styles/AppBarSizeStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBarSizeStyle.d.ts","sourceRoot":"","sources":["../../../../src/app-bar/styles/AppBarSizeStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,cAAc,EAAa,MAAM,KAAK,CAAC;AA8DhE;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,cAAoF,CAAC"}

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

@@ -0,0 +1,28 @@
+import { CSSResult } from "lit";
+import { AppBarSize } from "../AppBarSize";
+/** @private */
+type _AppBarSizeToken = {
+    containerHeight: CSSResult;
+    containerHeightWithSubtitle?: CSSResult;
+    paddingTop?: CSSResult;
+    paddingBottom?: CSSResult;
+    titleTextFontSize: CSSResult;
+    titleTextFontWeight: CSSResult;
+    titleTextLineHeight: CSSResult;
+    titleTextTracking: CSSResult;
+    subtitleTextFontSize: CSSResult;
+    subtitleTextFontWeight: CSSResult;
+    subtitleTextLineHeight: CSSResult;
+    subtitleTextTracking: CSSResult;
+    titleMaxLines?: CSSResult;
+    subtitleMaxLines?: CSSResult;
+    headingPaddingLeft: CSSResult;
+    headingPaddingRight: CSSResult;
+};
+/**
+ * Component design tokens that control the `M3eAppBarElement` for all size variants.
+ * @internal
+ */
+export declare const AppBarSizeToken: Record<AppBarSize, _AppBarSizeToken>;
+export {};
+//# sourceMappingURL=AppBarSizeToken.d.ts.map

package/dist/src/app-bar/styles/AppBarSizeToken.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBarSizeToken.d.ts","sourceRoot":"","sources":["../../../../src/app-bar/styles/AppBarSizeToken.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,KAAK,CAAC;AAI3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,eAAe;AACf,KAAK,gBAAgB,GAAG;IACtB,eAAe,EAAE,SAAS,CAAC;IAC3B,2BAA2B,CAAC,EAAE,SAAS,CAAC;IACxC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,iBAAiB,EAAE,SAAS,CAAC;IAC7B,mBAAmB,EAAE,SAAS,CAAC;IAC/B,mBAAmB,EAAE,SAAS,CAAC;IAC/B,iBAAiB,EAAE,SAAS,CAAC;IAC7B,oBAAoB,EAAE,SAAS,CAAC;IAChC,sBAAsB,EAAE,SAAS,CAAC;IAClC,sBAAsB,EAAE,SAAS,CAAC;IAClC,oBAAoB,EAAE,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,kBAAkB,EAAE,SAAS,CAAC;IAC9B,mBAAmB,EAAE,SAAS,CAAC;CAChC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,UAAU,EAAE,gBAAgB,CAkGvD,CAAC"}

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

@@ -0,0 +1,7 @@
+import { CSSResult } from "lit";
+/**
+ * Baseline styles for `M3eAppBarElement`.
+ * @internal
+ */
+export declare const AppBarStyle: CSSResult;
+//# sourceMappingURL=AppBarStyle.d.ts.map

package/dist/src/app-bar/styles/AppBarStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBarStyle.d.ts","sourceRoot":"","sources":["../../../../src/app-bar/styles/AppBarStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,SAAS,EAAa,MAAM,KAAK,CAAC;AAMhD;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,SA8GzB,CAAC"}

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

@@ -0,0 +1,15 @@
+/**
+ * Component design tokens that control `M3eAppBarElement`.
+ * @internal
+ */
+export declare const AppBarToken: {
+    readonly containerColor: import("lit").CSSResult;
+    readonly containerColorOnScroll: import("lit").CSSResult;
+    readonly containerElevation: import("lit").CSSResult;
+    readonly containerElevationOnScroll: import("lit").CSSResult;
+    readonly titleTextColor: import("lit").CSSResult;
+    readonly subtitleTextColor: import("lit").CSSResult;
+    readonly paddingLeft: import("lit").CSSResult;
+    readonly paddingRight: import("lit").CSSResult;
+};
+//# sourceMappingURL=AppBarToken.d.ts.map

package/dist/src/app-bar/styles/AppBarToken.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppBarToken.d.ts","sourceRoot":"","sources":["../../../../src/app-bar/styles/AppBarToken.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;CAad,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from "./AppBarSizeStyle";
+export * from "./AppBarStyle";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app-bar/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC"}

package/dist/src/autocomplete/AutocompleteElement.d.ts

@@ -0,0 +1,79 @@
+import { CSSResultGroup, LitElement } from "lit";
+import type { M3eOptionElement } from "@m3e/web/option";
+declare const M3eAutocompleteElement_base: import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").HtmlForMixin> & typeof LitElement;
+/**
+ * Enhances a text input with suggested options.
+ *
+ * @description
+ * The `m3e-autocomplete` component augments a text input field with a dynamically positioned menu of filterable suggestions,
+ * following Material Design 3 principles. It provides real-time filtering, keyboard navigation, automatic option activation,
+ * and text highlighting to guide user selection. The component manages focus, selection state, and menu visibility while
+ * integrating seamlessly with form field containers and supporting both required and optional selection modes.
+ *
+ * @example
+ * The following example illustrates use of the `m3e-autocomplete` paired with a `m3e-form-field`.
+ * ```html
+ * <m3e-form-field>
+ *   <label slot="label" for="fruit">Choose your favorite fruit</label>
+ *   <input id="fruit" />
+ * </m3e-form-field>
+ * <m3e-autocomplete for="fruit">
+ *   <m3e-option>Apples</m3e-option>
+ *   <m3e-option>Oranges</m3e-option>
+ *   <m3e-option>Bananas</m3e-option>
+ *   <m3e-option>Grapes</m3e-option>
+ * </m3e-autocomplete>
+ * ```
+ *
+ * @tag m3e-autocomplete
+ *
+ * @attr auto-activate - Whether the first option should be automatically activated.
+ * @attr hide-selection-indicator - Whether to hide the selection indicator.
+ * @attr required - Whether the user is required to make a selection when interacting with the autocomplete.
+ *
+ * @slot - Renders the options of the autocomplete.
+ *
+ * @fires toggle - Emitted when the options menu opens or closes.
+ */
+export declare class M3eAutocompleteElement extends M3eAutocompleteElement_base {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @private */ private static __nextId;
+    /** @private */ private readonly _listKeyManager;
+    /**
+     * Whether to hide the selection indicator.
+     * @default false
+     */
+    hideSelectionIndicator: boolean;
+    /**
+     * Whether the user is required to make a selection when interacting with the autocomplete.
+     * @default false
+     */
+    required: boolean;
+    /**
+     * Whether the first option should be automatically activated.
+     * @default false
+     */
+    autoActivate: boolean;
+    /** The options that can be selected. */
+    get options(): readonly M3eOptionElement[];
+    /** @inheritdoc */
+    attach(control: HTMLElement): void;
+    /** @inheritdoc */
+    detach(): void;
+    /**
+     * Clears the value of the element.
+     * @param [restoreFocus=false] Whether to restore input focus.
+     */
+    clear(restoreFocus?: boolean): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-autocomplete": M3eAutocompleteElement;
+    }
+}
+export {};
+//# sourceMappingURL=AutocompleteElement.d.ts.map

package/dist/src/autocomplete/AutocompleteElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteElement.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/AutocompleteElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAc5D,OAAO,KAAK,EAAE,gBAAgB,EAAyB,MAAM,iBAAiB,CAAC;;AAE/E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,qBACa,sBAAuB,SAAQ,2BAAmB;;IAC7D,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAOpC;IAEF,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAK;IAmB5C,eAAe,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAU3C;IAEL;;;OAGG;IACiE,sBAAsB,UAAS;IAEnG;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IACsD,YAAY,UAAS;IAE9E,wCAAwC;IACxC,IAAI,OAAO,IAAI,SAAS,gBAAgB,EAAE,CAEzC;IAOD,kBAAkB;IACT,MAAM,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAoB3C,kBAAkB;IACT,MAAM,IAAI,IAAI;IAiCvB;;;OAGG;IACH,KAAK,CAAC,YAAY,UAAQ,GAAG,IAAI;IAiBjC,kBAAkB;cACC,MAAM,IAAI,OAAO;CA4VrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,sBAAsB,CAAC;KAC5C;CACF"}

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

@@ -0,0 +1,2 @@
+export * from "./AutocompleteElement";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/autocomplete/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

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

@@ -0,0 +1,54 @@
+import { CSSResultGroup, LitElement } from "lit";
+/**
+ * An image, icon or textual initials representing a user or other identity.
+ *
+ * @description
+ * The `m3e-avatar` component is a reusable identity primitive that displays visual or
+ * textual representation with consistent sizing, shape, and typography.
+ *
+ * @example
+ * The following example illustrates use of the `m3e-avatar` to present textual initials.
+ * ```html
+ * <m3e-avatar>AB</m3e-avatar>
+ * ```
+ *
+ * @example
+ * The next example illustrates use of the `m3e-avatar` to present an icon.
+ *
+ * Note: This example uses the `@m3e/icon` package to present Material Design symbols, but any icon package can be
+ * substituted depending on your design system or preferences.
+ *
+ * ```html
+ * <m3e-avatar>
+ *  <m3e-icon name="person"></m3e-icon>
+ * </m3e-avatar>
+ * ```
+ *
+ * @example
+ * The last example illustrates use of the `m3e-avatar` to present an image.
+ * ```html
+ * <m3e-avatar>
+ *  <img src="https://avatars.githubusercontent.com/u/224686995?s=48&v=4" />
+ * </m3e-avatar>
+ * ```
+ *
+ * @tag m3e-avatar
+ *
+ * @slot - Renders the content of the avatar.
+ *
+ * @cssprop --m3e-avatar-size - Size of the avatar.
+ * @cssprop --m3e-avatar-shape - Border radius of the avatar.
+ * @cssprop --m3e-avatar-font-size - Font size for the avatar.
+ * @cssprop --m3e-avatar-font-weight - Font weight for the avatar.
+ * @cssprop --m3e-avatar-line-height - Line height for the avatar.
+ * @cssprop --m3e-avatar-tracking - Letter spacing for the avatar.
+ * @cssprop --m3e-avatar-color - Background color of the avatar.
+ * @cssprop --m3e-avatar-label-color - Text color of the avatar.
+ */
+export declare class M3eAvatarElement extends LitElement {
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+//# sourceMappingURL=AvatarElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarElement.d.ts","sourceRoot":"","sources":["../../../src/avatar/AvatarElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAgCpC;IAEF,kBAAkB;cACC,MAAM,IAAI,OAAO;CAGrC"}

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

@@ -0,0 +1,2 @@
+export * from "./AvatarElement";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/src/badge/BadgeElement.d.ts

@@ -0,0 +1,76 @@
+import { CSSResultGroup, LitElement, PropertyValues } from "lit";
+import { BadgeSize } from "./BadgeSize";
+import { BadgePosition } from "./BadgePosition";
+declare const M3eBadgeElement_base: import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").HtmlForMixin> & typeof LitElement;
+/**
+ * A visual indicator used to label content.
+ *
+ * @description
+ * The `m3e-badge` component is a compact visual indicator used to label content. Designed
+ * according to Material Design 3 guidelines, it can display counts, presence, or semantic
+ * emphasis, and is attachable to icons, buttons, or other components. Badges support dynamic
+ * sizing, color, and shape, ensuring clarity and accessibility while maintaining a consistent,
+ * expressive appearance across surfaces.
+ *
+ * @example
+ * The following example illustrates attaching a `m3e-badge` to another element using the `for` attribute.
+ * ```html
+ * <m3e-button id="button">Button</m3e-button>
+ * <m3e-badge for="button">10</m3e-badge>
+ * ```
+ *
+ * @tag m3e-badge
+ *
+ * @slot - Renders the content of the badge.
+ *
+ * @attr size - The size of the badge.
+ *
+ * @cssprop --m3e-badge-shape - Corner radius of the badge.
+ * @cssprop --m3e-badge-color - Foreground color of badge content.
+ * @cssprop --m3e-badge-container-color - Background color of the badge.
+ * @cssprop --m3e-badge-small-size - Fixed dimensions for small badge. Used for minimal indicators (e.g. dot).
+ * @cssprop --m3e-badge-medium-size - Height and min-width for medium badge.
+ * @cssprop --m3e-badge-medium-font-size - Font size for medium badge label.
+ * @cssprop --m3e-badge-medium-font-weight - Font weight for medium badge label.
+ * @cssprop --m3e-badge-medium-line-height - Line height for medium badge label.
+ * @cssprop --m3e-badge-medium-tracking - Letter spacing for medium badge label.
+ * @cssprop --m3e-badge-large-size - Height and min-width for large badge.
+ * @cssprop --m3e-badge-large-font-size - Font size for large badge label.
+ * @cssprop --m3e-badge-large-font-weight - Font weight for large badge label.
+ * @cssprop --m3e-badge-large-line-height - Line height for large badge label.
+ * @cssprop --m3e-badge-large-tracking - Letter spacing for large badge label.
+ */
+export declare class M3eBadgeElement extends M3eBadgeElement_base {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /**
+     * The size of the badge.
+     * @default "medium"
+     */
+    size: BadgeSize;
+    /**
+     * The position of the badge, when attached to another element.
+     * @default "above-after"
+     */
+    position: BadgePosition;
+    /** @inheritdoc */
+    attach(control: HTMLElement): void;
+    /** @inheritdoc */
+    detach(): void;
+    /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    disconnectedCallback(): void;
+    /** @inheritdoc */
+    protected update(changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-badge": M3eBadgeElement;
+    }
+}
+export {};
+//# sourceMappingURL=BadgeElement.d.ts.map

package/dist/src/badge/BadgeElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeElement.d.ts","sourceRoot":"","sources":["../../../src/badge/BadgeElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAO5E,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,qBACa,eAAgB,SAAQ,oBAAmB;;IACtD,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAsGpC;IAKF;;;OAGG;IAC0B,IAAI,EAAE,SAAS,CAAY;IAExD;;;OAGG;IAC0B,QAAQ,EAAE,aAAa,CAAiB;IAErE,kBAAkB;IACT,MAAM,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAK3C,kBAAkB;IACT,MAAM,IAAI,IAAI;IAKvB,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAKlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAKrC,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQxE,kBAAkB;cACC,MAAM,IAAI,OAAO;CA0ErC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}

package/dist/src/badge/BadgePosition.d.ts

@@ -0,0 +1,3 @@
+/** Specifies the possible positions of a badge, when attached to another element. */
+export type BadgePosition = "above-after" | "above-before" | "below-before" | "below-after" | "before" | "after" | "above" | "below";
+//# sourceMappingURL=BadgePosition.d.ts.map

package/dist/src/badge/BadgePosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgePosition.d.ts","sourceRoot":"","sources":["../../../src/badge/BadgePosition.ts"],"names":[],"mappings":"AAAA,qFAAqF;AACrF,MAAM,MAAM,aAAa,GACrB,aAAa,GACb,cAAc,GACd,cAAc,GACd,aAAa,GACb,QAAQ,GACR,OAAO,GACP,OAAO,GACP,OAAO,CAAC"}

package/dist/src/badge/BadgeSize.d.ts

@@ -0,0 +1,3 @@
+/** Specifies the possible size variants for a badge. */
+export type BadgeSize = "small" | "medium" | "large";
+//# sourceMappingURL=BadgeSize.d.ts.map

package/dist/src/badge/BadgeSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeSize.d.ts","sourceRoot":"","sources":["../../../src/badge/BadgeSize.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from "./BadgeElement";
+export * from "./BadgePosition";
+export * from "./BadgeSize";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC"}

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

@@ -0,0 +1,17 @@
+import { ActionElementBase } from "@m3e/web/core";
+/**
+ * An element, nested within a clickable element, used to close a parenting bottom sheet.
+ * @tag m3e-bottom-sheet-action
+ *
+ * @slot - Renders the content of the action.
+ */
+export declare class M3eBottomSheetActionElement extends ActionElementBase {
+    /** @inheritdoc */
+    protected _onClick(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-bottom-sheet-action": M3eBottomSheetActionElement;
+    }
+}
+//# sourceMappingURL=BottomSheetActionElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheetActionElement.d.ts","sourceRoot":"","sources":["../../../src/bottom-sheet/BottomSheetActionElement.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD;;;;;GAKG;AACH,qBACa,2BAA4B,SAAQ,iBAAiB;IAChE,kBAAkB;cACC,QAAQ,IAAI,IAAI;CAGpC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,2BAA2B,CAAC;KACxD;CACF"}