@sandlada/mdc 0.1.0-nightly.14072025

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

@@ -0,0 +1,217 @@
+import{C as e}from"../../color-CigMJnjV.js";import{r as i,i as t}from"../../lit-element-Bf8D1KRw.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{a as e}from"../../lit-element-Bf8D1KRw.js";import{t as i}from"../../custom-element-Dz3n6kSt.js";import{n as o}from"../../property-CHB_6zYv.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{i as t}from"../../lit-element-Bf8D1KRw.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{a as e,x as s}from"../../lit-element-Bf8D1KRw.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{i as l}from"../../lit-element-Bf8D1KRw.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/extended-fab.d.ts

@@ -0,0 +1,36 @@
+import "../elevation/elevation";
+import "../focus-ring/focus-ring";
+import "../ripple/ripple";
+import { Fab } from './fab';
+/**
+ * Extended Fab components provide an icon and an label (label is optional).
+ *
+ * @see
+ * The fab component is the simplest button. Do not use the fab component in the form.
+ *
+ * Available in 6 variants:
+ * - mdc-extended-primary-fab
+ * - mdc-extended-secondary-fab
+ * - mdc-extended-tertiary-fab
+ * - mdc-extended-tonal-primary-fab
+ * - mdc-extended-tonal-secondary-fab
+ * - mdc-extended-tonal-tertiary-fab
+ *
+ * The mdc-extended-*-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 class ExtendedFab extends Fab {
+    label: string;
+    protected render(): unknown;
+    protected renderIcon(): import("lit-html").TemplateResult<1>;
+    protected renderLabel(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=extended-fab.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"extended-fab.d.ts","sourceRoot":"","sources":["../../../src/components/fab/extended-fab.ts"],"names":[],"mappings":"AASA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,0BAA0B,CAAA;AACjC,OAAO,kBAAkB,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE3B;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBAAa,WAAY,SAAQ,GAAG;IAGzB,KAAK,EAAE,MAAM,CAAK;cAEN,MAAM,IAAI,OAAO;cAmBjB,UAAU;IAO7B,SAAS,CAAC,WAAW;CAMxB"}

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

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{E as i,x as e}from"../../lit-element-Bf8D1KRw.js";import{n as o}from"../../property-CHB_6zYv.js";import{e as r}from"../../class-map-DQX-4Y_I.js";import"../elevation/elevation.js";import"../focus-ring/focus-ring.js";import"../ripple/ripple.js";import{Fab as s}from"./fab.js";import"../../custom-element-Dz3n6kSt.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"../../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"../../query-DifSdHBD.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/event/form-label-activation.js";class n extends s{constructor(){super(...arguments),this.label=""}render(){const t=r({extended:!0,[this.size]:!0,button:!0});return e`<button class="${t}"><mdc-ripple part="ripple"></mdc-ripple><mdc-focus-ring part="focus-ring"></mdc-focus-ring><mdc-elevation part="elevation"></mdc-elevation>${this.renderIcon()} ${this.label?this.renderLabel():i}</button>`}renderIcon(){const{ariaLabel:t}=this;return e`<slot class="icon" .aria-hidden="${t||this.label}"></slot>`}renderLabel(){return e`<span class="label">${this.label}</span>`}}t([o({type:String})],n.prototype,"label",void 0);export{n as ExtendedFab};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"extended-primary-fab.d.ts","sourceRoot":"","sources":["../../../src/components/fab/extended-primary-fab.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAG5C,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,0BAA0B,EAAE,kBAAkB,CAAA;KACjD;CACJ;AAED,qBACa,kBAAmB,SAAQ,WAAW;IAC/C,OAAgB,MAAM,0DAA2B;CACpD"}

package/build/components/fab/extended-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{ExtendedFab as o}from"./extended-fab.js";import{primaryExtendedFabStyles as e}from"./fab.style.js";import"../../property-CHB_6zYv.js";import"../../class-map-DQX-4Y_I.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"../../query-DifSdHBD.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";import"./fab.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/event/form-label-activation.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-extended-primary-fab")],s);export{s as ExtendedPrimaryFab};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"extended-secondary-fab.d.ts","sourceRoot":"","sources":["../../../src/components/fab/extended-secondary-fab.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAG5C,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,4BAA4B,EAAE,oBAAoB,CAAA;KACrD;CACJ;AAED,qBACa,oBAAqB,SAAQ,WAAW;IACjD,OAAgB,MAAM,0DAA6B;CACtD"}

package/build/components/fab/extended-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{ExtendedFab as o}from"./extended-fab.js";import{secondaryExtendedFabStyles as e}from"./fab.style.js";import"../../property-CHB_6zYv.js";import"../../class-map-DQX-4Y_I.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"../../query-DifSdHBD.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";import"./fab.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/event/form-label-activation.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-extended-secondary-fab")],s);export{s as ExtendedSecondaryFab};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"extended-tertiary-fab.d.ts","sourceRoot":"","sources":["../../../src/components/fab/extended-tertiary-fab.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAG5C,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,2BAA2B,EAAE,mBAAmB,CAAA;KACnD;CACJ;AAED,qBACa,mBAAoB,SAAQ,WAAW;IAChD,OAAgB,MAAM,0DAA4B;CACrD"}

package/build/components/fab/extended-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{ExtendedFab as o}from"./extended-fab.js";import{tertiaryExtendedFabStyles as e}from"./fab.style.js";import"../../property-CHB_6zYv.js";import"../../class-map-DQX-4Y_I.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"../../query-DifSdHBD.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";import"./fab.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/event/form-label-activation.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-extended-tertiary-fab")],s);export{s as ExtendedTertiaryFab};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"extended-tonal-primary-fab.d.ts","sourceRoot":"","sources":["../../../src/components/fab/extended-tonal-primary-fab.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAG5C,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,gCAAgC,EAAE,uBAAuB,CAAA;KAC5D;CACJ;AAED,qBACa,uBAAwB,SAAQ,WAAW;IACpD,OAAgB,MAAM,0DAAgC;CACzD"}

package/build/components/fab/extended-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{ExtendedFab as o}from"./extended-fab.js";import{tonalPrimaryExtendedFabStyles as e}from"./fab.style.js";import"../../property-CHB_6zYv.js";import"../../class-map-DQX-4Y_I.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"../../query-DifSdHBD.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";import"./fab.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/event/form-label-activation.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-extended-tonal-primary-fab")],s);export{s as ExtendedTonalPrimaryFab};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"extended-tonal-secondary-fab.d.ts","sourceRoot":"","sources":["../../../src/components/fab/extended-tonal-secondary-fab.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAG5C,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kCAAkC,EAAE,yBAAyB,CAAA;KAChE;CACJ;AAED,qBACa,yBAA0B,SAAQ,WAAW;IACtD,OAAgB,MAAM,0DAAkC;CAC3D"}

package/build/components/fab/extended-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{ExtendedFab as o}from"./extended-fab.js";import{tonalSecondaryExtendedFabStyles as e}from"./fab.style.js";import"../../property-CHB_6zYv.js";import"../../class-map-DQX-4Y_I.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"../../query-DifSdHBD.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";import"./fab.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/event/form-label-activation.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-extended-tonal-secondary-fab")],s);export{s as ExtendedTonalSecondaryFab};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"extended-tonal-tertiary-fab.d.ts","sourceRoot":"","sources":["../../../src/components/fab/extended-tonal-tertiary-fab.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAG5C,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iCAAiC,EAAE,wBAAwB,CAAA;KAC9D;CACJ;AAED,qBACa,wBAAyB,SAAQ,WAAW;IACrD,OAAgB,MAAM,0DAAiC;CAC1D"}

package/build/components/fab/extended-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{ExtendedFab as o}from"./extended-fab.js";import{tonalTertiaryExtendedFabStyles as e}from"./fab.style.js";import"../../property-CHB_6zYv.js";import"../../class-map-DQX-4Y_I.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"../../query-DifSdHBD.js";import"../ripple/ripple-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";import"./fab.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/event/form-label-activation.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-extended-tonal-tertiary-fab")],s);export{s as ExtendedTonalTertiaryFab};

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

@@ -0,0 +1,45 @@
+/**
+ * @license
+ * Copyright 2025 Kai-Orion & Sandlada
+ * SPDX-License-Identifier: MIT
+ */
+import { LitElement } from 'lit';
+import "../elevation/elevation";
+import "../focus-ring/focus-ring";
+import "../ripple/ripple";
+declare const Fab_base: import("../../utils/behaviors/mixin").MixinReturn<typeof LitElement>;
+/**
+ * Normal Fab components only provide an icon. To provide an label, use extended-fab.
+ *
+ * @see
+ * The fab component is the simplest button. Do not use the fab component in the form.
+ *
+ * Available in 6 variants:
+ * - mdc-primary-fab
+ * - mdc-secondary-fab
+ * - mdc-tertiary-fab
+ * - mdc-tonal-primary-fab
+ * - mdc-tonal-secondary-fab
+ * - mdc-tonal-tertiary-fab
+ *
+ * The mdc-*-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 class Fab extends Fab_base {
+    size: 'small' | 'medium' | 'large';
+    private buttonElement;
+    constructor();
+    protected render(): unknown;
+    protected renderIcon(): import("lit-html").TemplateResult<1>;
+    private handleClick;
+}
+export {};
+//# 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":"AAAA;;;;GAIG;AACH,OAAO,EAAkB,UAAU,EAAE,MAAM,KAAK,CAAA;AAKhD,OAAO,wBAAwB,CAAA;AAC/B,OAAO,0BAA0B,CAAA;AACjC,OAAO,kBAAkB,CAAA;;AAEzB;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBAAa,GAAI,SAAQ,QAA8B;IAG5C,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAU;IAGnD,OAAO,CAAC,aAAa,CAAqB;;cAUvB,MAAM,IAAI,OAAO;IAiBpC,SAAS,CAAC,UAAU;IAMpB,OAAO,CAAC,WAAW;CAOtB"}

package/build/components/fab/fab.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 o}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{mixinDelegatesAria as n}from"../../utils/aria/delegate.js";import{isActivationClick as p,dispatchActivationClick as l}from"../../utils/event/form-label-activation.js";import"../elevation/elevation.js";import"../focus-ring/focus-ring.js";import"../ripple/ripple.js";import"../../utils/aria/aria.js";import"../../custom-element-Dz3n6kSt.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"../../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-action.js";import"../ripple/ripple.style.js";import"../../component-definitions/ripple.definition.js";import"../../state-C-haZXan.js";class m extends(n(i)){constructor(){super(),this.size="small",this.addEventListener("click",this.handleClick.bind(this))}render(){const t=r({[this.size]:!0,button:!0});return e`<button class="${t}"><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 e`<slot class="icon" .aria-hidden="${this.ariaLabel}"></slot>`}handleClick(t){p(t)&&this.buttonElement&&l(this.buttonElement)}}t([o({type:String})],m.prototype,"size",void 0),t([s(".button")],m.prototype,"buttonElement",void 0);export{m as Fab};

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

@@ -0,0 +1,13 @@
+export declare const tonalPrimaryFabStyles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+export declare const tonalSecondaryFabStyles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+export declare const tonalTertiaryFabStyles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+export declare const primaryFabStyles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+export declare const secondaryFabStyles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+export declare const tertiaryFabStyles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+export declare const tonalPrimaryExtendedFabStyles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+export declare const tonalSecondaryExtendedFabStyles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+export declare const tonalTertiaryExtendedFabStyles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+export declare const primaryExtendedFabStyles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+export declare const secondaryExtendedFabStyles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+export declare const tertiaryExtendedFabStyles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+//# sourceMappingURL=fab.style.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fab.style.d.ts","sourceRoot":"","sources":["../../../src/components/fab/fab.style.ts"],"names":[],"mappings":"AAgOA,eAAO,MAAM,qBAAqB,yDASjC,CAAA;AACD,eAAO,MAAM,uBAAuB,yDASnC,CAAA;AACD,eAAO,MAAM,sBAAsB,yDASlC,CAAA;AACD,eAAO,MAAM,gBAAgB,yDAS5B,CAAA;AACD,eAAO,MAAM,kBAAkB,yDAS9B,CAAA;AACD,eAAO,MAAM,iBAAiB,yDAS7B,CAAA;AAiHD,eAAO,MAAM,6BAA6B,yDASzC,CAAA;AACD,eAAO,MAAM,+BAA+B,yDAS3C,CAAA;AACD,eAAO,MAAM,8BAA8B,yDAS1C,CAAA;AACD,eAAO,MAAM,wBAAwB,yDASpC,CAAA;AACD,eAAO,MAAM,0BAA0B,yDAStC,CAAA;AACD,eAAO,MAAM,yBAAyB,yDASrC,CAAA"}

package/build/components/fab/fab.style.js

@@ -0,0 +1,6 @@
+import{i as e}from"../../lit-element-Bf8D1KRw.js";import{TonalPrimaryFabDefinition as a,TonalSecondaryFabDefinition as t,TonalTertiaryFabDefinition as r,PrimaryFabDefinition as i,SecondaryFabDefinition as n,TertiaryFabDefinition as o,TonalPrimaryExtendedFabDefinition as l,TonalSecondaryExtendedFabDefinition as s,TonalTertiaryExtendedFabDefinition as d,PrimaryExtendedFabDefinition as c,SecondaryExtendedFabDefinition as m,TertiaryExtendedFabDefinition as h}from"../../component-definitions/fab.definition.js";import{createWrappedTokens as v}from"../../utils/tokens/create-wrapped-tokens.js";import{overrideComponentTokens as b}from"../../utils/tokens/override-component-tokens.js";import{stringTokens as g}from"../../utils/tokens/string-tokens.js";import"../../color-CigMJnjV.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 p=v("--mdc-tonal-primary-fab",a),u=v("--mdc-tonal-secondary-fab",t),_=v("--mdc-tonal-tertiary-fab",r),f=v("--mdc-primary-fab",i),y=v("--mdc-secondary-fab",n),$=v("--mdc-tertiary-fab",o),z=v("--mdc-tonal-primary-extended-fab",l),x=v("--mdc-tonal-secondary-extended-fab",s),w=v("--mdc-tonal-tertiary-extended-fab",d),k=v("--mdc-primary-extended-fab",c),j=v("--mdc-secondary-extended-fab",m),C=v("--mdc-tertiary-extended-fab",h),P=g(p),q=g(u),A=g(_),B=g(f),D=g(y),E=g($),F=g(z),G=g(x),H=g(w),I=g(k),J=g(j),K=g(C),L=()=>{const a=e=>g(b("--mdc-elevation",{level:`var(--_${e}container-elevation)`}));return e`mdc-elevation{${g(b("--mdc-elevation",{"shadow-color":"var(--_container-shadow-color)"}))}${a("")}}.button:hover mdc-elevation{${a("hovered-")}}.button:focus-within mdc-elevation{${a("focused-")}}.button:active mdc-elevation{${a("pressed-")}}`},M=()=>{const a=e=>g(b("--mdc-focus-ring",{"shape-end-end":`var(--_${e}-container-shape-end-end)`,"shape-end-start":`var(--_${e}-container-shape-end-start)`,"shape-start-end":`var(--_${e}-container-shape-start-end)`,"shape-start-start":`var(--_${e}-container-shape-start-start)`}));return e`.button.small mdc-focus-ring{${a("small")}}.button.medium mdc-focus-ring{${a("medium")}}.button.large mdc-focus-ring{${a("large")}}`},N=()=>{const a=g(b("--mdc-ripple",{"hovered-color":"var(--_hovered-state-layer-color)","hovered-opacity":"var(--_hovered-state-layer-opacity)","pressed-color":"var(--_pressed-state-layer-color)","pressed-opacity":"var(--_pressed-state-layer-opacity)"}));return e`.button mdc-ripple{${a}}`},O=e`::slotted(*){display:inline-flex;position:relative;writing-mode:horizontal-tb;fill:currentColor;flex-shrink:0}.button.small ::slotted(*){inline-size:var(--_small-icon-size);block-size:var(--_small-icon-size);font-size:var(--_small-icon-size)}.button.medium ::slotted(*){inline-size:var(--_medium-icon-size);block-size:var(--_medium-icon-size);font-size:var(--_medium-icon-size)}.button.large ::slotted(*){inline-size:var(--_large-icon-size);block-size:var(--_large-icon-size);font-size:var(--_large-icon-size)}.button.small mdc-icon{${g(b("--mdc-icon",{size:"var(--_small-icon-size)"}))}}.button.medium mdc-icon{${g(b("--mdc-icon",{size:"var(--_medium-icon-size)"}))}}.button.large mdc-icon{${g(b("--mdc-icon",{size:"var(--_large-icon-size)"}))}}:host ::slotted(*){color:var(--_icon-color)}:host(:hover) ::slotted(*){color:var(--_hovered-icon-color)}:host(:focus-within) ::slotted(*){color:var(--_focused-icon-color)}:host(:active) ::slotted(*){color:var(--_pressed-icon-color)}`,Q=e`.button.small{border-end-end-radius:min(var(--_small-container-shape-end-end),calc(var(--_small-container-height)/ 2));border-end-start-radius:min(var(--_small-container-shape-end-start),calc(var(--_small-container-height)/ 2));border-start-end-radius:min(var(--_small-container-shape-start-end),calc(var(--_small-container-height)/ 2));border-start-start-radius:min(var(--_small-container-shape-start-start),calc(var(--_small-container-height)/ 2))}.button.medium{border-end-end-radius:min(var(--_medium-container-shape-end-end),calc(var(--_medium-container-height)/ 2));border-end-start-radius:min(var(--_medium-container-shape-end-start),calc(var(--_medium-container-height)/ 2));border-start-end-radius:min(var(--_medium-container-shape-start-end),calc(var(--_medium-container-height)/ 2));border-start-start-radius:min(var(--_medium-container-shape-start-start),calc(var(--_medium-container-height)/ 2))}.button.large{border-end-end-radius:min(var(--_large-container-shape-end-end),calc(var(--_large-container-height)/ 2));border-end-start-radius:min(var(--_large-container-shape-end-start),calc(var(--_large-container-height)/ 2));border-start-end-radius:min(var(--_large-container-shape-start-end),calc(var(--_large-container-height)/ 2));border-start-start-radius:min(var(--_large-container-shape-start-start),calc(var(--_large-container-height)/ 2))}`,R=[e`@layer mdc.fab.composite.elevation{${L()}}@layer mdc.fab.composite.focus-ring{${M()}}@layer mdc.fab.composite.ripple{${N()}}@layer mdc.fab.composite.icon{${O}}`,e`@layer mdc.fab.base{:host{border:none;outline:0;user-select:none;display:inline-flex;vertical-align:top}.button{all:unset;cursor:pointer;position:relative;display:flex;align-items:center;background:var(--_container-color);justify-content:center}${Q}.button.small{width:var(--_small-container-width);height:var(--_small-container-height)}.button.medium{width:var(--_medium-container-width);height:var(--_medium-container-height)}.button.large{width:var(--_large-container-width);height:var(--_large-container-height)}}`],S=[R,e`@layer mdc.fab.tonal-primary{:host{${P}}}`],T=[R,e`@layer mdc.fab.tonal-secondary{:host{${q}}}`],U=[R,e`@layer mdc.fab.tonal-tertiary{:host{${A}}}`],V=[R,e`@layer mdc.fab.Primary{:host{${B}}}`],W=[R,e`@layer mdc.fab.secondary{:host{${D}}}`],X=[R,e`@layer mdc.fab.tertiary{:host{${E}}}`],Y=[e`    @layer mdc.extended-fab.base {        .label {            color: var(--_label-color);        }        :host(:hover) .label {            color: var(--_hovered-label-color);        }        :host(:focus-within) .label {            color: var(--_focused-label-color);        }        :host(:active) .label {            color: var(--_pressed-label-color);        }        .button.extended {            &.small .label {                font-family: var(--_small-label-font);                line-height: var(--_small-label-line-height);                font-size: var(--_small-label-size);                letter-spacing: var(--_small-label-tracking);                font-weight: var(--_small-label-weight);            }            &.medium .label {                font-family: var(--_medium-label-font);                line-height: var(--_medium-label-line-height);                font-size: var(--_medium-label-size);                letter-spacing: var(--_medium-label-tracking);                font-weight: var(--_medium-label-weight);            }            &.large .label {                font-family: var(--_large-label-font);                line-height: var(--_large-label-line-height);                font-size: var(--_large-label-size);                letter-spacing: var(--_large-label-tracking);                font-weight: var(--_large-label-weight);            }        }    }`,e`@layer mdc.extended-fab.composite.elevation{${L()}}@layer mdc.extended-fab.composite.focus-ring{${M()}}@layer mdc.extended-fab.composite.ripple{${N()}}@layer mdc.extended-fab.composite.icon{${O}}`,e`@layer mdc.extended-fab.base{:host{border:none;outline:0;user-select:none;display:inline-flex;vertical-align:top}.button{all:unset;cursor:pointer;position:relative;display:flex;align-items:center;background:var(--_container-color);width:fit-content}${Q}.button.small{height:var(--_small-container-height)}.button.medium{height:var(--_medium-container-height)}.button.large{height:var(--_large-container-height)}.button.small{gap:var(--_small-icon-label-space);padding-inline-start:var(--_small-leading-space);padding-inline-end:var(--_small-trailing-space)}.button.medium{gap:var(--_medium-icon-label-space);padding-inline-start:var(--_medium-leading-space);padding-inline-end:var(--_medium-trailing-space)}.button.large{gap:var(--_large-icon-label-space);padding-inline-start:var(--_large-leading-space);padding-inline-end:var(--_large-trailing-space)}}`],Z=[e`@layer mdc.extended-fab.variable{:host{${F}}}`,Y],ee=[e`@layer mdc.extended-fab.variable{:host{${G}}}`,Y],ae=[e`@layer mdc.extended-fab.variable{:host{${H}}}`,Y],te=[e`@layer mdc.extended-fab.variable{:host{${I}}}`,Y],re=[e`@layer mdc.extended-fab.variable{:host{${J}}}`,Y],ie=[e`@layer mdc.extended-fab.variable{:host{${K}}}`,Y];export{te as primaryExtendedFabStyles,V as primaryFabStyles,re as secondaryExtendedFabStyles,W as secondaryFabStyles,ie as tertiaryExtendedFabStyles,X as tertiaryFabStyles,Z as tonalPrimaryExtendedFabStyles,S as tonalPrimaryFabStyles,ee as tonalSecondaryExtendedFabStyles,T as tonalSecondaryFabStyles,ae as tonalTertiaryExtendedFabStyles,U as tonalTertiaryFabStyles};