@m3e/web 2.0.0

package/dist/src/textarea-autosize/TextareaAutosizeElement.d.ts

@@ -0,0 +1,81 @@
+/**
+ * Adapted from Angular Material CDK Text Field
+ * Source: https://github.com/angular/components/blob/main/src/cdk/text-field/autosize.ts
+ *
+ * @license MIT
+ * Copyright (c) 2025 Google LLC
+ * See LICENSE file in the project root for full license text.
+ */
+import { CSSResultGroup, LitElement, PropertyValues } from "lit";
+declare const M3eTextareaAutosizeElement_base: import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").HtmlForMixin> & import("../core/shared/mixins/Constructor").Constructor & typeof LitElement;
+/**
+ * A non-visual element used to automatically resize a `textarea` to fit its content.
+ *
+ * @description
+ * The `m3e-textarea-autosize` component automatically adjusts the height of a linked `textarea` to fit its content,
+ * preserving layout integrity and user experience. This non-visual element listens to input changes and applies
+ * dynamic resizing, constrained by optional row limits. It supports declarative configuration via attributes and
+ * can be disabled when manual control is preferred.
+ *
+ * @example
+ * The following example illustrates the `m3e-textarea-autosize` in conjunction with the `m3e-form-field` to
+ * automatically resize a field's `textarea` with a 5 row limit.
+ * ```html
+ * <m3e-form-field>
+ *  <label slot="label" for="fld">Textarea Autosize</label>
+ *  <textarea id="fld"></textarea>
+ *  <m3e-textarea-autosize for="fld" max-rows="5"></m3e-textarea-autosize>
+ * </m3e-form-field>
+ * ```
+ *
+ * @tag m3e-textarea-autosize
+ *
+ * @attr disabled - Whether auto-sizing is disabled.
+ * @attr for - The identifier of the interactive control to which this element is attached.
+ * @attr max-rows - The maximum amount of rows in the `textarea`.
+ * @attr min-rows - The minimum amount of rows in the `textarea`.
+ */
+export declare class M3eTextareaAutosizeElement extends M3eTextareaAutosizeElement_base {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /**
+     * The maximum amount of rows in the `textarea`.
+     * @default 0
+     */
+    maxRows: number;
+    /**
+     * The minimum amount of rows in the `textarea`.
+     * @default 0
+     */
+    minRows: number;
+    /**
+     * Whether auto-sizing is disabled.
+     * @default false
+     */
+    disabled: boolean;
+    /** @inheritdoc */
+    attach(control: HTMLElement): void;
+    /** @inheritdoc */
+    detach(): void;
+    /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    protected updated(_changedProperties: PropertyValues<this>): void;
+    /**
+     * Resize the `textarea` to fit its content.
+     * @param {boolean} [force=false] - Whether to force a height recalculation.
+     */
+    resizeToFitContent(force?: boolean): void;
+    /** Resets the `textarea` to its original size. */
+    reset(): void;
+    /** @private */
+    private _handleWindowResize;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-textarea-autosize": M3eTextareaAutosizeElement;
+    }
+}
+export {};
+//# sourceMappingURL=TextareaAutosizeElement.d.ts.map

package/dist/src/textarea-autosize/TextareaAutosizeElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaAutosizeElement.d.ts","sourceRoot":"","sources":["../../../src/textarea-autosize/TextareaAutosizeElement.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAO,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;;AAKtE;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBACa,0BAA2B,SAAQ,+BAAiC;;IAC/E,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAIpC;IAaF;;;OAGG;IACgD,OAAO,SAAK;IAE/D;;;OAGG;IACgD,OAAO,SAAK;IAE/D;;;OAGG;IACyC,QAAQ,UAAS;IAE7D,kBAAkB;IACT,MAAM,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAe3C,kBAAkB;IACT,MAAM,IAAI,IAAI;IAUvB,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAKlC,kBAAkB;cACC,OAAO,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAY1E;;;OAGG;IACH,kBAAkB,CAAC,KAAK,GAAE,OAAe,GAAG,IAAI;IA2BhD,kDAAkD;IAClD,KAAK;IAyHL,eAAe;IAEf,OAAO,CAAC,mBAAmB;CAI5B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,0BAA0B,CAAC;KACrD;CACF"}

package/dist/src/textarea-autosize/index.d.ts

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

package/dist/src/textarea-autosize/index.d.ts.map

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

package/dist/src/theme/ColorScheme.d.ts

@@ -0,0 +1,3 @@
+/** Specifies schemes for which to generate a color palette. */
+export type ColorScheme = "light" | "dark" | "auto";
+//# sourceMappingURL=ColorScheme.d.ts.map

package/dist/src/theme/ColorScheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorScheme.d.ts","sourceRoot":"","sources":["../../../src/theme/ColorScheme.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC"}

package/dist/src/theme/ContrastLevel.d.ts

@@ -0,0 +1,3 @@
+/** Specifies the contrast level in which to generate a color palette. */
+export type ContrastLevel = "high" | "medium" | "standard";
+//# sourceMappingURL=ContrastLevel.d.ts.map

package/dist/src/theme/ContrastLevel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContrastLevel.d.ts","sourceRoot":"","sources":["../../../src/theme/ContrastLevel.ts"],"names":[],"mappings":"AAAA,yEAAyE;AACzE,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC"}

package/dist/src/theme/MotionScheme.d.ts

@@ -0,0 +1,3 @@
+/** Specifies the possible motion schemes of a theme. */
+export type MotionScheme = "standard" | "expressive";
+//# sourceMappingURL=MotionScheme.d.ts.map

package/dist/src/theme/MotionScheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MotionScheme.d.ts","sourceRoot":"","sources":["../../../src/theme/MotionScheme.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,YAAY,CAAC"}

package/dist/src/theme/ThemeElement.d.ts

@@ -0,0 +1,91 @@
+import { CSSResultGroup, LitElement, PropertyValues } from "lit";
+import { ColorScheme } from "./ColorScheme";
+import { ContrastLevel } from "./ContrastLevel";
+import { MotionScheme } from "./MotionScheme";
+/**
+ * A non-visual element responsible for application-level theming.
+ *
+ * @description
+ * The `m3e-theme` component is a non-visual element used to apply dynamic color, expressive motion, density, and strong focus indicators
+ * to nested, theme-aware elements.
+ *
+ * When `m3e-theme` is nested directly beneath the `<body>` of a document, the `<body>`'s `background-color` is set to the computed
+ * value of `--md-sys-color-background` and `color` is set to the computed value of `--md-sys-color-on-background`. In addition,
+ * the document's `scrollbar-color` is set to the computed values of `--m3e-scrollbar-thumb-color` and `--m3e-scrollbar-track-color` which,
+ * when supported, cascades to all viewport scrollbars.
+ *
+ * @example
+ * The following example adds a top-level `m3e-theme` directly beneath a document's `<body>` element to
+ * apply application-level theming.  In this example, `color` and `scheme` are used to create a dynamic color
+ * palette which automatically adjusts to a user's light or dark color preference. In addition, expressive motion
+ * and strong focus indicators are enabled.
+ *
+ * ```html
+ * <body>
+ *  <m3e-theme color="#6750A4" scheme="auto" motion="expressive" strong-focus>
+ *      <!-- Normal body content here. -->
+ *  </m3e-theme>
+ * <body/>
+ * ```
+ * @tag m3e-theme
+ *
+ * @attr color - The hex color from which to derive dynamic color palettes.
+ * @attr contrast - The contrast level of the theme.
+ * @attr density - The density scale (0, -1, -2).
+ * @attr scheme - The color scheme of the theme.
+ * @attr strong-focus - Whether to enable strong focus indicators.
+ *
+ * @fires change - Dispatched when the theme changes.
+ */
+export declare class M3eThemeElement extends LitElement {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /**
+     * The hex color from which to derive dynamic color palettes.
+     * @default "#6750A4"
+     */
+    color: string;
+    /**
+     * The color scheme of the theme.
+     * @default "auto"
+     */
+    scheme: ColorScheme;
+    /**
+     * The contrast level of the theme.
+     * @default "standard"
+     */
+    contrast: ContrastLevel;
+    /**
+     * Whether to enable strong focus indicators.
+     * @default false
+     */
+    strongFocus: boolean;
+    /**
+     * The density scale (0, -1, -2).
+     * @default 0
+     */
+    density: number;
+    /** The motion scheme.
+     * @default "standard"
+     */
+    motion: MotionScheme;
+    /** Whether a dark theme is applied. */
+    get isDark(): boolean;
+    /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    disconnectedCallback(): void;
+    /** @inheritdoc */
+    protected updated(_changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-theme": M3eThemeElement;
+    }
+}
+//# sourceMappingURL=ThemeElement.d.ts.map

package/dist/src/theme/ThemeElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeElement.d.ts","sourceRoot":"","sources":["../../../src/theme/ThemeElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAc5E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,qBACa,eAAgB,SAAQ,UAAU;;IAC7C,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAQpC;IAUF;;;OAGG;IACS,KAAK,SAAa;IAE9B;;;OAGG;IACS,MAAM,EAAE,WAAW,CAAU;IAEzC;;;OAGG;IACS,QAAQ,EAAE,aAAa,CAAc;IAEjD;;;OAGG;IACqD,WAAW,UAAS;IAE5E;;;OAGG;IACyB,OAAO,SAAK;IAExC;;OAEG;IACS,MAAM,EAAE,YAAY,CAAc;IAE9C,uCAAuC;IACvC,IAAI,MAAM,IAAI,OAAO,CAiBpB;IAED,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAgBlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IASrC,kBAAkB;cACC,OAAO,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQ1E,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAKzE,kBAAkB;cACC,MAAM,IAAI,OAAO;CAyGrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,eAAe,CAAC;KAC9B;CACF"}

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

@@ -0,0 +1,5 @@
+export * from "./ColorScheme";
+export * from "./ContrastLevel";
+export * from "./MotionScheme";
+export * from "./ThemeElement";
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/src/toc/TocElement.d.ts

@@ -0,0 +1,86 @@
+import { CSSResultGroup, LitElement, PropertyValues } from "lit";
+declare const M3eTocElement_base: import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").HtmlForMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").AttachInternalsMixin> & import("../core/shared/mixins/Constructor").Constructor & typeof LitElement;
+/**
+ * A table of contents that provides in-page scroll navigation.
+ *
+ * @description
+ * The `m3e-toc` component generates a hierarchical table of contents for in-page navigation.
+ * It automatically detects headings or sections in a target element, builds a navigable list,
+ * and highlights the active section as the user scrolls. The component supports custom header
+ * slots, depth limiting, smooth scrolling, and extensive theming via CSS custom properties.
+ *
+ * To exclude a heading from the generated table of contents, add the `m3e-toc-ignore` attribute
+ * to that heading element.
+ *
+ * @example
+ * ```html
+ * <m3e-toc for="content" max-depth="3">
+ *   <span slot="overline">Contents</span>
+ *   <span slot="title">Documentation</span>
+ * </m3e-toc>
+ * <div id="content">
+ *   <h2>Introduction</h2>
+ *   <h2>Getting Started</h2>
+ *   <h3>Installation</h3>
+ *   <h3>Usage</h3>
+ *   <h2>API Reference</h2>
+ * </div>
+ * ```
+ *
+ * @tag m3e-toc
+ *
+ * @slot - Renders content between the header and items.
+ * @slot overline - Renders the overline of the table of contents.
+ * @slot title - Renders the title of the table of contents.
+ *
+ * @attr for - The identifier of the interactive control to which this element is attached.
+ * @attr max-depth - The maximum depth of the table of contents.
+ *
+ * @cssprop --m3e-toc-width - Width of the table of contents.
+ * @cssprop --m3e-toc-item-shape - Border radius of TOC items and active indicator.
+ * @cssprop --m3e-toc-active-indicator-color - Border color of the active indicator.
+ * @cssprop --m3e-toc-active-indicator-animation-duration - Animation duration for the active indicator.
+ * @cssprop --m3e-toc-item-padding - Inline padding for TOC items and header.
+ * @cssprop --m3e-toc-header-space - Block space below and between header elements.
+ * @cssprop --m3e-toc-overline-font-size - Font size for the overline slot.
+ * @cssprop --m3e-toc-overline-font-weight - Font weight for the overline slot.
+ * @cssprop --m3e-toc-overline-line-height - Line height for the overline slot.
+ * @cssprop --m3e-toc-overline-tracking - Letter spacing for the overline slot.
+ * @cssprop --m3e-toc-overline-color - Text color for the overline slot.
+ * @cssprop --m3e-toc-title-font-size - Font size for the title slot.
+ * @cssprop --m3e-toc-title-font-weight - Font weight for the title slot.
+ * @cssprop --m3e-toc-title-line-height - Line height for the title slot.
+ * @cssprop --m3e-toc-title-tracking - Letter spacing for the title slot.
+ * @cssprop --m3e-toc-title-color - Text color for the title slot.
+ */
+export declare class M3eTocElement extends M3eTocElement_base {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @private */ private _toc;
+    /** @private */ private readonly _activeIndicator;
+    /**
+     * The maximum depth of the table of contents.
+     * @default 2
+     */
+    maxDepth: number;
+    /** @inheritdoc */
+    attach(control: HTMLElement): void;
+    /** @inheritdoc */
+    detach(): void;
+    /** @inheritdoc */
+    protected update(changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected updated(_changedProperties: PropertyValues): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+    /** @private */
+    private _updateToc;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-toc": M3eTocElement;
+    }
+}
+export {};
+//# sourceMappingURL=TocElement.d.ts.map

package/dist/src/toc/TocElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TocElement.d.ts","sourceRoot":"","sources":["../../../src/toc/TocElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAW,cAAc,EAAa,MAAM,KAAK,CAAC;;AAqBhG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,qBACa,aAAc,SAAQ,kBAAwD;;IACzF,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAuFpC;IAEF,eAAe,CAAU,OAAO,CAAC,IAAI,CAAsB;IAC3D,eAAe,CAA6B,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAe;IA4E5F;;;OAGG;IACiD,QAAQ,SAAK;IAEjE,kBAAkB;IACT,MAAM,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI;IAO3C,kBAAkB;IACT,MAAM,IAAI,IAAI;IASvB,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQxE,kBAAkB;cACC,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IA2BpE,kBAAkB;cACC,MAAM,IAAI,OAAO;IAsDpC,eAAe;IAEf,OAAO,CAAC,UAAU;CAGnB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,aAAa,CAAC;KAC1B;CACF"}

package/dist/src/toc/TocGenerator.d.ts

@@ -0,0 +1,25 @@
+/** A node in a table of contents. */
+export interface TocNode {
+    /** An opaque identifier that uniquely identifies the node. */
+    id: string;
+    /** The level of the node. */
+    level: number;
+    /** The text to display for the node. */
+    label: string;
+    /** The element of the node. */
+    element: HTMLElement;
+    /** The child nodes. */
+    nodes: TocNode[];
+}
+/** Provides functionality used to generate a table of contents used for in-page navigation. */
+export declare class TocGenerator {
+    #private;
+    /**
+     * Generates nodes from which to construct a table of contents for in-page navigation.
+     * @param {HTMLElement} element The element for which to generate a table of contents.
+     * @param {number} [maxDepth=6] The maximum depth of the table of contents.
+     * @returns {Array<TocNode>} The top-level nodes of the table of contents.
+     */
+    static generate(element: HTMLElement, maxDepth?: number): Array<TocNode>;
+}
+//# sourceMappingURL=TocGenerator.d.ts.map

package/dist/src/toc/TocGenerator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TocGenerator.d.ts","sourceRoot":"","sources":["../../../src/toc/TocGenerator.ts"],"names":[],"mappings":"AAEA,qCAAqC;AACrC,MAAM,WAAW,OAAO;IACtB,8DAA8D;IAC9D,EAAE,EAAE,MAAM,CAAC;IAEX,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IAEd,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IAEd,+BAA+B;IAC/B,OAAO,EAAE,WAAW,CAAC;IAErB,uBAAuB;IACvB,KAAK,EAAE,OAAO,EAAE,CAAC;CAClB;AAED,+FAA+F;AAC/F,qBAAa,YAAY;;IACvB;;;;;OAKG;IACH,MAAM,CAAC,QAAQ,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,GAAE,MAAU,GAAG,KAAK,CAAC,OAAO,CAAC;CA6C5E"}

package/dist/src/toc/TocItemElement.d.ts

@@ -0,0 +1,49 @@
+import { CSSResultGroup, LitElement, PropertyValues } from "lit";
+import { TocNode } from "./TocGenerator";
+declare const M3eTocItemElement_base: import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").SelectedMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").DisabledMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").AttachInternalsMixin> & import("../core/shared/mixins/Constructor").Constructor & typeof LitElement;
+/**
+ * An item in a table of contents.
+ * @tag m3e-toc-item
+ *
+ * @slot - Renders the label of the item.
+ *
+ * @attr disabled - A value indicating whether the element is disabled.
+ *
+ * @fires click - Emitted when the element is clicked.
+ *
+ * @cssprop --m3e-toc-item-shape - Border radius of the TOC item.
+ * @cssprop --m3e-toc-item-padding-block - Block padding for the TOC item.
+ * @cssprop --m3e-toc-item-padding - Inline padding for the TOC item.
+ * @cssprop --m3e-toc-item-inset - Indentation per level for the TOC item.
+ * @cssprop --m3e-toc-active-indicator-animation-duration - Animation duration for the active indicator.
+ * @cssprop --m3e-toc-item-font-size - Font size for unselected items.
+ * @cssprop --m3e-toc-item-font-weight - Font weight for unselected items.
+ * @cssprop --m3e-toc-item-line-height - Line height for unselected items.
+ * @cssprop --m3e-toc-item-tracking - Letter spacing for unselected items.
+ * @cssprop --m3e-toc-item-color - Text color for unselected items.
+ * @cssprop --m3e-toc-item-selected-font-size - Font size for selected items.
+ * @cssprop --m3e-toc-item-selected-font-weight - Font weight for selected items.
+ * @cssprop --m3e-toc-item-selected-line-height - Line height for selected items.
+ * @cssprop --m3e-toc-item-selected-tracking - Letter spacing for selected items.
+ * @cssprop --m3e-toc-item-selected-color - Text color for selected items.
+ */
+export declare class M3eTocItemElement extends M3eTocItemElement_base {
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @private */ private readonly _base?;
+    /** @private */ private readonly _stateLayer?;
+    /** @internal */ node?: TocNode;
+    /** @internal */
+    protected update(changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected firstUpdated(_changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-toc-item": M3eTocItemElement;
+    }
+}
+export {};
+//# sourceMappingURL=TocItemElement.d.ts.map

package/dist/src/toc/TocItemElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TocItemElement.d.ts","sourceRoot":"","sources":["../../../src/toc/TocItemElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AAKvF,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;;AAEzC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBACa,iBAAkB,SAAQ,sBAA6D;IAClG,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CA+CpC;IAEF,eAAe,CAAiB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAc;IACrE,eAAe,CAAwB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAuB;IAC3F,gBAAgB,CAAU,IAAI,CAAC,EAAE,OAAO,CAAC;IAEzC,gBAAgB;cACG,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAiBxE,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAK/E,kBAAkB;IACT,MAAM,IAAI,OAAO;CAI3B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,iBAAiB,CAAC;KACnC;CACF"}

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

@@ -0,0 +1,4 @@
+export * from "./TocElement";
+export * from "./TocGenerator";
+export * from "./TocItemElement";
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/src/toolbar/ToolbarElement.d.ts

@@ -0,0 +1,89 @@
+import { CSSResultGroup, LitElement, PropertyValues } from "lit";
+import { ToolbarVariant } from "./ToolbarVariant";
+import { ToolbarShape } from "./ToolbarShape";
+declare const M3eToolbarElement_base: import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").VerticalMixin> & import("../core/shared/mixins/Constructor").Constructor & typeof LitElement;
+/**
+ * Presents frequently used actions relevant to the current page.
+ *
+ * @description
+ * The `m3e-toolbar` component presents contextual actions, navigation, and controls. Designed according to
+ * Material 3 principles, it supports vertical and horizontal orientation, shape and variant customization,
+ * and adaptive layout via CSS custom properties.
+ *
+ * @example
+ * The following example illustrates a `vibrant`, `rounded` toolbar containing icon buttons.
+ *
+ * ```html
+ * <m3e-toolbar variant="vibrant" shape="rounded">
+ *  <m3e-icon-button>
+ *    <m3e-icon name="arrow_back"></m3e-icon>
+ *  </m3e-icon-button>
+ *  <m3e-icon-button>
+ *    <m3e-icon name="arrow_forward"></m3e-icon>
+ *  </m3e-icon-button>
+ *  <m3e-icon-button width="wide" variant="filled">
+ *    <m3e-icon name="add"></m3e-icon>
+ *  </m3e-icon-button>
+ *  <m3e-icon-button>
+ *    <m3e-icon name="picture_in_picture"></m3e-icon>
+ *  </m3e-icon-button>
+ *  <m3e-icon-button>
+ *    <m3e-icon name="more_vert"></m3e-icon>
+ *  </m3e-icon-button>
+ * </m3e-toolbar>
+ * ```
+ *
+ * @tag m3e-toolbar
+ *
+ * @slot - Renders the content of the toolbar.
+ *
+ * @attr elevated - Whether the toolbar is elevated.
+ * @attr shape - The shape of the toolbar.
+ * @attr variant - The appearance variant of the toolbar.
+ * @attr vertical - Whether the element is oriented vertically.
+ *
+ * @cssprop --m3e-toolbar-size - The size (height or width) of the toolbar.
+ * @cssprop --m3e-toolbar-spacing - The gap between toolbar items.
+ * @cssprop --m3e-toolbar-rounded-shape - Border radius for rounded shape.
+ * @cssprop --m3e-toolbar-rounded-padding - Padding for rounded shape.
+ * @cssprop --m3e-toolbar-square-padding - Padding for square shape.
+ * @cssprop --m3e-toolbar-standard-container-color - Container color for the standard variant.
+ * @cssprop --m3e-toolbar-standard-color - Foreground color for the standard variant.
+ * @cssprop --m3e-toolbar-vibrant-container-color - Container color for the vibrant variant.
+ * @cssprop --m3e-toolbar-vibrant-color - Foreground color for the vibrant variant.
+ */
+export declare class M3eToolbarElement extends M3eToolbarElement_base {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /**
+     * The appearance variant of the toolbar.
+     * @default "standard"
+     */
+    variant: ToolbarVariant;
+    /**
+     * The shape of the toolbar.
+     * @default "square"
+     */
+    shape: ToolbarShape;
+    /**
+     * Whether the toolbar is elevated.
+     * @default false
+     */
+    elevated: boolean;
+    /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    disconnectedCallback(): void;
+    /** @inheritdoc */
+    protected update(changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-toolbar": M3eToolbarElement;
+    }
+}
+export {};
+//# sourceMappingURL=ToolbarElement.d.ts.map

package/dist/src/toolbar/ToolbarElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarElement.d.ts","sourceRoot":"","sources":["../../../src/toolbar/ToolbarElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAO5E,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;;AAE9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,qBACa,iBAAkB,SAAQ,sBAAqC;;IAC1E,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CA8DpC;IAOF;;;OAGG;IAC0B,OAAO,EAAE,cAAc,CAAc;IAElE;;;OAGG;IAC0B,KAAK,EAAE,YAAY,CAAY;IAE5D;;;OAGG;IACyC,QAAQ,UAAS;IAE7D,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAQlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAKrC,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAQxE,kBAAkB;cACC,MAAM,IAAI,OAAO;CAmCrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,iBAAiB,CAAC;KAClC;CACF"}

package/dist/src/toolbar/ToolbarShape.d.ts

@@ -0,0 +1,3 @@
+/** Specifies the possible shape variants of a toolbar. */
+export type ToolbarShape = "rounded" | "square";
+//# sourceMappingURL=ToolbarShape.d.ts.map

package/dist/src/toolbar/ToolbarShape.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarShape.d.ts","sourceRoot":"","sources":["../../../src/toolbar/ToolbarShape.ts"],"names":[],"mappings":"AAAA,0DAA0D;AAC1D,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,CAAC"}

package/dist/src/toolbar/ToolbarVariant.d.ts

@@ -0,0 +1,3 @@
+/** Specifies the possible appearance variants of a toolbar. */
+export type ToolbarVariant = "standard" | "vibrant";
+//# sourceMappingURL=ToolbarVariant.d.ts.map

package/dist/src/toolbar/ToolbarVariant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarVariant.d.ts","sourceRoot":"","sources":["../../../src/toolbar/ToolbarVariant.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,SAAS,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from "./ToolbarElement";
+export * from "./ToolbarShape";
+export * from "./ToolbarVariant";
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/src/tooltip/RichTooltipActionElement.d.ts

@@ -0,0 +1,21 @@
+import { ActionElementBase } from "@m3e/web/core";
+/**
+ * An element, nested within a clickable element, used to dismiss a parenting rich tooltip.
+ * @tag m3e-rich-tooltip-action
+ *
+ * @slot - Renders the content of the action.
+ *
+ * @attr disable-restore-focus - Whether to focus should not be restored to the trigger when activated.
+ */
+export declare class M3eRichTooltipActionElement extends ActionElementBase {
+    /** Whether to focus should not be restored to the trigger when activated. */
+    disableRestoreFocus: boolean;
+    /** @inheritdoc */
+    protected _onClick(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-rich-tooltip-action": M3eRichTooltipActionElement;
+    }
+}
+//# sourceMappingURL=RichTooltipActionElement.d.ts.map

package/dist/src/tooltip/RichTooltipActionElement.d.ts.map

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