@m3e/web 2.0.0

package/dist/src/button/styles/ButtonVariantToken.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonVariantToken.d.ts","sourceRoot":"","sources":["../../../../src/button/styles/ButtonVariantToken.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,KAAK,CAAC;AAI3C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,eAAe;AACf,KAAK,mBAAmB,GAAG;IACzB,cAAc,EAAE,SAAS,CAAC;IAC1B,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,wBAAwB,EAAE,SAAS,CAAC;IACpC,mBAAmB,EAAE,SAAS,CAAC;IAC/B,wBAAwB,CAAC,EAAE,SAAS,CAAC;IACrC,sBAAsB,EAAE,SAAS,CAAC;IAClC,iBAAiB,EAAE,SAAS,CAAC;IAC7B,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACnC,QAAQ,EAAE;QACR,cAAc,EAAE,SAAS,CAAC;QAC1B,gBAAgB,EAAE,SAAS,CAAC;QAC5B,SAAS,EAAE,SAAS,CAAC;QACrB,WAAW,EAAE,SAAS,CAAC;QACvB,cAAc,EAAE,SAAS,CAAC;QAC1B,gBAAgB,EAAE,SAAS,CAAC;QAC5B,kBAAkB,CAAC,EAAE,SAAS,CAAC;QAC/B,YAAY,CAAC,EAAE,SAAS,CAAC;KAC1B,CAAC;IACF,KAAK,EAAE;QACL,SAAS,EAAE,SAAS,CAAC;QACrB,cAAc,EAAE,SAAS,CAAC;QAC1B,eAAe,EAAE,SAAS,CAAC;QAC3B,iBAAiB,EAAE,SAAS,CAAC;QAC7B,kBAAkB,CAAC,EAAE,SAAS,CAAC;QAC/B,YAAY,CAAC,EAAE,SAAS,CAAC;QACzB,wBAAwB,EAAE,SAAS,CAAC;QACpC,mBAAmB,EAAE,SAAS,CAAC;QAC/B,yBAAyB,EAAE,SAAS,CAAC;QACrC,sBAAsB,EAAE,SAAS,CAAC;QAClC,iBAAiB,EAAE,SAAS,CAAC;QAC7B,uBAAuB,EAAE,SAAS,CAAC;KACpC,CAAC;IACF,KAAK,EAAE;QACL,SAAS,EAAE,SAAS,CAAC;QACrB,cAAc,EAAE,SAAS,CAAC;QAC1B,eAAe,EAAE,SAAS,CAAC;QAC3B,iBAAiB,EAAE,SAAS,CAAC;QAC7B,kBAAkB,CAAC,EAAE,SAAS,CAAC;QAC/B,YAAY,CAAC,EAAE,SAAS,CAAC;QACzB,wBAAwB,EAAE,SAAS,CAAC;QACpC,mBAAmB,EAAE,SAAS,CAAC;QAC/B,yBAAyB,EAAE,SAAS,CAAC;QACrC,sBAAsB,EAAE,SAAS,CAAC;QAClC,iBAAiB,EAAE,SAAS,CAAC;QAC7B,uBAAuB,EAAE,SAAS,CAAC;KACpC,CAAC;IACF,OAAO,EAAE;QACP,SAAS,EAAE,SAAS,CAAC;QACrB,cAAc,EAAE,SAAS,CAAC;QAC1B,eAAe,EAAE,SAAS,CAAC;QAC3B,iBAAiB,EAAE,SAAS,CAAC;QAC7B,kBAAkB,CAAC,EAAE,SAAS,CAAC;QAC/B,YAAY,CAAC,EAAE,SAAS,CAAC;QACzB,wBAAwB,EAAE,SAAS,CAAC;QACpC,mBAAmB,EAAE,SAAS,CAAC;QAC/B,yBAAyB,EAAE,SAAS,CAAC;QACrC,sBAAsB,EAAE,SAAS,CAAC;QAClC,iBAAiB,EAAE,SAAS,CAAC;QAC7B,uBAAuB,EAAE,SAAS,CAAC;KACpC,CAAC;CACH,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,aAAa,EAAE,mBAAmB,CA+jChE,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from "./ButtonSizeStyle";
+export * from "./ButtonStyle";
+export * from "./ButtonVariantStyle";
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,98 @@
+import { CSSResultGroup, LitElement, PropertyValues } from "lit";
+import { M3eButtonElement } from "@m3e/web/button";
+import { M3eIconButtonElement } from "@m3e/web/icon-button";
+import { ButtonGroupVariant } from "./ButtonGroupVariant";
+import { ButtonGroupSize } from "./ButtonGroupSize";
+declare const M3eButtonGroupElement_base: import("../core/shared/mixins/Constructor").Constructor & typeof LitElement;
+/**
+ * Organizes buttons and adds interactions between them.
+ *
+ * @description
+ * The `m3e-button-group` component arranges multiple buttons into a unified, expressive layout,
+ * supporting both `standard` and `connected` variants. It enables seamless, accessible grouping
+ * of actions, adapts to various sizes, and ensures consistent spacing, shape, and alignment.
+ * Designed according to Material 3 principles, it empowers users to interact with related actions
+ * in a visually harmonious and intuitive way.
+ *
+ * @example
+ * The following example illustrates a standard button group.
+ * ``` html
+ * <m3e-button-group>
+ *  <m3e-icon-button variant="tonal" toggle><m3e-icon name="format_bold"></m3e-icon></m3e-icon-button>
+ *  <m3e-icon-button variant="tonal" toggle><m3e-icon name="format_italic"></m3e-icon></m3e-icon-button>
+ *  <m3e-icon-button variant="tonal" toggle><m3e-icon name="format_underlined"></m3e-icon></m3e-icon-button>
+ * </m3e-button-group>
+ * ```
+ * @example
+ * The next example illustrates a connected button group.
+ * ```html
+ * <m3e-button-group variant="connected">
+ *  <m3e-button variant="tonal" shape="square" toggle>Start</m3e-button>
+ *  <m3e-button variant="tonal" shape="square" toggle>Directions</m3e-button>
+ *  <m3e-button variant="tonal" shape="square" toggle>Share</m3e-button>
+ * </m3e-button-group>
+ * ```
+ *
+ * @tag m3e-button-group
+ *
+ * @slot - Renders the buttons of the group.
+ *
+ * @attr multi - Whether multiple toggle buttons can be selected.
+ * @attr size - The size of the group.
+ * @attr variant - The appearance variant of the group.
+ *
+ * @cssprop --m3e-standard-button-group-extra-small-spacing - Spacing between buttons in standard variant, extra-small size.
+ * @cssprop --m3e-standard-button-group-small-spacing - Spacing between buttons in standard variant, small size.
+ * @cssprop --m3e-standard-button-group-medium-spacing - Spacing between buttons in standard variant, medium size.
+ * @cssprop --m3e-standard-button-group-large-spacing - Spacing between buttons in standard variant, large size.
+ * @cssprop --m3e-standard-button-group-extra-large-spacing - Spacing between buttons in standard variant, extra-large size.
+ * @cssprop --m3e-connected-button-group-spacing - Spacing between buttons in connected variant.
+ * @cssprop --m3e-connected-button-group-extra-small-inner-shape - Corner shape for connected variant, extra-small size.
+ * @cssprop --m3e-connected-button-group-extra-small-inner-pressed-shape - Pressed corner shape for connected variant, extra-small size.
+ * @cssprop --m3e-connected-button-group-small-inner-shape - Corner shape for connected variant, small size.
+ * @cssprop --m3e-connected-button-group-small-inner-pressed-shape - Pressed corner shape for connected variant, small size.
+ * @cssprop --m3e-connected-button-group-medium-inner-shape - Corner shape for connected variant, medium size.
+ * @cssprop --m3e-connected-button-group-medium-inner-pressed-shape - Pressed corner shape for connected variant, medium size.
+ * @cssprop --m3e-connected-button-group-large-inner-shape - Corner shape for connected variant, large size.
+ * @cssprop --m3e-connected-button-group-large-inner-pressed-shape - Pressed corner shape for connected variant, large size.
+ * @cssprop --m3e-connected-button-group-extra-large-inner-shape - Corner shape for connected variant, extra-large size.
+ * @cssprop --m3e-connected-button-group-extra-large-inner-pressed-shape - Pressed corner shape for connected variant, extra-large size.
+ */
+export declare class M3eButtonGroupElement extends M3eButtonGroupElement_base {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    private readonly _base?;
+    /**
+     * The appearance variant of the group.
+     * @default "standard"
+     */
+    variant: ButtonGroupVariant;
+    /**
+     * The size of the group.
+     * @default "small"
+     */
+    size: ButtonGroupSize;
+    /**
+     * Whether multiple toggle buttons can be selected.
+     * @default false
+     */
+    multi: boolean;
+    /** The buttons contained by the group. */
+    readonly buttons: ReadonlyArray<M3eButtonElement | M3eIconButtonElement>;
+    /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    disconnectedCallback(): void;
+    /** @inheritdoc */
+    protected update(changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-button-group": M3eButtonGroupElement;
+    }
+}
+export {};
+//# sourceMappingURL=ButtonGroupElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroupElement.d.ts","sourceRoot":"","sources":["../../../src/button-group/ButtonGroupElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;;AAEpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,qBACa,qBAAsB,SAAQ,0BAAyB;;IAClE,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAmMpC;IAmBc,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAc;IAErD;;;OAGG;IAC0B,OAAO,EAAE,kBAAkB,CAAc;IAEtE;;;OAGG;IAC0B,IAAI,EAAE,eAAe,CAAW;IAE7D;;;OAGG;IAC0B,KAAK,UAAS;IAE3C,0CAA0C;IAE1C,QAAQ,CAAC,OAAO,EAAG,aAAa,CAAC,gBAAgB,GAAG,oBAAoB,CAAC,CAAC;IAE1E,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAQlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAMrC,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAWxE,kBAAkB;cACC,MAAM,IAAI,OAAO;CAwDrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}

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

@@ -0,0 +1,3 @@
+/** Specifies the possible sizes of a button a group. */
+export type ButtonGroupSize = "extra-small" | "small" | "medium" | "large" | "extra-large";
+//# sourceMappingURL=ButtonGroupSize.d.ts.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroupVariant.d.ts","sourceRoot":"","sources":["../../../src/button-group/ButtonGroupVariant.ts"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,WAAW,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from "./ButtonGroupElement";
+export * from "./ButtonGroupSize";
+export * from "./ButtonGroupVariant";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/button-group/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC"}

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

@@ -0,0 +1,171 @@
+import { CSSResultGroup, LitElement, PropertyValues } from "lit";
+import { CardVariant } from "./CardVariant";
+import { CardOrientation } from "./CardOrientation";
+declare const M3eCardElement_base: import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").LinkButtonMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").FormSubmitterMixin> & import("../core/shared/mixins/Constructor").Constructor & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").DisabledInteractiveMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").DisabledMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").AttachInternalsMixin> & typeof LitElement;
+/**
+ * A content container for text, images (or other media), and actions in the context of a single subject.
+ *
+ * @description
+ * The `m3e-card` component is a flexible, expressive container for presenting a unified subject—text,
+ * media, and actions—on a visually distinct surface. It supports multiple appearance variants via the
+ * `variant` attribute: `filled` (default, for solid emphasis), `outlined` (for subtle framing with a border),
+ * and `elevated` (for depth and motion with shadow elevation).
+ *
+ * Cards can be made actionable, responding to user interaction when the `actionable` attribute is set, and can be
+ * presented inline with surrounding content using the `inline` attribute.
+ *
+ * It supports both vertical and horizontal layouts through the `orientation` attribute. Content organization is
+ * enabled via dedicated slots for `header`, `content`, `actions`, and `footer`, or developers can use the default
+ * slot for custom layouts.
+ *
+ * The component provides dynamic elevation, adaptive shape, and expressive color theming, and responds to interaction states
+ * (hover, focus, press, disabled) with smooth motion and visual feedback, ensuring clarity, accessibility,
+ * and a cohesive user experience in accordance with Material Design 3 guidelines.
+ *
+ * @example
+ * The following example illustrates each of the dedicated slots of a card.
+ * ```html
+ * <m3e-card>
+ *  <div slot="header">Header section</div>
+ *  <div slot="content">Content section</div>
+ *  <div slot="actions">Actions section</div>
+ *  <div slot="footer">Footer section</div>
+ * </m3e-card>
+ * ```
+ *
+ * @tag m3e-card
+ *
+ * @slot - Renders the content of the card without padding.
+ * @slot header - Renders the header of the card.
+ * @slot content - Renders the content of the card with padding.
+ * @slot actions - Renders the actions of the card.
+ * @slot footer - Renders the footer of the card.
+ *
+ * @attr actionable - Whether the card is "actionable" and will respond to use interaction.
+ * @attr inline - Whether to present the card inline with surrounding content.
+ * @attr orientation - The orientation of the card.
+ * @attr variant - The appearance variant of the card.
+ *
+ * @fires click - Emitted when the element is clicked.
+ *
+ * @cssprop --m3e-card-padding - Internal spacing for all slotted regions
+ * @cssprop --m3e-card-shape - Corner radius of the card container.
+ * @cssprop --m3e-filled-card-text-color - Foreground color for text content in filled cards.
+ * @cssprop --m3e-filled-card-container-color - Background color of the filled card container.
+ * @cssprop --m3e-filled-card-container-elevation - Elevation level for filled card container.
+ * @cssprop --m3e-filled-card-disabled-text-color - Text color when filled card is disabled.
+ * @cssprop --m3e-filled-card-disabled-text-opacity - Opacity applied to text when disabled.
+ * @cssprop --m3e-filled-card-disabled-container-color - Background color when disabled.
+ * @cssprop --m3e-filled-card-disabled-container-elevation - Elevation level when disabled.
+ * @cssprop --m3e-filled-card-disabled-container-elevation-color - Shadow color when disabled.
+ * @cssprop --m3e-filled-card-disabled-container-elevation-opacity - Shadow opacity when disabled.
+ * @cssprop --m3e-filled-card-disabled-container-opacity - Overall container opacity when disabled.
+ * @cssprop --m3e-filled-card-hover-text-color - Text color on hover.
+ * @cssprop --m3e-filled-card-hover-state-layer-color - State layer color on hover.
+ * @cssprop --m3e-filled-card-hover-state-layer-opacity - State layer opacity on hover.
+ * @cssprop --m3e-filled-card-hover-container-elevation - Elevation level on hover.
+ * @cssprop --m3e-filled-card-focus-text-color - Text color on focus.
+ * @cssprop --m3e-filled-card-focus-state-layer-color - State layer color on focus.
+ * @cssprop --m3e-filled-card-focus-state-layer-opacity - State layer opacity on focus.
+ * @cssprop --m3e-filled-card-focus-container-elevation - Elevation level on focus.
+ * @cssprop --m3e-filled-card-pressed-text-color - Text color on press.
+ * @cssprop --m3e-filled-card-pressed-state-layer-color - State layer color on press.
+ * @cssprop --m3e-filled-card-pressed-state-layer-opacity - State layer opacity on press.
+ * @cssprop --m3e-filled-card-pressed-container-elevation - Elevation level on press.
+ * @cssprop --m3e-elevated-card-text-color - Foreground color for text content in elevated cards.
+ * @cssprop --m3e-elevated-card-container-color - Background color of the elevated card container.
+ * @cssprop --m3e-elevated-card-container-elevation - Elevation level for elevated card container.
+ * @cssprop --m3e-elevated-card-disabled-text-color - Text color when elevated card is disabled.
+ * @cssprop --m3e-elevated-card-disabled-text-opacity - Opacity applied to text when disabled.
+ * @cssprop --m3e-elevated-card-disabled-container-color - Background color when disabled.
+ * @cssprop --m3e-elevated-card-disabled-container-elevation - Elevation level when disabled.
+ * @cssprop --m3e-elevated-card-disabled-container-elevation-color - Shadow color when disabled.
+ * @cssprop --m3e-elevated-card-disabled-container-elevation-opacity - Shadow opacity when disabled.
+ * @cssprop --m3e-elevated-card-disabled-container-opacity - Overall container opacity when disabled.
+ * @cssprop --m3e-elevated-card-hover-text-color - Text color on hover.
+ * @cssprop --m3e-elevated-card-hover-state-layer-color - State layer color on hover.
+ * @cssprop --m3e-elevated-card-hover-state-layer-opacity - State layer opacity on hover.
+ * @cssprop --m3e-elevated-card-hover-container-elevation - Elevation level on hover.
+ * @cssprop --m3e-elevated-card-focus-text-color - Text color on focus.
+ * @cssprop --m3e-elevated-card-focus-state-layer-color - State layer color on focus.
+ * @cssprop --m3e-elevated-card-focus-state-layer-opacity - State layer opacity on focus.
+ * @cssprop --m3e-elevated-card-focus-container-elevation - Elevation level on focus.
+ * @cssprop --m3e-elevated-card-pressed-text-color - Text color on press.
+ * @cssprop --m3e-elevated-card-pressed-state-layer-color - State layer color on press.
+ * @cssprop --m3e-elevated-card-pressed-state-layer-opacity - State layer opacity on press.
+ * @cssprop --m3e-elevated-card-pressed-container-elevation - Elevation level on press.
+ * @cssprop --m3e-outlined-card-text-color - Foreground color for text content in outlined cards.
+ * @cssprop --m3e-outlined-card-container-elevation - Elevation level for outlined card container.
+ * @cssprop --m3e-outlined-card-outline-color - Border color for outlined cards.
+ * @cssprop --m3e-outlined-card-outline-thickness - Border thickness for outlined cards.
+ * @cssprop --m3e-outlined-card-disabled-text-color - Text color when outlined card is disabled.
+ * @cssprop --m3e-outlined-card-disabled-text-opacity - Opacity applied to text when disabled.
+ * @cssprop --m3e-outlined-card-disabled-container-elevation - Elevation level when disabled.
+ * @cssprop --m3e-outlined-card-disabled-container-elevation-color - Shadow color when disabled.
+ * @cssprop --m3e-outlined-card-disabled-container-elevation-opacity - Shadow opacity when disabled.
+ * @cssprop --m3e-outlined-card-disabled-outline-color - Border color when disabled.
+ * @cssprop --m3e-outlined-card-disabled-outline-opacity - Border opacity when disabled.
+ * @cssprop --m3e-outlined-card-hover-text-color - Text color on hover.
+ * @cssprop --m3e-outlined-card-hover-state-layer-color - State layer color on hover.
+ * @cssprop --m3e-outlined-card-hover-state-layer-opacity - State layer opacity on hover.
+ * @cssprop --m3e-outlined-card-hover-container-elevation - Elevation level on hover.
+ * @cssprop --m3e-outlined-card-hover-outline-color - Border color on hover.
+ * @cssprop --m3e-outlined-card-focus-text-color - Text color on focus.
+ * @cssprop --m3e-outlined-card-focus-state-layer-color - State layer color on focus.
+ * @cssprop --m3e-outlined-card-focus-state-layer-opacity - State layer opacity on focus.
+ * @cssprop --m3e-outlined-card-focus-container-elevation - Elevation level on focus.
+ * @cssprop --m3e-outlined-card-focus-outline-color - Border color on focus.
+ * @cssprop --m3e-outlined-card-pressed-text-color - Text color on press.
+ * @cssprop --m3e-outlined-card-pressed-state-layer-color - State layer color on press.
+ * @cssprop --m3e-outlined-card-pressed-state-layer-opacity - State layer opacity on press.
+ * @cssprop --m3e-outlined-card-pressed-container-elevation - Elevation level on press.
+ * @cssprop --m3e-outlined-card-pressed-outline-color - Border color on press.
+ */
+export declare class M3eCardElement extends M3eCardElement_base {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @private */ private readonly _base?;
+    /** @private */ private readonly _elevation?;
+    /** @private */ private readonly _focusRing?;
+    /** @private */ private readonly _stateLayer?;
+    /** @private */ private readonly _ripple?;
+    constructor();
+    /**
+     * Whether to present the card inline with surrounding content.
+     * @default false
+     */
+    inline: boolean;
+    /**
+     * Whether the card is "actionable" and will respond to use interaction.
+     * @default false
+     */
+    actionable: boolean;
+    /**
+     * The appearance variant of the card.
+     * @default "filled"
+     */
+    variant: CardVariant;
+    /**
+     * The orientation of the card.
+     * @default "vertical"
+     */
+    orientation: CardOrientation;
+    /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    disconnectedCallback(): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+    /** @inheritdoc */
+    protected firstUpdated(_changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected update(changedProperties: PropertyValues<this>): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-card": M3eCardElement;
+    }
+}
+export {};
+//# sourceMappingURL=CardElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardElement.d.ts","sourceRoot":"","sources":["../../../src/card/CardElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAoBvE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;;AAEpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsHG;AACH,qBACa,cAAe,SAAQ,mBAEnC;;IACC,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAAiC;IAEvE,eAAe,CAAiB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAc;IACrE,eAAe,CAAsB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IACvF,eAAe,CAAuB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IACxF,eAAe,CAAwB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAuB;IAC3F,eAAe,CAAmB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAmB;;IAiB9E;;;OAGG;IAC0B,MAAM,UAAS;IAE5C;;;OAGG;IAC0B,UAAU,UAAS;IAEhD;;;OAGG;IAC0B,OAAO,EAAE,WAAW,CAAY;IAE7D;;;OAGG;IAC0B,WAAW,EAAE,eAAe,CAAc;IAEvE,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAUlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAOrC,kBAAkB;cACC,MAAM,IAAI,OAAO;IAmEpC,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAU/E,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;CAezE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}

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

@@ -0,0 +1,3 @@
+/** Specifies the possible orientations of a card. */
+export type CardOrientation = "horizontal" | "vertical";
+//# sourceMappingURL=CardOrientation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardOrientation.d.ts","sourceRoot":"","sources":["../../../src/card/CardOrientation.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,UAAU,CAAC"}

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

@@ -0,0 +1,3 @@
+/** Specifies the possible appearance variants of a card. */
+export type CardVariant = "elevated" | "filled" | "outlined";
+//# sourceMappingURL=CardVariant.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardVariant.d.ts","sourceRoot":"","sources":["../../../src/card/CardVariant.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from "./CardElement";
+export * from "./CardOrientation";
+export * from "./CardVariant";
+//# sourceMappingURL=index.d.ts.map

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

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

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

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

package/dist/src/card/styles/CardStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardStyle.d.ts","sourceRoot":"","sources":["../../../../src/card/styles/CardStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,SAAS,EAAa,MAAM,KAAK,CAAC;AAOhD;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,SAyKvB,CAAC"}

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

@@ -0,0 +1,9 @@
+/**
+ * Component design tokens for `M3eCardElement`.
+ * @internal
+ */
+export declare const CardToken: {
+    readonly padding: import("lit").CSSResult;
+    readonly shape: import("lit").CSSResult;
+};
+//# sourceMappingURL=CardToken.d.ts.map

package/dist/src/card/styles/CardToken.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardToken.d.ts","sourceRoot":"","sources":["../../../../src/card/styles/CardToken.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,eAAO,MAAM,SAAS;;;CAGZ,CAAC"}

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

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

package/dist/src/card/styles/CardVariantStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardVariantStyle.d.ts","sourceRoot":"","sources":["../../../../src/card/styles/CardVariantStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,cAAc,EAAa,MAAM,KAAK,CAAC;AA0FhE;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,cAI9B,CAAC"}

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

@@ -0,0 +1,50 @@
+import { CSSResult } from "lit";
+import { CardVariant } from "../CardVariant";
+/** @private */
+type _CardVariantToken = {
+    textColor: CSSResult;
+    containerColor?: CSSResult;
+    containerElevation: CSSResult;
+    outlineColor?: CSSResult;
+    outlineThickness?: CSSResult;
+    disabled: {
+        textColor: CSSResult;
+        textOpacity: CSSResult;
+        imageOpacity: CSSResult;
+        containerColor?: CSSResult;
+        containerOpacity?: CSSResult;
+        containerElevation: CSSResult;
+        containerElevationColor: CSSResult;
+        containerElevationOpacity: CSSResult;
+        outlineColor?: CSSResult;
+        outlineOpacity?: CSSResult;
+    };
+    hover: {
+        textColor: CSSResult;
+        stateLayerColor: CSSResult;
+        stateLayerOpacity: CSSResult;
+        containerElevation?: CSSResult;
+        outlineColor?: CSSResult;
+    };
+    focus: {
+        textColor: CSSResult;
+        stateLayerColor: CSSResult;
+        stateLayerOpacity: CSSResult;
+        containerElevation?: CSSResult;
+        outlineColor?: CSSResult;
+    };
+    pressed: {
+        textColor: CSSResult;
+        stateLayerColor: CSSResult;
+        stateLayerOpacity: CSSResult;
+        containerElevation?: CSSResult;
+        outlineColor?: CSSResult;
+    };
+};
+/**
+ * Component design tokens that control the appearance variants of `M3eCardElement`.
+ * @internal
+ */
+export declare const CardVariantToken: Record<CardVariant, _CardVariantToken>;
+export {};
+//# sourceMappingURL=CardVariantToken.d.ts.map

package/dist/src/card/styles/CardVariantToken.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardVariantToken.d.ts","sourceRoot":"","sources":["../../../../src/card/styles/CardVariantToken.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,KAAK,CAAC;AAI3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,eAAe;AACf,KAAK,iBAAiB,GAAG;IACvB,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,kBAAkB,EAAE,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,QAAQ,EAAE;QACR,SAAS,EAAE,SAAS,CAAC;QACrB,WAAW,EAAE,SAAS,CAAC;QACvB,YAAY,EAAE,SAAS,CAAC;QACxB,cAAc,CAAC,EAAE,SAAS,CAAC;QAC3B,gBAAgB,CAAC,EAAE,SAAS,CAAC;QAC7B,kBAAkB,EAAE,SAAS,CAAC;QAC9B,uBAAuB,EAAE,SAAS,CAAC;QACnC,yBAAyB,EAAE,SAAS,CAAC;QACrC,YAAY,CAAC,EAAE,SAAS,CAAC;QACzB,cAAc,CAAC,EAAE,SAAS,CAAC;KAC5B,CAAC;IACF,KAAK,EAAE;QACL,SAAS,EAAE,SAAS,CAAC;QACrB,eAAe,EAAE,SAAS,CAAC;QAC3B,iBAAiB,EAAE,SAAS,CAAC;QAC7B,kBAAkB,CAAC,EAAE,SAAS,CAAC;QAC/B,YAAY,CAAC,EAAE,SAAS,CAAC;KAC1B,CAAC;IACF,KAAK,EAAE;QACL,SAAS,EAAE,SAAS,CAAC;QACrB,eAAe,EAAE,SAAS,CAAC;QAC3B,iBAAiB,EAAE,SAAS,CAAC;QAC7B,kBAAkB,CAAC,EAAE,SAAS,CAAC;QAC/B,YAAY,CAAC,EAAE,SAAS,CAAC;KAC1B,CAAC;IACF,OAAO,EAAE;QACP,SAAS,EAAE,SAAS,CAAC;QACrB,eAAe,EAAE,SAAS,CAAC;QAC3B,iBAAiB,EAAE,SAAS,CAAC;QAC7B,kBAAkB,CAAC,EAAE,SAAS,CAAC;QAC/B,YAAY,CAAC,EAAE,SAAS,CAAC;KAC1B,CAAC;CACH,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,WAAW,EAAE,iBAAiB,CAwJ1D,CAAC"}

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

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

package/dist/src/card/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/card/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC"}

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

@@ -0,0 +1,100 @@
+import { CSSResultGroup, LitElement, PropertyValues } from "lit";
+import { formValue } from "@m3e/web/core";
+declare const M3eCheckboxElement_base: import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").LabelledMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").RequiredConstraintValidationMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").DirtyMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").TouchedMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").RequiredMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").ConstraintValidationMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").CheckedIndeterminateMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").FormAssociatedMixin> & import("../core/shared/mixins/Constructor").Constructor & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").DisabledMixin> & import("../core/shared/mixins/Constructor").Constructor<import("@m3e/web/core").AttachInternalsMixin> & typeof LitElement;
+/**
+ * A checkbox that allows a user to select one or more options from a limited number of choices.
+ *
+ * @description
+ * The `m3e-checkbox` component enables users to select one or more options from a set. It supports selected,
+ * unselected, and indeterminate states, and communicates selection through visual cues and accessible semantics.
+ * This component reflects user intent, form participation, and validation feedback, adapting to disabled and
+ * required contexts. It emits `input` and `change` events to signal state transitions and integrates with form
+ * submission via `name` and `value`.
+ *
+ * @example
+ * The following example illustrates wrapping a `m3e-checkbox` within a `label`.
+ * ```html
+ * <label>
+ *  <m3e-checkbox></m3e-checkbox>
+ *  Checkbox label
+ * </label>
+ * ```
+ * @example
+ * The next example illustrates use of the `for` attribute to label a checkbox.
+ * ```html
+ * <m3e-checkbox id="chk"></m3e-checkbox>
+ * <label for="chk">Checkbox label </label>
+ * ```
+ *
+ * @tag m3e-checkbox
+ *
+ * @attr checked - Whether the element is checked.
+ * @attr disabled - Whether the element is disabled.
+ * @attr indeterminate - Whether the element's checked state is indeterminate.
+ * @attr name - The name that identifies the element when submitting the associated form.
+ * @attr required - Whether the element is required.
+ * @attr value - A string representing the value of the checkbox.
+ *
+ * @fires input - Emitted when the checked state changes.
+ * @fires invalid - Emitted when a form is submitted and the element fails constraint validation.
+ * @fires change - Emitted when the checked state changes.
+ * @fires click - Emitted when the element is clicked.
+ *
+ * @cssprop --m3e-checkbox-icon-size - Size of the checkbox icon inside the container.
+ * @cssprop --m3e-checkbox-container-size - Base size of the checkbox container.
+ * @cssprop --m3e-checkbox-container-shape - Border radius of the icon container.
+ * @cssprop --m3e-checkbox-unselected-outline-thickness - Border thickness for unselected state.
+ * @cssprop --m3e-checkbox-unselected-outline-color - Border color for unselected state.
+ * @cssprop --m3e-checkbox-unselected-hover-outline-color - Border color on hover when unselected.
+ * @cssprop --m3e-checkbox-unselected-disabled-outline-color - Base color for disabled unselected outline.
+ * @cssprop --m3e-checkbox-unselected-disabled-outline-opacity - Opacity for disabled unselected outline.
+ * @cssprop --m3e-checkbox-unselected-error-outline-color - Border color for invalid unselected state.
+ * @cssprop --m3e-checkbox-selected-container-color - Background color for selected container.
+ * @cssprop --m3e-checkbox-selected-icon-color - Icon color for selected state.
+ * @cssprop --m3e-checkbox-selected-disabled-container-color - Base color for disabled selected container.
+ * @cssprop --m3e-checkbox-selected-disabled-container-opacity - Opacity for disabled selected container.
+ * @cssprop --m3e-checkbox-selected-disabled-icon-color - Base color for disabled selected icon.
+ * @cssprop --m3e-checkbox-selected-disabled-icon-opacity - Opacity for disabled selected icon.
+ * @cssprop --m3e-checkbox-unselected-hover-color - Ripple hover color for unselected state.
+ * @cssprop --m3e-checkbox-unselected-focus-color - Ripple focus color for unselected state.
+ * @cssprop --m3e-checkbox-unselected-ripple-color - Ripple base color for unselected state.
+ * @cssprop --m3e-checkbox-selected-hover-color - Ripple hover color for selected state.
+ * @cssprop --m3e-checkbox-selected-focus-color - Ripple focus color for selected state.
+ * @cssprop --m3e-checkbox-selected-ripple-color - Ripple base color for selected state.
+ * @cssprop --m3e-checkbox-unselected-error-hover-color - Ripple hover color for invalid unselected state.
+ * @cssprop --m3e-checkbox-unselected-error-focus-color - Ripple focus color for invalid unselected state.
+ * @cssprop --m3e-checkbox-unselected-error-ripple-color - Ripple base color for invalid unselected state.
+ * @cssprop --m3e-checkbox-selected-error-hover-color - Ripple hover color for invalid selected state.
+ * @cssprop --m3e-checkbox-selected-error-focus-color - Ripple focus color for invalid selected state.
+ * @cssprop --m3e-checkbox-selected-error-ripple-color - Ripple base color for invalid selected state.
+ */
+export declare class M3eCheckboxElement extends M3eCheckboxElement_base {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @private */ private readonly _focusRing?;
+    /** @private */ private readonly _stateLayer?;
+    /** @private */ private readonly _ripple?;
+    /**
+     * A string representing the value of the checkbox.
+     * @default "on"
+     */
+    value: string;
+    /** @inheritdoc @private */
+    get [formValue](): string | File | FormData | null;
+    /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    disconnectedCallback(): void;
+    /** @inheritdoc */
+    protected firstUpdated(_changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-checkbox": M3eCheckboxElement;
+    }
+}
+export {};
+//# sourceMappingURL=CheckboxElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxElement.d.ts","sourceRoot":"","sources":["../../../src/checkbox/CheckboxElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAW,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrF,OAAO,EAQL,SAAS,EAaV,MAAM,eAAe,CAAC;;AAEvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkEG;AACH,qBACa,kBAAmB,SAAQ,uBAcvC;;IACC,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CA0IpC;IAEF,eAAe,CAAuB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IACxF,eAAe,CAAwB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAuB;IAC3F,eAAe,CAAmB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAmB;IA4B9E;;;OAGG;IACS,KAAK,SAAQ;IAEzB,2BAA2B;IAC3B,IAAa,CAAC,SAAS,CAAC,IAAI,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI,CAE1D;IAED,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAUlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAUrC,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAK/E,kBAAkB;cACC,MAAM,IAAI,OAAO;CAuCrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,kBAAkB,CAAC;KACpC;CACF"}

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

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

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

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