@francofantomius/material-components 0.1.0 → 1.0.0

package/dist/chunks/focus-ring-Dl-XoEKK.js

@@ -1,71 +0,0 @@
-import { css as h, html as d } from "lit";
-import { property as a, customElement as f } from "lit/decorators.js";
-import { M as u } from "./base-component-DQTjlEVL.js";
-const p = h`
-  :host {
-    display: none;
-    position: absolute;
-    inset: -4px;
-    border: 3px solid var(--md-sys-color-secondary, #625B71);
-    border-radius: inherit;
-    pointer-events: none;
-    box-sizing: border-box;
-  }
-
-  :host([visible]) {
-    display: block;
-    animation: md-focus-ring-in 150ms cubic-bezier(0.2, 0, 0, 1);
-  }
-
-  :host([inward]) {
-    inset: 0px;
-  }
-
-  @keyframes md-focus-ring-in {
-    from {
-      opacity: 0;
-      transform: scale(0.96);
-    }
-    to {
-      opacity: 1;
-      transform: scale(1);
-    }
-  }
-`;
-var m = Object.defineProperty, b = Object.getOwnPropertyDescriptor, l = (c, s, i, o) => {
-  for (var e = o > 1 ? void 0 : o ? b(s, i) : s, r = c.length - 1, n; r >= 0; r--)
-    (n = c[r]) && (e = (o ? n(s, i, e) : n(e)) || e);
-  return o && e && m(s, i, e), e;
-};
-let t = class extends u {
-  constructor() {
-    super(...arguments), this.visible = !1, this.inward = !1, this.control = null, this.handleFocusIn = () => {
-      (this.control?.matches(":focus-visible") || this.control?.querySelector(":focus-visible")) && (this.visible = !0);
-    }, this.handleFocusOut = () => {
-      this.visible = !1;
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.control = this.parentElement || this.getRootNode()?.host, this.control && (this.control.addEventListener("focusin", this.handleFocusIn), this.control.addEventListener("focusout", this.handleFocusOut));
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.control && (this.control.removeEventListener("focusin", this.handleFocusIn), this.control.removeEventListener("focusout", this.handleFocusOut));
-  }
-  render() {
-    return d``;
-  }
-};
-t.styles = [u.styles, p];
-l([
-  a({ type: Boolean, reflect: !0 })
-], t.prototype, "visible", 2);
-l([
-  a({ type: Boolean, reflect: !0 })
-], t.prototype, "inward", 2);
-t = l([
-  f("md-focus-ring")
-], t);
-export {
-  t as M
-};
-//# sourceMappingURL=focus-ring-Dl-XoEKK.js.map

package/dist/chunks/focus-ring-Dl-XoEKK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"focus-ring-Dl-XoEKK.js","sources":["../../src/internal/focus-ring/focus-ring.css.ts","../../src/internal/focus-ring/focus-ring.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const focusRingStyles = css`\n  :host {\n    display: none;\n    position: absolute;\n    inset: -4px;\n    border: 3px solid var(--md-sys-color-secondary, #625B71);\n    border-radius: inherit;\n    pointer-events: none;\n    box-sizing: border-box;\n  }\n\n  :host([visible]) {\n    display: block;\n    animation: md-focus-ring-in 150ms cubic-bezier(0.2, 0, 0, 1);\n  }\n\n  :host([inward]) {\n    inset: 0px;\n  }\n\n  @keyframes md-focus-ring-in {\n    from {\n      opacity: 0;\n      transform: scale(0.96);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n`;\n\n","import { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MdBaseElement } from '../base-component.js';\nimport { focusRingStyles } from './focus-ring.css.js';\n\n@customElement('md-focus-ring')\nexport class MdFocusRing extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, focusRingStyles];\n\n  @property({ type: Boolean, reflect: true })\n  visible = false;\n\n  @property({ type: Boolean, reflect: true })\n  inward = false;\n\n  private control: HTMLElement | null = null;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.control = (this.parentElement || (this.getRootNode() as ShadowRoot)?.host) as HTMLElement | null;\n    if (this.control) {\n      this.control.addEventListener('focusin', this.handleFocusIn);\n      this.control.addEventListener('focusout', this.handleFocusOut);\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this.control) {\n      this.control.removeEventListener('focusin', this.handleFocusIn);\n      this.control.removeEventListener('focusout', this.handleFocusOut);\n    }\n  }\n\n  private handleFocusIn = (): void => {\n    if (this.control?.matches(':focus-visible') || this.control?.querySelector(':focus-visible')) {\n      this.visible = true;\n    }\n  };\n\n  private handleFocusOut = (): void => {\n    this.visible = false;\n  };\n\n  override render() {\n    return html``;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-focus-ring': MdFocusRing;\n  }\n}\n\n"],"names":["focusRingStyles","css","MdFocusRing","MdBaseElement","html","__decorateClass","property","customElement"],"mappings":";;;AAEO,MAAMA,IAAkBC;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;;;;;;ACIxB,IAAMC,IAAN,cAA0BC,EAAc;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA,GAIL,KAAA,UAAU,IAGV,KAAA,SAAS,IAET,KAAQ,UAA8B,MAmBtC,KAAQ,gBAAgB,MAAY;AAClC,OAAI,KAAK,SAAS,QAAQ,gBAAgB,KAAK,KAAK,SAAS,cAAc,gBAAgB,OACzF,KAAK,UAAU;AAAA,IAEnB,GAEA,KAAQ,iBAAiB,MAAY;AACnC,WAAK,UAAU;AAAA,IACjB;AAAA,EAAA;AAAA,EAzBS,oBAA0B;AACjC,UAAM,kBAAA,GACN,KAAK,UAAW,KAAK,iBAAkB,KAAK,eAA8B,MACtE,KAAK,YACP,KAAK,QAAQ,iBAAiB,WAAW,KAAK,aAAa,GAC3D,KAAK,QAAQ,iBAAiB,YAAY,KAAK,cAAc;AAAA,EAEjE;AAAA,EAES,uBAA6B;AACpC,UAAM,qBAAA,GACF,KAAK,YACP,KAAK,QAAQ,oBAAoB,WAAW,KAAK,aAAa,GAC9D,KAAK,QAAQ,oBAAoB,YAAY,KAAK,cAAc;AAAA,EAEpE;AAAA,EAYS,SAAS;AAChB,WAAOC;AAAA,EACT;AACF;AAzCaF,EACK,SAAS,CAACC,EAAc,QAAQH,CAAe;AAG/DK,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAH/BJ,EAIX,WAAA,WAAA,CAAA;AAGAG,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAN/BJ,EAOX,WAAA,UAAA,CAAA;AAPWA,IAANG,EAAA;AAAA,EADNE,EAAc,eAAe;AAAA,GACjBL,CAAA;"}

package/dist/chunks/form-associated-fKbeX_2P.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-associated-fKbeX_2P.js","sources":["../../src/internal/form-associated.ts"],"sourcesContent":["import { property } from 'lit/decorators.js';\nimport { MdBaseElement } from './base-component.js';\n\n/**\n * Base element class for Form-Associated Custom Elements (FACE).\n * Provides seamless integration with native HTML <form> elements.\n */\nexport class MdFormAssociatedElement extends MdBaseElement {\n  static formAssociated = true;\n\n  protected internals?: ElementInternals;\n\n  @property({ type: String, reflect: true })\n  name = '';\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  private _customValidityMessage = '';\n  private _valid = true;\n\n  constructor() {\n    super();\n    if (typeof this.attachInternals === 'function') {\n      this.internals = this.attachInternals();\n    }\n  }\n\n  get form(): HTMLFormElement | null {\n    return this.internals?.form ?? (this.closest('form') as HTMLFormElement | null);\n  }\n\n  get validity(): ValidityState {\n    return this.internals?.validity ?? ({\n      valid: this._valid,\n      valueMissing: !this._valid,\n      customError: Boolean(this._customValidityMessage),\n      badInput: false,\n      patternMismatch: false,\n      rangeOverflow: false,\n      rangeUnderflow: false,\n      stepMismatch: false,\n      tooLong: false,\n      tooShort: false,\n      typeMismatch: false,\n    } as ValidityState);\n  }\n\n  get validationMessage(): string {\n    return this.internals?.validationMessage ?? this._customValidityMessage;\n  }\n\n  get willValidate(): boolean {\n    return this.internals?.willValidate ?? !this.disabled;\n  }\n\n  checkValidity(): boolean {\n    if (this.internals?.checkValidity) {\n      return this.internals.checkValidity();\n    }\n    return this._valid;\n  }\n\n  reportValidity(): boolean {\n    if (this.internals?.reportValidity) {\n      return this.internals.reportValidity();\n    }\n    return this._valid;\n  }\n\n  protected setFormValue(value: string | File | FormData | null): void {\n    this.internals?.setFormValue(value);\n  }\n\n  protected setValidity(\n    flags?: ValidityStateFlags,\n    message?: string,\n    anchor?: HTMLElement\n  ): void {\n    if (flags) {\n      const hasErrors = Object.values(flags).some(Boolean);\n      this._valid = !hasErrors;\n      this._customValidityMessage = message || '';\n    } else {\n      this._valid = true;\n      this._customValidityMessage = '';\n    }\n\n    if (this.internals?.setValidity) {\n      this.internals.setValidity(flags, message, anchor);\n    }\n  }\n\n  formResetCallback(): void {\n    // Override in child class to reset internal values\n  }\n\n  formDisabledCallback(disabled: boolean): void {\n    this.disabled = disabled;\n  }\n}\n\n"],"names":["MdFormAssociatedElement","MdBaseElement","value","flags","message","anchor","hasErrors","disabled","__decorateClass","property"],"mappings":";;;;;;;AAOO,MAAMA,UAAgCC,EAAc;AAAA,EAiBzD,cAAc;AACZ,UAAA,GAZF,KAAA,OAAO,IAGP,KAAA,WAAW,IAGX,KAAA,WAAW,IAEX,KAAQ,yBAAyB,IACjC,KAAQ,SAAS,IAIX,OAAO,KAAK,mBAAoB,eAClC,KAAK,YAAY,KAAK,gBAAA;AAAA,EAE1B;AAAA,EArBA,OAAA;AAAA,SAAO,iBAAiB;AAAA,EAAA;AAAA,EAuBxB,IAAI,OAA+B;AACjC,WAAO,KAAK,WAAW,QAAS,KAAK,QAAQ,MAAM;AAAA,EACrD;AAAA,EAEA,IAAI,WAA0B;AAC5B,WAAO,KAAK,WAAW,YAAa;AAAA,MAClC,OAAO,KAAK;AAAA,MACZ,cAAc,CAAC,KAAK;AAAA,MACpB,aAAa,EAAQ,KAAK;AAAA,MAC1B,UAAU;AAAA,MACV,iBAAiB;AAAA,MACjB,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,cAAc;AAAA,MACd,SAAS;AAAA,MACT,UAAU;AAAA,MACV,cAAc;AAAA,IAAA;AAAA,EAElB;AAAA,EAEA,IAAI,oBAA4B;AAC9B,WAAO,KAAK,WAAW,qBAAqB,KAAK;AAAA,EACnD;AAAA,EAEA,IAAI,eAAwB;AAC1B,WAAO,KAAK,WAAW,gBAAgB,CAAC,KAAK;AAAA,EAC/C;AAAA,EAEA,gBAAyB;AACvB,WAAI,KAAK,WAAW,gBACX,KAAK,UAAU,cAAA,IAEjB,KAAK;AAAA,EACd;AAAA,EAEA,iBAA0B;AACxB,WAAI,KAAK,WAAW,iBACX,KAAK,UAAU,eAAA,IAEjB,KAAK;AAAA,EACd;AAAA,EAEU,aAAaC,GAA8C;AACnE,SAAK,WAAW,aAAaA,CAAK;AAAA,EACpC;AAAA,EAEU,YACRC,GACAC,GACAC,GACM;AACN,QAAIF,GAAO;AACT,YAAMG,IAAY,OAAO,OAAOH,CAAK,EAAE,KAAK,OAAO;AACnD,WAAK,SAAS,CAACG,GACf,KAAK,yBAAyBF,KAAW;AAAA,IAC3C;AACE,WAAK,SAAS,IACd,KAAK,yBAAyB;AAGhC,IAAI,KAAK,WAAW,eAClB,KAAK,UAAU,YAAYD,GAAOC,GAASC,CAAM;AAAA,EAErD;AAAA,EAEA,oBAA0B;AAAA,EAE1B;AAAA,EAEA,qBAAqBE,GAAyB;AAC5C,SAAK,WAAWA;AAAA,EAClB;AACF;AA1FEC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAL9BT,EAMX,WAAA,MAAA;AAGAQ,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAR/BT,EASX,WAAA,UAAA;AAGAQ,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAX/BT,EAYX,WAAA,UAAA;"}

package/dist/chunks/theme.css-DV3DRha-.js

@@ -1,263 +0,0 @@
-import { css as r } from "lit";
-const e = {
-  primary: "#6750A4",
-  onPrimary: "#FFFFFF",
-  primaryContainer: "#EADDFF",
-  onPrimaryContainer: "#21005D",
-  secondary: "#625B71",
-  onSecondary: "#FFFFFF",
-  secondaryContainer: "#E8DEF8",
-  onSecondaryContainer: "#1D192B",
-  tertiary: "#7D5260",
-  onTertiary: "#FFFFFF",
-  tertiaryContainer: "#FFD8E4",
-  onTertiaryContainer: "#31111D",
-  error: "#B3261E",
-  onError: "#FFFFFF",
-  errorContainer: "#F9DEDC",
-  onErrorContainer: "#410E0B",
-  background: "#FEF7FF",
-  onBackground: "#1D1B20",
-  surface: "#FEF7FF",
-  onSurface: "#1D1B20",
-  surfaceVariant: "#E7E0EC",
-  onSurfaceVariant: "#49454F",
-  outline: "#79747E",
-  outlineVariant: "#CAC4D0",
-  shadow: "#000000",
-  scrim: "#000000",
-  inverseSurface: "#313033",
-  inverseOnSurface: "#F4EFF4",
-  inversePrimary: "#D0BCFF",
-  surfaceDim: "#DED8E1",
-  surfaceBright: "#FEF7FF",
-  surfaceContainerLowest: "#FFFFFF",
-  surfaceContainerLow: "#F7F2FA",
-  surfaceContainer: "#F3EDF7",
-  surfaceContainerHigh: "#ECE6F0",
-  surfaceContainerHighest: "#E6E0E9"
-}, o = {
-  primary: "#D0BCFF",
-  onPrimary: "#381E72",
-  primaryContainer: "#4F378B",
-  onPrimaryContainer: "#EADDFF",
-  secondary: "#CCC2DC",
-  onSecondary: "#332D41",
-  secondaryContainer: "#4A4458",
-  onSecondaryContainer: "#E8DEF8",
-  tertiary: "#EFB8C8",
-  onTertiary: "#492532",
-  tertiaryContainer: "#633B48",
-  onTertiaryContainer: "#FFD8E4",
-  error: "#F2B8B5",
-  onError: "#601410",
-  errorContainer: "#8C1D18",
-  onErrorContainer: "#F9DEDC",
-  background: "#141218",
-  onBackground: "#E6E0E9",
-  surface: "#141218",
-  onSurface: "#E6E0E9",
-  surfaceVariant: "#49454F",
-  onSurfaceVariant: "#CAC4D0",
-  outline: "#938F99",
-  outlineVariant: "#49454F",
-  shadow: "#000000",
-  scrim: "#000000",
-  inverseSurface: "#E6E0E9",
-  inverseOnSurface: "#313033",
-  inversePrimary: "#6750A4",
-  surfaceDim: "#141218",
-  surfaceBright: "#3B383E",
-  surfaceContainerLowest: "#0F0D13",
-  surfaceContainerLow: "#1D1B20",
-  surfaceContainer: "#211F26",
-  surfaceContainerHigh: "#2B2930",
-  surfaceContainerHighest: "#36343B"
-};
-function p(l) {
-  const i = {};
-  for (const [y, t] of Object.entries(l)) {
-    const d = y.replace(/([A-Z])/g, "-$1").toLowerCase();
-    i[`--md-sys-color-${d}`] = t;
-  }
-  return i;
-}
-const n = {
-  fontFamily: "'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
-  displayLarge: { size: "57px", lineHeight: "64px", letterSpacing: "-0.25px", weight: 400 },
-  displayMedium: { size: "45px", lineHeight: "52px", letterSpacing: "0px", weight: 400 },
-  displaySmall: { size: "36px", lineHeight: "44px", letterSpacing: "0px", weight: 400 },
-  headlineLarge: { size: "32px", lineHeight: "40px", letterSpacing: "0px", weight: 400 },
-  headlineMedium: { size: "28px", lineHeight: "36px", letterSpacing: "0px", weight: 400 },
-  headlineSmall: { size: "24px", lineHeight: "32px", letterSpacing: "0px", weight: 400 },
-  titleLarge: { size: "22px", lineHeight: "28px", letterSpacing: "0px", weight: 400 },
-  titleMedium: { size: "16px", lineHeight: "24px", letterSpacing: "0.15px", weight: 500 },
-  titleSmall: { size: "14px", lineHeight: "20px", letterSpacing: "0.1px", weight: 500 },
-  bodyLarge: { size: "16px", lineHeight: "24px", letterSpacing: "0.5px", weight: 400 },
-  bodyMedium: { size: "14px", lineHeight: "20px", letterSpacing: "0.25px", weight: 400 },
-  bodySmall: { size: "12px", lineHeight: "16px", letterSpacing: "0.4px", weight: 400 },
-  labelLarge: { size: "14px", lineHeight: "20px", letterSpacing: "0.1px", weight: 500 },
-  labelMedium: { size: "12px", lineHeight: "16px", letterSpacing: "0.5px", weight: 500 },
-  labelSmall: { size: "11px", lineHeight: "16px", letterSpacing: "0.5px", weight: 500 }
-}, s = {
-  level0: "none",
-  level1: "0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)",
-  level2: "0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)",
-  level3: "0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15)",
-  level4: "0px 2px 3px 0px rgba(0, 0, 0, 0.30), 0px 6px 10px 4px rgba(0, 0, 0, 0.15)",
-  level5: "0px 4px 4px 0px rgba(0, 0, 0, 0.30), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)"
-}, a = {
-  cornerNone: "0px",
-  cornerExtraSmall: "4px",
-  cornerSmall: "8px",
-  cornerMedium: "12px",
-  cornerLarge: "16px",
-  cornerExtraLarge: "28px",
-  cornerFull: "9999px"
-}, c = {
-  easingStandard: "cubic-bezier(0.2, 0, 0, 1)",
-  easingStandardDecelerate: "cubic-bezier(0, 0, 0, 1)",
-  easingStandardAccelerate: "cubic-bezier(0.3, 0, 1, 1)",
-  easingEmphasized: "cubic-bezier(0.2, 0, 0, 1)",
-  easingEmphasizedDecelerate: "cubic-bezier(0.05, 0.7, 0.1, 1)",
-  easingEmphasizedAccelerate: "cubic-bezier(0.3, 0, 0.8, 0.15)",
-  durationShort1: "50ms",
-  durationShort2: "100ms",
-  durationShort3: "150ms",
-  durationShort4: "200ms",
-  durationMedium1: "250ms",
-  durationMedium2: "300ms",
-  durationMedium3: "350ms",
-  durationMedium4: "400ms",
-  durationLong1: "450ms",
-  durationLong2: "500ms",
-  durationLong3: "550ms",
-  durationLong4: "600ms"
-}, u = r`
-  :root, :host {
-    /* Color Tokens - Default Light */
-    --md-sys-color-primary: ${r([e.primary])};
-    --md-sys-color-on-primary: ${r([e.onPrimary])};
-    --md-sys-color-primary-container: ${r([e.primaryContainer])};
-    --md-sys-color-on-primary-container: ${r([e.onPrimaryContainer])};
-    --md-sys-color-secondary: ${r([e.secondary])};
-    --md-sys-color-on-secondary: ${r([e.onSecondary])};
-    --md-sys-color-secondary-container: ${r([e.secondaryContainer])};
-    --md-sys-color-on-secondary-container: ${r([e.onSecondaryContainer])};
-    --md-sys-color-tertiary: ${r([e.tertiary])};
-    --md-sys-color-on-tertiary: ${r([e.onTertiary])};
-    --md-sys-color-tertiary-container: ${r([e.tertiaryContainer])};
-    --md-sys-color-on-tertiary-container: ${r([e.onTertiaryContainer])};
-    --md-sys-color-error: ${r([e.error])};
-    --md-sys-color-on-error: ${r([e.onError])};
-    --md-sys-color-error-container: ${r([e.errorContainer])};
-    --md-sys-color-on-error-container: ${r([e.onErrorContainer])};
-    --md-sys-color-background: ${r([e.background])};
-    --md-sys-color-on-background: ${r([e.onBackground])};
-    --md-sys-color-surface: ${r([e.surface])};
-    --md-sys-color-on-surface: ${r([e.onSurface])};
-    --md-sys-color-surface-variant: ${r([e.surfaceVariant])};
-    --md-sys-color-on-surface-variant: ${r([e.onSurfaceVariant])};
-    --md-sys-color-outline: ${r([e.outline])};
-    --md-sys-color-outline-variant: ${r([e.outlineVariant])};
-    --md-sys-color-surface-container-lowest: ${r([e.surfaceContainerLowest])};
-    --md-sys-color-surface-container-low: ${r([e.surfaceContainerLow])};
-    --md-sys-color-surface-container: ${r([e.surfaceContainer])};
-    --md-sys-color-surface-container-high: ${r([e.surfaceContainerHigh])};
-    --md-sys-color-surface-container-highest: ${r([e.surfaceContainerHighest])};
-    --md-sys-color-inverse-surface: ${r([e.inverseSurface])};
-    --md-sys-color-inverse-on-surface: ${r([e.inverseOnSurface])};
-    --md-sys-color-inverse-primary: ${r([e.inversePrimary])};
-
-    /* Typography */
-    --md-sys-typescale-font-family: ${r([n.fontFamily])};
-    --md-sys-typescale-body-large-size: ${r([n.bodyLarge.size])};
-    --md-sys-typescale-body-large-line-height: ${r([n.bodyLarge.lineHeight])};
-    --md-sys-typescale-body-medium-size: ${r([n.bodyMedium.size])};
-    --md-sys-typescale-label-large-size: ${r([n.labelLarge.size])};
-    --md-sys-typescale-title-medium-size: ${r([n.titleMedium.size])};
-
-    /* Elevation */
-    --md-sys-elevation-level0: ${r([s.level0])};
-    --md-sys-elevation-level1: ${r([s.level1])};
-    --md-sys-elevation-level2: ${r([s.level2])};
-    --md-sys-elevation-level3: ${r([s.level3])};
-    --md-sys-elevation-level4: ${r([s.level4])};
-    --md-sys-elevation-level5: ${r([s.level5])};
-
-    /* Shape */
-    --md-sys-shape-corner-none: ${r([a.cornerNone])};
-    --md-sys-shape-corner-extra-small: ${r([a.cornerExtraSmall])};
-    --md-sys-shape-corner-small: ${r([a.cornerSmall])};
-    --md-sys-shape-corner-medium: ${r([a.cornerMedium])};
-    --md-sys-shape-corner-large: ${r([a.cornerLarge])};
-    --md-sys-shape-corner-extra-large: ${r([a.cornerExtraLarge])};
-    --md-sys-shape-corner-full: ${r([a.cornerFull])};
-
-    /* Motion */
-    --md-sys-motion-easing-standard: ${r([c.easingStandard])};
-    --md-sys-motion-duration-short: ${r([c.durationShort2])};
-    --md-sys-motion-duration-medium: ${r([c.durationMedium2])};
-    --md-sys-motion-duration-long: ${r([c.durationLong2])};
-
-    /* State Layer Opacities */
-    --md-sys-state-hover-opacity: 0.08;
-    --md-sys-state-focus-opacity: 0.12;
-    --md-sys-state-pressed-opacity: 0.12;
-    --md-sys-state-dragged-opacity: 0.16;
-  }
-
-  [data-theme='dark'] {
-    --md-sys-color-primary: ${r([o.primary])};
-    --md-sys-color-on-primary: ${r([o.onPrimary])};
-    --md-sys-color-primary-container: ${r([o.primaryContainer])};
-    --md-sys-color-on-primary-container: ${r([o.onPrimaryContainer])};
-    --md-sys-color-secondary: ${r([o.secondary])};
-    --md-sys-color-on-secondary: ${r([o.onSecondary])};
-    --md-sys-color-secondary-container: ${r([o.secondaryContainer])};
-    --md-sys-color-on-secondary-container: ${r([o.onSecondaryContainer])};
-    --md-sys-color-tertiary: ${r([o.tertiary])};
-    --md-sys-color-on-tertiary: ${r([o.onTertiary])};
-    --md-sys-color-tertiary-container: ${r([o.tertiaryContainer])};
-    --md-sys-color-on-tertiary-container: ${r([o.onTertiaryContainer])};
-    --md-sys-color-error: ${r([o.error])};
-    --md-sys-color-on-error: ${r([o.onError])};
-    --md-sys-color-error-container: ${r([o.errorContainer])};
-    --md-sys-color-on-error-container: ${r([o.onErrorContainer])};
-    --md-sys-color-background: ${r([o.background])};
-    --md-sys-color-on-background: ${r([o.onBackground])};
-    --md-sys-color-surface: ${r([o.surface])};
-    --md-sys-color-on-surface: ${r([o.onSurface])};
-    --md-sys-color-surface-variant: ${r([o.surfaceVariant])};
-    --md-sys-color-on-surface-variant: ${r([o.onSurfaceVariant])};
-    --md-sys-color-outline: ${r([o.outline])};
-    --md-sys-color-outline-variant: ${r([o.outlineVariant])};
-    --md-sys-color-surface-container-lowest: ${r([o.surfaceContainerLowest])};
-    --md-sys-color-surface-container-low: ${r([o.surfaceContainerLow])};
-    --md-sys-color-surface-container: ${r([o.surfaceContainer])};
-    --md-sys-color-surface-container-high: ${r([o.surfaceContainerHigh])};
-    --md-sys-color-surface-container-highest: ${r([o.surfaceContainerHighest])};
-    --md-sys-color-inverse-surface: ${r([o.inverseSurface])};
-    --md-sys-color-inverse-on-surface: ${r([o.inverseOnSurface])};
-    --md-sys-color-inverse-primary: ${r([o.inversePrimary])};
-  }
-`;
-function g(l, i = document.documentElement) {
-  for (const [y, t] of Object.entries(l))
-    if (t) {
-      const d = y.replace(/([A-Z])/g, "-$1").toLowerCase();
-      i.style.setProperty(`--md-sys-color-${d}`, t);
-    }
-}
-export {
-  g as a,
-  n as b,
-  p as c,
-  o as d,
-  s as e,
-  e as l,
-  c as m,
-  a as s,
-  u as t
-};
-//# sourceMappingURL=theme.css-DV3DRha-.js.map

package/dist/chunks/theme.css-DV3DRha-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.css-DV3DRha-.js","sources":["../../src/tokens/colors.ts","../../src/tokens/typography.ts","../../src/tokens/elevation.ts","../../src/tokens/shape.ts","../../src/tokens/motion.ts","../../src/tokens/theme.css.ts"],"sourcesContent":["export interface M3ColorScheme {\n  primary: string;\n  onPrimary: string;\n  primaryContainer: string;\n  onPrimaryContainer: string;\n  secondary: string;\n  onSecondary: string;\n  secondaryContainer: string;\n  onSecondaryContainer: string;\n  tertiary: string;\n  onTertiary: string;\n  tertiaryContainer: string;\n  onTertiaryContainer: string;\n  error: string;\n  onError: string;\n  errorContainer: string;\n  onErrorContainer: string;\n  background: string;\n  onBackground: string;\n  surface: string;\n  onSurface: string;\n  surfaceVariant: string;\n  onSurfaceVariant: string;\n  outline: string;\n  outlineVariant: string;\n  shadow: string;\n  scrim: string;\n  inverseSurface: string;\n  inverseOnSurface: string;\n  inversePrimary: string;\n  surfaceDim: string;\n  surfaceBright: string;\n  surfaceContainerLowest: string;\n  surfaceContainerLow: string;\n  surfaceContainer: string;\n  surfaceContainerHigh: string;\n  surfaceContainerHighest: string;\n}\n\nexport const lightColorScheme: M3ColorScheme = {\n  primary: '#6750A4',\n  onPrimary: '#FFFFFF',\n  primaryContainer: '#EADDFF',\n  onPrimaryContainer: '#21005D',\n  secondary: '#625B71',\n  onSecondary: '#FFFFFF',\n  secondaryContainer: '#E8DEF8',\n  onSecondaryContainer: '#1D192B',\n  tertiary: '#7D5260',\n  onTertiary: '#FFFFFF',\n  tertiaryContainer: '#FFD8E4',\n  onTertiaryContainer: '#31111D',\n  error: '#B3261E',\n  onError: '#FFFFFF',\n  errorContainer: '#F9DEDC',\n  onErrorContainer: '#410E0B',\n  background: '#FEF7FF',\n  onBackground: '#1D1B20',\n  surface: '#FEF7FF',\n  onSurface: '#1D1B20',\n  surfaceVariant: '#E7E0EC',\n  onSurfaceVariant: '#49454F',\n  outline: '#79747E',\n  outlineVariant: '#CAC4D0',\n  shadow: '#000000',\n  scrim: '#000000',\n  inverseSurface: '#313033',\n  inverseOnSurface: '#F4EFF4',\n  inversePrimary: '#D0BCFF',\n  surfaceDim: '#DED8E1',\n  surfaceBright: '#FEF7FF',\n  surfaceContainerLowest: '#FFFFFF',\n  surfaceContainerLow: '#F7F2FA',\n  surfaceContainer: '#F3EDF7',\n  surfaceContainerHigh: '#ECE6F0',\n  surfaceContainerHighest: '#E6E0E9',\n};\n\nexport const darkColorScheme: M3ColorScheme = {\n  primary: '#D0BCFF',\n  onPrimary: '#381E72',\n  primaryContainer: '#4F378B',\n  onPrimaryContainer: '#EADDFF',\n  secondary: '#CCC2DC',\n  onSecondary: '#332D41',\n  secondaryContainer: '#4A4458',\n  onSecondaryContainer: '#E8DEF8',\n  tertiary: '#EFB8C8',\n  onTertiary: '#492532',\n  tertiaryContainer: '#633B48',\n  onTertiaryContainer: '#FFD8E4',\n  error: '#F2B8B5',\n  onError: '#601410',\n  errorContainer: '#8C1D18',\n  onErrorContainer: '#F9DEDC',\n  background: '#141218',\n  onBackground: '#E6E0E9',\n  surface: '#141218',\n  onSurface: '#E6E0E9',\n  surfaceVariant: '#49454F',\n  onSurfaceVariant: '#CAC4D0',\n  outline: '#938F99',\n  outlineVariant: '#49454F',\n  shadow: '#000000',\n  scrim: '#000000',\n  inverseSurface: '#E6E0E9',\n  inverseOnSurface: '#313033',\n  inversePrimary: '#6750A4',\n  surfaceDim: '#141218',\n  surfaceBright: '#3B383E',\n  surfaceContainerLowest: '#0F0D13',\n  surfaceContainerLow: '#1D1B20',\n  surfaceContainer: '#211F26',\n  surfaceContainerHigh: '#2B2930',\n  surfaceContainerHighest: '#36343B',\n};\n\nexport function colorSchemeToCssVariables(scheme: Partial<M3ColorScheme>): Record<string, string> {\n  const vars: Record<string, string> = {};\n  for (const [key, value] of Object.entries(scheme)) {\n    const kebab = key.replace(/([A-Z])/g, '-$1').toLowerCase();\n    vars[`--md-sys-color-${kebab}`] = value;\n  }\n  return vars;\n}\n\n","export interface M3TypographyStyle {\n  fontFamily: string;\n  weight: number | string;\n  size: string;\n  lineHeight: string;\n  letterSpacing: string;\n}\n\nexport const typographyTokens = {\n  fontFamily: \"'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\",\n  displayLarge: { size: '57px', lineHeight: '64px', letterSpacing: '-0.25px', weight: 400 },\n  displayMedium: { size: '45px', lineHeight: '52px', letterSpacing: '0px', weight: 400 },\n  displaySmall: { size: '36px', lineHeight: '44px', letterSpacing: '0px', weight: 400 },\n  headlineLarge: { size: '32px', lineHeight: '40px', letterSpacing: '0px', weight: 400 },\n  headlineMedium: { size: '28px', lineHeight: '36px', letterSpacing: '0px', weight: 400 },\n  headlineSmall: { size: '24px', lineHeight: '32px', letterSpacing: '0px', weight: 400 },\n  titleLarge: { size: '22px', lineHeight: '28px', letterSpacing: '0px', weight: 400 },\n  titleMedium: { size: '16px', lineHeight: '24px', letterSpacing: '0.15px', weight: 500 },\n  titleSmall: { size: '14px', lineHeight: '20px', letterSpacing: '0.1px', weight: 500 },\n  bodyLarge: { size: '16px', lineHeight: '24px', letterSpacing: '0.5px', weight: 400 },\n  bodyMedium: { size: '14px', lineHeight: '20px', letterSpacing: '0.25px', weight: 400 },\n  bodySmall: { size: '12px', lineHeight: '16px', letterSpacing: '0.4px', weight: 400 },\n  labelLarge: { size: '14px', lineHeight: '20px', letterSpacing: '0.1px', weight: 500 },\n  labelMedium: { size: '12px', lineHeight: '16px', letterSpacing: '0.5px', weight: 500 },\n  labelSmall: { size: '11px', lineHeight: '16px', letterSpacing: '0.5px', weight: 500 },\n};\n\n","export const elevationTokens = {\n  level0: 'none',\n  level1: '0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)',\n  level2: '0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)',\n  level3: '0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15)',\n  level4: '0px 2px 3px 0px rgba(0, 0, 0, 0.30), 0px 6px 10px 4px rgba(0, 0, 0, 0.15)',\n  level5: '0px 4px 4px 0px rgba(0, 0, 0, 0.30), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)',\n};\n\n","export const shapeTokens = {\n  cornerNone: '0px',\n  cornerExtraSmall: '4px',\n  cornerSmall: '8px',\n  cornerMedium: '12px',\n  cornerLarge: '16px',\n  cornerExtraLarge: '28px',\n  cornerFull: '9999px',\n};\n\n","export const motionTokens = {\n  easingStandard: 'cubic-bezier(0.2, 0, 0, 1)',\n  easingStandardDecelerate: 'cubic-bezier(0, 0, 0, 1)',\n  easingStandardAccelerate: 'cubic-bezier(0.3, 0, 1, 1)',\n  easingEmphasized: 'cubic-bezier(0.2, 0, 0, 1)',\n  easingEmphasizedDecelerate: 'cubic-bezier(0.05, 0.7, 0.1, 1)',\n  easingEmphasizedAccelerate: 'cubic-bezier(0.3, 0, 0.8, 0.15)',\n  \n  durationShort1: '50ms',\n  durationShort2: '100ms',\n  durationShort3: '150ms',\n  durationShort4: '200ms',\n  durationMedium1: '250ms',\n  durationMedium2: '300ms',\n  durationMedium3: '350ms',\n  durationMedium4: '400ms',\n  durationLong1: '450ms',\n  durationLong2: '500ms',\n  durationLong3: '550ms',\n  durationLong4: '600ms',\n};\n\n","import { css } from 'lit';\nimport { lightColorScheme, darkColorScheme, M3ColorScheme } from './colors.js';\nimport { typographyTokens } from './typography.js';\nimport { elevationTokens } from './elevation.js';\nimport { shapeTokens } from './shape.js';\nimport { motionTokens } from './motion.js';\n\nexport const themeStyles = css`\n  :root, :host {\n    /* Color Tokens - Default Light */\n    --md-sys-color-primary: ${css([lightColorScheme.primary] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-primary: ${css([lightColorScheme.onPrimary] as unknown as TemplateStringsArray)};\n    --md-sys-color-primary-container: ${css([lightColorScheme.primaryContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-primary-container: ${css([lightColorScheme.onPrimaryContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-secondary: ${css([lightColorScheme.secondary] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-secondary: ${css([lightColorScheme.onSecondary] as unknown as TemplateStringsArray)};\n    --md-sys-color-secondary-container: ${css([lightColorScheme.secondaryContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-secondary-container: ${css([lightColorScheme.onSecondaryContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-tertiary: ${css([lightColorScheme.tertiary] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-tertiary: ${css([lightColorScheme.onTertiary] as unknown as TemplateStringsArray)};\n    --md-sys-color-tertiary-container: ${css([lightColorScheme.tertiaryContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-tertiary-container: ${css([lightColorScheme.onTertiaryContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-error: ${css([lightColorScheme.error] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-error: ${css([lightColorScheme.onError] as unknown as TemplateStringsArray)};\n    --md-sys-color-error-container: ${css([lightColorScheme.errorContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-error-container: ${css([lightColorScheme.onErrorContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-background: ${css([lightColorScheme.background] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-background: ${css([lightColorScheme.onBackground] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface: ${css([lightColorScheme.surface] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-surface: ${css([lightColorScheme.onSurface] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface-variant: ${css([lightColorScheme.surfaceVariant] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-surface-variant: ${css([lightColorScheme.onSurfaceVariant] as unknown as TemplateStringsArray)};\n    --md-sys-color-outline: ${css([lightColorScheme.outline] as unknown as TemplateStringsArray)};\n    --md-sys-color-outline-variant: ${css([lightColorScheme.outlineVariant] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface-container-lowest: ${css([lightColorScheme.surfaceContainerLowest] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface-container-low: ${css([lightColorScheme.surfaceContainerLow] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface-container: ${css([lightColorScheme.surfaceContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface-container-high: ${css([lightColorScheme.surfaceContainerHigh] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface-container-highest: ${css([lightColorScheme.surfaceContainerHighest] as unknown as TemplateStringsArray)};\n    --md-sys-color-inverse-surface: ${css([lightColorScheme.inverseSurface] as unknown as TemplateStringsArray)};\n    --md-sys-color-inverse-on-surface: ${css([lightColorScheme.inverseOnSurface] as unknown as TemplateStringsArray)};\n    --md-sys-color-inverse-primary: ${css([lightColorScheme.inversePrimary] as unknown as TemplateStringsArray)};\n\n    /* Typography */\n    --md-sys-typescale-font-family: ${css([typographyTokens.fontFamily] as unknown as TemplateStringsArray)};\n    --md-sys-typescale-body-large-size: ${css([typographyTokens.bodyLarge.size] as unknown as TemplateStringsArray)};\n    --md-sys-typescale-body-large-line-height: ${css([typographyTokens.bodyLarge.lineHeight] as unknown as TemplateStringsArray)};\n    --md-sys-typescale-body-medium-size: ${css([typographyTokens.bodyMedium.size] as unknown as TemplateStringsArray)};\n    --md-sys-typescale-label-large-size: ${css([typographyTokens.labelLarge.size] as unknown as TemplateStringsArray)};\n    --md-sys-typescale-title-medium-size: ${css([typographyTokens.titleMedium.size] as unknown as TemplateStringsArray)};\n\n    /* Elevation */\n    --md-sys-elevation-level0: ${css([elevationTokens.level0] as unknown as TemplateStringsArray)};\n    --md-sys-elevation-level1: ${css([elevationTokens.level1] as unknown as TemplateStringsArray)};\n    --md-sys-elevation-level2: ${css([elevationTokens.level2] as unknown as TemplateStringsArray)};\n    --md-sys-elevation-level3: ${css([elevationTokens.level3] as unknown as TemplateStringsArray)};\n    --md-sys-elevation-level4: ${css([elevationTokens.level4] as unknown as TemplateStringsArray)};\n    --md-sys-elevation-level5: ${css([elevationTokens.level5] as unknown as TemplateStringsArray)};\n\n    /* Shape */\n    --md-sys-shape-corner-none: ${css([shapeTokens.cornerNone] as unknown as TemplateStringsArray)};\n    --md-sys-shape-corner-extra-small: ${css([shapeTokens.cornerExtraSmall] as unknown as TemplateStringsArray)};\n    --md-sys-shape-corner-small: ${css([shapeTokens.cornerSmall] as unknown as TemplateStringsArray)};\n    --md-sys-shape-corner-medium: ${css([shapeTokens.cornerMedium] as unknown as TemplateStringsArray)};\n    --md-sys-shape-corner-large: ${css([shapeTokens.cornerLarge] as unknown as TemplateStringsArray)};\n    --md-sys-shape-corner-extra-large: ${css([shapeTokens.cornerExtraLarge] as unknown as TemplateStringsArray)};\n    --md-sys-shape-corner-full: ${css([shapeTokens.cornerFull] as unknown as TemplateStringsArray)};\n\n    /* Motion */\n    --md-sys-motion-easing-standard: ${css([motionTokens.easingStandard] as unknown as TemplateStringsArray)};\n    --md-sys-motion-duration-short: ${css([motionTokens.durationShort2] as unknown as TemplateStringsArray)};\n    --md-sys-motion-duration-medium: ${css([motionTokens.durationMedium2] as unknown as TemplateStringsArray)};\n    --md-sys-motion-duration-long: ${css([motionTokens.durationLong2] as unknown as TemplateStringsArray)};\n\n    /* State Layer Opacities */\n    --md-sys-state-hover-opacity: 0.08;\n    --md-sys-state-focus-opacity: 0.12;\n    --md-sys-state-pressed-opacity: 0.12;\n    --md-sys-state-dragged-opacity: 0.16;\n  }\n\n  [data-theme='dark'] {\n    --md-sys-color-primary: ${css([darkColorScheme.primary] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-primary: ${css([darkColorScheme.onPrimary] as unknown as TemplateStringsArray)};\n    --md-sys-color-primary-container: ${css([darkColorScheme.primaryContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-primary-container: ${css([darkColorScheme.onPrimaryContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-secondary: ${css([darkColorScheme.secondary] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-secondary: ${css([darkColorScheme.onSecondary] as unknown as TemplateStringsArray)};\n    --md-sys-color-secondary-container: ${css([darkColorScheme.secondaryContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-secondary-container: ${css([darkColorScheme.onSecondaryContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-tertiary: ${css([darkColorScheme.tertiary] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-tertiary: ${css([darkColorScheme.onTertiary] as unknown as TemplateStringsArray)};\n    --md-sys-color-tertiary-container: ${css([darkColorScheme.tertiaryContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-tertiary-container: ${css([darkColorScheme.onTertiaryContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-error: ${css([darkColorScheme.error] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-error: ${css([darkColorScheme.onError] as unknown as TemplateStringsArray)};\n    --md-sys-color-error-container: ${css([darkColorScheme.errorContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-error-container: ${css([darkColorScheme.onErrorContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-background: ${css([darkColorScheme.background] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-background: ${css([darkColorScheme.onBackground] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface: ${css([darkColorScheme.surface] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-surface: ${css([darkColorScheme.onSurface] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface-variant: ${css([darkColorScheme.surfaceVariant] as unknown as TemplateStringsArray)};\n    --md-sys-color-on-surface-variant: ${css([darkColorScheme.onSurfaceVariant] as unknown as TemplateStringsArray)};\n    --md-sys-color-outline: ${css([darkColorScheme.outline] as unknown as TemplateStringsArray)};\n    --md-sys-color-outline-variant: ${css([darkColorScheme.outlineVariant] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface-container-lowest: ${css([darkColorScheme.surfaceContainerLowest] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface-container-low: ${css([darkColorScheme.surfaceContainerLow] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface-container: ${css([darkColorScheme.surfaceContainer] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface-container-high: ${css([darkColorScheme.surfaceContainerHigh] as unknown as TemplateStringsArray)};\n    --md-sys-color-surface-container-highest: ${css([darkColorScheme.surfaceContainerHighest] as unknown as TemplateStringsArray)};\n    --md-sys-color-inverse-surface: ${css([darkColorScheme.inverseSurface] as unknown as TemplateStringsArray)};\n    --md-sys-color-inverse-on-surface: ${css([darkColorScheme.inverseOnSurface] as unknown as TemplateStringsArray)};\n    --md-sys-color-inverse-primary: ${css([darkColorScheme.inversePrimary] as unknown as TemplateStringsArray)};\n  }\n`;\n\nexport function applyTheme(\n  theme: Partial<M3ColorScheme>,\n  target: HTMLElement = document.documentElement\n): void {\n  for (const [key, value] of Object.entries(theme)) {\n    if (value) {\n      const kebab = key.replace(/([A-Z])/g, '-$1').toLowerCase();\n      target.style.setProperty(`--md-sys-color-${kebab}`, value);\n    }\n  }\n}\n\n"],"names":["lightColorScheme","darkColorScheme","colorSchemeToCssVariables","scheme","vars","key","value","kebab","typographyTokens","elevationTokens","shapeTokens","motionTokens","themeStyles","css","applyTheme","theme","target"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"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.js.map

@@ -1 +0,0 @@
-{"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.js.map

@@ -1 +0,0 @@
-{"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.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.js","sources":["../../../src/components/checkbox/checkbox.css.ts","../../../src/components/checkbox/checkbox.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const checkboxStyles = css`\n  :host {\n    display: inline-flex;\n    align-items: center;\n    vertical-align: middle;\n    cursor: pointer;\n    outline: none;\n    -webkit-tap-highlight-color: transparent;\n    user-select: none;\n    gap: 8px;\n    font-family: var(--md-sys-typescale-font-family, inherit);\n    font-size: var(--md-sys-typescale-body-large-size, 16px);\n    color: var(--md-sys-color-on-surface, #1D1B20);\n  }\n\n  :host([disabled]) {\n    cursor: not-allowed;\n    color: rgba(29, 27, 32, 0.38);\n    pointer-events: none;\n  }\n\n  .container {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n  }\n\n  .box {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 18px;\n    height: 18px;\n    box-sizing: border-box;\n    border: 2px solid var(--md-sys-color-on-surface-variant, #49454F);\n    border-radius: var(--md-sys-shape-corner-extra-small, 2px);\n    background-color: transparent;\n    transition: background-color 150ms cubic-bezier(0.2, 0, 0, 1),\n                border-color 150ms cubic-bezier(0.2, 0, 0, 1);\n  }\n\n  :host([checked]) .box,\n  :host([indeterminate]) .box {\n    background-color: var(--md-sys-color-primary, #6750A4);\n    border-color: var(--md-sys-color-primary, #6750A4);\n  }\n\n  :host([error]) .box {\n    border-color: var(--md-sys-color-error, #B3261E);\n  }\n\n  :host([error][checked]) .box,\n  :host([error][indeterminate]) .box {\n    background-color: var(--md-sys-color-error, #B3261E);\n    border-color: var(--md-sys-color-error, #B3261E);\n  }\n\n  :host([disabled]) .box {\n    border-color: rgba(29, 27, 32, 0.38);\n  }\n\n  :host([disabled][checked]) .box,\n  :host([disabled][indeterminate]) .box {\n    background-color: rgba(29, 27, 32, 0.38);\n    border-color: transparent;\n  }\n\n  .mark {\n    position: absolute;\n    width: 14px;\n    height: 14px;\n    fill: none;\n    stroke: var(--md-sys-color-on-primary, #FFFFFF);\n    stroke-width: 2.5;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    opacity: 0;\n    transition: opacity 150ms ease;\n  }\n\n  :host([checked]) .mark.check {\n    opacity: 1;\n  }\n\n  :host([indeterminate]) .mark.dash {\n    opacity: 1;\n  }\n\n  input {\n    position: absolute;\n    opacity: 0;\n    width: 0;\n    height: 0;\n    pointer-events: none;\n  }\n`;\n\n","import { html } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport { MdFormAssociatedElement } from '../../internal/form-associated.js';\nimport '../../internal/ripple/ripple.js';\nimport '../../internal/focus-ring/focus-ring.js';\nimport { checkboxStyles } from './checkbox.css.js';\n\n@customElement('md-checkbox')\nexport class MdCheckbox extends MdFormAssociatedElement {\n  static override styles = [MdFormAssociatedElement.styles, checkboxStyles];\n\n  @property({ type: Boolean, reflect: true })\n  checked = false;\n\n  @property({ type: Boolean, reflect: true })\n  indeterminate = false;\n\n  @property({ type: Boolean, reflect: true })\n  error = false;\n\n  @property({ type: String })\n  value = 'on';\n\n  @query('input')\n  private inputElement?: HTMLInputElement;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.tabIndex = this.disabled ? -1 : 0;\n    this.addEventListener('click', this.handleClick);\n    this.addEventListener('keydown', this.handleKeyDown);\n    this.updateFormValue();\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.handleClick);\n    this.removeEventListener('keydown', this.handleKeyDown);\n  }\n\n  override updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('checked') || changedProperties.has('indeterminate') || changedProperties.has('value')) {\n      this.updateFormValue();\n    }\n  }\n\n  override formResetCallback() {\n    this.checked = false;\n    this.indeterminate = false;\n    this.updateFormValue();\n  }\n\n  private updateFormValue() {\n    this.setFormValue(this.checked ? this.value : null);\n    if (this.required && !this.checked) {\n      this.setValidity({ valueMissing: true }, 'Please check this box if you want to proceed');\n    } else {\n      this.setValidity({});\n    }\n  }\n\n  private handleClick = (event: MouseEvent) => {\n    if (this.disabled) return;\n    event.preventDefault();\n    this.toggle();\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (this.disabled) return;\n    if (event.key === ' ' || event.key === 'Enter') {\n      event.preventDefault();\n      this.toggle();\n    }\n  };\n\n  private toggle() {\n    if (this.indeterminate) {\n      this.indeterminate = false;\n      this.checked = true;\n    } else {\n      this.checked = !this.checked;\n    }\n    this.updateFormValue();\n    this.emitEvent('change', { checked: this.checked, indeterminate: this.indeterminate });\n    this.emitEvent('input', { checked: this.checked, indeterminate: this.indeterminate });\n  }\n\n  override render() {\n    return html`\n      <div class=\"container\">\n        <md-ripple ?disabled=${this.disabled} unbounded></md-ripple>\n        <md-focus-ring></md-focus-ring>\n        <div class=\"box\">\n          <!-- Checkmark SVG -->\n          <svg class=\"mark check\" viewBox=\"0 0 18 18\">\n            <polyline points=\"3.5,9.5 7,13 14.5,5.5\"></polyline>\n          </svg>\n          <!-- Indeterminate Dash SVG -->\n          <svg class=\"mark dash\" viewBox=\"0 0 18 18\">\n            <line x1=\"3.5\" y1=\"9\" x2=\"14.5\" y2=\"9\"></line>\n          </svg>\n        </div>\n        <input\n          type=\"checkbox\"\n          .checked=${this.checked}\n          .indeterminate=${this.indeterminate}\n          ?disabled=${this.disabled}\n          tabindex=\"-1\"\n          aria-hidden=\"true\"\n        />\n      </div>\n      <slot></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-checkbox': MdCheckbox;\n  }\n}\n"],"names":["checkboxStyles","css","MdCheckbox","MdFormAssociatedElement","event","changedProperties","html","__decorateClass","property","query","customElement"],"mappings":"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"}

package/dist/components/chip/chip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chip.js","sources":["../../../src/components/chip/chip.css.ts","../../../src/components/chip/chip.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const chipStyles = 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    opacity: 0.38;\n  }\n\n  .chip {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    box-sizing: border-box;\n    height: 32px;\n    padding: 0 12px;\n    border-radius: var(--md-sys-shape-corner-small, 8px);\n    border: 1px solid var(--md-sys-color-outline, #79747E);\n    background-color: transparent;\n    color: var(--md-sys-color-on-surface, #1D1B20);\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    cursor: pointer;\n    user-select: none;\n    outline: none;\n    gap: 8px;\n    transition: background-color 150ms cubic-bezier(0.2, 0, 0, 1),\n                border-color 150ms cubic-bezier(0.2, 0, 0, 1),\n                box-shadow 150ms cubic-bezier(0.2, 0, 0, 1);\n    overflow: hidden;\n  }\n\n  :host([selected]) .chip {\n    background-color: var(--md-sys-color-secondary-container, #E8DEF8);\n    color: var(--md-sys-color-on-secondary-container, #1D192B);\n    border-color: transparent;\n  }\n\n  :host([variant=\"elevated\"]) .chip {\n    background-color: var(--md-sys-color-surface-container-low, #F7F2FA);\n    border: none;\n    box-shadow: var(--md-sys-elevation-level1, 0px 1px 3px 1px rgba(0,0,0,0.15));\n  }\n\n  .icon {\n    display: inline-flex;\n    align-items: center;\n    color: var(--md-sys-color-primary, #6750A4);\n  }\n\n  .remove-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 18px;\n    height: 18px;\n    padding: 0;\n    border: none;\n    border-radius: 50%;\n    background: transparent;\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n    cursor: pointer;\n    margin-left: 2px;\n  }\n\n  .remove-btn:hover {\n    background-color: rgba(29, 27, 32, 0.12);\n  }\n`;\n\nexport const chipSetStyles = css`\n  :host {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 8px;\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 '../icon/icon.js';\nimport { chipStyles, chipSetStyles } from './chip.css.js';\n\nexport type ChipVariant = 'assist' | 'filter' | 'input' | 'suggestion';\n\n@customElement('md-chip')\nexport class MdChip extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, chipStyles];\n\n  @property({ type: String, reflect: true })\n  variant: ChipVariant = 'assist';\n\n  @property({ type: String })\n  label = '';\n\n  @property({ type: String })\n  icon = '';\n\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  @property({ type: Boolean, reflect: true })\n  removable = false;\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('click', this.handleClick);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.handleClick);\n  }\n\n  private handleClick = (event: MouseEvent) => {\n    if (this.disabled) return;\n\n    if (this.variant === 'filter') {\n      this.selected = !this.selected;\n      this.emitEvent('change', { selected: this.selected });\n    }\n  };\n\n  private handleRemove = (event: MouseEvent) => {\n    event.stopPropagation();\n    this.emitEvent('remove');\n  };\n\n  override render() {\n    return html`\n      <div class=\"chip\" tabindex=${this.disabled ? '-1' : '0'}>\n        <md-ripple ?disabled=${this.disabled}></md-ripple>\n        <md-focus-ring></md-focus-ring>\n\n        <span class=\"icon\">\n          ${this.variant === 'filter' && this.selected\n            ? html`<md-icon name=\"check\" size=\"18\"></md-icon>`\n            : html`\n                <slot name=\"icon\">\n                  ${this.icon ? html`<md-icon name=${this.icon} size=\"18\"></md-icon>` : nothing}\n                </slot>\n              `}\n        </span>\n\n        <slot>${this.label}</slot>\n\n        ${this.removable || this.variant === 'input'\n          ? html`\n              <button\n                class=\"remove-btn\"\n                aria-label=\"Remove\"\n                @click=${this.handleRemove}\n                tabindex=\"-1\"\n              >\n                <md-icon name=\"close\" size=\"16\"></md-icon>\n              </button>\n            `\n          : nothing}\n      </div>\n    `;\n  }\n}\n\n@customElement('md-chip-set')\nexport class MdChipSet extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, chipSetStyles];\n\n  override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-chip': MdChip;\n    'md-chip-set': MdChipSet;\n  }\n}\n\n"],"names":["chipStyles","css","chipSetStyles","MdChip","MdBaseElement","event","html","nothing","__decorateClass","property","customElement","MdChipSet"],"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,GA6EbC,IAAgBD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;ACpEtB,IAAME,IAAN,cAAqBC,EAAc;AAAA,EAAnC,cAAA;AAAA,UAAA,GAAA,SAAA,GAIL,KAAA,UAAuB,UAGvB,KAAA,QAAQ,IAGR,KAAA,OAAO,IAGP,KAAA,WAAW,IAGX,KAAA,YAAY,IAGZ,KAAA,WAAW,IAYX,KAAQ,cAAc,CAACC,MAAsB;AAC3C,MAAI,KAAK,YAEL,KAAK,YAAY,aACnB,KAAK,WAAW,CAAC,KAAK,UACtB,KAAK,UAAU,UAAU,EAAE,UAAU,KAAK,UAAU;AAAA,IAExD,GAEA,KAAQ,eAAe,CAACA,MAAsB;AAC5C,MAAAA,EAAM,gBAAA,GACN,KAAK,UAAU,QAAQ;AAAA,IACzB;AAAA,EAAA;AAAA,EAtBS,oBAAoB;AAC3B,UAAM,kBAAA,GACN,KAAK,iBAAiB,SAAS,KAAK,WAAW;AAAA,EACjD;AAAA,EAES,uBAAuB;AAC9B,UAAM,qBAAA,GACN,KAAK,oBAAoB,SAAS,KAAK,WAAW;AAAA,EACpD;AAAA,EAgBS,SAAS;AAChB,WAAOC;AAAA,mCACwB,KAAK,WAAW,OAAO,GAAG;AAAA,+BAC9B,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA,YAIhC,KAAK,YAAY,YAAY,KAAK,WAChCA,gDACAA;AAAA;AAAA,oBAEM,KAAK,OAAOA,kBAAqB,KAAK,IAAI,0BAA0BC,CAAO;AAAA;AAAA,eAEhF;AAAA;AAAA;AAAA,gBAGC,KAAK,KAAK;AAAA;AAAA,UAEhB,KAAK,aAAa,KAAK,YAAY,UACjCD;AAAA;AAAA;AAAA;AAAA,yBAIa,KAAK,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,gBAM9BC,CAAO;AAAA;AAAA;AAAA,EAGjB;AACF;AA9EaJ,EACK,SAAS,CAACC,EAAc,QAAQJ,CAAU;AAG1DQ,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAH9BN,EAIX,WAAA,WAAA,CAAA;AAGAK,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GANfN,EAOX,WAAA,SAAA,CAAA;AAGAK,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GATfN,EAUX,WAAA,QAAA,CAAA;AAGAK,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAZ/BN,EAaX,WAAA,YAAA,CAAA;AAGAK,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAf/BN,EAgBX,WAAA,aAAA,CAAA;AAGAK,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAlB/BN,EAmBX,WAAA,YAAA,CAAA;AAnBWA,IAANK,EAAA;AAAA,EADNE,EAAc,SAAS;AAAA,GACXP,CAAA;AAiFN,IAAMQ,IAAN,cAAwBP,EAAc;AAAA,EAGlC,SAAS;AAChB,WAAOE;AAAA,EACT;AACF;AANaK,EACK,SAAS,CAACP,EAAc,QAAQF,CAAa;AADlDS,IAANH,EAAA;AAAA,EADNE,EAAc,aAAa;AAAA,GACfC,CAAA;"}

package/dist/components/dialog/dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog.js","sources":["../../../src/components/dialog/dialog.css.ts","../../../src/components/dialog/dialog.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const dialogStyles = css`\n  :host {\n    display: contents;\n  }\n\n  dialog {\n    box-sizing: border-box;\n    min-width: 280px;\n    max-width: 560px;\n    padding: 24px;\n    border: none;\n    border-radius: var(--md-sys-shape-corner-extra-large, 28px);\n    background-color: var(--md-sys-color-surface-container-high, #ECE6F0);\n    color: var(--md-sys-color-on-surface, #1D1B20);\n    box-shadow: var(--md-sys-elevation-level3, 0px 1px 3px 0px rgba(0,0,0,0.30));\n    font-family: var(--md-sys-typescale-font-family, inherit);\n    position: fixed;\n    inset: 0;\n    margin: auto;\n    overflow: auto;\n    z-index: 1000;\n  }\n\n  dialog::backdrop {\n    background-color: rgba(0, 0, 0, 0.32);\n    backdrop-filter: blur(2px);\n    animation: md-fade-in 150ms ease-out forwards;\n  }\n\n  dialog[open] {\n    animation: md-dialog-in 150ms cubic-bezier(0.2, 0, 0, 1) forwards;\n  }\n\n  @keyframes md-fade-in {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n\n  @keyframes md-dialog-in {\n    from {\n      opacity: 0;\n      transform: scale(0.92);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  .dialog-container {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .icon {\n    display: flex;\n    justify-content: center;\n    color: var(--md-sys-color-secondary, #625B71);\n  }\n\n  .headline {\n    font-size: var(--md-sys-typescale-headline-small-size, 24px);\n    line-height: 32px;\n    font-weight: 400;\n    color: var(--md-sys-color-on-surface, #1D1B20);\n    margin: 0;\n  }\n\n  .content {\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-top: 8px;\n  }\n`;\n\n","import { html, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport '../icon/icon.js';\nimport { dialogStyles } from './dialog.css.js';\n\n@customElement('md-dialog')\nexport class MdDialog extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, dialogStyles];\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: String })\n  headline = '';\n\n  @property({ type: String })\n  icon = '';\n\n  @property({ type: String, attribute: 'return-value' })\n  returnValue = '';\n\n  @query('dialog')\n  private dialogElement?: HTMLDialogElement;\n\n  override updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        if (this.dialogElement && !this.dialogElement.open) {\n          this.dialogElement.showModal();\n        }\n      } else {\n        if (this.dialogElement && this.dialogElement.open) {\n          this.dialogElement.close();\n        }\n      }\n    }\n  }\n\n  showModal() {\n    this.open = true;\n  }\n\n  show() {\n    this.open = true;\n  }\n\n  close(returnValue?: string) {\n    if (returnValue !== undefined) {\n      this.returnValue = returnValue;\n    }\n    this.open = false;\n    this.emitEvent('close', { returnValue: this.returnValue });\n  }\n\n  private handleCancel = (event: Event) => {\n    event.preventDefault();\n    this.close('cancel');\n  };\n\n  private handleBackdropClick = (event: MouseEvent) => {\n    if (event.target === this.dialogElement) {\n      const rect = this.dialogElement.getBoundingClientRect();\n      const isInDialog = (\n        rect.top <= event.clientY &&\n        event.clientY <= rect.top + rect.height &&\n        rect.left <= event.clientX &&\n        event.clientX <= rect.left + rect.width\n      );\n      if (!isInDialog) {\n        this.close('backdrop');\n      }\n    }\n  };\n\n  override render() {\n    return html`\n      <dialog\n        @cancel=${this.handleCancel}\n        @click=${this.handleBackdropClick}\n      >\n        <div class=\"dialog-container\">\n          <div class=\"icon\">\n            <slot name=\"icon\">\n              ${this.icon ? html`<md-icon name=${this.icon} size=\"32\"></md-icon>` : nothing}\n            </slot>\n          </div>\n\n          <slot name=\"headline\">\n            ${this.headline ? html`<h2 class=\"headline\">${this.headline}</h2>` : nothing}\n          </slot>\n\n          <div class=\"content\">\n            <slot></slot>\n          </div>\n\n          <div class=\"actions\">\n            <slot name=\"actions\"></slot>\n          </div>\n        </div>\n      </dialog>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-dialog': MdDialog;\n  }\n}\n\n"],"names":["dialogStyles","css","MdDialog","MdBaseElement","event","rect","changedProperties","returnValue","html","nothing","__decorateClass","property","query","customElement"],"mappings":"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"}

package/dist/components/divider/divider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"divider.js","sources":["../../../src/components/divider/divider.css.ts","../../../src/components/divider/divider.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const dividerStyles = css`\n  :host {\n    display: block;\n    box-sizing: border-box;\n  }\n\n  :host(:not([vertical])) {\n    width: 100%;\n    height: 1px;\n    background-color: var(--md-sys-color-outline-variant, #CAC4D0);\n  }\n\n  :host([vertical]) {\n    display: inline-block;\n    width: 1px;\n    height: 100%;\n    vertical-align: middle;\n    background-color: var(--md-sys-color-outline-variant, #CAC4D0);\n  }\n\n  :host([inset]:not([vertical])) {\n    margin-left: 16px;\n    margin-right: 16px;\n    width: calc(100% - 32px);\n  }\n\n  :host([inset-start]:not([vertical])) {\n    margin-left: 16px;\n    width: calc(100% - 16px);\n  }\n\n  :host([inset-end]:not([vertical])) {\n    margin-right: 16px;\n    width: calc(100% - 16px);\n  }\n\n  :host([inset][vertical]) {\n    margin-top: 8px;\n    margin-bottom: 8px;\n    height: calc(100% - 16px);\n  }\n`;\n\n","import { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport { dividerStyles } from './divider.css.js';\n\n@customElement('md-divider')\nexport class MdDivider extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, dividerStyles];\n\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  @property({ type: Boolean, reflect: true })\n  inset = false;\n\n  @property({ type: Boolean, reflect: true, attribute: 'inset-start' })\n  insetStart = false;\n\n  @property({ type: Boolean, reflect: true, attribute: 'inset-end' })\n  insetEnd = false;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'separator');\n    this.setAttribute('aria-orientation', this.vertical ? 'vertical' : 'horizontal');\n  }\n\n  override render() {\n    return html``;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-divider': MdDivider;\n  }\n}\n\n"],"names":["dividerStyles","css","MdDivider","MdBaseElement","html","__decorateClass","property","customElement"],"mappings":";;;AAEO,MAAMA,IAAgBC;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;;;;;;ACItB,IAAMC,IAAN,cAAwBC,EAAc;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA,GAIL,KAAA,WAAW,IAGX,KAAA,QAAQ,IAGR,KAAA,aAAa,IAGb,KAAA,WAAW;AAAA,EAAA;AAAA,EAEF,oBAAoB;AAC3B,UAAM,kBAAA,GACN,KAAK,aAAa,QAAQ,WAAW,GACrC,KAAK,aAAa,oBAAoB,KAAK,WAAW,aAAa,YAAY;AAAA,EACjF;AAAA,EAES,SAAS;AAChB,WAAOC;AAAA,EACT;AACF;AAxBaF,EACK,SAAS,CAACC,EAAc,QAAQH,CAAa;AAG7DK,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAH/BJ,EAIX,WAAA,YAAA,CAAA;AAGAG,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAN/BJ,EAOX,WAAA,SAAA,CAAA;AAGAG,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM,WAAW,eAAe;AAAA,GATzDJ,EAUX,WAAA,cAAA,CAAA;AAGAG,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM,WAAW,aAAa;AAAA,GAZvDJ,EAaX,WAAA,YAAA,CAAA;AAbWA,IAANG,EAAA;AAAA,EADNE,EAAc,YAAY;AAAA,GACdL,CAAA;"}

package/dist/components/fab/fab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fab.js","sources":["../../../src/components/fab/fab.css.ts","../../../src/components/fab/fab.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const fabStyles = 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 {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    border: none;\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n    background-color: var(--md-sys-color-primary-container, #EADDFF);\n    color: var(--md-sys-color-on-primary-container, #21005D);\n    box-shadow: var(--md-sys-elevation-level3, 0px 1px 3px 0px rgba(0,0,0,0.30));\n    transition: box-shadow 200ms cubic-bezier(0.2, 0, 0, 1),\n                background-color 200ms cubic-bezier(0.2, 0, 0, 1);\n    overflow: hidden;\n  }\n\n  button:hover {\n    box-shadow: var(--md-sys-elevation-level4, 0px 2px 3px 0px rgba(0,0,0,0.30));\n  }\n\n  :host([lowered]) button {\n    box-shadow: var(--md-sys-elevation-level1, 0px 1px 3px 1px rgba(0,0,0,0.15));\n  }\n\n  :host([lowered]) button:hover {\n    box-shadow: var(--md-sys-elevation-level2, 0px 2px 6px 2px rgba(0,0,0,0.15));\n  }\n\n  /* --- Sizes --- */\n  :host(:not([size])) button,\n  :host([size=\"medium\"]) button {\n    width: 56px;\n    height: 56px;\n    border-radius: var(--md-sys-shape-corner-large, 16px);\n  }\n\n  :host([size=\"small\"]) button {\n    width: 40px;\n    height: 40px;\n    border-radius: var(--md-sys-shape-corner-medium, 12px);\n  }\n\n  :host([size=\"large\"]) button {\n    width: 96px;\n    height: 96px;\n    border-radius: var(--md-sys-shape-corner-extra-large, 28px);\n  }\n\n  :host([size=\"large\"]) md-icon {\n    --md-icon-size: 36px;\n  }\n\n  /* --- Extended FAB --- */\n  :host([extended]) button {\n    width: auto;\n    min-width: 80px;\n    height: 56px;\n    padding: 0 20px;\n    border-radius: var(--md-sys-shape-corner-large, 16px);\n    gap: 12px;\n  }\n\n  .label {\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    white-space: nowrap;\n  }\n\n  .content {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    position: relative;\n    z-index: 1;\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 '../icon/icon.js';\nimport { fabStyles } from './fab.css.js';\n\nexport type FabSize = 'small' | 'medium' | 'large';\n\n@customElement('md-fab')\nexport class MdFab extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, fabStyles];\n\n  @property({ type: String, reflect: true })\n  size: FabSize = 'medium';\n\n  @property({ type: String })\n  label = '';\n\n  @property({ type: String })\n  icon = '';\n\n  @property({ type: Boolean, reflect: true })\n  lowered = false;\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: Boolean, reflect: true })\n  extended = false;\n\n  override updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('label')) {\n      this.extended = Boolean(this.label);\n    }\n  }\n\n  override render() {\n    return html`\n      <button ?disabled=${this.disabled}>\n        <md-ripple ?disabled=${this.disabled}></md-ripple>\n        <md-focus-ring></md-focus-ring>\n        <span class=\"content\">\n          <slot name=\"icon\">\n            ${this.icon ? html`<md-icon name=${this.icon}></md-icon>` : nothing}\n          </slot>\n          <slot>\n            ${this.label ? html`<span class=\"label\">${this.label}</span>` : nothing}\n          </slot>\n        </span>\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-fab': MdFab;\n  }\n}\n\n"],"names":["fabStyles","css","MdFab","MdBaseElement","changedProperties","html","nothing","__decorateClass","property","customElement"],"mappings":";;;;;;AAEO,MAAMA,IAAYC;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;AAAA;AAAA;AAAA;AAAA;;;;;;ACSlB,IAAMC,IAAN,cAAoBC,EAAc;AAAA,EAAlC,cAAA;AAAA,UAAA,GAAA,SAAA,GAIL,KAAA,OAAgB,UAGhB,KAAA,QAAQ,IAGR,KAAA,OAAO,IAGP,KAAA,UAAU,IAGV,KAAA,WAAW,IAGX,KAAA,WAAW;AAAA,EAAA;AAAA,EAEF,QAAQC,GAAyC;AACxD,UAAM,QAAQA,CAAiB,GAC3BA,EAAkB,IAAI,OAAO,MAC/B,KAAK,WAAW,EAAQ,KAAK;AAAA,EAEjC;AAAA,EAES,SAAS;AAChB,WAAOC;AAAA,0BACe,KAAK,QAAQ;AAAA,+BACR,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA,cAI9B,KAAK,OAAOA,kBAAqB,KAAK,IAAI,gBAAgBC,CAAO;AAAA;AAAA;AAAA,cAGjE,KAAK,QAAQD,wBAA2B,KAAK,KAAK,YAAYC,CAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAKjF;AACF;AA5CaJ,EACK,SAAS,CAACC,EAAc,QAAQH,CAAS;AAGzDO,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAH9BN,EAIX,WAAA,QAAA,CAAA;AAGAK,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GANfN,EAOX,WAAA,SAAA,CAAA;AAGAK,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GATfN,EAUX,WAAA,QAAA,CAAA;AAGAK,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAZ/BN,EAaX,WAAA,WAAA,CAAA;AAGAK,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAf/BN,EAgBX,WAAA,YAAA,CAAA;AAGAK,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAlB/BN,EAmBX,WAAA,YAAA,CAAA;AAnBWA,IAANK,EAAA;AAAA,EADNE,EAAc,QAAQ;AAAA,GACVP,CAAA;"}

package/dist/components/icon/icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.js","sources":["../../../src/components/icon/icon.css.ts","../../../src/components/icon/icon.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const iconStyles = css`\n  :host {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    vertical-align: middle;\n    width: var(--md-icon-size, 24px);\n    height: var(--md-icon-size, 24px);\n    font-size: var(--md-icon-size, 24px);\n    line-height: 1;\n    letter-spacing: normal;\n    text-transform: none;\n    white-space: nowrap;\n    word-wrap: normal;\n    direction: ltr;\n    font-family: 'Material Symbols Outlined', 'Material Icons', sans-serif;\n    font-weight: normal;\n    font-style: normal;\n    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\n    user-select: none;\n    flex-shrink: 0;\n    color: inherit;\n  }\n\n  :host([filled]) {\n    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;\n  }\n\n  ::slotted(svg) {\n    width: 100%;\n    height: 100%;\n    fill: currentColor;\n  }\n`;\n\n","import { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { MdBaseElement } from '../../internal/base-component.js';\nimport { iconStyles } from './icon.css.js';\n\n@customElement('md-icon')\nexport class MdIcon extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, iconStyles];\n\n  @property({ type: String })\n  name = '';\n\n  @property({ type: Boolean, reflect: true })\n  filled = false;\n\n  @property({ type: String })\n  size = '';\n\n  override updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('size')) {\n      if (this.size) {\n        this.style.setProperty('--md-icon-size', isNaN(Number(this.size)) ? this.size : `${this.size}px`);\n      } else {\n        this.style.removeProperty('--md-icon-size');\n      }\n    }\n  }\n\n  override render() {\n    return html`<slot>${this.name}</slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-icon': MdIcon;\n  }\n}\n\n"],"names":["iconStyles","css","MdIcon","MdBaseElement","changedProperties","html","__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;;;;;;ACInB,IAAMC,IAAN,cAAqBC,EAAc;AAAA,EAAnC,cAAA;AAAA,UAAA,GAAA,SAAA,GAIL,KAAA,OAAO,IAGP,KAAA,SAAS,IAGT,KAAA,OAAO;AAAA,EAAA;AAAA,EAEE,QAAQC,GAAyC;AACxD,UAAM,QAAQA,CAAiB,GAC3BA,EAAkB,IAAI,MAAM,MAC1B,KAAK,OACP,KAAK,MAAM,YAAY,kBAAkB,MAAM,OAAO,KAAK,IAAI,CAAC,IAAI,KAAK,OAAO,GAAG,KAAK,IAAI,IAAI,IAEhG,KAAK,MAAM,eAAe,gBAAgB;AAAA,EAGhD;AAAA,EAES,SAAS;AAChB,WAAOC,UAAa,KAAK,IAAI;AAAA,EAC/B;AACF;AA1BaH,EACK,SAAS,CAACC,EAAc,QAAQH,CAAU;AAG1DM,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAHfL,EAIX,WAAA,QAAA,CAAA;AAGAI,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAN/BL,EAOX,WAAA,UAAA,CAAA;AAGAI,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GATfL,EAUX,WAAA,QAAA,CAAA;AAVWA,IAANI,EAAA;AAAA,EADNE,EAAc,SAAS;AAAA,GACXN,CAAA;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"icon-button.js","sources":["../../../src/components/icon-button/icon-button.css.ts","../../../src/components/icon-button/icon-button.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const iconButtonStyles = 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    width: 40px;\n    height: 40px;\n    padding: 0;\n    border: none;\n    border-radius: var(--md-sys-shape-corner-full, 50%);\n    background-color: transparent;\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n    text-decoration: none;\n    transition: background-color 150ms cubic-bezier(0.2, 0, 0, 1),\n                color 150ms cubic-bezier(0.2, 0, 0, 1);\n  }\n\n  /* --- Filled --- */\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  }\n\n  :host([variant=\"filled\"][selected]) button,\n  :host([variant=\"filled\"][selected]) a {\n    background-color: var(--md-sys-color-primary, #6750A4);\n    color: var(--md-sys-color-on-primary, #FFFFFF);\n  }\n\n  /* --- 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  }\n\n  /* --- Outlined --- */\n  :host([variant=\"outlined\"]) button,\n  :host([variant=\"outlined\"]) a {\n    border: 1px solid var(--md-sys-color-outline, #79747E);\n    color: var(--md-sys-color-on-surface-variant, #49454F);\n  }\n\n  :host([variant=\"outlined\"][selected]) button,\n  :host([variant=\"outlined\"][selected]) a {\n    background-color: var(--md-sys-color-inverse-surface, #313033);\n    color: var(--md-sys-color-inverse-on-surface, #F4EFF4);\n    border: none;\n  }\n\n  /* --- Toggle / Selected for Standard --- */\n  :host(:not([variant])[selected]) button,\n  :host(:not([variant])[selected]) a,\n  :host([variant=\"standard\"][selected]) button,\n  :host([variant=\"standard\"][selected]) a {\n    color: var(--md-sys-color-primary, #6750A4);\n  }\n\n  /* --- Disabled --- */\n  :host([disabled]) button,\n  :host([disabled]) a {\n    cursor: not-allowed;\n    color: rgba(29, 27, 32, 0.38);\n  }\n\n  :host([disabled][variant=\"filled\"]) button,\n  :host([disabled][variant=\"filled\"]) a,\n  :host([disabled][variant=\"tonal\"]) button,\n  :host([disabled][variant=\"tonal\"]) a {\n    background-color: rgba(29, 27, 32, 0.12);\n  }\n\n  :host([disabled][variant=\"outlined\"]) button,\n  :host([disabled][variant=\"outlined\"]) a {\n    border-color: rgba(29, 27, 32, 0.12);\n  }\n\n  .content {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    z-index: 1;\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 '../icon/icon.js';\nimport { iconButtonStyles } from './icon-button.css.js';\n\nexport type IconButtonVariant = 'standard' | 'filled' | 'tonal' | 'outlined';\n\n@customElement('md-icon-button')\nexport class MdIconButton extends MdBaseElement {\n  static override styles = [MdBaseElement.styles, iconButtonStyles];\n\n  @property({ type: String, reflect: true })\n  variant: IconButtonVariant = 'standard';\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: Boolean, reflect: true })\n  toggle = false;\n\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  @property({ type: String })\n  icon = '';\n\n  @property({ type: String, attribute: 'selected-icon' })\n  selectedIcon = '';\n\n  @property({ type: String, attribute: 'aria-label' })\n  ariaLabelText = '';\n\n  @property({ type: String })\n  href = '';\n\n  @property({ type: String })\n  target = '';\n\n  private handleClick = (event: MouseEvent): void => {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      return;\n    }\n\n    if (this.toggle) {\n      this.selected = !this.selected;\n      this.emitEvent('change', { selected: this.selected });\n    }\n  };\n\n  override render() {\n    const iconName = (this.selected && this.selectedIcon) ? this.selectedIcon : this.icon;\n\n    const content = html`\n      <md-ripple ?disabled=${this.disabled} unbounded></md-ripple>\n      <md-focus-ring></md-focus-ring>\n      <span class=\"content\">\n        <slot>\n          ${iconName ? html`<md-icon name=${iconName} ?filled=${this.selected}></md-icon>` : nothing}\n        </slot>\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-label=${this.ariaLabelText || nothing}\n          aria-pressed=${this.toggle ? (this.selected ? 'true' : 'false') : 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        aria-label=${this.ariaLabelText || nothing}\n        aria-pressed=${this.toggle ? (this.selected ? 'true' : 'false') : nothing}\n        ?disabled=${this.disabled}\n        @click=${this.handleClick}\n      >\n        ${content}\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-icon-button': MdIconButton;\n  }\n}\n\n"],"names":["iconButtonStyles","css","MdIconButton","MdBaseElement","event","iconName","content","html","nothing","__decorateClass","property","customElement"],"mappings":"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"}