@sandlada/mdc 0.1.0-20250907.a

package/build/components/fab/fab.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{BaseExtendedFab as e}from"./base-extended-fab.js";import{fabStyles as o}from"./fab.style.js";import"../../property-Ck1wIidx.js";import"../../state--U2hSgGK.js";import"../../class-map-DlMb2KKL.js";import"./base-fab.js";import"../../query-DifSdHBD.js";import"../../utils/event/form-label-activation.js";import"../../component-definitions/fab.definition.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";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/override-component-tokens.js";import"../../utils/tokens/string-tokens.js";let i=class extends e{static{this.styles=o}};i=t([s("mdc-fab")],i);export{i as MDCFab};

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

@@ -0,0 +1,2 @@
+export declare const fabStyles: 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":"AAyOA,eAAO,MAAM,SAAS,2BAoBrB,CAAA"}

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

@@ -0,0 +1,180 @@
+import{a as e,r as t}from"../../lit-element-Ho-VPzO1.js";import{TertiaryExtendedFabDefinition as a,SecondaryExtendedFabDefinition as n,PrimaryExtendedFabDefinition as r,TonalTertiaryExtendedFabDefinition as i,TonalSecondaryExtendedFabDefinition as o,TonalPrimaryExtendedFabDefinition as l}from"../../component-definitions/fab.definition.js";import{createWrappedTokens as s}from"../../utils/tokens/create-wrapped-tokens.js";import{overrideComponentTokens as c}from"../../utils/tokens/override-component-tokens.js";import{stringTokens as d}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 m={tpe:s("--mdc-fab",l),tse:s("--mdc-fab",o),tte:s("--mdc-fab",i),pe:s("--mdc-fab",r),se:s("--mdc-fab",n),te:s("--mdc-fab",a)},v=d(m.tpe),h=d(m.tse),u=d(m.tte),b=d(m.pe),p=d(m.se),g=d(m.te),_=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));
+    }
+`,f=e`
+    button.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);
+    }
+    button.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);
+    }
+    button.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);
+    }
+    button .label {
+        color: var(--_label-color);
+    }
+    button:hover .label {
+        color: var(--_hovered-label-color);
+    }
+    button:focus-within .label {
+        color: var(--_focused-label-color);
+    }
+    button:active .label {
+        color: var(--_pressed-label-color);
+    }
+
+    button .label {
+    }
+    button:not(.extended.has-label) .label {
+        display: none;
+        opacity: 0;
+    }
+`,$=e`
+    :host([variant="primary"]) {${b};}
+    :host([variant="secondary"]) {${p};}
+    :host([variant="tertiary"]) {${g};}
+    :host([variant="tonal-primary"]) {${v};}
+    :host([variant="tonal-secondary"]) {${h};}
+    :host([variant="tonal-tertiary"]) {${u};}
+`,y=e`
+    button {
+        all: unset;
+        cursor: pointer;
+        position: relative;
+        display: flex;
+        align-items: center;
+        background: var(--_container-color);
+        transition-property: width, background, padding;
+        transition-duration: 200ms;
+    }
+    button.extended {
+        width: fit-content;
+    }
+    button:not(.extended) {
+        place-content: center;
+    }
+    button:not(.extended).small {
+        width: var(--_small-container-width);
+    }
+    button:not(.extended).medium {
+        width: var(--_medium-container-width);
+    }
+    button:not(.extended).large {
+        width: var(--_large-container-width);
+    }
+    button.small {
+        gap: var(--_small-icon-label-space);
+        height: var(--_small-container-height);
+    }
+    button.medium {
+        gap: var(--_medium-icon-label-space);
+        height: var(--_medium-container-height);
+    }
+    button.large {
+        gap: var(--_large-icon-label-space);
+        height: var(--_large-container-height);
+    }
+
+    button.extended.small {
+        padding-inline-start: var(--_small-leading-space);
+        padding-inline-end: var(--_small-trailing-space);
+    }
+    button.extended.medium {
+        padding-inline-start: var(--_medium-leading-space);
+        padding-inline-end: var(--_medium-trailing-space);
+    }
+    button.extended.large {
+        padding-inline-start: var(--_large-leading-space);
+        padding-inline-end: var(--_large-trailing-space);
+    }
+`,w=[(()=>{const t=e=>d(c("--mdc-elevation",{level:`var(--_${e}container-elevation)`}));return e`
+        mdc-elevation {
+            ${d(c("--mdc-elevation",{"shadow-color":"var(--_container-shadow-color)"}))};
+            ${t("")};
+        }
+        button:hover mdc-elevation {${t("hovered-")};}
+        button:focus-within mdc-elevation {${t("focused-")};}
+        button:active mdc-elevation {${t("pressed-")};}
+    `})(),(()=>{const t=e=>d(c("--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 {${t("small")};}
+        .button.medium mdc-focus-ring {${t("medium")};}
+        .button.large mdc-focus-ring {${t("large")};}
+    `})(),(()=>{const t=d(c("--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 {${t};}
+    `})(),(()=>{const a=e=>t(`\n        inline-size: var(--_${e}-icon-size);\n        block-size: var(--_${e}-icon-size);\n        font-size: var(--_${e}-icon-size);\n    `);return e`
+        .icon,
+        ::slotted([name="icon"]) {
+            display: inline-flex;
+            position: relative;
+            writing-mode: horizontal-tb;
+            fill: currentColor;
+            flex-shrink: 0;
+        }
+        button.small :is(.icon, ::slotted([name="icon"])) {${a("small")};}
+        button.medium :is(.icon, ::slotted([name="icon"])) {${a("medium")};}
+        button.large :is(.icon, ::slotted([name="icon"])) {${a("large")};}
+        button.small .icon mdc-icon {${d(c("--mdc-icon",{size:"var(--_small-icon-size)"}))};}
+        button.medium .icon mdc-icon {${d(c("--mdc-icon",{size:"var(--_medium-icon-size)"}))};}
+        button.large .icon mdc-icon {${d(c("--mdc-icon",{size:"var(--_large-icon-size)"}))};}
+
+        button :is(.icon, ::slotted([name="icon"])) {
+            color: var(--_icon-color);
+        }
+        button:hover :is(.icon, ::slotted([name="icon"])) {
+            color: var(--_hovered-icon-color);
+        }
+        button:focus-within :is(.icon, ::slotted([name="icon"])) {
+            color: var(--_focused-icon-color);
+        }
+        button:active :is(.icon, ::slotted([name="icon"])) {
+            color: var(--_pressed-icon-color);
+        }
+
+        button:not(.has-icon) .icon {
+            display: none;
+        }
+    `})(),_,f,$,y,e`
+        @layer mdc.extended-fab.base {
+            :host {
+                border: none;
+                outline: none;
+                user-select: none;
+                display: inline-flex;
+                vertical-align: top;
+            }
+        }
+    `];export{w as fabStyles};

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{i as e}from"../../lit-element-Ho-VPzO1.js";import{t as o}from"../../custom-element-Dz3n6kSt.js";import{n as s}from"../../property-Ck1wIidx.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"../../duration-CDKuKTyT.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,a as t}from"../../lit-element-Ho-VPzO1.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"../../duration-CDKuKTyT.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{i as e,x as i}from"../../lit-element-Ho-VPzO1.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{a as e}from"../../lit-element-Ho-VPzO1.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,69 @@
+/**
+ * @license
+ * Copyright 2025 Kai-Orion & Sandlada
+ * SPDX-License-Identifier: MIT
+ */
+import { LitElement, type TemplateResult } from 'lit';
+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.
+ *
+ * Provides 2 components:
+ * - mdc-icon-button
+ * - mdc-toggle-icon-button
+ *
+ * It is available in variants:
+ * - filled
+ * - filled-tonal
+ * - outlined
+ * - standard
+ *
+ * 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 {
+    static styles: import("lit").CSSResult[];
+    abstract disabled: boolean;
+    variant: 'filled' | 'filled-tonal' | 'outlined' | 'standard';
+    size: 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
+    width: 'narrow' | 'default' | 'wide';
+    shape: 'round' | 'square';
+    disableMorph: boolean;
+    protected readonly buttonElement: HTMLElement | null;
+    focus(): void;
+    blur(): void;
+    constructor();
+    protected getRenderClasses(): {
+        [x: string]: boolean;
+        container: boolean;
+        disabled: boolean;
+        'disable-morph': boolean;
+    };
+    protected render(): TemplateResult;
+    protected renderBackground: () => TemplateResult<1>;
+    protected renderOutline: () => TemplateResult<1>;
+    protected renderIcon: () => TemplateResult<1>;
+    protected renderTouchTarget(): TemplateResult<1>;
+    protected handleClick(e: MouseEvent): Promise<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,EAAkB,UAAU,EAAW,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;;AAS9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,8BAAsB,cAAe,SAAQ,mBAAqD;IAE9F,OAAgB,MAAM,4BAAmB;IAEzC,SAAgB,QAAQ,EAAE,OAAO,CAAA;IAG1B,OAAO,EAAE,QAAQ,GAAG,cAAc,GAAG,UAAU,GAAG,UAAU,CAAa;IAGzE,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;IAGnC,YAAY,EAAE,OAAO,CAAQ;IAGpC,SAAS,CAAC,QAAQ,CAAC,aAAa,EAAG,WAAW,GAAG,IAAI,CAAA;IAErC,KAAK;IAGL,IAAI;;IAYpB,SAAS,CAAC,gBAAgB;;;;;;cAYP,MAAM,IAAI,cAAc;IAsB3C,SAAS,CAAC,gBAAgB,0BAAmE;IAC7F,SAAS,CAAC,aAAa,0BAA+D;IACtF,SAAS,CAAC,UAAU,0BAA4B;IAChD,SAAS,CAAC,iBAAiB;cAEX,WAAW,CAAC,CAAC,EAAE,UAAU;CAa5C"}

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

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{i as e,x as i,E as s}from"../../lit-element-Ho-VPzO1.js";import{n as r}from"../../property-Ck1wIidx.js";import{e as o}from"../../query-DifSdHBD.js";import{e as a}from"../../class-map-DlMb2KKL.js";import{mixinDelegatesAria as n}from"../../utils/aria/delegate.js";import{mixinElementInternals as d}from"../../utils/behaviors/element-internals.js";import{isActivationClick as p,dispatchActivationClick as l}from"../../utils/event/form-label-activation.js";import{iconButtonStyles as h}from"./icon-button.style.js";import"../../utils/aria/aria.js";import"../../component-definitions/icon-button.definition.js";import"../../color-CigMJnjV.js";import"../../shape-CrZ0CLVJ.js";import"../../state-C-haZXan.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/override-component-tokens.js";import"../../utils/tokens/string-tokens.js";class u extends(n(d(e))){static{this.styles=h}focus(){this.buttonElement?.focus()}blur(){this.buttonElement?.blur()}constructor(){super(),this.variant="standard",this.size="small",this.width="default",this.shape="round",this.disableMorph=!1,this.renderBackground=()=>i`<span class="background" aria-hidden="true"></span>`,this.renderOutline=()=>i`<span class="outline" aria-hidden="true"></span>`,this.renderIcon=()=>i`<slot></slot>`,this.addEventListener("click",this.handleClick.bind(this))}getRenderClasses(){return{container:!0,[this.variant]:!0,[this.size]:!0,[this.width]:!0,[this.shape]:!0,disabled:this.disabled,"disable-morph":this.disableMorph}}render(){const{ariaHasPopup:t,ariaExpanded:e,ariaLabel:r}=this;return i`<button class="${a(this.getRenderClasses())}" id="button" ?disabled="${this.disabled}" aria-disabled="${this.disabled}" aria-label="${r||s}" aria-haspopup="${t||s}" aria-expanded="${e||s}">${"outlined"===this.variant?this.renderOutline():s} ${this.renderIcon()} ${this.renderBackground()} ${this.renderTouchTarget()}<mdc-ripple for="button" part="ripple" .disabled="${this.disabled}"></mdc-ripple><mdc-focus-ring for="button" part="focus-ring" .disabled="${this.disabled}"></mdc-focus-ring></button>`}renderTouchTarget(){return i`<span class="touch-target" aria-hidden="true"></span>`}async handleClick(t){if(this.disabled)return t.stopImmediatePropagation(),void t.preventDefault();p(t)&&this.buttonElement&&(await 0,this.focus(),l(this.buttonElement))}}t([r({type:String})],u.prototype,"variant",void 0),t([r({type:String})],u.prototype,"size",void 0),t([r({type:String})],u.prototype,"width",void 0),t([r({type:String})],u.prototype,"shape",void 0),t([r({type:Boolean,attribute:"disable-morph"})],u.prototype,"disableMorph",void 0),t([o("#button")],u.prototype,"buttonElement",void 0);export{u as BaseIconButton};

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

@@ -0,0 +1,24 @@
+import { type FormSubmitter, type FormSubmitterType } from '../../utils/controller/form-submitter';
+import { BaseIconButton } from './base-icon-button';
+declare global {
+    interface HTMLElementTagNameMap {
+        "mdc-icon-button": MDCIconButton;
+    }
+}
+/**
+ * @version
+ * Material Design 3 - Expressive
+ *
+ * @link
+ * https://m3.material.io/components/icon-buttons/specs
+ */
+export declare class MDCIconButton 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;
+}
+//# 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":"AAOA,OAAO,EAAsB,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,uCAAuC,CAAA;AACtH,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,aAAa,CAAA;KACnC;CACJ;AAED;;;;;;GAMG;AACH,qBACa,aAAc,SAAQ,cAAe,YAAW,aAAa;IAEtE,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;CAEnC"}

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

@@ -0,0 +1 @@
+import{_ as t}from"../../tslib.es6-CmLYFWVC.js";import{t as e}from"../../custom-element-Dz3n6kSt.js";import{n as o}from"../../property-Ck1wIidx.js";import{internals as s}from"../../utils/behaviors/element-internals.js";import{setupFormSubmitter as i}from"../../utils/controller/form-submitter.js";import{BaseIconButton as r}from"./base-icon-button.js";import"../../lit-element-Ho-VPzO1.js";import"../../query-DifSdHBD.js";import"../../class-map-DlMb2KKL.js";import"../../utils/aria/delegate.js";import"../../utils/aria/aria.js";import"../../utils/event/form-label-activation.js";import"./icon-button.style.js";import"../../component-definitions/icon-button.definition.js";import"../../color-CigMJnjV.js";import"../../shape-CrZ0CLVJ.js";import"../../state-C-haZXan.js";import"../../utils/tokens/create-logic-shape-tokens.js";import"../../utils/tokens/create-wrapped-tokens.js";import"../../utils/tokens/override-component-tokens.js";import"../../utils/tokens/string-tokens.js";var m;let n=class extends r{constructor(){super(...arguments),this.type="submit",this.value="",this.disabled=!1}static{m=this}static{this.formAssociated=!0}static{i(m)}get name(){return this.getAttribute("name")??""}set name(t){this.setAttribute("name",t)}get form(){return this[s].form}};t([o({type:String})],n.prototype,"type",void 0),t([o({type:String,reflect:!0})],n.prototype,"value",void 0),t([o({type:Boolean,reflect:!0})],n.prototype,"disabled",void 0),n=m=t([e("mdc-icon-button")],n);export{n as MDCIconButton};

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

@@ -0,0 +1,2 @@
+export declare const iconButtonStyles: 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":"AA4aA,eAAO,MAAM,gBAAgB,2BAW5B,CAAA"}