@francofantomius/material-components 0.1.0

package/dist/chunks/base-component-DQTjlEVL.js

@@ -0,0 +1,34 @@
+import { LitElement as n, css as i } from "lit";
+class m extends n {
+  static {
+    this.styles = i`
+    :host {
+      box-sizing: border-box;
+      font-family: var(--md-sys-typescale-font-family, 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif);
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+    }
+
+    *, *::before, *::after {
+      box-sizing: inherit;
+    }
+  `;
+  }
+  /**
+   * Helper to dispatch custom events with standard bubbles/composed defaults.
+   */
+  emitEvent(t, e, s = {}) {
+    const o = new CustomEvent(t, {
+      bubbles: !0,
+      composed: !0,
+      cancelable: !0,
+      detail: e,
+      ...s
+    });
+    return this.dispatchEvent(o);
+  }
+}
+export {
+  m as M
+};
+//# sourceMappingURL=base-component-DQTjlEVL.js.map

package/dist/chunks/base-component-DQTjlEVL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-component-DQTjlEVL.js","sources":["../../src/internal/base-component.ts"],"sourcesContent":["import { LitElement, css, CSSResultGroup } from 'lit';\n\n/**\n * Base element class for all Material Web Components.\n * Provides standard reset styles and event dispatch helpers.\n */\nexport class MdBaseElement extends LitElement {\n  static override styles: CSSResultGroup = css`\n    :host {\n      box-sizing: border-box;\n      font-family: var(--md-sys-typescale-font-family, 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif);\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n    }\n\n    *, *::before, *::after {\n      box-sizing: inherit;\n    }\n  `;\n\n  /**\n   * Helper to dispatch custom events with standard bubbles/composed defaults.\n   */\n  protected emitEvent<T = unknown>(\n    name: string,\n    detail?: T,\n    options: CustomEventInit<T> = {}\n  ): boolean {\n    const event = new CustomEvent<T>(name, {\n      bubbles: true,\n      composed: true,\n      cancelable: true,\n      detail,\n      ...options,\n    });\n    return this.dispatchEvent(event);\n  }\n}\n\n"],"names":["MdBaseElement","LitElement","css","name","detail","options","event"],"mappings":";AAMO,MAAMA,UAAsBC,EAAW;AAAA,EAC5C,OAAA;AAAA,SAAgB,SAAyBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAgB/B,UACRC,GACAC,GACAC,IAA8B,CAAA,GACrB;AACT,UAAMC,IAAQ,IAAI,YAAeH,GAAM;AAAA,MACrC,SAAS;AAAA,MACT,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,QAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,CACJ;AACD,WAAO,KAAK,cAAcC,CAAK;AAAA,EACjC;AACF;"}

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

@@ -0,0 +1,71 @@
+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

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

@@ -0,0 +1,74 @@
+import { property as r } from "lit/decorators.js";
+import { M as h } from "./base-component-DQTjlEVL.js";
+var f = Object.defineProperty, l = (s, t, i, o) => {
+  for (var e = void 0, a = s.length - 1, d; a >= 0; a--)
+    (d = s[a]) && (e = d(t, i, e) || e);
+  return e && f(t, i, e), e;
+};
+class n extends h {
+  constructor() {
+    super(), this.name = "", this.disabled = !1, this.required = !1, this._customValidityMessage = "", this._valid = !0, typeof this.attachInternals == "function" && (this.internals = this.attachInternals());
+  }
+  static {
+    this.formAssociated = !0;
+  }
+  get form() {
+    return this.internals?.form ?? this.closest("form");
+  }
+  get validity() {
+    return this.internals?.validity ?? {
+      valid: this._valid,
+      valueMissing: !this._valid,
+      customError: !!this._customValidityMessage,
+      badInput: !1,
+      patternMismatch: !1,
+      rangeOverflow: !1,
+      rangeUnderflow: !1,
+      stepMismatch: !1,
+      tooLong: !1,
+      tooShort: !1,
+      typeMismatch: !1
+    };
+  }
+  get validationMessage() {
+    return this.internals?.validationMessage ?? this._customValidityMessage;
+  }
+  get willValidate() {
+    return this.internals?.willValidate ?? !this.disabled;
+  }
+  checkValidity() {
+    return this.internals?.checkValidity ? this.internals.checkValidity() : this._valid;
+  }
+  reportValidity() {
+    return this.internals?.reportValidity ? this.internals.reportValidity() : this._valid;
+  }
+  setFormValue(t) {
+    this.internals?.setFormValue(t);
+  }
+  setValidity(t, i, o) {
+    if (t) {
+      const e = Object.values(t).some(Boolean);
+      this._valid = !e, this._customValidityMessage = i || "";
+    } else
+      this._valid = !0, this._customValidityMessage = "";
+    this.internals?.setValidity && this.internals.setValidity(t, i, o);
+  }
+  formResetCallback() {
+  }
+  formDisabledCallback(t) {
+    this.disabled = t;
+  }
+}
+l([
+  r({ type: String, reflect: !0 })
+], n.prototype, "name");
+l([
+  r({ type: Boolean, reflect: !0 })
+], n.prototype, "disabled");
+l([
+  r({ type: Boolean, reflect: !0 })
+], n.prototype, "required");
+export {
+  n as M
+};
+//# sourceMappingURL=form-associated-fKbeX_2P.js.map

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

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

@@ -0,0 +1,263 @@
+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

@@ -0,0 +1 @@
+{"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.css.d.ts

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

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

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

package/dist/components/badge/badge.d.ts

@@ -0,0 +1,16 @@
+import { MdBaseElement } from '../../internal/base-component.js';
+export declare class MdBadge extends MdBaseElement {
+    static styles: import('lit').CSSResultGroup[];
+    value: string;
+    dot: boolean;
+    anchored: boolean;
+    private assignedChildren;
+    private handleSlotChange;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-badge': MdBadge;
+    }
+}
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAGjE,qBACa,OAAQ,SAAQ,aAAa;IACxC,OAAgB,MAAM,iCAAuC;IAG7D,KAAK,SAAM;IAGX,GAAG,UAAS;IAGZ,QAAQ,UAAS;IAGjB,OAAO,CAAC,gBAAgB,CAAiB;IAEzC,OAAO,CAAC,gBAAgB,CAEtB;IAEO,MAAM;CAQhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/dist/components/badge/badge.js

@@ -0,0 +1,93 @@
+import { css as h, nothing as c, html as g } from "lit";
+import { property as l, queryAssignedElements as m, customElement as f } from "lit/decorators.js";
+import { M as p } from "../../chunks/base-component-DQTjlEVL.js";
+const u = h`
+  :host {
+    display: inline-flex;
+    position: relative;
+    vertical-align: middle;
+  }
+
+  .badge {
+    box-sizing: border-box;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--md-sys-color-error, #B3261E);
+    color: var(--md-sys-color-on-error, #FFFFFF);
+    font-family: var(--md-sys-typescale-font-family, inherit);
+    font-weight: 500;
+    line-height: 1;
+    white-space: nowrap;
+    user-select: none;
+    border-radius: var(--md-sys-shape-corner-full, 9999px);
+    transition: transform 150ms cubic-bezier(0.2, 0, 0, 1),
+                opacity 150ms cubic-bezier(0.2, 0, 0, 1);
+  }
+
+  /* Small Dot Badge */
+  :host(:not([value])) .badge,
+  :host([dot]) .badge {
+    width: 6px;
+    height: 6px;
+    padding: 0;
+  }
+
+  /* Large Badge with text */
+  :host([value]:not([dot])) .badge {
+    min-width: 16px;
+    height: 16px;
+    padding: 0 4px;
+    font-size: 11px;
+    letter-spacing: 0.5px;
+  }
+
+  /* Anchored Positioning over slotted element */
+  :host([anchored]) .badge {
+    position: absolute;
+    top: 0;
+    right: 0;
+    transform: translate(50%, -50%);
+    z-index: 10;
+  }
+`;
+var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, o = (d, r, n, s) => {
+  for (var e = s > 1 ? void 0 : s ? b(r, n) : r, a = d.length - 1, i; a >= 0; a--)
+    (i = d[a]) && (e = (s ? i(r, n, e) : i(e)) || e);
+  return s && e && y(r, n, e), e;
+};
+let t = class extends p {
+  constructor() {
+    super(...arguments), this.value = "", this.dot = !1, this.anchored = !1, this.handleSlotChange = () => {
+      this.anchored = this.assignedChildren.length > 0;
+    };
+  }
+  render() {
+    return g`
+      <slot @slotchange=${this.handleSlotChange}></slot>
+      <span class="badge">
+        ${!this.dot && this.value ? this.value : c}
+      </span>
+    `;
+  }
+};
+t.styles = [p.styles, u];
+o([
+  l({ type: String, reflect: !0 })
+], t.prototype, "value", 2);
+o([
+  l({ type: Boolean, reflect: !0 })
+], t.prototype, "dot", 2);
+o([
+  l({ type: Boolean, reflect: !0 })
+], t.prototype, "anchored", 2);
+o([
+  m()
+], t.prototype, "assignedChildren", 2);
+t = o([
+  f("md-badge")
+], t);
+export {
+  t as MdBadge
+};
+//# sourceMappingURL=badge.js.map