@francofantomius/material-components 0.1.0 → 1.0.1

package/dist/components/radio/radio.js

@@ -1,205 +1,5 @@
-import { css as h, html as u } from "lit";
-import { property as l, customElement as p, queryAssignedElements as y } from "lit/decorators.js";
-import { M as m } from "../../chunks/base-component-DQTjlEVL.js";
-import { M as f } from "../../chunks/form-associated-fKbeX_2P.js";
-import "../../internal/ripple/ripple.js";
-import "../../chunks/focus-ring-Dl-XoEKK.js";
-const v = h`
-  :host {
-    display: inline-flex;
-    align-items: center;
-    vertical-align: middle;
-    cursor: pointer;
-    outline: none;
-    -webkit-tap-highlight-color: transparent;
-    user-select: none;
-    gap: 8px;
-    font-family: var(--md-sys-typescale-font-family, inherit);
-    font-size: var(--md-sys-typescale-body-large-size, 16px);
-    color: var(--md-sys-color-on-surface, #1D1B20);
-  }
-
-  :host([disabled]) {
-    cursor: not-allowed;
-    color: rgba(29, 27, 32, 0.38);
-    pointer-events: none;
-  }
-
-  .container {
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 40px;
-    height: 40px;
-    border-radius: 50%;
-  }
-
-  .outer-circle {
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 20px;
-    height: 20px;
-    box-sizing: border-box;
-    border: 2px solid var(--md-sys-color-on-surface-variant, #49454F);
-    border-radius: 50%;
-    background-color: transparent;
-    transition: border-color 150ms cubic-bezier(0.2, 0, 0, 1);
-  }
-
-  :host([checked]) .outer-circle {
-    border-color: var(--md-sys-color-primary, #6750A4);
-  }
-
-  :host([disabled]) .outer-circle {
-    border-color: rgba(29, 27, 32, 0.38);
-  }
-
-  .inner-circle {
-    width: 10px;
-    height: 10px;
-    border-radius: 50%;
-    background-color: var(--md-sys-color-primary, #6750A4);
-    transform: scale(0);
-    transition: transform 150ms cubic-bezier(0.2, 0, 0, 1);
-  }
-
-  :host([checked]) .inner-circle {
-    transform: scale(1);
-  }
-
-  :host([disabled][checked]) .inner-circle {
-    background-color: rgba(29, 27, 32, 0.38);
-  }
-`, b = h`
-  :host {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-  }
-
-  :host([row]) {
-    flex-direction: row;
-    align-items: center;
-    gap: 16px;
-  }
-`;
-var g = Object.defineProperty, k = Object.getOwnPropertyDescriptor, o = (e, t, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? k(t, i) : t, d = e.length - 1, c; d >= 0; d--)
-    (c = e[d]) && (s = (r ? c(t, i, s) : c(s)) || s);
-  return r && s && g(t, i, s), s;
-};
-let a = class extends f {
-  constructor() {
-    super(...arguments), this.checked = !1, this.value = "on", this.handleClick = (e) => {
-      this.disabled || this.checked || (e.preventDefault(), this.select());
-    }, this.handleKeyDown = (e) => {
-      this.disabled || (e.key === " " || e.key === "Enter") && (e.preventDefault(), this.select());
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.tabIndex = this.disabled ? -1 : this.checked ? 0 : -1, this.addEventListener("click", this.handleClick), this.addEventListener("keydown", this.handleKeyDown), this.updateFormValue();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("click", this.handleClick), this.removeEventListener("keydown", this.handleKeyDown);
-  }
-  updated(e) {
-    super.updated(e), (e.has("checked") || e.has("value")) && (this.tabIndex = this.disabled ? -1 : this.checked ? 0 : -1, this.updateFormValue());
-  }
-  formResetCallback() {
-    this.checked = !1, this.updateFormValue();
-  }
-  updateFormValue() {
-    this.setFormValue(this.checked ? this.value : null), this.required && !this.checked ? this.setValidity({ valueMissing: !0 }, "Please select one of these options") : this.setValidity({});
-  }
-  select() {
-    this.checked = !0, this.updateFormValue(), this.emitEvent("change", { checked: !0, value: this.value }), this.emitEvent("input", { checked: !0, value: this.value }), this.name && this.getRootNode().querySelectorAll(`md-radio[name="${this.name}"]`).forEach((i) => {
-      i !== this && i.checked && (i.checked = !1, i.tabIndex = -1);
-    });
-  }
-  render() {
-    return u`
-      <div class="container">
-        <md-ripple ?disabled=${this.disabled} unbounded></md-ripple>
-        <md-focus-ring></md-focus-ring>
-        <div class="outer-circle">
-          <div class="inner-circle"></div>
-        </div>
-      </div>
-      <slot></slot>
-    `;
-  }
-};
-a.styles = [f.styles, v];
-o([
-  l({ type: Boolean, reflect: !0 })
-], a.prototype, "checked", 2);
-o([
-  l({ type: String })
-], a.prototype, "value", 2);
-a = o([
-  p("md-radio")
-], a);
-let n = class extends m {
-  constructor() {
-    super(...arguments), this.name = "", this.value = "", this.row = !1, this.handleSlotChange = () => {
-      this.syncRadios();
-    }, this.handleChange = (e) => {
-      const t = e.target;
-      t && t.checked && (this.value = t.value, this.emitEvent("group-change", { value: this.value }));
-    }, this.handleKeyDown = (e) => {
-      const t = this.radios.filter((s) => !s.disabled);
-      if (t.length === 0) return;
-      const i = t.findIndex((s) => s === document.activeElement || s.shadowRoot?.activeElement);
-      let r = -1;
-      if (e.key === "ArrowDown" || e.key === "ArrowRight" ? (e.preventDefault(), r = i < t.length - 1 ? i + 1 : 0) : (e.key === "ArrowUp" || e.key === "ArrowLeft") && (e.preventDefault(), r = i > 0 ? i - 1 : t.length - 1), r !== -1) {
-        const s = t[r];
-        s && (s.select(), s.focus());
-      }
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.addEventListener("change", this.handleChange), this.addEventListener("keydown", this.handleKeyDown);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("change", this.handleChange), this.removeEventListener("keydown", this.handleKeyDown);
-  }
-  updated(e) {
-    super.updated(e), (e.has("name") || e.has("value")) && this.syncRadios();
-  }
-  syncRadios() {
-    let e = !1;
-    if (this.radios.forEach((t) => {
-      this.name && !t.name && (t.name = this.name), this.value && t.value === this.value && (t.checked = !0, e = !0);
-    }), !e && this.radios.length > 0) {
-      const t = this.radios.find((i) => !i.disabled);
-      t && (t.tabIndex = 0);
-    }
-  }
-  render() {
-    return u`<slot @slotchange=${this.handleSlotChange}></slot>`;
-  }
-};
-n.styles = [m.styles, b];
-o([
-  l({ type: String })
-], n.prototype, "name", 2);
-o([
-  l({ type: String })
-], n.prototype, "value", 2);
-o([
-  l({ type: Boolean, reflect: !0 })
-], n.prototype, "row", 2);
-o([
-  y({ selector: "md-radio" })
-], n.prototype, "radios", 2);
-n = o([
-  p("md-radio-group")
-], n);
+import { n as a, t as d } from "../../chunks/radio-Bily78NT.js";
 export {
-  a as MdRadio,
-  n as MdRadioGroup
+  d as MdRadio,
+  a as MdRadioGroup
 };
-//# sourceMappingURL=radio.js.map

package/dist/components/search-bar/search-bar.css.d.ts

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

package/dist/components/search-bar/search-bar.css.d.ts.map

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

package/dist/components/search-bar/search-bar.d.ts

@@ -0,0 +1,81 @@
+import { MdFormAssociatedElement } from '../../internal/form-associated.js';
+export interface SearchSuggestion {
+    id?: string;
+    label: string;
+    value?: string;
+    supportingText?: string;
+    trailingSupportingText?: string;
+    icon?: string;
+    [key: string]: unknown;
+}
+export declare class MdSearchBar extends MdFormAssociatedElement {
+    static styles: import('lit').CSSResultGroup[];
+    value: string;
+    placeholder: string;
+    active: boolean;
+    suggestions: Array<string | SearchSuggestion>;
+    leadingIcon: string;
+    activeLeadingIcon: string;
+    trailingIcon: string;
+    showBackButton: boolean;
+    showClearButton: boolean;
+    responsive: boolean;
+    collapseOnMobile: boolean;
+    fullscreen: boolean;
+    autoDeactivateOnSelect: boolean;
+    private highlightedIndex;
+    private inputElement?;
+    connectedCallback(): void;
+    willUpdate(changedProperties: Map<string, unknown>): void;
+    formResetCallback(): void;
+    /**
+     * Focuses the search input field.
+     */
+    focus(): void;
+    /**
+     * Opens / activates the search view.
+     */
+    show(): void;
+    /**
+     * Alias for show()
+     */
+    open(): void;
+    /**
+     * Closes / deactivates the search view.
+     */
+    close(): void;
+    /**
+     * Alias for close()
+     */
+    collapse(): void;
+    /**
+     * Toggles the active state of the search bar.
+     */
+    toggle(): void;
+    /**
+     * Clears the current search input.
+     */
+    clear(): void;
+    private handleFocus;
+    private handleInput;
+    private handleChange;
+    private handleKeyDown;
+    private handleTriggerClick;
+    private handleTriggerKeyDown;
+    private handleTrailingTriggerClick;
+    private handleBackClick;
+    private handleScrimClick;
+    private handleClearClick;
+    private selectSuggestion;
+    private renderSuggestionItem;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export declare class MdSearch extends MdSearchBar {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-search-bar': MdSearchBar;
+        'md-search': MdSearch;
+    }
+}
+//# sourceMappingURL=search-bar.d.ts.map

package/dist/components/search-bar/search-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.d.ts","sourceRoot":"","sources":["../../../src/components/search-bar/search-bar.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,iBAAiB,CAAC;AAGzB,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,qBACa,WAAY,SAAQ,uBAAuB;IACtD,OAAgB,MAAM,iCAAqD;IAG3E,KAAK,SAAM;IAGX,WAAW,SAAY;IAGvB,MAAM,UAAS;IAGf,WAAW,EAAE,KAAK,CAAC,MAAM,GAAG,gBAAgB,CAAC,CAAM;IAGnD,WAAW,SAAY;IAGvB,iBAAiB,SAAgB;IAGjC,YAAY,SAAM;IAGlB,cAAc,UAAQ;IAGtB,eAAe,UAAQ;IAGvB,UAAU,UAAQ;IAGlB,gBAAgB,UAAQ;IAGxB,UAAU,UAAS;IAGnB,sBAAsB,UAAQ;IAG9B,OAAO,CAAC,gBAAgB,CAAM;IAG9B,OAAO,CAAC,YAAY,CAAC,CAAmB;IAE/B,iBAAiB;IAQjB,UAAU,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAiBlD,iBAAiB;IAO1B;;OAEG;IACM,KAAK;IAId;;OAEG;IACH,IAAI;IAUJ;;OAEG;IACH,IAAI;IAIJ;;OAEG;IACH,KAAK;IAQL;;OAEG;IACH,QAAQ;IAIR;;OAEG;IACH,MAAM;IAQN;;OAEG;IACH,KAAK;IAUL,OAAO,CAAC,WAAW,CAKjB;IAEF,OAAO,CAAC,WAAW,CAOjB;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,aAAa,CAyCnB;IAEF,OAAO,CAAC,kBAAkB,CAGxB;IAEF,OAAO,CAAC,oBAAoB,CAK1B;IAEF,OAAO,CAAC,0BAA0B,CAMhC;IAEF,OAAO,CAAC,eAAe,CAGrB;IAEF,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,gBAAgB,CAGtB;IAEF,OAAO,CAAC,gBAAgB;IAexB,OAAO,CAAC,oBAAoB;IA2BnB,MAAM;CA6HhB;AAED,qBACa,QAAS,SAAQ,WAAW;CAAG;AAE5C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/components/search-bar/search-bar.js

@@ -0,0 +1,5 @@
+import { n as a, t as e } from "../../chunks/search-bar-TXnqJ-gd.js";
+export {
+  e as MdSearch,
+  a as MdSearchBar
+};

package/dist/components/snackbar/snackbar.js

@@ -1,164 +1,4 @@
-import { css as h, nothing as m, html as p } from "lit";
-import { property as o, customElement as u } from "lit/decorators.js";
-import { M as d } from "../../chunks/base-component-DQTjlEVL.js";
-import "../icon/icon.js";
-const b = h`
-  :host {
-    display: block;
-    position: fixed;
-    bottom: 24px;
-    left: 50%;
-    transform: translateX(-50%) translateY(100px);
-    opacity: 0;
-    pointer-events: none;
-    z-index: 2000;
-    transition: transform 250ms cubic-bezier(0.2, 0, 0, 1),
-                opacity 250ms cubic-bezier(0.2, 0, 0, 1);
-  }
-
-  :host([open]) {
-    transform: translateX(-50%) translateY(0);
-    opacity: 1;
-    pointer-events: auto;
-  }
-
-  .snackbar {
-    display: flex;
-    align-items: center;
-    min-width: 288px;
-    max-width: 568px;
-    min-height: 48px;
-    padding: 8px 16px;
-    box-sizing: border-box;
-    border-radius: var(--md-sys-shape-corner-extra-small, 4px);
-    background-color: var(--md-sys-color-inverse-surface, #313033);
-    color: var(--md-sys-color-inverse-on-surface, #F4EFF4);
-    box-shadow: var(--md-sys-elevation-level3, 0px 1px 3px 0px rgba(0,0,0,0.30));
-    font-family: var(--md-sys-typescale-font-family, inherit);
-    font-size: var(--md-sys-typescale-body-medium-size, 14px);
-    line-height: 20px;
-    gap: 12px;
-  }
-
-  .message {
-    flex: 1;
-  }
-
-  .actions {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-  }
-
-  .action-btn {
-    background: transparent;
-    border: none;
-    color: var(--md-sys-color-inverse-primary, #D0BCFF);
-    font-family: inherit;
-    font-size: var(--md-sys-typescale-label-large-size, 14px);
-    font-weight: 500;
-    cursor: pointer;
-    padding: 0 8px;
-    height: 36px;
-    border-radius: var(--md-sys-shape-corner-extra-small, 4px);
-    outline: none;
-  }
-
-  .action-btn:hover {
-    background-color: rgba(208, 188, 255, 0.08);
-  }
-
-  .close-btn {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    background: transparent;
-    border: none;
-    color: var(--md-sys-color-inverse-on-surface, #F4EFF4);
-    cursor: pointer;
-    padding: 4px;
-    border-radius: 50%;
-    outline: none;
-  }
-
-  .close-btn:hover {
-    background-color: rgba(255, 255, 255, 0.08);
-  }
-`;
-var x = Object.defineProperty, y = Object.getOwnPropertyDescriptor, s = (i, r, n, a) => {
-  for (var t = a > 1 ? void 0 : a ? y(r, n) : r, l = i.length - 1, c; l >= 0; l--)
-    (c = i[l]) && (t = (a ? c(r, n, t) : c(t)) || t);
-  return a && t && x(r, n, t), t;
-};
-let e = class extends d {
-  constructor() {
-    super(...arguments), this.open = !1, this.message = "", this.actionText = "", this.closeable = !1, this.timeoutMs = 4e3, this.timerId = null, this.handleAction = () => {
-      this.emitEvent("action"), this.close();
-    }, this.handleClose = () => {
-      this.close();
-    };
-  }
-  updated(i) {
-    super.updated(i), i.has("open") && (this.open ? this.startTimer() : this.clearTimer());
-  }
-  show() {
-    this.open = !0;
-  }
-  close() {
-    this.open = !1, this.emitEvent("close");
-  }
-  startTimer() {
-    this.clearTimer(), this.timeoutMs > 0 && (this.timerId = window.setTimeout(() => {
-      this.close();
-    }, this.timeoutMs));
-  }
-  clearTimer() {
-    this.timerId !== null && (clearTimeout(this.timerId), this.timerId = null);
-  }
-  render() {
-    return p`
-      <div class="snackbar" role="status" aria-live="polite">
-        <div class="message">
-          <slot>${this.message}</slot>
-        </div>
-
-        <div class="actions">
-          ${this.actionText ? p`
-                <button class="action-btn" @click=${this.handleAction}>
-                  ${this.actionText}
-                </button>
-              ` : m}
-
-          ${this.closeable ? p`
-                <button class="close-btn" aria-label="Dismiss" @click=${this.handleClose}>
-                  <md-icon name="close" size="18"></md-icon>
-                </button>
-              ` : m}
-        </div>
-      </div>
-    `;
-  }
-};
-e.styles = [d.styles, b];
-s([
-  o({ type: Boolean, reflect: !0 })
-], e.prototype, "open", 2);
-s([
-  o({ type: String })
-], e.prototype, "message", 2);
-s([
-  o({ type: String, attribute: "action-text" })
-], e.prototype, "actionText", 2);
-s([
-  o({ type: Boolean, reflect: !0 })
-], e.prototype, "closeable", 2);
-s([
-  o({ type: Number, attribute: "timeout-ms" })
-], e.prototype, "timeoutMs", 2);
-e = s([
-  u("md-snackbar")
-], e);
+import { t as a } from "../../chunks/snackbar-Wsz3BzEY.js";
 export {
-  e as MdSnackbar
+  a as MdSnackbar
 };
-//# sourceMappingURL=snackbar.js.map

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

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

package/dist/components/switch/switch.js

@@ -1,171 +1,4 @@
-import { css as u, html as a } from "lit";
-import { property as d, customElement as p } from "lit/decorators.js";
-import { M as h } from "../../chunks/form-associated-fKbeX_2P.js";
-import "../../internal/ripple/ripple.js";
-import "../../chunks/focus-ring-Dl-XoEKK.js";
-import "../icon/icon.js";
-const m = u`
-  :host {
-    display: inline-flex;
-    align-items: center;
-    vertical-align: middle;
-    cursor: pointer;
-    outline: none;
-    -webkit-tap-highlight-color: transparent;
-    user-select: none;
-    gap: 12px;
-    font-family: var(--md-sys-typescale-font-family, inherit);
-    font-size: var(--md-sys-typescale-body-large-size, 16px);
-    color: var(--md-sys-color-on-surface, #1D1B20);
-  }
-
-  :host([disabled]) {
-    cursor: not-allowed;
-    color: rgba(29, 27, 32, 0.38);
-    pointer-events: none;
-  }
-
-  .switch {
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    width: 52px;
-    height: 32px;
-    box-sizing: border-box;
-    border-radius: var(--md-sys-shape-corner-full, 9999px);
-    border: 2px solid var(--md-sys-color-outline, #79747E);
-    background-color: var(--md-sys-color-surface-container-highest, #E6E0E9);
-    transition: background-color 200ms cubic-bezier(0.2, 0, 0, 1),
-                border-color 200ms cubic-bezier(0.2, 0, 0, 1);
-  }
-
-  :host([selected]) .switch {
-    background-color: var(--md-sys-color-primary, #6750A4);
-    border-color: var(--md-sys-color-primary, #6750A4);
-  }
-
-  :host([disabled]) .switch {
-    background-color: rgba(29, 27, 32, 0.12);
-    border-color: rgba(29, 27, 32, 0.12);
-  }
-
-  .thumb-container {
-    position: absolute;
-    left: 4px;
-    width: 20px;
-    height: 20px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transition: transform 200ms cubic-bezier(0.2, 0, 0, 1);
-  }
-
-  :host([selected]) .thumb-container {
-    transform: translateX(20px);
-  }
-
-  .thumb {
-    width: 16px;
-    height: 16px;
-    border-radius: 50%;
-    background-color: var(--md-sys-color-outline, #79747E);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    transition: width 200ms cubic-bezier(0.2, 0, 0, 1),
-                height 200ms cubic-bezier(0.2, 0, 0, 1),
-                background-color 200ms cubic-bezier(0.2, 0, 0, 1);
-  }
-
-  :host([selected]) .thumb {
-    width: 24px;
-    height: 24px;
-    background-color: var(--md-sys-color-on-primary, #FFFFFF);
-  }
-
-  :host([disabled]) .thumb {
-    background-color: rgba(29, 27, 32, 0.38);
-  }
-
-  .icon {
-    font-size: 16px;
-    color: var(--md-sys-color-on-primary-container, #21005D);
-    opacity: 0;
-    transition: opacity 150ms ease;
-  }
-
-  :host([selected]) .icon.check {
-    opacity: 1;
-  }
-
-  :host([icons]:not([selected])) .icon.cross {
-    opacity: 1;
-    color: var(--md-sys-color-surface-container-highest, #E6E0E9);
-  }
-`;
-var b = Object.defineProperty, y = Object.getOwnPropertyDescriptor, r = (e, i, l, o) => {
-  for (var t = o > 1 ? void 0 : o ? y(i, l) : i, c = e.length - 1, n; c >= 0; c--)
-    (n = e[c]) && (t = (o ? n(i, l, t) : n(t)) || t);
-  return o && t && b(i, l, t), t;
-};
-let s = class extends h {
-  constructor() {
-    super(...arguments), this.selected = !1, this.icons = !1, this.value = "on", this.handleClick = (e) => {
-      this.disabled || (e.preventDefault(), this.toggle());
-    }, this.handleKeyDown = (e) => {
-      this.disabled || (e.key === " " || e.key === "Enter") && (e.preventDefault(), this.toggle());
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.tabIndex = this.disabled ? -1 : 0, this.addEventListener("click", this.handleClick), this.addEventListener("keydown", this.handleKeyDown), this.updateFormValue();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("click", this.handleClick), this.removeEventListener("keydown", this.handleKeyDown);
-  }
-  updated(e) {
-    super.updated(e), (e.has("selected") || e.has("value")) && this.updateFormValue();
-  }
-  formResetCallback() {
-    this.selected = !1, this.updateFormValue();
-  }
-  updateFormValue() {
-    this.setFormValue(this.selected ? this.value : null), this.required && !this.selected ? this.setValidity({ valueMissing: !0 }, "Please toggle this switch") : this.setValidity({});
-  }
-  toggle() {
-    this.selected = !this.selected, this.updateFormValue(), this.emitEvent("change", { selected: this.selected }), this.emitEvent("input", { selected: this.selected });
-  }
-  render() {
-    return a`
-      <div class="switch">
-        <div class="thumb-container">
-          <md-ripple ?disabled=${this.disabled} unbounded></md-ripple>
-          <md-focus-ring></md-focus-ring>
-          <div class="thumb">
-            ${this.icons ? a`
-                  <md-icon class="icon check" size="14">check</md-icon>
-                  <md-icon class="icon cross" size="14">close</md-icon>
-                ` : a`<slot name="icon"></slot>`}
-          </div>
-        </div>
-      </div>
-      <slot></slot>
-    `;
-  }
-};
-s.styles = [h.styles, m];
-r([
-  d({ type: Boolean, reflect: !0 })
-], s.prototype, "selected", 2);
-r([
-  d({ type: Boolean, reflect: !0 })
-], s.prototype, "icons", 2);
-r([
-  d({ type: String })
-], s.prototype, "value", 2);
-s = r([
-  p("md-switch")
-], s);
+import { t as o } from "../../chunks/switch-DdukrvXb.js";
 export {
-  s as MdSwitch
+  o as MdSwitch
 };
-//# sourceMappingURL=switch.js.map

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

@@ -0,0 +1,8 @@
+export declare const tableStyles: import('lit').CSSResult;
+export declare const tableHeadStyles: import('lit').CSSResult;
+export declare const tableBodyStyles: import('lit').CSSResult;
+export declare const tableRowStyles: import('lit').CSSResult;
+export declare const tableHeaderCellStyles: import('lit').CSSResult;
+export declare const tableCellStyles: import('lit').CSSResult;
+export declare const tablePaginationStyles: import('lit').CSSResult;
+//# sourceMappingURL=table.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.css.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,yBA+DvB,CAAC;AAEF,eAAO,MAAM,eAAe,yBAa3B,CAAC;AAEF,eAAO,MAAM,eAAe,yBAI3B,CAAC;AAEF,eAAO,MAAM,cAAc,yBAyC1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,yBA6EjC,CAAC;AAEF,eAAO,MAAM,eAAe,yBAoC3B,CAAC;AAEF,eAAO,MAAM,qBAAqB,yBA6CjC,CAAC"}