@sandlada/mdc 0.1.0-20250907.a

package/build/components/dialog/base-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/base-dialog.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C;;;;;;;GAOG;AACH,8BAAsB,UAAW,SAAQ,YAAY;IAGjC,KAAK,EAAE,OAAO,CAAQ;IAGtB,WAAW,EAAE,MAAM,CAAK;IAGjC,IAAI,EAAE,OAAO,GAAG,EAAE,CAAK;IAE9B,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAA;IAE3B,mBAC4B,MAAM,EAAG,iBAAiB,GAAG,IAAI,CAAA;IAC7D,mBAC4B,KAAK,EAAG,iBAAiB,GAAG,IAAI,CAAA;IAC5D,mBAC4B,SAAS,EAAG,iBAAiB,GAAG,IAAI,CAAA;IAChE,mBAC4B,QAAQ,EAAG,iBAAiB,GAAG,IAAI,CAAA;IAC/D,mBAC4B,OAAO,EAAG,iBAAiB,GAAG,IAAI,CAAA;IAC9D,mBAC4B,OAAO,EAAG,iBAAiB,GAAG,IAAI,CAAA;IAC9D,mBAC4B,QAAQ,EAAG,WAAW,GAAG,IAAI,CAAA;IACzD,mBAC4B,SAAS,EAAG,WAAW,GAAG,IAAI,CAAA;IAC1D,mBAC4B,YAAY,EAAG,WAAW,GAAG,IAAI,CAAA;IAC7D,mBAC4B,cAAc,EAAG,WAAW,GAAG,IAAI,CAAA;IAI/D,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,UAAU,CAAS;IAE3B,OAAO,CAAC,OAAO,CAAS;;cAWL,MAAM,IAAI,OAAO;IAOpC,SAAS,CAAC,WAAW;IAMrB,SAAS,CAAC,YAAY;IAmCtB,SAAS,CAAC,mBAAmB;IAO7B,SAAS,CAAC,kBAAkB;IAO5B,SAAS,CAAC,aAAa;IAQvB,SAAS,CAAC,aAAa;IAcd,iBAAiB;IAKjB,oBAAoB;IAO7B,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,gBAAgB;CAM3B"}

package/build/components/dialog/base-dialog.js

@@ -0,0 +1 @@
+import{_ as e}from"../../tslib.es6-CmLYFWVC.js";import{x as t,E as i}from"../../lit-element-Ho-VPzO1.js";import{n as o}from"../../property-Ck1wIidx.js";import{r as s}from"../../state--U2hSgGK.js";import{e as n}from"../../query-DifSdHBD.js";import{e as r}from"../../class-map-DlMb2KKL.js";import{DialogAction as a}from"./dialog-action.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/event/redispatch-event.js";import"./dialog-animations.js";import"../../easing-5hHInU7b.js";class l extends a{constructor(){super(),this.quick=!1,this.returnValue="",this.type="",this.hasHeadline=!1,this.hasActions=!1,this.hasIcon=!1,this.treewalker=document.createTreeWalker(this,NodeFilter.SHOW_ELEMENT)}render(){return t`${this.renderScrim()} ${this.renderDialog()}`}renderScrim(){return t`<span aria-hidden="true" class="scrim"></span>`}renderDialog(){const{ariaLabel:e}=this,o=this.open&&!(this.isAtScrollTop&&this.isAtScrollBottom),s=r({"has-headline":this.hasHeadline,"has-actions":this.hasActions,"has-icon":this.hasIcon,scrollable:o,"show-top-divider":o&&!this.isAtScrollTop,"show-bottom-divider":o&&!this.isAtScrollBottom});return t`<dialog class="${s}" aria-label="${e||i}" role="${"alert"===this.type?"alertdialog":i}" .returnValue="${this.returnValue}" @cancel="${this.handleCancel}" @click="${this.handleDialogClick}" @close="${this.handleClose}" @keydown="${this.handleKeydown}"><div class="container" @click="${this.handleContentClick}"><div class="headline">${this.renderHeadlineIcon()} ${this.renderHeadlineLabel()}<mdc-divider></mdc-divider></div>${this.renderContent()} ${this.renderActions()}</div></dialog>`}renderHeadlineLabel(){return t`<h2 id="headline" .aria-hidden="${!this.hasHeadline||i}"><slot name="headline" @slotchange="${this.handleHeadlineChange}"></slot></h2>`}renderHeadlineIcon(){return t`<div class="icon" aria-hidden="true"><slot name="icon" @slotchange="${this.handleIconChange}"></slot></div>`}renderActions(){return t`<div class="actions"><mdc-divider></mdc-divider><slot name="actions" @slotchange="${this.handleActionsChange}"></slot></div>`}renderContent(){return t`<div class="scroller"><div class="content"><div class="top anchor"></div><slot name="content"></slot><div class="bottom anchor"></div></div></div>`}connectedCallback(){super.connectedCallback(),this.isConnectedPromiseResolve()}disconnectedCallback(){super.disconnectedCallback(),this.isConnectedPromise=this.getIsConnectedPromise()}handleHeadlineChange(e){const t=e.target;this.hasHeadline=t.assignedElements().length>0}handleActionsChange(e){const t=e.target;this.hasActions=t.assignedElements().length>0}handleIconChange(e){const t=e.target;this.hasIcon=t.assignedElements().length>0}}e([o({type:Boolean})],l.prototype,"quick",void 0),e([o({type:String,attribute:!1})],l.prototype,"returnValue",void 0),e([o({type:String,attribute:!1})],l.prototype,"type",void 0),e([n("dialog")],l.prototype,"dialog",void 0),e([n(".scrim")],l.prototype,"scrim",void 0),e([n(".container")],l.prototype,"container",void 0),e([n(".headline")],l.prototype,"headline",void 0),e([n(".content")],l.prototype,"content",void 0),e([n(".actions")],l.prototype,"actions",void 0),e([n(".scroller")],l.prototype,"scroller",void 0),e([n(".top.anchor")],l.prototype,"topAnchor",void 0),e([n(".bottom.anchor")],l.prototype,"bottomAnchor",void 0),e([n(".focus-trap")],l.prototype,"firstFocusTrap",void 0),e([s()],l.prototype,"hasHeadline",void 0),e([s()],l.prototype,"hasActions",void 0),e([s()],l.prototype,"hasIcon",void 0);export{l as BaseDialog};

package/build/components/dialog/basic-dialog.d.ts

@@ -0,0 +1,10 @@
+import { BaseDialog } from './base-dialog';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-basic-dialog": BasicDialog;
+    }
+}
+export declare class BasicDialog extends BaseDialog {
+    static styles: import("lit").CSSResult;
+}
+//# sourceMappingURL=basic-dialog.d.ts.map

package/build/components/dialog/basic-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/basic-dialog.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,WAAW,CAAA;KAClC;CACJ;AAED,qBACa,WAAY,SAAQ,UAAU;IACvC,OAAgB,MAAM,0BAAmB;CAC5C"}

package/build/components/dialog/basic-dialog.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{t as s}from"../../custom-element-Dz3n6kSt.js";import"../../lit-element-Ho-VPzO1.js";import{BaseDialog as i}from"./base-dialog.js";import{basicDialogStyle as o}from"./dialog.style.js";import"../../property-Ck1wIidx.js";import"../../state--U2hSgGK.js";import"../../query-DifSdHBD.js";import"../../class-map-DlMb2KKL.js";import"./dialog-action.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/event/redispatch-event.js";import"./dialog-animations.js";import"../../easing-5hHInU7b.js";import"../../color-CigMJnjV.js";import"../../component-definitions/dialog.definition.js";import"../../elevation-dUQez_WX.js";import"../../shape-CrZ0CLVJ.js";import"../../state-C-haZXan.js";import"../../typescale-Bh1NLwSE.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/string-tokens.js";let e=class extends i{static{this.styles=o}};e=t([s("mdc-basic-dialog")],e);export{e as BasicDialog};

package/build/components/dialog/dialog-action.d.ts

@@ -0,0 +1,62 @@
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ *
+ * [Modified by Kai-Orion & Sandlada]
+ */
+import { LitElement } from 'lit';
+declare const DialogAction_base: import("../../utils/behaviors/mixin").MixinReturn<typeof LitElement>;
+export declare abstract class DialogAction extends DialogAction_base {
+    returnValue: string;
+    quick: boolean;
+    protected readonly dialog: HTMLDialogElement | null;
+    protected readonly scrim: HTMLDialogElement | null;
+    protected readonly container: HTMLDialogElement | null;
+    protected readonly headline: HTMLDialogElement | null;
+    protected readonly content: HTMLDialogElement | null;
+    protected readonly actions: HTMLDialogElement | null;
+    protected readonly scroller: HTMLElement | null;
+    protected readonly topAnchor: HTMLElement | null;
+    protected readonly bottomAnchor: HTMLElement | null;
+    protected readonly firstFocusTrap: HTMLElement | null;
+    get open(): boolean;
+    set open(value: boolean);
+    protected isAtScrollTop: boolean;
+    protected isAtScrollBottom: boolean;
+    protected isOpen: boolean;
+    protected isOpening: boolean;
+    protected isConnectedPromiseResolve: () => void;
+    protected isConnectedPromise: Promise<void>;
+    protected nextClickIsFromContent: boolean;
+    protected intersectionObserver?: IntersectionObserver;
+    protected cancelAnimations?: AbortController;
+    protected escapePressedWithoutCancel: boolean;
+    protected getIsConnectedPromise(): Promise<void>;
+    private get getCloseAnimation();
+    private get getOpenAnimation();
+    constructor();
+    protected firstUpdated(): void;
+    show(): Promise<void>;
+    /**
+     * Closes the dialog and fires a cancelable `close` event. After a dialog's
+     * animation, a `closed` event is fired.
+     *
+     * @param returnValue A return value usually indicating which button was used
+     *     to close a dialog. If a dialog is canceled by clicking the scrim or
+     *     pressing Escape, it will not change the return value after closing.
+     * @return A Promise that resolves after the animation is finished and the
+     *     `closed` event was fired.
+     */
+    close(returnValue?: string): Promise<void>;
+    private animateDialog;
+    protected handleDialogClick(): void;
+    protected handleContentClick(): void;
+    protected handleSubmit(event: SubmitEvent): void;
+    protected handleCancel(event: Event): void;
+    protected handleClose(): void;
+    protected handleKeydown(event: KeyboardEvent): void;
+    private handleAnchorIntersection;
+}
+export {};
+//# sourceMappingURL=dialog-action.d.ts.map

package/build/components/dialog/dialog-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-action.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog-action.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAY,UAAU,EAAE,MAAM,KAAK,CAAA;;AAM1C,8BAAsB,YAAa,SAAQ,iBAA8B;IAE7D,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,OAAO,CAAA;IAEtB,mBAA2B,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAC3D,mBAA2B,KAAK,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAC1D,mBAA2B,SAAS,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAC9D,mBAA2B,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAC7D,mBAA2B,OAAO,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAC5D,mBAA2B,OAAO,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAC5D,mBAA2B,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAA;IACvD,mBAA2B,SAAS,EAAE,WAAW,GAAG,IAAI,CAAA;IACxD,mBAA2B,YAAY,EAAE,WAAW,GAAG,IAAI,CAAA;IAC3D,mBAA2B,cAAc,EAAE,WAAW,GAAG,IAAI,CAAA;IAE7D,IACW,IAAI,IAAI,OAAO,CAEzB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,OAAO,EAY7B;IAGD,SAAS,CAAC,aAAa,UAAS;IAEhC,SAAS,CAAC,gBAAgB,UAAS;IAEnC,SAAS,CAAC,MAAM,UAAQ;IACxB,SAAS,CAAC,SAAS,UAAQ;IAC3B,SAAS,CAAC,yBAAyB,EAAG,MAAM,IAAI,CAAA;IAChD,SAAS,CAAC,kBAAkB,gBAA+B;IAC3D,SAAS,CAAC,sBAAsB,UAAS;IACzC,SAAS,CAAC,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IACrD,SAAS,CAAC,gBAAgB,CAAC,EAAE,eAAe,CAAA;IAC5C,SAAS,CAAC,0BAA0B,UAAQ;IAE5C,SAAS,CAAC,qBAAqB;IAM/B,OAAO,KAAK,iBAAiB,GAE5B;IACD,OAAO,KAAK,gBAAgB,GAE3B;;cAUkB,YAAY;IAclB,IAAI;IAuCjB;;;;;;;;;OASG;IACU,KAAK,CAAC,WAAW,SAAmB;YAgCnC,aAAa;IAuD3B,SAAS,CAAC,iBAAiB;IAoB3B,SAAS,CAAC,kBAAkB;IAI5B,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,WAAW;IAYzC,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK;IAiBnC,SAAS,CAAC,WAAW;IAQrB,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,aAAa;IAe5C,OAAO,CAAC,wBAAwB;CAUnC"}

package/build/components/dialog/dialog-action.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{i as e}from"../../lit-element-Ho-VPzO1.js";import{n as i}from"../../property-Ck1wIidx.js";import{r as s}from"../../state--U2hSgGK.js";import{mixinDelegatesAria as n}from"../../utils/aria/delegate.js";import{redispatchEvent as o}from"../../utils/event/redispatch-event.js";import{DialogDefaultCloseAnimation as r,DialogDefaultOpenAnimation as a}from"./dialog-animations.js";import"../../utils/aria/aria.js";import"../../easing-5hHInU7b.js";class h extends(n(e)){get open(){return this.isOpen}set open(t){t!==this.isOpen&&(this.isOpen=t,t?(this.setAttribute("open",""),this.show?.()):(this.removeAttribute("open"),this.close?.()))}getIsConnectedPromise(){return new Promise(t=>{this.isConnectedPromiseResolve=t})}get getCloseAnimation(){return r}get getOpenAnimation(){return a}constructor(){super(),this.isAtScrollTop=!1,this.isAtScrollBottom=!1,this.isOpen=!1,this.isOpening=!1,this.isConnectedPromise=this.getIsConnectedPromise(),this.nextClickIsFromContent=!1,this.escapePressedWithoutCancel=!1,this.addEventListener("submit",this.handleSubmit.bind(this))}firstUpdated(){this.intersectionObserver=new IntersectionObserver(t=>{for(const e of t)this.handleAnchorIntersection(e)},{root:this.scroller}),this.intersectionObserver.observe(this.topAnchor),this.intersectionObserver.observe(this.bottomAnchor)}async show(){this.isOpening=!0,await this.isConnectedPromise,await this.updateComplete;const t=this.dialog;if(t.open||!this.isOpening)return void(this.isOpening=!1);if(!this.dispatchEvent(new Event("open",{cancelable:!0})))return this.open=!1,void(this.isOpening=!1);t.showModal(),this.open=!0,this.scroller&&(this.scroller.scrollTop=0),this.querySelector("[autofocus]")?.focus(),await this.animateDialog(this.getOpenAnimation),this.dispatchEvent(new Event("opened")),this.isOpening=!1}async close(t=this.returnValue){if(this.isOpening=!1,!this.isConnected)return void(this.open=!1);await this.updateComplete;const e=this.dialog;if(!e.open||this.isOpening)return void(this.open=!1);const i=this.returnValue;this.returnValue=t;this.dispatchEvent(new Event("close",{cancelable:!0}))?(await this.animateDialog(this.getCloseAnimation),e.close(t),this.open=!1,this.dispatchEvent(new Event("closed"))):this.returnValue=i}async animateDialog(t){if(this.cancelAnimations?.abort(),this.cancelAnimations=new AbortController,this.quick)return;const{dialog:e,scrim:i,container:s,headline:n,content:o,actions:r}=this;if(!(e&&i&&s&&n&&o&&r))return;const{container:a,dialog:h,scrim:c,headline:l,content:p,actions:d}=t,m=[[e,h??[]],[i,c??[]],[s,a??[]],[n,l??[]],[o,p??[]],[r,d??[]]],u=[];for(const[t,e]of m)for(const i of e){const e=t.animate(...i);this.cancelAnimations.signal.addEventListener("abort",()=>{e.cancel()}),u.push(e)}await Promise.all(u.map(t=>t.finished.catch(()=>{})))}handleDialogClick(){if(this.nextClickIsFromContent)return void(this.nextClickIsFromContent=!1);!this.dispatchEvent(new Event("cancel",{cancelable:!0}))||this.close()}handleContentClick(){this.nextClickIsFromContent=!0}handleSubmit(t){const e=t.target,{submitter:i}=t;"dialog"===e.getAttribute("method")&&i&&this.close(i.getAttribute("value")??this.returnValue)}handleCancel(t){if(t.target!==this.dialog)return;this.escapePressedWithoutCancel=!1;const e=o(this,t);t.preventDefault(),e||this.close()}handleClose(){this.escapePressedWithoutCancel&&(this.escapePressedWithoutCancel=!1,this.dialog?.dispatchEvent(new Event("cancel",{cancelable:!0})))}handleKeydown(t){"Escape"===t.key&&(this.escapePressedWithoutCancel=!0,setTimeout(()=>{this.escapePressedWithoutCancel=!1}))}handleAnchorIntersection(t){const{target:e,isIntersecting:i}=t;e===this.topAnchor&&(this.isAtScrollTop=i),e===this.bottomAnchor&&(this.isAtScrollBottom=i)}}t([i({type:Boolean,noAccessor:!0})],h.prototype,"open",null),t([s()],h.prototype,"isAtScrollTop",void 0),t([s()],h.prototype,"isAtScrollBottom",void 0);export{h as DialogAction};

package/build/components/dialog/dialog-animations.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+/**
+ * A dialog animation's arguments. See `Element.prototype.animate`.
+ */
+export type DialogAnimationArgs = Parameters<Element['animate']>;
+/**
+ * A collection of dialog animations. Each element of a dialog may have multiple
+ * animations.
+ */
+export interface DialogAnimation {
+    /**
+     * Animations for the dialog itself.
+     */
+    dialog?: DialogAnimationArgs[];
+    /**
+     * Animations for the scrim backdrop.
+     */
+    scrim?: DialogAnimationArgs[];
+    /**
+     * Animations for the container of the dialog.
+     */
+    container?: DialogAnimationArgs[];
+    /**
+     * Animations for the headline section.
+     */
+    headline?: DialogAnimationArgs[];
+    /**
+     * Animations for the contents section.
+     */
+    content?: DialogAnimationArgs[];
+    /**
+     * Animations for the actions section.
+     */
+    actions?: DialogAnimationArgs[];
+}
+/**
+ * The default dialog open animation.
+ */
+export declare const DialogDefaultOpenAnimation: DialogAnimation;
+/**
+ * The default dialog close animation.
+ */
+export declare const DialogDefaultCloseAnimation: DialogAnimation;
+//# sourceMappingURL=dialog-animations.d.ts.map

package/build/components/dialog/dialog-animations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-animations.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog-animations.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;AAEjE;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAE/B;;OAEG;IACH,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAE9B;;OAEG;IACH,SAAS,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAElC;;OAEG;IACH,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAEjC;;OAEG;IACH,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;CACjC;AAED;;GAEG;AACH,eAAO,MAAM,0BAA0B,EAAE,eAoDxC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,eAoDzC,CAAC"}

package/build/components/dialog/dialog-animations.js

@@ -0,0 +1,6 @@
+import{E as a}from"../../easing-5hHInU7b.js";
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */const i={dialog:[[[{transform:"translateY(-50px)"},{transform:"translateY(0)"}],{duration:500,easing:a.Emphasized}]],scrim:[[[{opacity:0},{opacity:.32}],{duration:500,easing:"linear"}]],container:[[[{opacity:0},{opacity:1}],{duration:50,easing:"linear",pseudoElement:"::before"}],[[{height:"35%"},{height:"100%"}],{duration:500,easing:a.Emphasized,pseudoElement:"::before"}]],headline:[[[{opacity:0},{opacity:0,offset:.2},{opacity:1}],{duration:250,easing:"linear",fill:"forwards"}]],content:[[[{opacity:0},{opacity:0,offset:.2},{opacity:1}],{duration:250,easing:"linear",fill:"forwards"}]],actions:[[[{opacity:0},{opacity:0,offset:.5},{opacity:1}],{duration:300,easing:"linear",fill:"forwards"}]]},e={dialog:[[[{transform:"translateY(0)"},{transform:"translateY(-50px)"}],{duration:150,easing:a.EmphasizedAccelerate}]],scrim:[[[{opacity:.32},{opacity:0}],{duration:150,easing:"linear"}]],container:[[[{height:"100%"},{height:"35%"}],{duration:150,easing:a.EmphasizedAccelerate,pseudoElement:"::before"}],[[{opacity:"1"},{opacity:"0"}],{delay:100,duration:50,easing:"linear",pseudoElement:"::before"}]],headline:[[[{opacity:1},{opacity:0}],{duration:100,easing:"linear",fill:"forwards"}]],content:[[[{opacity:1},{opacity:0}],{duration:100,easing:"linear",fill:"forwards"}]],actions:[[[{opacity:1},{opacity:0}],{duration:100,easing:"linear",fill:"forwards"}]]};export{e as DialogDefaultCloseAnimation,i as DialogDefaultOpenAnimation};

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

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

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

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

package/build/components/dialog/dialog.style.js

@@ -0,0 +1,217 @@
+import{C as e}from"../../color-CigMJnjV.js";import{r as i,a as t}from"../../lit-element-Ho-VPzO1.js";import{BasicDialogDefinition as o}from"../../component-definitions/dialog.definition.js";import{createWrappedTokens as n}from"../../utils/tokens/create-wrapped-tokens.js";import{stringTokens as a}from"../../utils/tokens/string-tokens.js";import"../../elevation-dUQez_WX.js";import"../../shape-CrZ0CLVJ.js";import"../../state-C-haZXan.js";import"../../typescale-Bh1NLwSE.js";import"../../utils/tokens/create-logic-shape-tokens.js";
+/**
+ * @license
+ * Copyright 2025 Kai-Orion & Sandlada
+ * SPDX-License-Identifier: MIT
+ */const r=t`
+    @layer mdc.basic-dialog.variable { :host{${a(n("--mdc-basic-dialog",o))};} }
+    @layer mdc.basic-dialog.base {
+
+    }
+    :host {
+        border-start-start-radius: var(--_container-shape-start-start);
+        border-start-end-radius: var(--_container-shape-start-end);
+        border-end-end-radius: var(--_container-shape-end-end);
+        border-end-start-radius: var(--_container-shape-end-start);
+        display: contents;
+        margin: auto;
+        max-height: min(560px, calc(100% - 48px));
+        max-width: min(560px, calc(100% - 48px));
+        min-height: 140px;
+        min-width: 280px;
+        position: fixed;
+        height: fit-content;
+        width: fit-content;
+    }
+
+    dialog {
+        background: transparent;
+        border: none;
+        border-radius: inherit;
+        flex-direction: column;
+        height: inherit;
+        margin: inherit;
+        max-height: inherit;
+        max-width: inherit;
+        min-height: inherit;
+        min-width: inherit;
+        outline: none;
+        overflow: visible;
+        padding: 0;
+        width: inherit;
+    }
+    dialog[open] {
+        display: flex;
+    }
+
+    ::backdrop {
+        background: none;
+    }
+
+    .scrim {
+        background: ${i(e.Scrim)};
+        display: none;
+        inset: 0;
+        opacity: 32%;
+        pointer-events: none;
+        position: fixed;
+        z-index: 1;
+    }
+    :host([open]) .scrim {
+        display: flex;
+    }
+
+    h2 {
+        all: unset;
+        align-self: stretch;
+    }
+
+    .headline {
+        align-items: center;
+        color: var(--_headline-label-color);
+        display: flex;
+        flex-direction: column;
+        font-family: var(--_headline-label-font);
+        font-size: var(--_headline-label-size);
+        line-height: var(--_headline-label-line-height);
+        font-weight: var(--_headline-label-weight);
+        position: relative;
+    }
+
+    slot[name='headline']::slotted(*) {
+        align-items: center;
+        align-self: stretch;
+        box-sizing: border-box;
+        display: flex;
+        gap: 8px;
+        padding: 24px 24px 0;
+    }
+
+    .icon {
+        display: flex;
+    }
+
+    slot[name='icon']::slotted(*) {
+        fill: currentColor;
+        margin-top: 24px;
+        color: var(--_icon-color);
+        font-size: var(--_icon-size);
+        height: var(--_icon-size);
+        width: var(--_icon-size);
+    }
+
+    .has-icon slot[name='headline']::slotted(*) {
+        justify-content: center;
+        padding-top: 16px;
+    }
+
+    .scrollable slot[name='headline']::slotted(*) {
+        padding-bottom: 16px;
+    }
+
+    .scrollable.has-headline slot[name='content']::slotted(*) {
+        padding-top: 8px;
+    }
+
+    .container {
+        border-radius: inherit;
+        display: flex;
+        flex-direction: column;
+        flex-grow: 1;
+        overflow: hidden;
+        position: relative;
+        transform-origin: top;
+    }
+
+    .container::before {
+        background: var(--_container-color);
+        border-radius: inherit;
+        content: '';
+        inset: 0;
+        position: absolute;
+    }
+
+    .scroller {
+        display: flex;
+        flex: 1;
+        flex-direction: column;
+        overflow: hidden;
+        z-index: 1;
+    }
+
+    .scrollable .scroller {
+        overflow-y: scroll;
+    }
+
+    .content {
+        color: var(--_supporting-text-label-color);
+        font-family: var(--_supporting-text-label-font);
+        font-size: var(--_supporting-text-label-size);
+        line-height: var(--_supporting-text-label-line-height);
+        font-weight: var(--_supporting-text-label-weight);
+        flex: 1;
+        height: min-content;
+        position: relative;
+    }
+
+    slot[name='content']::slotted(*) {
+        display: block;
+        box-sizing: border-box;
+        padding: 16px 24px 24px;
+    }
+
+    .anchor {
+        position: absolute;
+    }
+
+    .top.anchor {
+        top: 0;
+    }
+
+    .bottom.anchor {
+        bottom: 0;
+    }
+
+    .actions {
+        position: relative;
+        box-sizing: border-box;
+        display: flex;
+        gap: 8px;
+        padding: 16px 24px 24px;
+        justify-content: flex-end;
+    }
+
+    slot[name='actions']::slotted(*) {
+        box-sizing: border-box;
+    }
+
+    .has-actions slot[name='content']::slotted(*) {
+        padding-bottom: 8px;
+    }
+
+    mdc-divider {
+        display: none;
+        position: absolute;
+    }
+
+    .has-headline.show-top-divider .headline mdc-divider,
+    .has-actions.show-bottom-divider .actions mdc-divider {
+        display: flex;
+    }
+
+    .headline mdc-divider {
+        bottom: 0;
+    }
+
+    .actions mdc-divider {
+        top: 0;
+    }
+
+    @media (forced-colors: active) {
+        dialog {
+            outline: 2px solid WindowText;
+        }
+    }
+}
+
+`;export{r as basicDialogStyle};

package/build/components/divider/divider.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license
+ * Copyright 2025 Kai-Orion & Sandlada
+ * SPDX-License-Identifier: MIT
+ */
+import { LitElement } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-divider": Divider;
+    }
+}
+export declare class Divider extends LitElement {
+    static styles: import("lit").CSSResult;
+    inset: boolean;
+    insetStart: boolean;
+    insetEnd: boolean;
+}
+//# sourceMappingURL=divider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/components/divider/divider.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAIhC,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,aAAa,EAAE,OAAO,CAAA;KACzB;CACJ;AAED,qBACa,OAAQ,SAAQ,UAAU;IAEnC,OAAgB,MAAM,0BAAgB;IAG/B,KAAK,UAAQ;IAGb,UAAU,UAAQ;IAGlB,QAAQ,UAAQ;CAE1B"}

package/build/components/divider/divider.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{i as e}from"../../lit-element-Ho-VPzO1.js";import{t as i}from"../../custom-element-Dz3n6kSt.js";import{n as o}from"../../property-Ck1wIidx.js";import{DividerStyles as s}from"./divider.style.js";import"../../component-definitions/divider.definition.js";import"../../color-CigMJnjV.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/string-tokens.js";let r=class extends e{constructor(){super(...arguments),this.inset=!1,this.insetStart=!1,this.insetEnd=!1}static{this.styles=s}};t([o({type:Boolean,reflect:!0})],r.prototype,"inset",void 0),t([o({type:Boolean,reflect:!0,attribute:"inset-start"})],r.prototype,"insetStart",void 0),t([o({type:Boolean,reflect:!0,attribute:"inset-end"})],r.prototype,"insetEnd",void 0),r=t([i("mdc-divider")],r);export{r as Divider};

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

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

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

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

package/build/components/divider/divider.style.js

@@ -0,0 +1,6 @@
+import{a as t}from"../../lit-element-Ho-VPzO1.js";import{DividerDefinition as o}from"../../component-definitions/divider.definition.js";import{createWrappedTokens as e}from"../../utils/tokens/create-wrapped-tokens.js";import{stringTokens as i}from"../../utils/tokens/string-tokens.js";import"../../color-CigMJnjV.js";
+/**
+ * @license
+ * Copyright 2025 Kai-Orion & Sandlada
+ * SPDX-License-Identifier: MIT
+ */const r=t`@layer mdc.divider.variant{:host{${i(e("--mdc-divider",o))}}}@layer mdc.divider.base{:host{box-sizing:border-box;color:var(--_color);display:flex;height:var(--_thickness);width:100%}:host([inset-start]),:host([inset]){padding-inline-start:16px}:host([inset-end]),:host([inset]){padding-inline-end:16px}:host::before{background:currentColor;content:'';height:100%;width:100%}@media (forced-colors:active){:host::before{background:CanvasText}}}`;export{r as DividerStyles};

package/build/components/elevation/elevation.d.ts

@@ -0,0 +1,46 @@
+/**
+ * @license
+ * Copyright 2025 Sandlada & Kai Orion
+ * SPDX-License-Identifier: MIT
+ */
+import { LitElement } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-elevation": Elevation;
+    }
+}
+/**
+ * Elevation is not a concept that is explicitly categorized as a component.
+ *
+ * It represents the shadow of an object and is usually used to express the level at which an object is located.
+ *
+ * @example
+ * ```html
+ * <button class="button">
+ *   <mdc-elevation></mdc-elevation>
+ * </button>
+ * <style>
+ * .button {
+ *   position: relative;
+ *    --mdc-elevation-level: 3;
+ * }
+ * .button:hover {
+ *    --mdc-elevation-level: 4;
+ * }
+ * .button:active {
+ *    --mdc-elevation-level: 2;
+ * }
+ * </style>
+ * ```
+ *
+ * @version
+ * Material Design 3
+ *
+ * @link
+ * https://m3.material.io/styles/elevation/overview
+ */
+export declare class Elevation extends LitElement {
+    static styles: import("lit").CSSResult;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=elevation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"elevation.d.ts","sourceRoot":"","sources":["../../../src/components/elevation/elevation.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAA;AAItC,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,SAAS,CAAA;KAC7B;CACJ;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,qBACa,SAAU,SAAQ,UAAU;IAErC,OAAgB,MAAM,0BAAS;cAEZ,MAAM;CAM5B"}

package/build/components/elevation/elevation.js

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{i as e,x as s}from"../../lit-element-Ho-VPzO1.js";import{t as o}from"../../custom-element-Dz3n6kSt.js";import{styles as i}from"./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";let n=class extends e{static{this.styles=i}render(){return s`<span aria-hidden="true" class="elevation"></span>`}};n=t([o("mdc-elevation")],n);export{n as Elevation};

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

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

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

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

package/build/components/elevation/elevation.style.js

@@ -0,0 +1,6 @@
+import{a as l}from"../../lit-element-Ho-VPzO1.js";import{ElevationDefinition as a}from"../../component-definitions/elevation.definition.js";import{createWrappedTokens as e}from"../../utils/tokens/create-wrapped-tokens.js";import{stringTokens as r}from"../../utils/tokens/string-tokens.js";import"../../color-CigMJnjV.js";import"../../elevation-dUQez_WX.js";
+/**
+ * @license
+ * Copyright 2025 Kai-Orion & Sandlada
+ * SPDX-License-Identifier: MIT
+ */const o=l`@layer mdc.elevation{@layer variable{:host{${r(e("--mdc-elevation",a))}}}@layer base{:host{display:flex;pointer-events:none}.elevation,.elevation::after,.elevation::before,:host{border-radius:inherit;inset:0;position:absolute;transition-duration:inherit;transition-timing-function:inherit}.elevation::after,.elevation::before{content:'';transition-property:box-shadow,opacity}.elevation::before{opacity:.3;--l1-y:clamp(0, var(--_level), 1);--l4-y:clamp(0, var(--_level) - 3, 1);--l5-y:calc(2 * clamp(0, var(--_level) - 4, 1));--y:calc(1px * (var(--l1-y) + var(--l4-y) + var(--l5-y)));--l1-blur:calc(2 * clamp(0, var(--_level), 1));--l3-blur:clamp(0, var(--_level) - 2, 1);--l5-blur:clamp(0, var(--_level) - 4, 1);--blur:calc(1px * (var(--l1-blur) + var(--l3-blur) + var(--l5-blur)));box-shadow:0 var(--y) var(--blur) 0 var(--_shadow-color)}.elevation::after{opacity:.15;--l1-y:clamp(0, var(--_level), 1);--l2-y:clamp(0, var(--_level) - 1, 1);--l3to5-y:calc(2 * clamp(0, var(--_level) - 2, 3));--y:calc(1px * (var(--l1-y) + var(--l2-y) + var(--l3to5-y)));--l1to2-blur:calc(3 * clamp(0, var(--_level), 2));--l3to5-blur:calc(2 * clamp(0, var(--_level) - 2, 3));--blur:calc(1px * (var(--l1to2-blur) + var(--l3to5-blur)));--l1to4-spread:clamp(0, var(--_level), 4);--l5-spread:calc(2 * clamp(0, var(--_level) - 4, 1));--spread:calc(1px * (var(--l1to4-spread) + var(--l5-spread)));box-shadow:0 var(--y) var(--blur) var(--spread) var(--_shadow-color)}}}`;export{o as styles};

package/build/components/fab/base-extended-fab.d.ts

@@ -0,0 +1,23 @@
+import { BaseFab } from './base-fab';
+/**
+ * Extended Fab components provide an icon and an label (optional).
+ *
+ * @version
+ * Material Design 3 - Expressive
+ *
+ * @link
+ * https://m3.material.io/components/floating-action-button/overview
+ */
+export declare abstract class BaseExtendedFab extends BaseFab {
+    extended: boolean;
+    private hasLabel;
+    protected render(): unknown;
+    protected renderLabel(): import("lit-html").TemplateResult<1>;
+    protected getRenderClasses(): {
+        'has-label': boolean;
+        extended: boolean;
+        'has-icon': boolean;
+    };
+    private handleLabelSlotChange;
+}
+//# sourceMappingURL=base-extended-fab.d.ts.map

package/build/components/fab/base-extended-fab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-extended-fab.d.ts","sourceRoot":"","sources":["../../../src/components/fab/base-extended-fab.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC;;;;;;;;GAQG;AACH,8BAAsB,eAAgB,SAAQ,OAAO;IAG1C,QAAQ,EAAE,OAAO,CAAQ;IAGhC,OAAO,CAAC,QAAQ,CAAiB;cAEd,MAAM,IAAI,OAAO;IAapC,SAAS,CAAC,WAAW;cAQF,gBAAgB;;;;;IAQnC,OAAO,CAAC,qBAAqB;CAIhC"}

package/build/components/fab/base-extended-fab.js

@@ -0,0 +1 @@
+import{_ as e}from"../../tslib.es6-CmLYFWVC.js";import{x as t}from"../../lit-element-Ho-VPzO1.js";import{n as s}from"../../property-Ck1wIidx.js";import{r}from"../../state--U2hSgGK.js";import{e as a}from"../../class-map-DlMb2KKL.js";import{BaseFab as o}from"./base-fab.js";import"../../query-DifSdHBD.js";import"../../utils/event/form-label-activation.js";class l extends o{constructor(){super(...arguments),this.extended=!1,this.hasLabel=!1}render(){return t`<button class="${a(this.getRenderClasses())}"><mdc-ripple part="ripple"></mdc-ripple><mdc-focus-ring part="focus-ring"></mdc-focus-ring><mdc-elevation part="elevation"></mdc-elevation>${this.renderIcon()} ${this.renderLabel()}</button>`}renderLabel(){return t`<span class="label"><slot @slotchange="${this.handleLabelSlotChange}"></slot></span>`}getRenderClasses(){return{...super.getRenderClasses(),"has-label":this.hasLabel,extended:this.extended}}handleLabelSlotChange(e){this.hasLabel=e.target.assignedElements().length>0}}e([s({type:Boolean})],l.prototype,"extended",void 0),e([r()],l.prototype,"hasLabel",void 0);export{l as BaseExtendedFab};

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

@@ -0,0 +1,47 @@
+/**
+ * @license
+ * Copyright 2025 Kai-Orion & Sandlada
+ * SPDX-License-Identifier: MIT
+ */
+import { LitElement } from 'lit';
+/**
+ * Fab components provide an icon.
+ *
+ * @see
+ * The fab component is the simplest button. Do not use the fab component in the form.
+ *
+ * Available in 6 variants:
+ * - variant="primary"
+ * - variant="secondary"
+ * - variant="tertiary"
+ * - variant="tonal-primary"
+ * - variant="tonal-secondary" (default)
+ * - variant="tonal-tertiary"
+ *
+ * The fab component is available in 3 sizes:
+ * - size="small" (default)
+ * - size="medium"
+ * - size="large"
+ *
+ * @version
+ * Material Design 3 - Expressive
+ *
+ * @link
+ * https://m3.material.io/components/floating-action-button/overview
+ */
+export declare abstract class BaseFab extends LitElement {
+    private buttonElement;
+    variant: 'primary' | 'secondary' | 'tertiary' | 'tonal-primary' | 'tonal-secondary' | 'tonal-tertiary';
+    size: 'small' | 'medium' | 'large';
+    private hasIcon;
+    protected getRenderClasses(): {
+        [x: string]: boolean;
+        'has-icon': boolean;
+    };
+    constructor();
+    protected render(): unknown;
+    protected renderIcon(): import("lit-html").TemplateResult<1>;
+    private handleClick;
+    private handleIconSlotChange;
+}
+//# sourceMappingURL=base-fab.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base-fab.d.ts","sourceRoot":"","sources":["../../../src/components/fab/base-fab.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAkB,UAAU,EAAE,MAAM,KAAK,CAAA;AAKhD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,8BAAsB,OAAQ,SAAQ,UAAU;IAG5C,OAAO,CAAC,aAAa,CAAqB;IAGnC,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,eAAe,GAAG,iBAAiB,GAAG,gBAAgB,CAAoB;IAG1H,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAU;IAGnD,OAAO,CAAC,OAAO,CAAiB;IAEhC,SAAS,CAAC,gBAAgB;;;;;cAgBP,MAAM,IAAI,OAAO;IAYpC,SAAS,CAAC,UAAU;IAQpB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,oBAAoB;CAG/B"}

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

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{i as e,x as s}from"../../lit-element-Ho-VPzO1.js";import{n}from"../../property-Ck1wIidx.js";import{r as o}from"../../state--U2hSgGK.js";import{e as i}from"../../query-DifSdHBD.js";import{e as r}from"../../class-map-DlMb2KKL.js";import{isActivationClick as a,dispatchActivationClick as l}from"../../utils/event/form-label-activation.js";class c extends e{getRenderClasses(){return{[this.variant]:!0,[this.size]:!0,"has-icon":this.hasIcon}}constructor(){super(),this.variant="tonal-secondary",this.size="small",this.hasIcon=!1,this.addEventListener("click",this.handleClick.bind(this))}render(){return s`<button class="${r(this.getRenderClasses())}"><mdc-ripple part="ripple"></mdc-ripple><mdc-focus-ring part="focus-ring"></mdc-focus-ring><mdc-elevation part="elevation"></mdc-elevation>${this.renderIcon()}</button>`}renderIcon(){return s`<span class="icon"><slot name="icon" .aria-hidden="${this.ariaLabel}" @slotchange="${this.handleIconSlotChange}"></slot></span>`}handleClick(t){a(t)&&this.buttonElement&&l(this.buttonElement)}handleIconSlotChange(t){this.hasIcon=t.target.assignedElements().length>0}}t([i(".button")],c.prototype,"buttonElement",void 0),t([n({type:String,reflect:!0})],c.prototype,"variant",void 0),t([n({type:String})],c.prototype,"size",void 0),t([o()],c.prototype,"hasIcon",void 0);export{c as BaseFab};

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

@@ -0,0 +1,29 @@
+import { BaseExtendedFab } from './base-extended-fab';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-fab": MDCFab;
+    }
+}
+/**
+ * Fab provides a label and an icon.
+ *
+ * Note that the tag must be wrapped with a span or div tag.
+ * The label is not displayed by default, and the label is displayed through the extended attribute:
+ *
+ * @example
+ * ```html
+ * <mdc-fab variant="primary" extended>
+ *     <span>FAB</span>
+ * </mdc-fab>
+ * ```
+ *
+ * @version
+ * Material Design 3 - Expressive
+ *
+ * @link
+ * https://m3.material.io/components/floating-action-button/overview
+ */
+export declare class MDCFab extends BaseExtendedFab {
+    static styles: import("lit").CSSResult[];
+}
+//# sourceMappingURL=fab.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fab.d.ts","sourceRoot":"","sources":["../../../src/components/fab/fab.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAGrD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,SAAS,EAAE,MAAM,CAAA;KACpB;CACJ;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBACa,MAAO,SAAQ,eAAe;IACvC,OAAgB,MAAM,4BAAY;CACrC"}