@francofantomius/material-components 0.1.0

package/dist/components/badge/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sources":["../../../src/components/badge/badge.css.ts","../../../src/components/badge/badge.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const badgeStyles = css`\n  :host {\n    display: inline-flex;\n    position: relative;\n    vertical-align: middle;\n  }\n\n  .badge {\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--md-sys-color-error, #B3261E);\n    color: var(--md-sys-color-on-error, #FFFFFF);\n    font-family: var(--md-sys-typescale-font-family, inherit);\n    font-weight: 500;\n    line-height: 1;\n    white-space: nowrap;\n    user-select: none;\n    border-radius: var(--md-sys-shape-corner-full, 9999px);\n    transition: transform 150ms cubic-bezier(0.2, 0, 0, 1),\n                opacity 150ms cubic-bezier(0.2, 0, 0, 1);\n  }\n\n  /* Small Dot Badge */\n  :host(:not([value])) .badge,\n  :host([dot]) .badge {\n    width: 6px;\n    height: 6px;\n    padding: 0;\n  }\n\n  /* Large Badge with text */\n  :host([value]:not([dot])) .badge {\n    min-width: 16px;\n    height: 16px;\n    padding: 0 4px;\n    font-size: 11px;\n    letter-spacing: 0.5px;\n  }\n\n  /* Anchored Positioning over slotted element */\n  :host([anchored]) .badge {\n    position: absolute;\n    top: 0;\n    right: 0;\n    transform: translate(50%, -50%);\n    z-index: 10;\n  }\n`;\n\n","import { html, nothing } from 'lit';\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport { badgeStyles } from './badge.css.js';\n\n@customElement('md-badge')\nexport class MdBadge extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, badgeStyles];\n\n  @property({ type: String, reflect: true })\n  value = '';\n\n  @property({ type: Boolean, reflect: true })\n  dot = false;\n\n  @property({ type: Boolean, reflect: true })\n  anchored = false;\n\n  @queryAssignedElements()\n  private assignedChildren!: HTMLElement[];\n\n  private handleSlotChange = () => {\n    this.anchored = this.assignedChildren.length > 0;\n  };\n\n  override render() {\n    return html`\n      <slot @slotchange=${this.handleSlotChange}></slot>\n      <span class=\"badge\">\n        ${!this.dot && this.value ? this.value : nothing}\n      </span>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-badge': MdBadge;\n  }\n}\n\n"],"names":["badgeStyles","css","MdBadge","MdBaseElement","html","nothing","__decorateClass","property","queryAssignedElements","customElement"],"mappings":";;;AAEO,MAAMA,IAAcC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;ACIpB,IAAMC,IAAN,cAAsBC,EAAc;AAAA,EAApC,cAAA;AAAA,UAAA,GAAA,SAAA,GAIL,KAAA,QAAQ,IAGR,KAAA,MAAM,IAGN,KAAA,WAAW,IAKX,KAAQ,mBAAmB,MAAM;AAC/B,WAAK,WAAW,KAAK,iBAAiB,SAAS;AAAA,IACjD;AAAA,EAAA;AAAA,EAES,SAAS;AAChB,WAAOC;AAAA,0BACe,KAAK,gBAAgB;AAAA;AAAA,UAErC,CAAC,KAAK,OAAO,KAAK,QAAQ,KAAK,QAAQC,CAAO;AAAA;AAAA;AAAA,EAGtD;AACF;AA3BaH,EACK,SAAS,CAACC,EAAc,QAAQH,CAAW;AAG3DM,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAH9BL,EAIX,WAAA,SAAA,CAAA;AAGAI,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAN/BL,EAOX,WAAA,OAAA,CAAA;AAGAI,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAT/BL,EAUX,WAAA,YAAA,CAAA;AAGQI,EAAA;AAAA,EADPE,EAAA;AAAsB,GAZZN,EAaH,WAAA,oBAAA,CAAA;AAbGA,IAANI,EAAA;AAAA,EADNG,EAAc,UAAU;AAAA,GACZP,CAAA;"}

package/dist/components/button/button.css.d.ts

@@ -0,0 +1,2 @@
+export declare const buttonStyles: import('lit').CSSResult;
+//# sourceMappingURL=button.css.d.ts.map

package/dist/components/button/button.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.css.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBA0JxB,CAAC"}

package/dist/components/button/button.d.ts

@@ -0,0 +1,25 @@
+import { MdBaseElement } from '../../internal/base-component.js';
+export type ButtonVariant = 'filled' | 'elevated' | 'tonal' | 'outlined' | 'text';
+export declare class MdButton extends MdBaseElement {
+    static styles: import('lit').CSSResultGroup[];
+    variant: ButtonVariant;
+    disabled: boolean;
+    loading: boolean;
+    type: 'button' | 'submit' | 'reset';
+    href: string;
+    target: string;
+    icon: string;
+    trailingIcon: string;
+    private assignedIcons;
+    private assignedTrailingIcons;
+    private handleClick;
+    private handleSlotChange;
+    firstUpdated(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-button': MdButton;
+    }
+}
+//# sourceMappingURL=button.d.ts.map

package/dist/components/button/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,iCAAiC,CAAC;AACzC,OAAO,yCAAyC,CAAC;AACjD,OAAO,iBAAiB,CAAC;AAGzB,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;AAElF,qBACa,QAAS,SAAQ,aAAa;IACzC,OAAgB,MAAM,iCAAwC;IAG9D,OAAO,EAAE,aAAa,CAAY;IAGlC,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAGhB,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAG/C,IAAI,SAAM;IAGV,MAAM,SAAM;IAGZ,IAAI,SAAM;IAGV,YAAY,SAAM;IAGlB,OAAO,CAAC,aAAa,CAAiB;IAGtC,OAAO,CAAC,qBAAqB,CAAiB;IAE9C,OAAO,CAAC,WAAW,CAiBjB;IAEF,OAAO,CAAC,gBAAgB;IAQf,YAAY;IAIZ,MAAM;CA+ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/components/button/button.js

@@ -0,0 +1,263 @@
+import { css as g, nothing as s, html as a } from "lit";
+import { property as n, queryAssignedElements as p, customElement as v } from "lit/decorators.js";
+import { M as b } from "../../chunks/base-component-DQTjlEVL.js";
+import "../../internal/ripple/ripple.js";
+import "../../chunks/focus-ring-Dl-XoEKK.js";
+import "../icon/icon.js";
+const u = g`
+  :host {
+    display: inline-flex;
+    outline: none;
+    vertical-align: middle;
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  :host([disabled]) {
+    pointer-events: none;
+  }
+
+  button, a {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+    min-width: 64px;
+    height: 40px;
+    padding: 0 24px;
+    border: none;
+    border-radius: var(--md-sys-shape-corner-full, 9999px);
+    font-family: var(--md-sys-typescale-font-family, inherit);
+    font-size: var(--md-sys-typescale-label-large-size, 14px);
+    font-weight: 500;
+    line-height: 20px;
+    letter-spacing: 0.1px;
+    text-decoration: none;
+    text-align: center;
+    cursor: pointer;
+    user-select: none;
+    outline: none;
+    transition: box-shadow 200ms cubic-bezier(0.2, 0, 0, 1),
+                background-color 200ms cubic-bezier(0.2, 0, 0, 1),
+                color 200ms cubic-bezier(0.2, 0, 0, 1);
+    overflow: hidden;
+  }
+
+  :host([has-icon]) button,
+  :host([has-icon]) a {
+    padding-left: 16px;
+  }
+
+  :host([has-trailing-icon]) button,
+  :host([has-trailing-icon]) a {
+    padding-right: 16px;
+  }
+
+  /* --- Filled (Default) --- */
+  :host(:not([variant])) button,
+  :host(:not([variant])) a,
+  :host([variant="filled"]) button,
+  :host([variant="filled"]) a {
+    background-color: var(--md-sys-color-primary, #6750a4);
+    color: var(--md-sys-color-on-primary, #ffffff);
+    box-shadow: var(--md-sys-elevation-level0, none);
+  }
+
+  :host([variant="filled"]:hover) button,
+  :host([variant="filled"]:hover) a,
+  :host(:not([variant]):hover) button,
+  :host(:not([variant]):hover) a {
+    box-shadow: var(--md-sys-elevation-level1, 0px 1px 3px 1px rgba(0,0,0,0.15));
+  }
+
+  /* --- Elevated --- */
+  :host([variant="elevated"]) button,
+  :host([variant="elevated"]) a {
+    background-color: var(--md-sys-color-surface-container-low, #f7f2fa);
+    color: var(--md-sys-color-primary, #6750a4);
+    box-shadow: var(--md-sys-elevation-level1, 0px 1px 3px 1px rgba(0,0,0,0.15));
+  }
+
+  :host([variant="elevated"]:hover) button,
+  :host([variant="elevated"]:hover) a {
+    box-shadow: var(--md-sys-elevation-level2, 0px 2px 6px 2px rgba(0,0,0,0.15));
+  }
+
+  /* --- Filled Tonal --- */
+  :host([variant="tonal"]) button,
+  :host([variant="tonal"]) a {
+    background-color: var(--md-sys-color-secondary-container, #e8def8);
+    color: var(--md-sys-color-on-secondary-container, #1d192b);
+    box-shadow: var(--md-sys-elevation-level0, none);
+  }
+
+  :host([variant="tonal"]:hover) button,
+  :host([variant="tonal"]:hover) a {
+    box-shadow: var(--md-sys-elevation-level1, 0px 1px 3px 1px rgba(0,0,0,0.15));
+  }
+
+  /* --- Outlined --- */
+  :host([variant="outlined"]) button,
+  :host([variant="outlined"]) a {
+    background-color: transparent;
+    color: var(--md-sys-color-primary, #6750a4);
+    border: 1px solid var(--md-sys-color-outline, #79747e);
+  }
+
+  /* --- Text --- */
+  :host([variant="text"]) button,
+  :host([variant="text"]) a {
+    background-color: transparent;
+    color: var(--md-sys-color-primary, #6750a4);
+    padding: 0 12px;
+  }
+
+  /* --- Disabled --- */
+  :host([disabled]) button,
+  :host([disabled]) a {
+    cursor: not-allowed;
+    box-shadow: none;
+  }
+
+  :host([disabled]:not([variant="outlined"]):not([variant="text"])) button,
+  :host([disabled]:not([variant="outlined"]):not([variant="text"])) a {
+    background-color: rgba(29, 27, 32, 0.12);
+    color: rgba(29, 27, 32, 0.38);
+  }
+
+  :host([disabled][variant="outlined"]) button,
+  :host([disabled][variant="outlined"]) a {
+    border-color: rgba(29, 27, 32, 0.12);
+    color: rgba(29, 27, 32, 0.38);
+  }
+
+  :host([disabled][variant="text"]) button,
+  :host([disabled][variant="text"]) a {
+    color: rgba(29, 27, 32, 0.38);
+  }
+
+  .content {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    position: relative;
+    z-index: 1;
+  }
+
+  .spinner {
+    width: 18px;
+    height: 18px;
+    border: 2px solid currentColor;
+    border-top-color: transparent;
+    border-radius: 50%;
+    animation: md-spin 800ms linear infinite;
+  }
+
+  @keyframes md-spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+`;
+var m = Object.defineProperty, y = Object.getOwnPropertyDescriptor, o = (e, i, d, l) => {
+  for (var r = l > 1 ? void 0 : l ? y(i, d) : i, h = e.length - 1, c; h >= 0; h--)
+    (c = e[h]) && (r = (l ? c(i, d, r) : c(r)) || r);
+  return l && r && m(i, d, r), r;
+};
+let t = class extends b {
+  constructor() {
+    super(...arguments), this.variant = "filled", this.disabled = !1, this.loading = !1, this.type = "button", this.href = "", this.target = "", this.icon = "", this.trailingIcon = "", this.handleClick = (e) => {
+      if (this.disabled || this.loading) {
+        e.preventDefault(), e.stopImmediatePropagation();
+        return;
+      }
+      if (this.type === "submit" || this.type === "reset") {
+        const i = this.closest("form");
+        i && (this.type === "submit" ? i.requestSubmit() : i.reset());
+      }
+    };
+  }
+  handleSlotChange() {
+    const e = !!(this.icon || this.assignedIcons && this.assignedIcons.length > 0), i = !!(this.trailingIcon || this.assignedTrailingIcons && this.assignedTrailingIcons.length > 0);
+    this.toggleAttribute("has-icon", e), this.toggleAttribute("has-trailing-icon", i);
+  }
+  firstUpdated() {
+    this.handleSlotChange();
+  }
+  render() {
+    const e = a`
+      <md-ripple ?disabled=${this.disabled || this.loading}></md-ripple>
+      <md-focus-ring></md-focus-ring>
+      <span class="content">
+        ${this.loading ? a`<span class="spinner" aria-hidden="true"></span>` : a`
+              <slot name="icon" @slotchange=${this.handleSlotChange}>
+                ${this.icon ? a`<md-icon name=${this.icon}></md-icon>` : s}
+              </slot>
+            `}
+        <slot @slotchange=${this.handleSlotChange}></slot>
+        ${this.loading ? s : a`
+              <slot name="trailing-icon" @slotchange=${this.handleSlotChange}>
+                ${this.trailingIcon ? a`<md-icon name=${this.trailingIcon}></md-icon>` : s}
+              </slot>
+            `}
+      </span>
+    `;
+    return this.href ? a`
+        <a
+          href=${this.disabled ? s : this.href}
+          target=${this.target || s}
+          aria-disabled=${this.disabled ? "true" : s}
+          tabindex=${this.disabled ? "-1" : "0"}
+          @click=${this.handleClick}
+        >
+          ${e}
+        </a>
+      ` : a`
+      <button
+        type=${this.type}
+        ?disabled=${this.disabled || this.loading}
+        @click=${this.handleClick}
+      >
+        ${e}
+      </button>
+    `;
+  }
+};
+t.styles = [b.styles, u];
+o([
+  n({ type: String, reflect: !0 })
+], t.prototype, "variant", 2);
+o([
+  n({ type: Boolean, reflect: !0 })
+], t.prototype, "disabled", 2);
+o([
+  n({ type: Boolean, reflect: !0 })
+], t.prototype, "loading", 2);
+o([
+  n({ type: String })
+], t.prototype, "type", 2);
+o([
+  n({ type: String })
+], t.prototype, "href", 2);
+o([
+  n({ type: String })
+], t.prototype, "target", 2);
+o([
+  n({ type: String })
+], t.prototype, "icon", 2);
+o([
+  n({ type: String, attribute: "trailing-icon" })
+], t.prototype, "trailingIcon", 2);
+o([
+  p({ slot: "icon" })
+], t.prototype, "assignedIcons", 2);
+o([
+  p({ slot: "trailing-icon" })
+], t.prototype, "assignedTrailingIcons", 2);
+t = o([
+  v("md-button")
+], t);
+export {
+  t as MdButton
+};
+//# sourceMappingURL=button.js.map

package/dist/components/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":["../../../src/components/button/button.css.ts","../../../src/components/button/button.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const buttonStyles = css`\n  :host {\n    display: inline-flex;\n    outline: none;\n    vertical-align: middle;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  :host([disabled]) {\n    pointer-events: none;\n  }\n\n  button, a {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    min-width: 64px;\n    height: 40px;\n    padding: 0 24px;\n    border: none;\n    border-radius: var(--md-sys-shape-corner-full, 9999px);\n    font-family: var(--md-sys-typescale-font-family, inherit);\n    font-size: var(--md-sys-typescale-label-large-size, 14px);\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: 0.1px;\n    text-decoration: none;\n    text-align: center;\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n    transition: box-shadow 200ms cubic-bezier(0.2, 0, 0, 1),\n                background-color 200ms cubic-bezier(0.2, 0, 0, 1),\n                color 200ms cubic-bezier(0.2, 0, 0, 1);\n    overflow: hidden;\n  }\n\n  :host([has-icon]) button,\n  :host([has-icon]) a {\n    padding-left: 16px;\n  }\n\n  :host([has-trailing-icon]) button,\n  :host([has-trailing-icon]) a {\n    padding-right: 16px;\n  }\n\n  /* --- Filled (Default) --- */\n  :host(:not([variant])) button,\n  :host(:not([variant])) a,\n  :host([variant=\"filled\"]) button,\n  :host([variant=\"filled\"]) a {\n    background-color: var(--md-sys-color-primary, #6750a4);\n    color: var(--md-sys-color-on-primary, #ffffff);\n    box-shadow: var(--md-sys-elevation-level0, none);\n  }\n\n  :host([variant=\"filled\"]:hover) button,\n  :host([variant=\"filled\"]:hover) a,\n  :host(:not([variant]):hover) button,\n  :host(:not([variant]):hover) a {\n    box-shadow: var(--md-sys-elevation-level1, 0px 1px 3px 1px rgba(0,0,0,0.15));\n  }\n\n  /* --- Elevated --- */\n  :host([variant=\"elevated\"]) button,\n  :host([variant=\"elevated\"]) a {\n    background-color: var(--md-sys-color-surface-container-low, #f7f2fa);\n    color: var(--md-sys-color-primary, #6750a4);\n    box-shadow: var(--md-sys-elevation-level1, 0px 1px 3px 1px rgba(0,0,0,0.15));\n  }\n\n  :host([variant=\"elevated\"]:hover) button,\n  :host([variant=\"elevated\"]:hover) a {\n    box-shadow: var(--md-sys-elevation-level2, 0px 2px 6px 2px rgba(0,0,0,0.15));\n  }\n\n  /* --- Filled Tonal --- */\n  :host([variant=\"tonal\"]) button,\n  :host([variant=\"tonal\"]) a {\n    background-color: var(--md-sys-color-secondary-container, #e8def8);\n    color: var(--md-sys-color-on-secondary-container, #1d192b);\n    box-shadow: var(--md-sys-elevation-level0, none);\n  }\n\n  :host([variant=\"tonal\"]:hover) button,\n  :host([variant=\"tonal\"]:hover) a {\n    box-shadow: var(--md-sys-elevation-level1, 0px 1px 3px 1px rgba(0,0,0,0.15));\n  }\n\n  /* --- Outlined --- */\n  :host([variant=\"outlined\"]) button,\n  :host([variant=\"outlined\"]) a {\n    background-color: transparent;\n    color: var(--md-sys-color-primary, #6750a4);\n    border: 1px solid var(--md-sys-color-outline, #79747e);\n  }\n\n  /* --- Text --- */\n  :host([variant=\"text\"]) button,\n  :host([variant=\"text\"]) a {\n    background-color: transparent;\n    color: var(--md-sys-color-primary, #6750a4);\n    padding: 0 12px;\n  }\n\n  /* --- Disabled --- */\n  :host([disabled]) button,\n  :host([disabled]) a {\n    cursor: not-allowed;\n    box-shadow: none;\n  }\n\n  :host([disabled]:not([variant=\"outlined\"]):not([variant=\"text\"])) button,\n  :host([disabled]:not([variant=\"outlined\"]):not([variant=\"text\"])) a {\n    background-color: rgba(29, 27, 32, 0.12);\n    color: rgba(29, 27, 32, 0.38);\n  }\n\n  :host([disabled][variant=\"outlined\"]) button,\n  :host([disabled][variant=\"outlined\"]) a {\n    border-color: rgba(29, 27, 32, 0.12);\n    color: rgba(29, 27, 32, 0.38);\n  }\n\n  :host([disabled][variant=\"text\"]) button,\n  :host([disabled][variant=\"text\"]) a {\n    color: rgba(29, 27, 32, 0.38);\n  }\n\n  .content {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    position: relative;\n    z-index: 1;\n  }\n\n  .spinner {\n    width: 18px;\n    height: 18px;\n    border: 2px solid currentColor;\n    border-top-color: transparent;\n    border-radius: 50%;\n    animation: md-spin 800ms linear infinite;\n  }\n\n  @keyframes md-spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n`;\n\n","import { html, nothing } from 'lit';\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport '../../internal/ripple/ripple.js';\nimport '../../internal/focus-ring/focus-ring.js';\nimport '../icon/icon.js';\nimport { buttonStyles } from './button.css.js';\n\nexport type ButtonVariant = 'filled' | 'elevated' | 'tonal' | 'outlined' | 'text';\n\n@customElement('md-button')\nexport class MdButton extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, buttonStyles];\n\n  @property({ type: String, reflect: true })\n  variant: ButtonVariant = 'filled';\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: Boolean, reflect: true })\n  loading = false;\n\n  @property({ type: String })\n  type: 'button' | 'submit' | 'reset' = 'button';\n\n  @property({ type: String })\n  href = '';\n\n  @property({ type: String })\n  target = '';\n\n  @property({ type: String })\n  icon = '';\n\n  @property({ type: String, attribute: 'trailing-icon' })\n  trailingIcon = '';\n\n  @queryAssignedElements({ slot: 'icon' })\n  private assignedIcons!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'trailing-icon' })\n  private assignedTrailingIcons!: HTMLElement[];\n\n  private handleClick = (event: MouseEvent): void => {\n    if (this.disabled || this.loading) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      return;\n    }\n\n    if (this.type === 'submit' || this.type === 'reset') {\n      const form = this.closest('form');\n      if (form) {\n        if (this.type === 'submit') {\n          form.requestSubmit();\n        } else {\n          form.reset();\n        }\n      }\n    }\n  };\n\n  private handleSlotChange(): void {\n    const hasLeading = Boolean(this.icon || (this.assignedIcons && this.assignedIcons.length > 0));\n    const hasTrailing = Boolean(this.trailingIcon || (this.assignedTrailingIcons && this.assignedTrailingIcons.length > 0));\n\n    this.toggleAttribute('has-icon', hasLeading);\n    this.toggleAttribute('has-trailing-icon', hasTrailing);\n  }\n\n  override firstUpdated() {\n    this.handleSlotChange();\n  }\n\n  override render() {\n    const content = html`\n      <md-ripple ?disabled=${this.disabled || this.loading}></md-ripple>\n      <md-focus-ring></md-focus-ring>\n      <span class=\"content\">\n        ${this.loading\n          ? html`<span class=\"spinner\" aria-hidden=\"true\"></span>`\n          : html`\n              <slot name=\"icon\" @slotchange=${this.handleSlotChange}>\n                ${this.icon ? html`<md-icon name=${this.icon}></md-icon>` : nothing}\n              </slot>\n            `}\n        <slot @slotchange=${this.handleSlotChange}></slot>\n        ${!this.loading\n          ? html`\n              <slot name=\"trailing-icon\" @slotchange=${this.handleSlotChange}>\n                ${this.trailingIcon ? html`<md-icon name=${this.trailingIcon}></md-icon>` : nothing}\n              </slot>\n            `\n          : nothing}\n      </span>\n    `;\n\n    if (this.href) {\n      return html`\n        <a\n          href=${this.disabled ? nothing : this.href}\n          target=${this.target || nothing}\n          aria-disabled=${this.disabled ? 'true' : nothing}\n          tabindex=${this.disabled ? '-1' : '0'}\n          @click=${this.handleClick}\n        >\n          ${content}\n        </a>\n      `;\n    }\n\n    return html`\n      <button\n        type=${this.type}\n        ?disabled=${this.disabled || this.loading}\n        @click=${this.handleClick}\n      >\n        ${content}\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-button': MdButton;\n  }\n}\n\n"],"names":["buttonStyles","css","MdButton","MdBaseElement","event","form","hasLeading","hasTrailing","content","html","nothing","__decorateClass","property","queryAssignedElements","customElement"],"mappings":"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"}

package/dist/components/card/card.css.d.ts

@@ -0,0 +1,2 @@
+export declare const cardStyles: import('lit').CSSResult;
+//# sourceMappingURL=card.css.d.ts.map

package/dist/components/card/card.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.css.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAyFtB,CAAC"}

package/dist/components/card/card.d.ts

@@ -0,0 +1,18 @@
+import { MdBaseElement } from '../../internal/base-component.js';
+export type CardVariant = 'elevated' | 'filled' | 'outlined';
+export declare class MdCard extends MdBaseElement {
+    static styles: import('lit').CSSResultGroup[];
+    variant: CardVariant;
+    interactive: boolean;
+    disabled: boolean;
+    href: string;
+    target: string;
+    private handleClick;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-card': MdCard;
+    }
+}
+//# sourceMappingURL=card.d.ts.map

package/dist/components/card/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,iCAAiC,CAAC;AACzC,OAAO,yCAAyC,CAAC;AAGjD,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE7D,qBACa,MAAO,SAAQ,aAAa;IACvC,OAAgB,MAAM,iCAAsC;IAG5D,OAAO,EAAE,WAAW,CAAc;IAGlC,WAAW,UAAS;IAGpB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,MAAM,SAAM;IAEZ,OAAO,CAAC,WAAW,CASjB;IAEO,MAAM;CAwChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/components/card/card.js

@@ -0,0 +1,169 @@
+import { css as h, nothing as r, html as l } from "lit";
+import { property as o, customElement as m } from "lit/decorators.js";
+import { M as v } from "../../chunks/base-component-DQTjlEVL.js";
+import "../../internal/ripple/ripple.js";
+import "../../chunks/focus-ring-Dl-XoEKK.js";
+const x = h`
+  :host {
+    display: block;
+    border-radius: var(--md-sys-shape-corner-medium, 12px);
+    box-sizing: border-box;
+    font-family: var(--md-sys-typescale-font-family, inherit);
+    position: relative;
+    overflow: hidden;
+    transition: box-shadow 200ms cubic-bezier(0.2, 0, 0, 1),
+                background-color 200ms cubic-bezier(0.2, 0, 0, 1);
+  }
+
+  /* --- Elevated (Default) --- */
+  :host(:not([variant])),
+  :host([variant="elevated"]) {
+    background-color: var(--md-sys-color-surface-container-low, #F7F2FA);
+    box-shadow: var(--md-sys-elevation-level1, 0px 1px 3px 1px rgba(0,0,0,0.15));
+  }
+
+  :host(:not([variant])[interactive]:hover),
+  :host([variant="elevated"][interactive]:hover) {
+    box-shadow: var(--md-sys-elevation-level2, 0px 2px 6px 2px rgba(0,0,0,0.15));
+  }
+
+  /* --- Filled --- */
+  :host([variant="filled"]) {
+    background-color: var(--md-sys-color-surface-container-highest, #E6E0E9);
+    box-shadow: var(--md-sys-elevation-level0, none);
+  }
+
+  :host([variant="filled"][interactive]:hover) {
+    box-shadow: var(--md-sys-elevation-level1, 0px 1px 3px 1px rgba(0,0,0,0.15));
+  }
+
+  /* --- Outlined --- */
+  :host([variant="outlined"]) {
+    background-color: var(--md-sys-color-surface, #FEF7FF);
+    border: 1px solid var(--md-sys-color-outline-variant, #CAC4D0);
+    box-shadow: var(--md-sys-elevation-level0, none);
+  }
+
+  :host([variant="outlined"][interactive]:hover) {
+    box-shadow: var(--md-sys-elevation-level1, 0px 1px 3px 1px rgba(0,0,0,0.15));
+  }
+
+  :host([interactive]) {
+    cursor: pointer;
+  }
+
+  :host([disabled]) {
+    pointer-events: none;
+    opacity: 0.38;
+  }
+
+  .card-container {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    position: relative;
+    text-decoration: none;
+    color: inherit;
+  }
+
+  ::slotted([slot="media"]) {
+    width: 100%;
+    max-height: 200px;
+    object-fit: cover;
+    display: block;
+  }
+
+  .header {
+    padding: 16px 16px 0;
+  }
+
+  .body {
+    padding: 16px;
+    flex: 1;
+    font-size: var(--md-sys-typescale-body-medium-size, 14px);
+    line-height: 20px;
+    color: var(--md-sys-color-on-surface-variant, #49454F);
+  }
+
+  .actions {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 8px;
+    padding: 8px 16px 16px;
+  }
+`;
+var b = Object.defineProperty, f = Object.getOwnPropertyDescriptor, a = (e, s, d, n) => {
+  for (var i = n > 1 ? void 0 : n ? f(s, d) : s, c = e.length - 1, p; c >= 0; c--)
+    (p = e[c]) && (i = (n ? p(s, d, i) : p(i)) || i);
+  return n && i && b(s, d, i), i;
+};
+let t = class extends v {
+  constructor() {
+    super(...arguments), this.variant = "elevated", this.interactive = !1, this.disabled = !1, this.href = "", this.target = "", this.handleClick = (e) => {
+      if (this.disabled) {
+        e.preventDefault(), e.stopImmediatePropagation();
+        return;
+      }
+      this.interactive && this.emitEvent("card-click");
+    };
+  }
+  render() {
+    const e = l`
+      ${this.interactive ? l`<md-ripple ?disabled=${this.disabled}></md-ripple><md-focus-ring></md-focus-ring>` : r}
+      <slot name="media"></slot>
+      <div class="header">
+        <slot name="header"></slot>
+      </div>
+      <div class="body">
+        <slot></slot>
+      </div>
+      <div class="actions">
+        <slot name="actions"></slot>
+      </div>
+    `;
+    return this.href ? l`
+        <a
+          class="card-container"
+          href=${this.disabled ? r : this.href}
+          target=${this.target || r}
+          aria-disabled=${this.disabled ? "true" : r}
+          tabindex=${this.disabled ? "-1" : this.interactive ? "0" : r}
+          @click=${this.handleClick}
+        >
+          ${e}
+        </a>
+      ` : l`
+      <div
+        class="card-container"
+        tabindex=${this.interactive && !this.disabled ? "0" : r}
+        @click=${this.handleClick}
+      >
+        ${e}
+      </div>
+    `;
+  }
+};
+t.styles = [v.styles, x];
+a([
+  o({ type: String, reflect: !0 })
+], t.prototype, "variant", 2);
+a([
+  o({ type: Boolean, reflect: !0 })
+], t.prototype, "interactive", 2);
+a([
+  o({ type: Boolean, reflect: !0 })
+], t.prototype, "disabled", 2);
+a([
+  o({ type: String })
+], t.prototype, "href", 2);
+a([
+  o({ type: String })
+], t.prototype, "target", 2);
+t = a([
+  m("md-card")
+], t);
+export {
+  t as MdCard
+};
+//# sourceMappingURL=card.js.map

package/dist/components/card/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sources":["../../../src/components/card/card.css.ts","../../../src/components/card/card.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const cardStyles = css`\n  :host {\n    display: block;\n    border-radius: var(--md-sys-shape-corner-medium, 12px);\n    box-sizing: border-box;\n    font-family: var(--md-sys-typescale-font-family, inherit);\n    position: relative;\n    overflow: hidden;\n    transition: box-shadow 200ms cubic-bezier(0.2, 0, 0, 1),\n                background-color 200ms cubic-bezier(0.2, 0, 0, 1);\n  }\n\n  /* --- Elevated (Default) --- */\n  :host(:not([variant])),\n  :host([variant=\"elevated\"]) {\n    background-color: var(--md-sys-color-surface-container-low, #F7F2FA);\n    box-shadow: var(--md-sys-elevation-level1, 0px 1px 3px 1px rgba(0,0,0,0.15));\n  }\n\n  :host(:not([variant])[interactive]:hover),\n  :host([variant=\"elevated\"][interactive]:hover) {\n    box-shadow: var(--md-sys-elevation-level2, 0px 2px 6px 2px rgba(0,0,0,0.15));\n  }\n\n  /* --- Filled --- */\n  :host([variant=\"filled\"]) {\n    background-color: var(--md-sys-color-surface-container-highest, #E6E0E9);\n    box-shadow: var(--md-sys-elevation-level0, none);\n  }\n\n  :host([variant=\"filled\"][interactive]:hover) {\n    box-shadow: var(--md-sys-elevation-level1, 0px 1px 3px 1px rgba(0,0,0,0.15));\n  }\n\n  /* --- Outlined --- */\n  :host([variant=\"outlined\"]) {\n    background-color: var(--md-sys-color-surface, #FEF7FF);\n    border: 1px solid var(--md-sys-color-outline-variant, #CAC4D0);\n    box-shadow: var(--md-sys-elevation-level0, none);\n  }\n\n  :host([variant=\"outlined\"][interactive]:hover) {\n    box-shadow: var(--md-sys-elevation-level1, 0px 1px 3px 1px rgba(0,0,0,0.15));\n  }\n\n  :host([interactive]) {\n    cursor: pointer;\n  }\n\n  :host([disabled]) {\n    pointer-events: none;\n    opacity: 0.38;\n  }\n\n  .card-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    position: relative;\n    text-decoration: none;\n    color: inherit;\n  }\n\n  ::slotted([slot=\"media\"]) {\n    width: 100%;\n    max-height: 200px;\n    object-fit: cover;\n    display: block;\n  }\n\n  .header {\n    padding: 16px 16px 0;\n  }\n\n  .body {\n    padding: 16px;\n    flex: 1;\n    font-size: var(--md-sys-typescale-body-medium-size, 14px);\n    line-height: 20px;\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n  }\n\n  .actions {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: 8px;\n    padding: 8px 16px 16px;\n  }\n`;\n\n","import { html, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport '../../internal/ripple/ripple.js';\nimport '../../internal/focus-ring/focus-ring.js';\nimport { cardStyles } from './card.css.js';\n\nexport type CardVariant = 'elevated' | 'filled' | 'outlined';\n\n@customElement('md-card')\nexport class MdCard extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, cardStyles];\n\n  @property({ type: String, reflect: true })\n  variant: CardVariant = 'elevated';\n\n  @property({ type: Boolean, reflect: true })\n  interactive = false;\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: String })\n  href = '';\n\n  @property({ type: String })\n  target = '';\n\n  private handleClick = (event: MouseEvent) => {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      return;\n    }\n    if (this.interactive) {\n      this.emitEvent('card-click');\n    }\n  };\n\n  override render() {\n    const innerContent = html`\n      ${this.interactive ? html`<md-ripple ?disabled=${this.disabled}></md-ripple><md-focus-ring></md-focus-ring>` : nothing}\n      <slot name=\"media\"></slot>\n      <div class=\"header\">\n        <slot name=\"header\"></slot>\n      </div>\n      <div class=\"body\">\n        <slot></slot>\n      </div>\n      <div class=\"actions\">\n        <slot name=\"actions\"></slot>\n      </div>\n    `;\n\n    if (this.href) {\n      return html`\n        <a\n          class=\"card-container\"\n          href=${this.disabled ? nothing : this.href}\n          target=${this.target || nothing}\n          aria-disabled=${this.disabled ? 'true' : nothing}\n          tabindex=${this.disabled ? '-1' : (this.interactive ? '0' : nothing)}\n          @click=${this.handleClick}\n        >\n          ${innerContent}\n        </a>\n      `;\n    }\n\n    return html`\n      <div\n        class=\"card-container\"\n        tabindex=${this.interactive && !this.disabled ? '0' : nothing}\n        @click=${this.handleClick}\n      >\n        ${innerContent}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-card': MdCard;\n  }\n}\n\n"],"names":["cardStyles","css","MdCard","MdBaseElement","event","innerContent","html","nothing","__decorateClass","property","customElement"],"mappings":";;;;;AAEO,MAAMA,IAAaC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;ACQnB,IAAMC,IAAN,cAAqBC,EAAc;AAAA,EAAnC,cAAA;AAAA,UAAA,GAAA,SAAA,GAIL,KAAA,UAAuB,YAGvB,KAAA,cAAc,IAGd,KAAA,WAAW,IAGX,KAAA,OAAO,IAGP,KAAA,SAAS,IAET,KAAQ,cAAc,CAACC,MAAsB;AAC3C,UAAI,KAAK,UAAU;AACjB,QAAAA,EAAM,eAAA,GACNA,EAAM,yBAAA;AACN;AAAA,MACF;AACA,MAAI,KAAK,eACP,KAAK,UAAU,YAAY;AAAA,IAE/B;AAAA,EAAA;AAAA,EAES,SAAS;AAChB,UAAMC,IAAeC;AAAA,QACjB,KAAK,cAAcA,yBAA4B,KAAK,QAAQ,iDAAiDC,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaxH,WAAI,KAAK,OACAD;AAAA;AAAA;AAAA,iBAGI,KAAK,WAAWC,IAAU,KAAK,IAAI;AAAA,mBACjC,KAAK,UAAUA,CAAO;AAAA,0BACf,KAAK,WAAW,SAASA,CAAO;AAAA,qBACrC,KAAK,WAAW,OAAQ,KAAK,cAAc,MAAMA,CAAQ;AAAA,mBAC3D,KAAK,WAAW;AAAA;AAAA,YAEvBF,CAAY;AAAA;AAAA,UAKbC;AAAA;AAAA;AAAA,mBAGQ,KAAK,eAAe,CAAC,KAAK,WAAW,MAAMC,CAAO;AAAA,iBACpD,KAAK,WAAW;AAAA;AAAA,UAEvBF,CAAY;AAAA;AAAA;AAAA,EAGpB;AACF;AArEaH,EACK,SAAS,CAACC,EAAc,QAAQH,CAAU;AAG1DQ,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAH9BP,EAIX,WAAA,WAAA,CAAA;AAGAM,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAN/BP,EAOX,WAAA,eAAA,CAAA;AAGAM,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAT/BP,EAUX,WAAA,YAAA,CAAA;AAGAM,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAZfP,EAaX,WAAA,QAAA,CAAA;AAGAM,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAffP,EAgBX,WAAA,UAAA,CAAA;AAhBWA,IAANM,EAAA;AAAA,EADNE,EAAc,SAAS;AAAA,GACXR,CAAA;"}

package/dist/components/checkbox/checkbox.css.d.ts

@@ -0,0 +1,2 @@
+export declare const checkboxStyles: import('lit').CSSResult;
+//# sourceMappingURL=checkbox.css.d.ts.map

package/dist/components/checkbox/checkbox.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.css.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAoG1B,CAAC"}

package/dist/components/checkbox/checkbox.d.ts

@@ -0,0 +1,24 @@
+import { MdFormAssociatedElement } from '../../internal/form-associated.js';
+export declare class MdCheckbox extends MdFormAssociatedElement {
+    static styles: import('lit').CSSResultGroup[];
+    checked: boolean;
+    indeterminate: boolean;
+    error: boolean;
+    value: string;
+    private inputElement?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    formResetCallback(): void;
+    private updateFormValue;
+    private handleClick;
+    private handleKeyDown;
+    private toggle;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-checkbox': MdCheckbox;
+    }
+}
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/components/checkbox/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,iCAAiC,CAAC;AACzC,OAAO,yCAAyC,CAAC;AAGjD,qBACa,UAAW,SAAQ,uBAAuB;IACrD,OAAgB,MAAM,iCAAoD;IAG1E,OAAO,UAAS;IAGhB,aAAa,UAAS;IAGtB,KAAK,UAAS;IAGd,KAAK,SAAQ;IAGb,OAAO,CAAC,YAAY,CAAC,CAAmB;IAE/B,iBAAiB;IAQjB,oBAAoB;IAMpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAO/C,iBAAiB;IAM1B,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,WAAW,CAIjB;IAEF,OAAO,CAAC,aAAa,CAMnB;IAEF,OAAO,CAAC,MAAM;IAYL,MAAM;CA2BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}