@m3e/chips 1.0.0-rc.2 → 1.0.0-rc.3

package/dist/src/AssistChipElement.d.ts

@@ -0,0 +1,83 @@
+import { M3eChipElement } from "./ChipElement";
+declare const M3eAssistChipElement_base: import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").FormSubmitterMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").AttachInternalsMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").LinkButtonMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").DisabledInteractiveMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").DisabledMixin> & typeof M3eChipElement;
+/**
+ * A chip users interact with to perform a smart or automated action that can span multiple applications.
+ *
+ * @description
+ * The `m3e-assist-chip` component presents a Material 3 assist chip, providing users with quick access to
+ * contextually relevant actions. It is designed for use cases like suggested actions, quick filters, or
+ * secondary operations, and supports accessibility, keyboard interaction, and expressive state styling
+ * in line with Material 3 guidelines.  Appearance variants include `elevated` and `outlined`, enabling visual
+ * differentiation and contextual emphasis.
+ *
+ * @example
+ * The following example illustrates use of the `m3e-assist-chip`.  In this example, multiple chips are nested inside
+ * a `m3e-chip-set` container to create a cohesive set of chips. The container is given the ARIA `role="group"` to convey
+ * to assistive technologies that the chips are part of a related set of element.
+ * ```html
+ * <m3e-chip-set role="group" aria-label="Quick actions">
+ *  <m3e-assist-chip><m3e-icon slot="icon" name="edit"></m3e-icon>Edit</m3e-assist-chip>
+ *  <m3e-assist-chip><m3e-icon slot="icon" name="delete"></m3e-icon>Delete</m3e-assist-chip>
+ *  <m3e-assist-chip><m3e-icon slot="icon" name="content_copy"></m3e-icon>Copy</m3e-assist-chip>
+ *  <m3e-assist-chip><m3e-icon slot="icon" name="share"></m3e-icon>Share</m3e-assist-chip>
+ * </m3e-chip-set>
+ * ```
+ *
+ * @tag m3e-assist-chip
+ *
+ * @slot - Renders the label of the chip.
+ * @slot icon - Renders an icon before the chip's label.
+ *
+ * @attr disabled - A value indicating whether the element is disabled.
+ * @attr disabled-interactive - A value indicating whether the element is disabled and interactive.
+ * @attr download - A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.
+ * @attr href - The URL to which the link button points.
+ * @attr name - The name of the element, submitted as a pair with the element's `value` as part of form data, when the element is used to submit a form.
+ * @attr rel - The relationship between the `target` of the link button and the document.
+ * @attr target - The target of the link button.
+ * @attr type - The type of the element.
+ * @attr value - A string representing the value of the chip.
+ * @attr variant - The appearance variant of the chip.
+ *
+ * @fires click - Emitted when the element is clicked.
+ *
+ * @cssprop --m3e-chip-container-shape - Border radius of the chip container.
+ * @cssprop --m3e-chip-container-height - Base height of the chip container before density adjustment.
+ * @cssprop --m3e-chip-label-text-font-size - Font size of the chip label text.
+ * @cssprop --m3e-chip-label-text-font-weight - Font weight of the chip label text.
+ * @cssprop --m3e-chip-label-text-line-height - Line height of the chip label text.
+ * @cssprop --m3e-chip-label-text-tracking - Letter spacing of the chip label text.
+ * @cssprop --m3e-chip-label-text-color - Label text color in default state.
+ * @cssprop --m3e-chip-icon-color - Icon color in default state.
+ * @cssprop --m3e-chip-icon-size - Font size of leading/trailing icons.
+ * @cssprop --m3e-chip-spacing - Horizontal gap between chip content elements.
+ * @cssprop --m3e-chip-padding-start - Default start padding when no icon is present.
+ * @cssprop --m3e-chip-padding-end - Default end padding when no trailing icon is present.
+ * @cssprop --m3e-chip-with-icon-padding-start - Start padding when leading icon is present.
+ * @cssprop --m3e-chip-with-icon-padding-end - End padding when trailing icon is present.
+ * @cssprop --m3e-chip-disabled-label-text-color - Base color for disabled label text.
+ * @cssprop --m3e-chip-disabled-label-text-opacity - Opacity applied to disabled label text.
+ * @cssprop --m3e-chip-disabled-icon-color - Base color for disabled icons.
+ * @cssprop --m3e-chip-disabled-icon-opacity - Opacity applied to disabled icons.
+ * @cssprop --m3e-elevated-chip-container-color - Background color for elevated variant.
+ * @cssprop --m3e-elevated-chip-elevation - Elevation level for elevated variant.
+ * @cssprop --m3e-elevated-chip-hover-elevation - Elevation level on hover.
+ * @cssprop --m3e-elevated-chip-disabled-container-color - Background color for disabled elevated variant.
+ * @cssprop --m3e-elevated-chip-disabled-container-opacity - Opacity applied to disabled elevated background.
+ * @cssprop --m3e-elevated-chip-disabled-elevation - Elevation level for disabled elevated variant.
+ * @cssprop --m3e-outlined-chip-outline-thickness - Outline thickness for outlined variant.
+ * @cssprop --m3e-outlined-chip-outline-color - Outline color for outlined variant.
+ * @cssprop --m3e-outlined-chip-disabled-outline-color - Outline color for disabled outlined variant.
+ * @cssprop --m3e-outlined-chip-disabled-outline-opacity - Opacity applied to disabled outline.
+ */
+export declare class M3eAssistChipElement extends M3eAssistChipElement_base {
+    /** @internal @inheritdoc */
+    protected _renderTrailingIcon(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-assist-chip": M3eAssistChipElement;
+    }
+}
+export {};
+//# sourceMappingURL=AssistChipElement.d.ts.map

package/dist/src/AssistChipElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistChipElement.d.ts","sourceRoot":"","sources":["../../src/AssistChipElement.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEG;AACH,qBACa,oBAAqB,SAAQ,yBAKzC;IACC,4BAA4B;cACT,mBAAmB,IAAI,OAAO;CAGlD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/dist/src/ChipElement.d.ts

@@ -0,0 +1,83 @@
+import { CSSResultGroup, LitElement, PropertyValues } from "lit";
+import { ChipVariant } from "./ChipVariant";
+/**
+ * A non-interactive chip used to convey small pieces of information.
+ *
+ * @description
+ * The `m3e-chip` component establishes the foundational structure for chips. It supports expressive styling,
+ * accessible interaction, and flexible content projection, aligning with Material 3 guidelines. Appearance
+ * variants include `elevated` and `outlined`, enabling visual differentiation and contextual emphasis.
+ *
+ * @example
+ * The following example illustrates use of the `m3e-chip` and `m3e-chip-set` components to present non-interactive chips.
+ * ```html
+ * <m3e-chip-set>
+ *  <m3e-chip><m3e-icon slot="icon" name="palette"></m3e-icon>Design</m3e-chip>
+ *  <m3e-chip><m3e-icon slot="icon" name="accessibility_new"></m3e-icon>Accessibility</m3e-chip>
+ *  <m3e-chip><m3e-icon slot="icon" name="motion_photos_on"></m3e-icon>Motion</m3e-chip>
+ *  <m3e-chip><m3e-icon slot="icon" name="description"></m3e-icon>Documentation</m3e-chip>
+ * </m3e-chip-set>
+ * ```
+ *
+ * @tag m3e-chip
+ *
+ * @slot - Renders the label of the chip.
+ * @slot icon - Renders an icon before the chip's label.
+ * @slot trailing-icon - Renders an icon after the chip's label.
+ *
+ * @attr value - A string representing the value of the chip.
+ * @attr variant - The appearance variant of the chip.
+ *
+ * @cssprop --m3e-chip-container-shape - Border radius of the chip container.
+ * @cssprop --m3e-chip-container-height - Base height of the chip container before density adjustment.
+ * @cssprop --m3e-chip-label-text-font-size - Font size of the chip label text.
+ * @cssprop --m3e-chip-label-text-font-weight - Font weight of the chip label text.
+ * @cssprop --m3e-chip-label-text-line-height - Line height of the chip label text.
+ * @cssprop --m3e-chip-label-text-tracking - Letter spacing of the chip label text.
+ * @cssprop --m3e-chip-label-text-color - Label text color in default state.
+ * @cssprop --m3e-chip-icon-color - Icon color in default state.
+ * @cssprop --m3e-chip-icon-size - Font size of leading/trailing icons.
+ * @cssprop --m3e-chip-spacing - Horizontal gap between chip content elements.
+ * @cssprop --m3e-chip-padding-start - Default start padding when no icon is present.
+ * @cssprop --m3e-chip-padding-end - Default end padding when no trailing icon is present.
+ * @cssprop --m3e-chip-with-icon-padding-start - Start padding when leading icon is present.
+ * @cssprop --m3e-chip-with-icon-padding-end - End padding when trailing icon is present.
+ * @cssprop --m3e-elevated-chip-container-color - Background color for elevated variant.
+ * @cssprop --m3e-elevated-chip-elevation - Elevation level for elevated variant.
+ * @cssprop --m3e-elevated-chip-hover-elevation - Elevation level on hover.
+ * @cssprop --m3e-outlined-chip-outline-thickness - Outline thickness for outlined variant.
+ * @cssprop --m3e-outlined-chip-outline-color - Outline color for outlined variant.
+ */
+export declare class M3eChipElement extends LitElement {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @private */ private readonly _elevation?;
+    /** @private */ private readonly _focusRing?;
+    /** @private */ private readonly _stateLayer?;
+    /** @private */ private readonly _ripple?;
+    /**
+     * The appearance variant of the chip.
+     * @default "outlined"
+     */
+    variant: ChipVariant;
+    /** A string representing the value of the chip. */
+    get value(): string;
+    set value(value: string);
+    /** @inheritdoc */
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+    /** @internal */
+    protected _renderIcon(): unknown;
+    /** @internal */
+    protected _renderTrailingIcon(): unknown;
+    /** @internal */
+    protected _renderSlot(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-chip": M3eChipElement;
+    }
+}
+//# sourceMappingURL=ChipElement.d.ts.map

package/dist/src/ChipElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipElement.d.ts","sourceRoot":"","sources":["../../src/ChipElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAW,cAAc,EAAa,MAAM,KAAK,CAAC;AAiBhG,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,qBACa,cAAe,SAAQ,UAAU;;IAC5C,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CA4KpC;IAEF,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;IAK9E;;;OAGG;IAC0B,OAAO,EAAE,WAAW,CAAc;IAE/D,mDAAmD;IACnD,IAAgB,KAAK,IAGJ,MAAM,CADtB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAEtB;IAED,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAczE,kBAAkB;cACC,MAAM,IAAI,OAAO;IAsBpC,gBAAgB;IAChB,SAAS,CAAC,WAAW,IAAI,OAAO;IAIhC,gBAAgB;IAChB,SAAS,CAAC,mBAAmB,IAAI,OAAO;IAQxC,gBAAgB;IAChB,SAAS,CAAC,WAAW,IAAI,OAAO;CAkBjC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}

package/dist/src/ChipSetElement.d.ts

@@ -0,0 +1,42 @@
+import { CSSResultGroup, LitElement } from "lit";
+declare const M3eChipSetElement_base: import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").VerticalMixin> & typeof LitElement;
+/**
+ * A container used to organize chips into a cohesive unit.
+ *
+ * @description
+ * The `m3e-chip-set` component provides a flexible container for grouping chips, supporting both
+ * horizontal and vertical layouts. It manages chip arrangement, spacing, and accessibility, and
+ * serves as the foundation for chip set variants such as input and filter chip sets.
+ *
+ * @example
+ * The following example illustrates use of the `m3e-chip` and `m3e-chip-set` components to present non-interactive chips.
+ * ```html
+ * <m3e-chip-set>
+ *  <m3e-chip><m3e-icon slot="icon" name="palette"></m3e-icon>Design</m3e-chip>
+ *  <m3e-chip><m3e-icon slot="icon" name="accessibility_new"></m3e-icon>Accessibility</m3e-chip>
+ *  <m3e-chip><m3e-icon slot="icon" name="motion_photos_on"></m3e-icon>Motion</m3e-chip>
+ *  <m3e-chip><m3e-icon slot="icon" name="description"></m3e-icon>Documentation</m3e-chip>
+ * </m3e-chip-set>
+ * ```
+ *
+ * @tag m3e-chip-set
+ *
+ * @slot - Renders the chips of the set.
+ *
+ * @attr vertical - Whether the element is oriented vertically.
+ *
+ * @cssprop --m3e-chip-set-spacing - The spacing (gap) between chips in the set.
+ */
+export declare class M3eChipSetElement extends M3eChipSetElement_base {
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-chip-set": M3eChipSetElement;
+    }
+}
+export {};
+//# sourceMappingURL=ChipSetElement.d.ts.map

package/dist/src/ChipSetElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipSetElement.d.ts","sourceRoot":"","sources":["../../src/ChipSetElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AAK5D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,qBACa,iBAAkB,SAAQ,sBAAoB;IACzD,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAWpC;IAEF,kBAAkB;cACC,MAAM,IAAI,OAAO;CAGrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,iBAAiB,CAAC;KACnC;CACF"}

package/dist/src/ChipVariant.d.ts

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

package/dist/src/ChipVariant.d.ts.map

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

package/dist/src/FilterChipElement.d.ts

@@ -0,0 +1,105 @@
+import { CSSResultGroup, PropertyValues } from "lit";
+import { M3eChipElement } from "./ChipElement";
+declare const M3eFilterChipElement_base: import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").SelectedMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").DisabledInteractiveMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").DisabledMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").AttachInternalsMixin> & typeof M3eChipElement;
+/**
+ * A chip users interact with to select/deselect options.
+ *
+ * @description
+ * The `m3e-filter-chip` component presents a chip that users can select or deselect to filter
+ * content or data sets. It supports single and multi-selection, keyboard interaction, accessibility,
+ * and expressive state styling, providing a modern and interactive filtering experience in line
+ * with Material 3 guidelines.  Appearance variants include `elevated` and `outlined`, enabling visual
+ * differentiation and contextual emphasis.
+ *
+ * @example
+ * The following example illustrates a single-select `m3e-filter-chip-set` containing multiple `m3e-filter-chip` components that
+ * allow a user to choose an option. You can use the `multi` attribute to enable multiselect.
+ * ```html
+ * <m3e-filter-chip-set aria-label="Filter by topic">
+ *  <m3e-filter-chip><m3e-icon slot="icon" name="palette"></m3e-icon>Design</m3e-filter-chip>
+ *  <m3e-filter-chip><m3e-icon slot="icon" name="accessibility_new"></m3e-icon>Accessibility</m3e-filter-chip>
+ *  <m3e-filter-chip><m3e-icon slot="icon" name="motion_photos_on"></m3e-icon>Motion</m3e-filter-chip>
+ *  <m3e-filter-chip><m3e-icon slot="icon" name="description"></m3e-icon>Documentation</m3e-filter-chip>
+ * </m3e-filter-chip-set>
+ * ```
+ *
+ * @tag m3e-filter-chip
+ *
+ * @slot - Renders the label of the chip.
+ * @slot icon - Renders an icon before the chip's label.
+ * @slot trailing-icon - Renders an icon after the chip's label.
+ *
+ * @attr disabled - A value indicating whether the element is disabled.
+ * @attr disabled-interactive - A value indicating whether the element is disabled and interactive.
+ * @attr selected - A value indicating whether the element is selected.
+ * @attr value - A string representing the value of the chip.
+ * @attr variant - The appearance variant of the chip.
+ *
+ * @fires input - Emitted when the selected state changes.
+ * @fires change - Emitted when the selected state changes.
+ * @fires click - Emitted when the element is clicked.
+ *
+ * @cssprop --m3e-chip-container-shape - Border radius of the chip container.
+ * @cssprop --m3e-chip-container-height - Base height of the chip container before density adjustment.
+ * @cssprop --m3e-chip-label-text-font-size - Font size of the chip label text.
+ * @cssprop --m3e-chip-label-text-font-weight - Font weight of the chip label text.
+ * @cssprop --m3e-chip-label-text-line-height - Line height of the chip label text.
+ * @cssprop --m3e-chip-label-text-tracking - Letter spacing of the chip label text.
+ * @cssprop --m3e-chip-icon-size - Font size of leading/trailing icons.
+ * @cssprop --m3e-chip-spacing - Horizontal gap between chip content elements.
+ * @cssprop --m3e-chip-padding-start - Default start padding when no icon is present.
+ * @cssprop --m3e-chip-padding-end - Default end padding when no trailing icon is present.
+ * @cssprop --m3e-chip-with-icon-padding-start - Start padding when leading icon is present.
+ * @cssprop --m3e-chip-with-icon-padding-end - End padding when trailing icon is present.
+ * @cssprop --m3e-chip-disabled-label-text-color - Base color for disabled label text.
+ * @cssprop --m3e-chip-disabled-label-text-opacity - Opacity applied to disabled label text.
+ * @cssprop --m3e-chip-disabled-icon-color - Base color for disabled icons.
+ * @cssprop --m3e-chip-disabled-icon-opacity - Opacity applied to disabled icons.
+ * @cssprop --m3e-elevated-chip-container-color - Background color for elevated variant.
+ * @cssprop --m3e-elevated-chip-elevation - Elevation level for elevated variant.
+ * @cssprop --m3e-elevated-chip-hover-elevation - Elevation level on hover.
+ * @cssprop --m3e-elevated-chip-disabled-container-color - Background color for disabled elevated variant.
+ * @cssprop --m3e-elevated-chip-disabled-container-opacity - Opacity applied to disabled elevated background.
+ * @cssprop --m3e-elevated-chip-disabled-elevation - Elevation level for disabled elevated variant.
+ * @cssprop --m3e-outlined-chip-outline-thickness - Outline thickness for outlined variant.
+ * @cssprop --m3e-outlined-chip-outline-color - Outline color for outlined variant.
+ * @cssprop --m3e-outlined-chip-disabled-outline-color - Outline color for disabled outlined variant.
+ * @cssprop --m3e-outlined-chip-disabled-outline-opacity - Opacity applied to disabled outline.
+ * @cssprop --m3e-chip-selected-outline-thickness - Outline thickness for selected state.
+ * @cssprop --m3e-chip-selected-label-text-color - Text color in selected state.
+ * @cssprop --m3e-chip-selected-container-color - Background color in selected state.
+ * @cssprop --m3e-chip-selected-container-hover-color - Hover state layer color in selected state.
+ * @cssprop --m3e-chip-selected-container-focus-color - Focus state layer color in selected state.
+ * @cssprop --m3e-chip-selected-hover-elevation - Elevation on hover in selected state.
+ * @cssprop --m3e-chip-selected-ripple-color - Ripple color in selected state.
+ * @cssprop --m3e-chip-selected-state-layer-focus-color - Focus state layer color in selected state.
+ * @cssprop --m3e-chip-selected-state-layer-hover-color - Hover state layer color in selected state.
+ * @cssprop --m3e-chip-selected-leading-icon-color - Leading icon color in selected state.
+ * @cssprop --m3e-chip-selected-trailing-icon-color - Trailing icon color in selected state.
+ * @cssprop --m3e-chip-unselected-label-text-color - Text color in unselected state.
+ * @cssprop --m3e-chip-unselected-ripple-color - Ripple color in unselected state.
+ * @cssprop --m3e-chip-unselected-state-layer-focus-color - Focus state layer color in unselected state.
+ * @cssprop --m3e-chip-unselected-state-layer-hover-color - Hover state layer color in unselected state.
+ * @cssprop --m3e-chip-unselected-leading-icon-color - Leading icon color in unselected state.
+ * @cssprop --m3e-chip-unselected-trailing-icon-color - Trailing icon color in unselected state.
+ */
+export declare class M3eFilterChipElement extends M3eFilterChipElement_base {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    disconnectedCallback(): void;
+    /** @inheritdoc */
+    protected update(changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc @private */
+    protected _renderIcon(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-filter-chip": M3eFilterChipElement;
+    }
+}
+export {};
+//# sourceMappingURL=FilterChipElement.d.ts.map

package/dist/src/FilterChipElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterChipElement.d.ts","sourceRoot":"","sources":["../../src/FilterChipElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAgBhE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiFG;AACH,qBACa,oBAAqB,SAAQ,yBAEzC;;IACC,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CA0GpC;IAIF,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,2BAA2B;cACR,WAAW,IAAI,OAAO;CAsB1C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/dist/src/FilterChipSetElement.d.ts

@@ -0,0 +1,77 @@
+import { PropertyValues } from "lit";
+import { formValue } from "@m3e/core";
+import { SelectionManager, selectionManager } from "@m3e/core/a11y";
+import { M3eChipSetElement } from "./ChipSetElement";
+import { M3eFilterChipElement } from "./FilterChipElement";
+declare const M3eFilterChipSetElement_base: import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").LabelledMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").DirtyMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").TouchedMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").FormAssociatedMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").DisabledMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").AttachInternalsMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor & typeof M3eChipSetElement;
+/**
+ * A container that organizes filter chips into a cohesive group, enabling selection and
+ * deselection of values used to refine content or trigger contextual behavior.
+ *
+ * @description
+ * The `m3e-filter-chip-set` component presents a group of filter chips, enabling users to select
+ * one or more options to filter content or data sets. It supports single and multi-selection,
+ * keyboard navigation, accessibility, and seamless form association, providing expressive and
+ * interactive filtering experiences in line with Material 3 guidelines.
+ *
+ * @example
+ * The following example illustrates a single-select `m3e-filter-chip-set` containing multiple `m3e-filter-chip` components that
+ * allow a user to choose an option. You can use the `multi` attribute to enable multiselect.
+ * ```html
+ * <m3e-filter-chip-set aria-label="Filter by topic">
+ *  <m3e-filter-chip><m3e-icon slot="icon" name="palette"></m3e-icon>Design</m3e-filter-chip>
+ *  <m3e-filter-chip><m3e-icon slot="icon" name="accessibility_new"></m3e-icon>Accessibility</m3e-filter-chip>
+ *  <m3e-filter-chip><m3e-icon slot="icon" name="motion_photos_on"></m3e-icon>Motion</m3e-filter-chip>
+ *  <m3e-filter-chip><m3e-icon slot="icon" name="description"></m3e-icon>Documentation</m3e-filter-chip>
+ * </m3e-filter-chip-set>
+ * ```
+ *
+ * @tag m3e-filter-chip-set
+ *
+ * @slot - Renders the chips of the set.
+ *
+ * @attr disabled - Whether the element is disabled.
+ * @attr hide-selection-indicator - Whether to hide the selection indicator.
+ * @attr multi - Whether multiple chips can be selected.
+ * @attr name - The name that identifies the element when submitting the associated form.
+ * @attr vertical - Whether the element is oriented vertically.
+ *
+ * @fires input - Emitted when the selected state of a chip changes.
+ * @fires change - Emitted when the selected state of a chip changes.
+ *
+ * @cssprop --m3e-chip-set-spacing - The spacing (gap) between chips in the set.
+ */
+export declare class M3eFilterChipSetElement extends M3eFilterChipSetElement_base {
+    #private;
+    /** @internal */
+    readonly [selectionManager]: SelectionManager<M3eFilterChipElement>;
+    /**
+     * Whether multiple chips can be selected.
+     * @default false
+     */
+    multi: boolean;
+    /**
+     * Whether to hide the selection indicator.
+     * @default false
+     */
+    hideSelectionIndicator: boolean;
+    /** The chips of the set. */
+    get chips(): readonly M3eFilterChipElement[];
+    /** The selected chip(s) of the set. */
+    get selected(): readonly M3eFilterChipElement[];
+    /** The selected value(s) of the set. */
+    get value(): string | readonly string[] | null;
+    /** @inheritdoc @internal */
+    get [formValue](): string | FormData | null;
+    /** @inheritdoc */
+    protected update(changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-filter-chip-set": M3eFilterChipSetElement;
+    }
+}
+export {};
+//# sourceMappingURL=FilterChipSetElement.d.ts.map

package/dist/src/FilterChipSetElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterChipSetElement.d.ts","sourceRoot":"","sources":["../../src/FilterChipSetElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAG3C,OAAO,EAA8D,SAAS,EAAiB,MAAM,WAAW,CAAC;AACjH,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;;AAE3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,qBACa,uBAAwB,SAAQ,4BAE5C;;IACC,gBAAgB;IAChB,QAAQ,CAAC,CAAC,gBAAgB,CAAC,yCAEb;IAEd;;;OAGG;IAC0B,KAAK,UAAS;IAE3C;;;OAGG;IACiE,sBAAsB,UAAS;IAEnG,4BAA4B;IAC5B,IAAI,KAAK,IAAI,SAAS,oBAAoB,EAAE,CAE3C;IAED,uCAAuC;IACvC,IAAI,QAAQ,IAAI,SAAS,oBAAoB,EAAE,CAE9C;IAED,wCAAwC;IACxC,IAAI,KAAK,IAAI,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,IAAI,CAU7C;IAED,4BAA4B;IAC5B,IAAa,CAAC,SAAS,CAAC,6BAUvB;IAED,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAsBxE,kBAAkB;cACC,MAAM,IAAI,OAAO;CA0BrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,uBAAuB,CAAC;KAChD;CACF"}

package/dist/src/InputChipElement.d.ts

@@ -0,0 +1,117 @@
+import { CSSResultGroup, PropertyValues } from "lit";
+import { M3eIconButtonElement } from "@m3e/icon-button";
+import { M3eChipElement } from "./ChipElement";
+declare const M3eInputChipElement_base: import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").DisabledInteractiveMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").DisabledMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").AttachInternalsMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor & typeof M3eChipElement;
+/**
+ * A chip which represents a discrete piece of information entered by a user.
+ *
+ * @description
+ * The `m3e-input-chip` component represents an input chip, allowing users to enter, display,
+ * and manage discrete values such as tags or keywords. It supports expressive styling, accessibility,
+ * keyboard interaction, and appearance variants including `elevated` and `outlined`.
+ *
+ * @example
+ * The following example illustrates the use of the `m3e-input-chip-set` inside a `m3e-form-field`.
+ * In this example, the `input` slot specifies the `input` element used to add input chips and the
+ * field label's `for` attribute targets the `input` element to provide an accessible label.
+ * ```html
+ * <m3e-form-field>
+ *  <label slot="label" for="keywords">Keywords</label>
+ *  <m3e-input-chip-set aria-label="Enter keywords">
+ *    <input id="keywords" slot="input" placeholder="New keyword..." />
+ *  </m3e-input-chip-set>
+ * </m3e-form-field>
+ * ```
+ *
+ * @tag m3e-input-chip
+ *
+ * @slot - Renders the label of the chip.
+ * @slot avatar - Renders an avatar before the chip's label.
+ * @slot icon - Renders an icon before the chip's label.
+ * @slot remove-icon - Renders the icon for the button used to remove the chip.
+ *
+ * @attr disabled - Whether the element is disabled.
+ * @attr disabled-interactive - Whether the element is disabled and interactive.
+ * @attr removable - Whether the chip is removable.
+ * @attr remove-label - The accessible label given to the button used to remove the chip.
+ * @attr value - A string representing the value of the chip.
+ * @attr variant - The appearance variant of the chip.
+ *
+ * @fires remove - Emitted when the remove button is clicked or DELETE or BACKSPACE key is pressed.
+ * @fires click - Emitted when the element is clicked.
+ *
+ * @cssprop --m3e-chip-container-shape - Border radius of the chip container.
+ * @cssprop --m3e-chip-container-height - Base height of the chip container before density adjustment.
+ * @cssprop --m3e-chip-label-text-font-size - Font size of the chip label text.
+ * @cssprop --m3e-chip-label-text-font-weight - Font weight of the chip label text.
+ * @cssprop --m3e-chip-label-text-line-height - Line height of the chip label text.
+ * @cssprop --m3e-chip-label-text-tracking - Letter spacing of the chip label text.
+ * @cssprop --m3e-chip-label-text-color - Label text color in default state.
+ * @cssprop --m3e-chip-icon-color - Icon color in default state.
+ * @cssprop --m3e-chip-icon-size - Font size of leading/trailing icons.
+ * @cssprop --m3e-chip-spacing - Horizontal gap between chip content elements.
+ * @cssprop --m3e-chip-padding-start - Default start padding when no icon is present.
+ * @cssprop --m3e-chip-padding-end - Default end padding when no trailing icon is present.
+ * @cssprop --m3e-chip-with-icon-padding-start - Start padding when leading icon is present.
+ * @cssprop --m3e-chip-with-icon-padding-end - End padding when trailing icon is present.
+ * @cssprop --m3e-chip-disabled-label-text-color - Base color for disabled label text.
+ * @cssprop --m3e-chip-disabled-label-text-opacity - Opacity applied to disabled label text.
+ * @cssprop --m3e-chip-disabled-icon-color - Base color for disabled icons.
+ * @cssprop --m3e-chip-disabled-icon-opacity - Opacity applied to disabled icons.
+ * @cssprop --m3e-elevated-chip-container-color - Background color for elevated variant.
+ * @cssprop --m3e-elevated-chip-elevation - Elevation level for elevated variant.
+ * @cssprop --m3e-elevated-chip-hover-elevation - Elevation level on hover.
+ * @cssprop --m3e-elevated-chip-disabled-container-color - Background color for disabled elevated variant.
+ * @cssprop --m3e-elevated-chip-disabled-container-opacity - Opacity applied to disabled elevated background.
+ * @cssprop --m3e-elevated-chip-disabled-elevation - Elevation level for disabled elevated variant.
+ * @cssprop --m3e-outlined-chip-outline-thickness - Outline thickness for outlined variant.
+ * @cssprop --m3e-outlined-chip-outline-color - Outline color for outlined variant.
+ * @cssprop --m3e-outlined-chip-disabled-outline-color - Outline color for disabled outlined variant.
+ * @cssprop --m3e-outlined-chip-disabled-outline-opacity - Opacity applied to disabled outline.
+ * @cssprop --m3e-chip-avatar-size - Font size of the avatar slot content.
+ * @cssprop --m3e-chip-disabled-avatar-opacity - Opacity applied to the avatar when disabled.
+ * @cssprop --m3e-chip-with-avatar-padding-start - Start padding when an avatar is present.
+ */
+export declare class M3eInputChipElement extends M3eInputChipElement_base {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** A reference to the grid cell of the chip. */
+    readonly cell: HTMLSpanElement;
+    /** A reference to the button used to remove the chip. */
+    readonly removeButton: M3eIconButtonElement | null;
+    /**
+     * Whether the chip is removable.
+     * @default false
+     */
+    removable: boolean;
+    /**
+     * The accessible label given to the button used to remove the chip.
+     * @default "Remove"
+     */
+    removeLabel: string;
+    /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    protected update(changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+    /** @internal @inheritdoc */
+    protected _renderTrailingIcon(): unknown;
+}
+interface M3eInputChipElementEventMap extends HTMLElementEventMap {
+    remove: Event;
+}
+export interface M3eInputChipElement {
+    addEventListener<K extends keyof M3eInputChipElementEventMap>(type: K, listener: (this: M3eInputChipElement, ev: M3eInputChipElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof M3eInputChipElementEventMap>(type: K, listener: (this: M3eInputChipElement, ev: M3eInputChipElementEventMap[K]) => void, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-input-chip": M3eInputChipElement;
+    }
+}
+export {};
+//# sourceMappingURL=InputChipElement.d.ts.map

package/dist/src/InputChipElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputChipElement.d.ts","sourceRoot":"","sources":["../../src/InputChipElement.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,cAAc,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AAczE,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEG;AACH,qBACa,mBAAoB,SAAQ,wBAGxC;;IACC,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAoDpC;IAEF,gDAAgD;IAChC,QAAQ,CAAC,IAAI,EAAG,eAAe,CAAC;IAEhD,yDAAyD;IAChC,QAAQ,CAAC,YAAY,EAAG,oBAAoB,GAAG,IAAI,CAAC;IAE7E;;;OAGG;IAC0B,SAAS,UAAS;IAE/C;;;OAGG;IACsC,WAAW,SAAY;IAEhE,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAKlC,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IASxE,kBAAkB;cACC,MAAM,IAAI,OAAO;IAgCpC,4BAA4B;cACT,mBAAmB,IAAI,OAAO;CA8ClD;AAED,UAAU,2BAA4B,SAAQ,mBAAmB;IAC/D,MAAM,EAAE,KAAK,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,gBAAgB,CAAC,CAAC,SAAS,MAAM,2BAA2B,EAC1D,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,mBAAmB,EAAE,EAAE,EAAE,2BAA2B,CAAC,CAAC,CAAC,KAAK,IAAI,EACjF,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAC;IAER,gBAAgB,CACd,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,kCAAkC,EAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,GAC1C,IAAI,CAAC;IAER,mBAAmB,CAAC,CAAC,SAAS,MAAM,2BAA2B,EAC7D,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,IAAI,EAAE,mBAAmB,EAAE,EAAE,EAAE,2BAA2B,CAAC,CAAC,CAAC,KAAK,IAAI,EACjF,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,GACvC,IAAI,CAAC;IAER,mBAAmB,CACjB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,kCAAkC,EAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,oBAAoB,GACvC,IAAI,CAAC;CACT;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,mBAAmB,CAAC;KACvC;CACF"}

package/dist/src/InputChipSetElement.d.ts

@@ -0,0 +1,74 @@
+import { CSSResultGroup, PropertyValues } from "lit";
+import { formValue } from "@m3e/core";
+import { FormFieldControl } from "@m3e/form-field";
+import { M3eChipSetElement } from "./ChipSetElement";
+import { M3eInputChipElement } from "./InputChipElement";
+declare const M3eInputChipSetElement_base: import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").RequiredConstraintValidationMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").RequiredMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").ConstraintValidationMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").DirtyMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").TouchedMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").FormAssociatedMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").DisabledMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").AttachInternalsMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor & typeof M3eChipSetElement;
+/**
+ * A container that transforms user input into a cohesive set of interactive chips, supporting entry, editing, and removal of discrete values.
+ *
+ * @description
+ * The `m3e-input-chip-set` component enables users to input, display, and manage a collection of discrete
+ * values as input chips. Designed for expressive, accessible forms, it supports keyboard navigation, validation,
+ * and seamless integration with form controls. This component is ideal for capturing user-generated tags,
+ * keywords, or selections in a visually consistent and interactive manner.
+ *
+ * @example
+ * The following example illustrates the use of the `m3e-input-chip-set` inside a `m3e-form-field`.
+ * In this example, the `input` slot specifies the `input` element used to add input chips and the
+ * field label's `for` attribute targets the `input` element to provide an accessible label.
+ * ```html
+ * <m3e-form-field>
+ *  <label slot="label" for="keywords">Keywords</label>
+ *  <m3e-input-chip-set aria-label="Enter keywords">
+ *    <input id="keywords" slot="input" placeholder="New keyword..." />
+ *  </m3e-input-chip-set>
+ * </m3e-form-field>
+ * ```
+ *
+ * @tag m3e-input-chip-set
+ *
+ * @slot - Renders the chips of the set.
+ * @slot input - Renders the input element used to add new chips to the set.
+ *
+ * @attr disabled - Whether the element is disabled.
+ * @attr name - The name that identifies the element when submitting the associated form.
+ * @attr required - Whether a value is required for the element.
+ * @attr vertical - Whether the element is oriented vertically.
+ *
+ * @fires change - Emitted when a chip is added to, or removed from, the set.
+ *
+ * @cssprop --m3e-chip-set-spacing - The spacing (gap) between chips in the set.
+ */
+export declare class M3eInputChipSetElement extends M3eInputChipSetElement_base implements FormFieldControl {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** The chips of the set. */
+    get chips(): readonly M3eInputChipElement[];
+    /** The values of the set. */
+    get value(): readonly string[] | null;
+    /** @inheritdoc @internal */
+    get [formValue](): FormData | null;
+    /** @inheritdoc */
+    get shouldLabelFloat(): boolean;
+    /** @inheritdoc */
+    onContainerClick(): void;
+    /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    disconnectedCallback(): void;
+    /** @inheritdoc */
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    /** @inheritdoc */
+    protected update(changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-input-chip-set": M3eInputChipSetElement;
+    }
+}
+export {};
+//# sourceMappingURL=InputChipSetElement.d.ts.map

package/dist/src/InputChipSetElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputChipSetElement.d.ts","sourceRoot":"","sources":["../../src/InputChipSetElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAGhE,OAAO,EAOL,SAAS,EAKV,MAAM,WAAW,CAAC;AAGnB,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,qBACa,sBACX,SAAQ,2BAKR,YAAW,gBAAgB;;IA6B3B,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAyBpC;IAoBF,4BAA4B;IAC5B,IAAI,KAAK,IAAI,SAAS,mBAAmB,EAAE,CAI1C;IAED,6BAA6B;IAC7B,IAAI,KAAK,IAAI,SAAS,MAAM,EAAE,GAAG,IAAI,CAGpC;IAED,4BAA4B;IAC5B,IAAa,CAAC,SAAS,CAAC,oBAQvB;IAED,kBAAkB;IAClB,IAAI,gBAAgB,IAAI,OAAO,CAE9B;IAED,kBAAkB;IAClB,gBAAgB,IAAI,IAAI;IAIxB,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAWlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAQrC,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAQzE,kBAAkB;cACC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAcxE,kBAAkB;cACC,MAAM,IAAI,OAAO;CA6IrC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,sBAAsB,CAAC;KAC9C;CACF"}