@sandlada/mdc 0.1.0-nightly.14072025

package/build/components/fab/primary-fab.d.ts

@@ -0,0 +1,10 @@
+import { Fab } from './fab';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-primary-fab": PrimaryFab;
+    }
+}
+export declare class PrimaryFab extends Fab {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+}
+//# sourceMappingURL=primary-fab.d.ts.map

package/build/components/fab/primary-fab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"primary-fab.d.ts","sourceRoot":"","sources":["../../../src/components/fab/primary-fab.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAG3B,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,UAAU,CAAA;KAChC;CACJ;AAED,qBACa,UAAW,SAAQ,GAAG;IAC/B,OAAgB,MAAM,0DAAmB;CAC5C"}

package/build/components/fab/primary-fab.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{t as i}from"../../custom-element-Dz3n6kSt.js";import"../../lit-element-Bf8D1KRw.js";import{Fab as o}from"./fab.js";import{primaryFabStyles as s}from"./fab.style.js";import"../../property-CHB_6zYv.js";import"../../query-DifSdHBD.js";import"../../class-map-DQX-4Y_I.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/event/form-label-activation.js";import"../elevation/elevation.js";import"../elevation/elevation.style.js";import"../../component-definitions/elevation.definition.js";import"../../color-CigMJnjV.js";import"../../elevation-dUQez_WX.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/string-tokens.js";import"../focus-ring/focus-ring.js";import"../../utils/controller/attachable-controller.js";import"../focus-ring/focus-ring.style.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/focus-ring.definition.js";import"../../shape-CrZ0CLVJ.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../ripple/ripple.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";import"../../component-definitions/fab.definition.js";import"../../typescale-Bh1NLwSE.js";import"../../utils/tokens/override-component-tokens.js";let e=class extends o{static{this.styles=s}};e=t([i("mdc-primary-fab")],e);export{e as PrimaryFab};

package/build/components/fab/secondary-fab.d.ts

@@ -0,0 +1,10 @@
+import { Fab } from './fab';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-secondary-fab": SecondaryFab;
+    }
+}
+export declare class SecondaryFab extends Fab {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+}
+//# sourceMappingURL=secondary-fab.d.ts.map

package/build/components/fab/secondary-fab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"secondary-fab.d.ts","sourceRoot":"","sources":["../../../src/components/fab/secondary-fab.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAG3B,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,YAAY,CAAA;KACpC;CACJ;AAED,qBACa,YAAa,SAAQ,GAAG;IACjC,OAAgB,MAAM,0DAAqB;CAC9C"}

package/build/components/fab/secondary-fab.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{t as i}from"../../custom-element-Dz3n6kSt.js";import"../../lit-element-Bf8D1KRw.js";import{Fab as o}from"./fab.js";import{secondaryFabStyles as s}from"./fab.style.js";import"../../property-CHB_6zYv.js";import"../../query-DifSdHBD.js";import"../../class-map-DQX-4Y_I.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/event/form-label-activation.js";import"../elevation/elevation.js";import"../elevation/elevation.style.js";import"../../component-definitions/elevation.definition.js";import"../../color-CigMJnjV.js";import"../../elevation-dUQez_WX.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/string-tokens.js";import"../focus-ring/focus-ring.js";import"../../utils/controller/attachable-controller.js";import"../focus-ring/focus-ring.style.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/focus-ring.definition.js";import"../../shape-CrZ0CLVJ.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../ripple/ripple.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";import"../../component-definitions/fab.definition.js";import"../../typescale-Bh1NLwSE.js";import"../../utils/tokens/override-component-tokens.js";let e=class extends o{static{this.styles=s}};e=t([i("mdc-secondary-fab")],e);export{e as SecondaryFab};

package/build/components/fab/tertiary-fab.d.ts

@@ -0,0 +1,10 @@
+import { Fab } from './fab';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-tertiary-fab": TertiaryFab;
+    }
+}
+export declare class TertiaryFab extends Fab {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+}
+//# sourceMappingURL=tertiary-fab.d.ts.map

package/build/components/fab/tertiary-fab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tertiary-fab.d.ts","sourceRoot":"","sources":["../../../src/components/fab/tertiary-fab.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAG3B,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,WAAW,CAAA;KAClC;CACJ;AAED,qBACa,WAAY,SAAQ,GAAG;IAChC,OAAgB,MAAM,0DAAoB;CAC7C"}

package/build/components/fab/tertiary-fab.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{t as i}from"../../custom-element-Dz3n6kSt.js";import"../../lit-element-Bf8D1KRw.js";import{Fab as o}from"./fab.js";import{tertiaryFabStyles as e}from"./fab.style.js";import"../../property-CHB_6zYv.js";import"../../query-DifSdHBD.js";import"../../class-map-DQX-4Y_I.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/event/form-label-activation.js";import"../elevation/elevation.js";import"../elevation/elevation.style.js";import"../../component-definitions/elevation.definition.js";import"../../color-CigMJnjV.js";import"../../elevation-dUQez_WX.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/string-tokens.js";import"../focus-ring/focus-ring.js";import"../../utils/controller/attachable-controller.js";import"../focus-ring/focus-ring.style.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/focus-ring.definition.js";import"../../shape-CrZ0CLVJ.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../ripple/ripple.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";import"../../component-definitions/fab.definition.js";import"../../typescale-Bh1NLwSE.js";import"../../utils/tokens/override-component-tokens.js";let s=class extends o{static{this.styles=e}};s=t([i("mdc-tertiary-fab")],s);export{s as TertiaryFab};

package/build/components/fab/tonal-primary-fab.d.ts

@@ -0,0 +1,10 @@
+import { Fab } from './fab';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-tonal-primary-fab": TonalPrimaryFab;
+    }
+}
+export declare class TonalPrimaryFab extends Fab {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+}
+//# sourceMappingURL=tonal-primary-fab.d.ts.map

package/build/components/fab/tonal-primary-fab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tonal-primary-fab.d.ts","sourceRoot":"","sources":["../../../src/components/fab/tonal-primary-fab.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAG3B,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,uBAAuB,EAAE,eAAe,CAAA;KAC3C;CACJ;AAED,qBACa,eAAgB,SAAQ,GAAG;IACpC,OAAgB,MAAM,0DAAwB;CACjD"}

package/build/components/fab/tonal-primary-fab.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{t as i}from"../../custom-element-Dz3n6kSt.js";import"../../lit-element-Bf8D1KRw.js";import{Fab as o}from"./fab.js";import{tonalPrimaryFabStyles as s}from"./fab.style.js";import"../../property-CHB_6zYv.js";import"../../query-DifSdHBD.js";import"../../class-map-DQX-4Y_I.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/event/form-label-activation.js";import"../elevation/elevation.js";import"../elevation/elevation.style.js";import"../../component-definitions/elevation.definition.js";import"../../color-CigMJnjV.js";import"../../elevation-dUQez_WX.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/string-tokens.js";import"../focus-ring/focus-ring.js";import"../../utils/controller/attachable-controller.js";import"../focus-ring/focus-ring.style.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/focus-ring.definition.js";import"../../shape-CrZ0CLVJ.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../ripple/ripple.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";import"../../component-definitions/fab.definition.js";import"../../typescale-Bh1NLwSE.js";import"../../utils/tokens/override-component-tokens.js";let e=class extends o{static{this.styles=s}};e=t([i("mdc-tonal-primary-fab")],e);export{e as TonalPrimaryFab};

package/build/components/fab/tonal-secondary-fab.d.ts

@@ -0,0 +1,10 @@
+import { Fab } from './fab';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-tonal-secondary-fab": TonalSecondaryFab;
+    }
+}
+export declare class TonalSecondaryFab extends Fab {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+}
+//# sourceMappingURL=tonal-secondary-fab.d.ts.map

package/build/components/fab/tonal-secondary-fab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tonal-secondary-fab.d.ts","sourceRoot":"","sources":["../../../src/components/fab/tonal-secondary-fab.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAG3B,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,yBAAyB,EAAE,iBAAiB,CAAA;KAC/C;CACJ;AAED,qBACa,iBAAkB,SAAQ,GAAG;IACtC,OAAgB,MAAM,0DAA0B;CACnD"}

package/build/components/fab/tonal-secondary-fab.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{t as i}from"../../custom-element-Dz3n6kSt.js";import"../../lit-element-Bf8D1KRw.js";import{Fab as o}from"./fab.js";import{tonalSecondaryFabStyles as s}from"./fab.style.js";import"../../property-CHB_6zYv.js";import"../../query-DifSdHBD.js";import"../../class-map-DQX-4Y_I.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/event/form-label-activation.js";import"../elevation/elevation.js";import"../elevation/elevation.style.js";import"../../component-definitions/elevation.definition.js";import"../../color-CigMJnjV.js";import"../../elevation-dUQez_WX.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/string-tokens.js";import"../focus-ring/focus-ring.js";import"../../utils/controller/attachable-controller.js";import"../focus-ring/focus-ring.style.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/focus-ring.definition.js";import"../../shape-CrZ0CLVJ.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../ripple/ripple.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";import"../../component-definitions/fab.definition.js";import"../../typescale-Bh1NLwSE.js";import"../../utils/tokens/override-component-tokens.js";let e=class extends o{static{this.styles=s}};e=t([i("mdc-tonal-secondary-fab")],e);export{e as TonalSecondaryFab};

package/build/components/fab/tonal-tertiary-fab.d.ts

@@ -0,0 +1,10 @@
+import { Fab } from './fab';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-tonal-tertiary-fab": TonalTertiaryFab;
+    }
+}
+export declare class TonalTertiaryFab extends Fab {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+}
+//# sourceMappingURL=tonal-tertiary-fab.d.ts.map

package/build/components/fab/tonal-tertiary-fab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tonal-tertiary-fab.d.ts","sourceRoot":"","sources":["../../../src/components/fab/tonal-tertiary-fab.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAG3B,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,wBAAwB,EAAE,gBAAgB,CAAA;KAC7C;CACJ;AAED,qBACa,gBAAiB,SAAQ,GAAG;IACrC,OAAgB,MAAM,0DAAyB;CAClD"}

package/build/components/fab/tonal-tertiary-fab.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{t as i}from"../../custom-element-Dz3n6kSt.js";import"../../lit-element-Bf8D1KRw.js";import{Fab as o}from"./fab.js";import{tonalTertiaryFabStyles as e}from"./fab.style.js";import"../../property-CHB_6zYv.js";import"../../query-DifSdHBD.js";import"../../class-map-DQX-4Y_I.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/event/form-label-activation.js";import"../elevation/elevation.js";import"../elevation/elevation.style.js";import"../../component-definitions/elevation.definition.js";import"../../color-CigMJnjV.js";import"../../elevation-dUQez_WX.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/string-tokens.js";import"../focus-ring/focus-ring.js";import"../../utils/controller/attachable-controller.js";import"../focus-ring/focus-ring.style.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/focus-ring.definition.js";import"../../shape-CrZ0CLVJ.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../ripple/ripple.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";import"../../component-definitions/fab.definition.js";import"../../typescale-Bh1NLwSE.js";import"../../utils/tokens/override-component-tokens.js";let s=class extends o{static{this.styles=e}};s=t([i("mdc-tonal-tertiary-fab")],s);export{s as TonalTertiaryFab};

package/build/components/focus-ring/focus-ring.d.ts

@@ -0,0 +1,56 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ *
+ * [Modified by Kai-Orion & Sandlada]
+ */
+import { LitElement } from 'lit';
+import { type IAttachable } from '../../utils/controller/attachable-controller';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-focus-ring": FocusRing;
+    }
+}
+/**
+ * The parent element of the focus ring used to provide perspective focus
+ * must be set to relative and the tabindex must not be -1.
+ *
+ * @example
+ * ```html
+ * <div tabindex="0" class="my-box">
+ *     <mdc-focus-ring></mdc-focus-ring>
+ * </div>
+ * <style>
+ * .my-box {
+ *     position: relative;
+ *     height: 40px;
+ *     width: 72px;
+ *     background: red;
+ *     border: none;
+ *     outline: none;
+ * }
+ * </style>
+ * ```
+ *
+ * @version
+ * Material Design 3
+ */
+export declare class FocusRing extends LitElement implements IAttachable {
+    static styles: import("lit").CSSResult;
+    inward: boolean;
+    shapeInherit: boolean;
+    private attachableController;
+    get htmlFor(): string | null;
+    set htmlFor(htmlFor: string | null);
+    get control(): HTMLElement | null;
+    set control(control: HTMLElement | null);
+    attach(control: HTMLElement): void;
+    detach(): void;
+    get visible(): boolean;
+    set visible(value: boolean);
+    private focusRingEvents;
+    private onControlChange;
+    private handleEvent;
+}
+//# sourceMappingURL=focus-ring.d.ts.map

package/build/components/focus-ring/focus-ring.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-ring.d.ts","sourceRoot":"","sources":["../../../src/components/focus-ring/focus-ring.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAY,UAAU,EAAE,MAAM,KAAK,CAAA;AAE1C,OAAO,EAAE,KAAK,WAAW,EAAwB,MAAM,8CAA8C,CAAA;AAGrG,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gBAAgB,EAAE,SAAS,CAAA;KAC9B;CACJ;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBACa,SAAU,SAAQ,UAAW,YAAW,WAAW;IAE5D,OAAgB,MAAM,0BAAS;IAGxB,MAAM,UAAQ;IAGd,YAAY,UAAO;IAE1B,OAAO,CAAC,oBAAoB,CAAkE;IAE9F,IAAI,OAAO,IAGU,MAAM,GAAG,IAAI,CADjC;IACD,IAAI,OAAO,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,EAEjC;IAED,IAAI,OAAO,IAGU,WAAW,GAAG,IAAI,CADtC;IACD,IAAI,OAAO,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,EAEtC;IAEM,MAAM,CAAC,OAAO,EAAE,WAAW;IAG3B,MAAM;IAIb,IAAW,OAAO,IAGQ,OAAO,CADhC;IACD,IAAW,OAAO,CAAC,KAAK,EAAE,OAAO,EAEhC;IAED,OAAO,CAAC,eAAe,CAItB;IACD,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,WAAW;CAetB"}

package/build/components/focus-ring/focus-ring.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{a as e}from"../../lit-element-Bf8D1KRw.js";import{t as o}from"../../custom-element-Dz3n6kSt.js";import{n as s}from"../../property-CHB_6zYv.js";import{AttachableController as i}from"../../utils/controller/attachable-controller.js";import{styles as r}from"./focus-ring.style.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/focus-ring.definition.js";import"../../color-CigMJnjV.js";import"../../shape-CrZ0CLVJ.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/string-tokens.js";let n=class extends e{constructor(){super(...arguments),this.inward=!1,this.shapeInherit=!0,this.attachableController=new i(this,this.onControlChange.bind(this)),this.focusRingEvents=["focusin","focusout","pointerdown"]}static{this.styles=r}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(t){this.attachableController.htmlFor=t}get control(){return this.attachableController.control}set control(t){this.attachableController.control=t}attach(t){this.attachableController.attach(t)}detach(){this.attachableController.detach()}get visible(){return this.hasAttribute("visible")}set visible(t){this.toggleAttribute("visible",t)}onControlChange(t,e){for(const o of this.focusRingEvents)t?.removeEventListener(o,this.handleEvent.bind(this)),e?.addEventListener(o,this.handleEvent.bind(this))}handleEvent(t){switch(t.type){case"focusin":this.visible=this.control?.matches(":focus-visible")??!1;break;case"focusout":case"pointerdown":this.visible=!1}}};t([s({type:Boolean})],n.prototype,"inward",void 0),t([s({type:Boolean,reflect:!0,attribute:"shape-inherit"})],n.prototype,"shapeInherit",void 0),n=t([o("mdc-focus-ring")],n);export{n as FocusRing};

package/build/components/focus-ring/focus-ring.style.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=focus-ring.style.d.ts.map

package/build/components/focus-ring/focus-ring.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-ring.style.d.ts","sourceRoot":"","sources":["../../../src/components/focus-ring/focus-ring.style.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,MAAM,yBAsGlB,CAAA"}

package/build/components/focus-ring/focus-ring.style.js

@@ -0,0 +1,108 @@
+import{E as r}from"../../easing-5hHInU7b.js";import{r as a,i as t}from"../../lit-element-Bf8D1KRw.js";import{FocusRingDefinition as e}from"../../component-definitions/focus-ring.definition.js";import{createWrappedTokens as o}from"../../utils/tokens/create-wrapped-tokens.js";import{stringTokens as i}from"../../utils/tokens/string-tokens.js";import"../../color-CigMJnjV.js";import"../../shape-CrZ0CLVJ.js";import"../../utils/tokens/create-logic-shape-tokens.js";
+/**
+ * @license
+ * Copyright 2025 Kai-Orion & Sandlada
+ * SPDX-License-Identifier: MIT
+ */const s=t`
+
+    @layer mdc.focus-ring.variable {
+        :host {
+            ${i(o("--mdc-focus-ring",e))}
+        }
+    }
+
+    @layer mdc.focus-ring.base {
+
+        :host {
+            animation-delay: 0s, calc(var(--_duration) * 0.25);
+            animation-duration: calc(var(--_duration) * 0.25), calc(var(--_duration) * 0.75);
+            animation-timing-function: ${a(r.Emphasized)};
+            box-sizing: border-box;
+            color: var(--_color);
+            display: none;
+            pointer-events: none;
+            position: absolute;
+        }
+
+        :host([disabled]) {
+            display: none;
+        }
+
+        :host([visible]) {
+            display: flex;
+        }
+
+        :host(:not([inward])) {
+            animation-name: outward-grow, outward-shrink;
+            inset: calc(-1 * var(--_outward-offset));
+            outline: var(--_width) solid currentColor;
+        }
+
+        :host([inward]) {
+            animation-name: inward-grow, inward-shrink;
+            border: var(--_width) solid currentColor;
+            inset: var(--_inward-offset);
+        }
+
+        :host([shape-inherit]) {
+            border-end-end-radius: inherit;
+            border-end-start-radius: inherit;
+            border-start-end-radius: inherit;
+            border-start-start-radius: inherit;
+        }
+
+        :host(:not([shape-inherit])) {
+            &:not([inward]) {
+                border-end-end-radius: calc(var(--_shape-end-end) + var(--_outward-offset));
+                border-end-start-radius: calc(var(--_shape-end-start) + var(--_outward-offset));
+                border-start-end-radius: calc(var(--_shape-start-end) + var(--_outward-offset));
+                border-start-start-radius: calc(var(--_shape-start-start) + var(--_outward-offset));
+            }
+
+            &[inward] {
+                border-end-end-radius: calc(var(--_shape-end-end) - var(--_inward-offset));
+                border-end-start-radius: calc(var(--_shape-end-start) - var(--_inward-offset));
+                border-start-end-radius: calc(var(--_shape-start-end) - var(--_inward-offset));
+                border-start-start-radius: calc(var(--_shape-start-start) - var(--_inward-offset));
+            }
+        }
+
+        @keyframes outward-grow {
+            from {
+                outline-width: 0;
+            }
+
+            to {
+                outline-width: var(--_active-width);
+            }
+        }
+
+        @keyframes outward-shrink {
+            from {
+                outline-width: var(--_active-width);
+            }
+        }
+
+        @keyframes inward-grow {
+            from {
+                border-width: 0;
+            }
+
+            to {
+                border-width: var(--_active-width);
+            }
+        }
+
+        @keyframes inward-shrink {
+            from {
+                border-width: var(--_active-width);
+            }
+        }
+
+        @media (prefers-reduced-motion) {
+            :host {
+                animation: none;
+            }
+        }
+    }
+`;export{s as styles};

package/build/components/icon/icon.d.ts

@@ -0,0 +1,50 @@
+/**
+ * @license
+ * Copyright 2025 Sandlada & Kai Orion
+ * SPDX-License-Identifier: MIT
+ */
+import { LitElement } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-icon": Icon;
+    }
+}
+declare const Icon_base: import("../../utils/behaviors/mixin").MixinReturn<typeof LitElement>;
+/**
+ * mdc-icon sets the size and font by default.
+ *
+ * If you use an external font, the global style of the external font
+ * will override the style of `@layer` mdc.icon.base.
+ *
+ * Because the priority of `@layer` style is lower than that of global style,
+ * you need to manually cancel the font size of the external style
+ * to make the font style of mdc-icon take effect.
+ *
+ * The following code example shows an icon delete
+ * modified by the external class style `.material-symbols-outlined`.
+ * You must set `style="font-size: unset;"` to make the mdc-icon icon size display normally.
+ *
+ * @example
+ * ```html
+ * <mdc-filled-tonal-button size="extra-large">
+ *     Filled Button with Icon
+ *     <mdc-icon slot="icon">
+ *         <span class="material-symbols-outlined" style="font-size: unset;">
+ *             delete
+ *         </span>
+ *     </mdc-icon>
+ *  </mdc-filled-tonal-button>
+ * ```
+ * @version
+ * Material Design
+ *
+ * @link
+ * https://m3.material.io/styles/icons/overview
+ */
+export declare class Icon extends Icon_base {
+    static styles: import("lit").CSSResult;
+    protected render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+}
+export {};
+//# sourceMappingURL=icon.d.ts.map

package/build/components/icon/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAA;AAMtC,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,UAAU,EAAE,IAAI,CAAA;KACnB;CACJ;;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,qBACa,IAAK,SAAQ,SAA8B;IAEpD,OAAgB,MAAM,0BAAS;cAEZ,MAAM;IAMhB,iBAAiB;CAU7B"}

package/build/components/icon/icon.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{a as e,x as i}from"../../lit-element-Bf8D1KRw.js";import{t as s}from"../../custom-element-Dz3n6kSt.js";import{mixinDelegatesAria as o}from"../../utils/aria/delegate.js";import{styles as r}from"./icon.style.js";import"../../utils/aria/aria.js";import"../../component-definitions/icon.definition.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/string-tokens.js";let n=class extends(o(e)){static{this.styles=r}render(){return i`<slot></slot>`}connectedCallback(){super.connectedCallback();const{ariaHidden:t}=this;"false"!==t?this.setAttribute("aria-hidden","true"):this.removeAttribute("aria-hidden")}};n=t([s("mdc-icon")],n);export{n as Icon};

package/build/components/icon/icon.style.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=icon.style.d.ts.map

package/build/components/icon/icon.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.style.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.style.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,MAAM,yBAkDlB,CAAA"}

package/build/components/icon/icon.style.js

@@ -0,0 +1,6 @@
+import{i as e}from"../../lit-element-Bf8D1KRw.js";import{IconDefinition as t}from"../../component-definitions/icon.definition.js";import{createWrappedTokens as i}from"../../utils/tokens/create-wrapped-tokens.js";import{stringTokens as o}from"../../utils/tokens/string-tokens.js";
+/**
+ * @license
+ * Copyright 2025 Kai-Orion & Sandlada
+ * SPDX-License-Identifier: MIT
+ */const n=e`@layer mdc.icon{@layer variable{:host{${o(i("--mdc-icon",t))}}}@layer base{:host{font-size:var(--_size);width:var(--_size);height:var(--_size);color:inherit;font-variation-settings:inherit;font-weight:400;font-family:var(--_font);display:inline-flex;font-style:normal;place-items:center;place-content:center;line-height:1;overflow:hidden;letter-spacing:normal;text-transform:none;user-select:none;white-space:nowrap;word-wrap:normal;flex-shrink:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}::slotted(svg){fill:currentColor}::slotted(*){height:100%;width:100%}}}`;export{n as styles};

package/build/components/icon-button/base-icon-button.d.ts

@@ -0,0 +1,62 @@
+/**
+ * @license
+ * Copyright 2025 Kai-Orion & Sandlada
+ * SPDX-License-Identifier: MIT
+ */
+import { LitElement } from 'lit';
+import "../focus-ring/focus-ring";
+import "../ripple/ripple";
+declare const BaseIconButton_base: import("../../utils/behaviors/mixin").MixinReturn<import("../../utils/behaviors/mixin").MixinReturn<typeof LitElement, import("../../utils/behaviors/element-internals").WithElementInternals>>;
+/**
+ * The icon-button component only supports inserting one icon.
+ *
+ * Icon-button provides 2 modes:
+ * - normal button
+ * - toggle button
+ *
+ * It is available:
+ * - mdc-filled-icon-button
+ * - mdc-filled-tonal-icon-button
+ * - mdc-outlined-icon-button
+ * - mdc-standard-icon-button
+ * - mdc-toggle-filled-icon-button
+ * - mdc-toggle-filled-tonal-icon-button
+ * - mdc-toggle-outlined-icon-button
+ * - mdc-toggle-standard-icon-button
+ *
+ * It is available in 5 sizes:
+ * - extra-small
+ * - small
+ * - medium
+ * - large
+ * - extra-large
+ *
+ * It is available in 3 widths:
+ * - narrow
+ * - default (default)
+ * - wide
+ *
+ * It is available in 2 shapes:
+ * - round (default)
+ * - square
+ *
+ * @version
+ * Material Design 3 - Expressive
+ *
+ * @link
+ * https://m3.material.io/components/icon-buttons/specs
+ */
+export declare abstract class BaseIconButton extends BaseIconButton_base {
+    disabled: boolean;
+    protected buttonElement: HTMLElement | null;
+    size: 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
+    width: 'narrow' | 'default' | 'wide';
+    shape: 'round' | 'square';
+    protected renderButton?(): unknown;
+    protected renderOutline?(): unknown;
+    protected renderIcon?(): unknown;
+    protected renderBackground(): unknown;
+    protected handleClick(e: MouseEvent): void;
+}
+export {};
+//# sourceMappingURL=base-icon-button.d.ts.map

package/build/components/icon-button/base-icon-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-icon-button.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/base-icon-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAA;AAKtC,OAAO,0BAA0B,CAAA;AACjC,OAAO,kBAAkB,CAAA;;AAEzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,8BAAsB,cAAe,SAAQ,mBAAqD;IAE/E,QAAQ,EAAE,OAAO,CAAA;IAChC,UAAkB,aAAa,EAAE,WAAW,GAAG,IAAI,CAAA;IAG5C,IAAI,EAAE,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAU;IAG5E,KAAK,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAY;IAGhD,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAU;IAE1C,SAAS,CAAC,YAAY,CAAC,IAAI,OAAO;IAClC,SAAS,CAAC,aAAa,CAAC,IAAI,OAAO;IACnC,SAAS,CAAC,UAAU,CAAC,IAAI,OAAO;IAEhC,SAAS,CAAC,gBAAgB,IAAI,OAAO;IAMrC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU;CAYtC"}

package/build/components/icon-button/base-icon-button.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{a as i,x as e}from"../../lit-element-Bf8D1KRw.js";import{n as r}from"../../property-CHB_6zYv.js";import{mixinDelegatesAria as o}from"../../utils/aria/delegate.js";import{mixinElementInternals as s}from"../../utils/behaviors/element-internals.js";import{isActivationClick as p,dispatchActivationClick as n}from"../../utils/event/form-label-activation.js";import"../focus-ring/focus-ring.js";import"../ripple/ripple.js";import"../../utils/aria/aria.js";import"../../custom-element-Dz3n6kSt.js";import"../../utils/controller/attachable-controller.js";import"../focus-ring/focus-ring.style.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/focus-ring.definition.js";import"../../color-CigMJnjV.js";import"../../shape-CrZ0CLVJ.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/string-tokens.js";import"../../query-DifSdHBD.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";class l extends(o(s(i))){constructor(){super(...arguments),this.size="small",this.width="default",this.shape="round"}renderBackground(){return e`<span aria-hidden="true" class="background"></span>`}handleClick(t){if(this.disabled)return t.stopImmediatePropagation(),void t.preventDefault();p(t)&&this.buttonElement&&(this.focus(),n(this.buttonElement))}}t([r({type:String,reflect:!0})],l.prototype,"size",void 0),t([r({type:String,reflect:!0})],l.prototype,"width",void 0),t([r({type:String,reflect:!0})],l.prototype,"shape",void 0);export{l as BaseIconButton};

package/build/components/icon-button/filled-icon-button.d.ts

@@ -0,0 +1,10 @@
+import { IconButton } from './icon-button';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-filled-icon-button": FilledIconButton;
+    }
+}
+export declare class FilledIconButton extends IconButton {
+    static styles: import("lit").CSSResult[];
+}
+//# sourceMappingURL=filled-icon-button.d.ts.map

package/build/components/icon-button/filled-icon-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filled-icon-button.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/filled-icon-button.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,wBAAwB,EAAE,gBAAgB,CAAA;KAC7C;CACJ;AAED,qBACa,gBAAiB,SAAQ,UAAU;IAC5C,OAAgB,MAAM,4BAAwB;CACjD"}

package/build/components/icon-button/filled-icon-button.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{t as i}from"../../custom-element-Dz3n6kSt.js";import"../../lit-element-Bf8D1KRw.js";import{IconButton as o}from"./icon-button.js";import{filledIconButtonStyle as s}from"./icon-button.style.js";import"../../property-CHB_6zYv.js";import"../../query-DifSdHBD.js";import"../../class-map-DQX-4Y_I.js";import"../../utils/behaviors/element-internals.js";import"../../utils/controller/form-submitter.js";import"./base-icon-button.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/event/form-label-activation.js";import"../focus-ring/focus-ring.js";import"../../utils/controller/attachable-controller.js";import"../focus-ring/focus-ring.style.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/focus-ring.definition.js";import"../../color-CigMJnjV.js";import"../../shape-CrZ0CLVJ.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/string-tokens.js";import"../ripple/ripple.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";import"../../component-definitions/icon-button.definition.js";import"../../utils/tokens/override-component-tokens.js";let r=class extends o{static{this.styles=s}};r=t([i("mdc-filled-icon-button")],r);export{r as FilledIconButton};

package/build/components/icon-button/filled-tonal-icon-button.d.ts

@@ -0,0 +1,10 @@
+import { IconButton } from './icon-button';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-filled-tonal-icon-button": FilledTonalIconButton;
+    }
+}
+export declare class FilledTonalIconButton extends IconButton {
+    static styles: import("lit").CSSResult[];
+}
+//# sourceMappingURL=filled-tonal-icon-button.d.ts.map

package/build/components/icon-button/filled-tonal-icon-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filled-tonal-icon-button.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/filled-tonal-icon-button.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,8BAA8B,EAAE,qBAAqB,CAAA;KACxD;CACJ;AAED,qBACa,qBAAsB,SAAQ,UAAU;IACjD,OAAgB,MAAM,4BAA6B;CACtD"}

package/build/components/icon-button/filled-tonal-icon-button.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{t as i}from"../../custom-element-Dz3n6kSt.js";import"../../lit-element-Bf8D1KRw.js";import{IconButton as o}from"./icon-button.js";import{filledTonalIconButtonStyle as s}from"./icon-button.style.js";import"../../property-CHB_6zYv.js";import"../../query-DifSdHBD.js";import"../../class-map-DQX-4Y_I.js";import"../../utils/behaviors/element-internals.js";import"../../utils/controller/form-submitter.js";import"./base-icon-button.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/event/form-label-activation.js";import"../focus-ring/focus-ring.js";import"../../utils/controller/attachable-controller.js";import"../focus-ring/focus-ring.style.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/focus-ring.definition.js";import"../../color-CigMJnjV.js";import"../../shape-CrZ0CLVJ.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/string-tokens.js";import"../ripple/ripple.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";import"../../component-definitions/icon-button.definition.js";import"../../utils/tokens/override-component-tokens.js";let r=class extends o{static{this.styles=s}};r=t([i("mdc-filled-tonal-icon-button")],r);export{r as FilledTonalIconButton};

package/build/components/icon-button/icon-button.d.ts

@@ -0,0 +1,19 @@
+import { type FormSubmitter, type FormSubmitterType } from '../../utils/controller/form-submitter';
+import { BaseIconButton } from './base-icon-button';
+export declare abstract class IconButton extends BaseIconButton implements FormSubmitter {
+    static readonly formAssociated = true;
+    get name(): string;
+    set name(name: string);
+    get form(): HTMLFormElement | null;
+    type: FormSubmitterType;
+    value: string;
+    disabled: boolean;
+    protected readonly buttonElement: HTMLElement | null;
+    focus(): void;
+    blur(): void;
+    constructor();
+    protected render(): unknown;
+    protected renderButton(): unknown;
+    protected renderIcon(): unknown;
+}
+//# sourceMappingURL=icon-button.d.ts.map

package/build/components/icon-button/icon-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/icon-button.ts"],"names":[],"mappings":"AASA,OAAO,EAAsB,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AACtH,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnD,8BAAsB,UAAW,SAAQ,cAAe,YAAW,aAAa;IAC5E,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAO;IAKrC,IAAW,IAAI,IAGO,MAAM,CAD3B;IACD,IAAW,IAAI,CAAC,IAAI,EAAE,MAAM,EAE3B;IAED,IAAW,IAAI,2BAEd;IAGM,IAAI,EAAE,iBAAiB,CAAW;IAGlC,KAAK,EAAE,MAAM,CAAK;IAGT,QAAQ,UAAQ;IAEhC,mBAC4B,aAAa,EAAG,WAAW,GAAG,IAAI,CAAA;IAE9C,KAAK;IAIL,IAAI;;cAYD,MAAM,IAAI,OAAO;cAMjB,YAAY,IAAI,OAAO;cAwBvB,UAAU,IAAI,OAAO;CAK3C"}

package/build/components/icon-button/icon-button.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{x as e}from"../../lit-element-Bf8D1KRw.js";import{n as i}from"../../property-CHB_6zYv.js";import{e as s}from"../../query-DifSdHBD.js";import{e as r}from"../../class-map-DQX-4Y_I.js";import{internals as o}from"../../utils/behaviors/element-internals.js";import{setupFormSubmitter as n}from"../../utils/controller/form-submitter.js";import{BaseIconButton as p}from"./base-icon-button.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/event/form-label-activation.js";import"../focus-ring/focus-ring.js";import"../../custom-element-Dz3n6kSt.js";import"../../utils/controller/attachable-controller.js";import"../focus-ring/focus-ring.style.js";import"../../easing-5hHInU7b.js";import"../../component-definitions/focus-ring.definition.js";import"../../color-CigMJnjV.js";import"../../shape-CrZ0CLVJ.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/string-tokens.js";import"../ripple/ripple.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";class l extends p{static{this.formAssociated=!0}static{n(l)}get name(){return this.getAttribute("name")??""}set name(t){this.setAttribute("name",t)}get form(){return this[o].form}focus(){this.buttonElement?.focus()}blur(){this.buttonElement?.blur()}constructor(){super(),this.type="submit",this.value="",this.disabled=!1,this.addEventListener("click",this.handleClick.bind(this))}render(){return e`${this.renderButton()}`}renderButton(){const t=r({[this.size]:!0,[this.width]:!0,round:"round"===this.shape,square:"square"===this.shape,disabled:this.disabled});return e`<button class="button ${t}" .disabled="${this.disabled}" aria-disabled="${this.disabled}" type="${this.type}">${this.renderIcon()} ${this.renderOutline?.()} ${this.renderBackground()}<mdc-ripple .disabled="${this.disabled}" part="ripple"></mdc-ripple><mdc-focus-ring .disabled="${this.disabled}" part="focus-ring"></mdc-focus-ring></button>`}renderIcon(){return e`<slot></slot>`}}t([i({type:String})],l.prototype,"type",void 0),t([i({type:String,reflect:!0})],l.prototype,"value",void 0),t([i({type:Boolean,reflect:!0})],l.prototype,"disabled",void 0),t([s(".button")],l.prototype,"buttonElement",void 0);export{l as IconButton};

package/build/components/icon-button/icon-button.style.d.ts

@@ -0,0 +1,5 @@
+export declare const filledIconButtonStyle: import("lit").CSSResult[];
+export declare const filledTonalIconButtonStyle: import("lit").CSSResult[];
+export declare const outlinedIconButtonStyle: import("lit").CSSResult[];
+export declare const standardIconButtonStyle: import("lit").CSSResult[];
+//# sourceMappingURL=icon-button.style.d.ts.map

package/build/components/icon-button/icon-button.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.style.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/icon-button.style.ts"],"names":[],"mappings":"AAidA,eAAO,MAAM,qBAAqB,2BAejC,CAAA;AACD,eAAO,MAAM,0BAA0B,2BAetC,CAAA;AACD,eAAO,MAAM,uBAAuB,2BAgBnC,CAAA;AACD,eAAO,MAAM,uBAAuB,2BAenC,CAAA"}