@francofantomius/material-components 0.1.0 → 1.0.0

package/dist/components/dialog/dialog.js

@@ -1,167 +1,4 @@
-import { css as m, nothing as p, html as c } from "lit";
-import { property as n, query as f, customElement as g } from "lit/decorators.js";
-import { M as h } from "../../chunks/base-component-DQTjlEVL.js";
-import "../icon/icon.js";
-const u = m`
-  :host {
-    display: contents;
-  }
-
-  dialog {
-    box-sizing: border-box;
-    min-width: 280px;
-    max-width: 560px;
-    padding: 24px;
-    border: none;
-    border-radius: var(--md-sys-shape-corner-extra-large, 28px);
-    background-color: var(--md-sys-color-surface-container-high, #ECE6F0);
-    color: var(--md-sys-color-on-surface, #1D1B20);
-    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);
-    position: fixed;
-    inset: 0;
-    margin: auto;
-    overflow: auto;
-    z-index: 1000;
-  }
-
-  dialog::backdrop {
-    background-color: rgba(0, 0, 0, 0.32);
-    backdrop-filter: blur(2px);
-    animation: md-fade-in 150ms ease-out forwards;
-  }
-
-  dialog[open] {
-    animation: md-dialog-in 150ms cubic-bezier(0.2, 0, 0, 1) forwards;
-  }
-
-  @keyframes md-fade-in {
-    from { opacity: 0; }
-    to { opacity: 1; }
-  }
-
-  @keyframes md-dialog-in {
-    from {
-      opacity: 0;
-      transform: scale(0.92);
-    }
-    to {
-      opacity: 1;
-      transform: scale(1);
-    }
-  }
-
-  .dialog-container {
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-  }
-
-  .icon {
-    display: flex;
-    justify-content: center;
-    color: var(--md-sys-color-secondary, #625B71);
-  }
-
-  .headline {
-    font-size: var(--md-sys-typescale-headline-small-size, 24px);
-    line-height: 32px;
-    font-weight: 400;
-    color: var(--md-sys-color-on-surface, #1D1B20);
-    margin: 0;
-  }
-
-  .content {
-    font-size: var(--md-sys-typescale-body-medium-size, 14px);
-    line-height: 20px;
-    color: var(--md-sys-color-on-surface-variant, #49454F);
-  }
-
-  .actions {
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    gap: 8px;
-    padding-top: 8px;
-  }
-`;
-var y = Object.defineProperty, x = Object.getOwnPropertyDescriptor, s = (e, o, a, l) => {
-  for (var i = l > 1 ? void 0 : l ? x(o, a) : o, r = e.length - 1, d; r >= 0; r--)
-    (d = e[r]) && (i = (l ? d(o, a, i) : d(i)) || i);
-  return l && i && y(o, a, i), i;
-};
-let t = class extends h {
-  constructor() {
-    super(...arguments), this.open = !1, this.headline = "", this.icon = "", this.returnValue = "", this.handleCancel = (e) => {
-      e.preventDefault(), this.close("cancel");
-    }, this.handleBackdropClick = (e) => {
-      if (e.target === this.dialogElement) {
-        const o = this.dialogElement.getBoundingClientRect();
-        o.top <= e.clientY && e.clientY <= o.top + o.height && o.left <= e.clientX && e.clientX <= o.left + o.width || this.close("backdrop");
-      }
-    };
-  }
-  updated(e) {
-    super.updated(e), e.has("open") && (this.open ? this.dialogElement && !this.dialogElement.open && this.dialogElement.showModal() : this.dialogElement && this.dialogElement.open && this.dialogElement.close());
-  }
-  showModal() {
-    this.open = !0;
-  }
-  show() {
-    this.open = !0;
-  }
-  close(e) {
-    e !== void 0 && (this.returnValue = e), this.open = !1, this.emitEvent("close", { returnValue: this.returnValue });
-  }
-  render() {
-    return c`
-      <dialog
-        @cancel=${this.handleCancel}
-        @click=${this.handleBackdropClick}
-      >
-        <div class="dialog-container">
-          <div class="icon">
-            <slot name="icon">
-              ${this.icon ? c`<md-icon name=${this.icon} size="32"></md-icon>` : p}
-            </slot>
-          </div>
-
-          <slot name="headline">
-            ${this.headline ? c`<h2 class="headline">${this.headline}</h2>` : p}
-          </slot>
-
-          <div class="content">
-            <slot></slot>
-          </div>
-
-          <div class="actions">
-            <slot name="actions"></slot>
-          </div>
-        </div>
-      </dialog>
-    `;
-  }
-};
-t.styles = [h.styles, u];
-s([
-  n({ type: Boolean, reflect: !0 })
-], t.prototype, "open", 2);
-s([
-  n({ type: String })
-], t.prototype, "headline", 2);
-s([
-  n({ type: String })
-], t.prototype, "icon", 2);
-s([
-  n({ type: String, attribute: "return-value" })
-], t.prototype, "returnValue", 2);
-s([
-  f("dialog")
-], t.prototype, "dialogElement", 2);
-t = s([
-  g("md-dialog")
-], t);
+import { t as r } from "../../chunks/dialog-DGVEE5m_.js";
 export {
-  t as MdDialog
+  r as MdDialog
 };
-//# sourceMappingURL=dialog.js.map

package/dist/components/divider/divider.js

@@ -1,81 +1,4 @@
-import { css as h, html as d } from "lit";
-import { property as s, customElement as v } from "lit/decorators.js";
-import { M as p } from "../../chunks/base-component-DQTjlEVL.js";
-const m = h`
-  :host {
-    display: block;
-    box-sizing: border-box;
-  }
-
-  :host(:not([vertical])) {
-    width: 100%;
-    height: 1px;
-    background-color: var(--md-sys-color-outline-variant, #CAC4D0);
-  }
-
-  :host([vertical]) {
-    display: inline-block;
-    width: 1px;
-    height: 100%;
-    vertical-align: middle;
-    background-color: var(--md-sys-color-outline-variant, #CAC4D0);
-  }
-
-  :host([inset]:not([vertical])) {
-    margin-left: 16px;
-    margin-right: 16px;
-    width: calc(100% - 32px);
-  }
-
-  :host([inset-start]:not([vertical])) {
-    margin-left: 16px;
-    width: calc(100% - 16px);
-  }
-
-  :host([inset-end]:not([vertical])) {
-    margin-right: 16px;
-    width: calc(100% - 16px);
-  }
-
-  :host([inset][vertical]) {
-    margin-top: 8px;
-    margin-bottom: 8px;
-    height: calc(100% - 16px);
-  }
-`;
-var u = Object.defineProperty, f = Object.getOwnPropertyDescriptor, r = (c, i, a, o) => {
-  for (var t = o > 1 ? void 0 : o ? f(i, a) : i, l = c.length - 1, n; l >= 0; l--)
-    (n = c[l]) && (t = (o ? n(i, a, t) : n(t)) || t);
-  return o && t && u(i, a, t), t;
-};
-let e = class extends p {
-  constructor() {
-    super(...arguments), this.vertical = !1, this.inset = !1, this.insetStart = !1, this.insetEnd = !1;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.setAttribute("role", "separator"), this.setAttribute("aria-orientation", this.vertical ? "vertical" : "horizontal");
-  }
-  render() {
-    return d``;
-  }
-};
-e.styles = [p.styles, m];
-r([
-  s({ type: Boolean, reflect: !0 })
-], e.prototype, "vertical", 2);
-r([
-  s({ type: Boolean, reflect: !0 })
-], e.prototype, "inset", 2);
-r([
-  s({ type: Boolean, reflect: !0, attribute: "inset-start" })
-], e.prototype, "insetStart", 2);
-r([
-  s({ type: Boolean, reflect: !0, attribute: "inset-end" })
-], e.prototype, "insetEnd", 2);
-e = r([
-  v("md-divider")
-], e);
+import { t as i } from "../../chunks/divider-DNepwoZv.js";
 export {
-  e as MdDivider
+  i as MdDivider
 };
-//# sourceMappingURL=divider.js.map

package/dist/components/fab/fab.js

@@ -1,155 +1,4 @@
-import { css as b, nothing as h, html as d } from "lit";
-import { property as s, customElement as m } from "lit/decorators.js";
-import { M as c } from "../../chunks/base-component-DQTjlEVL.js";
-import "../../internal/ripple/ripple.js";
-import "../../chunks/focus-ring-Dl-XoEKK.js";
-import "../icon/icon.js";
-const x = b`
-  :host {
-    display: inline-flex;
-    outline: none;
-    vertical-align: middle;
-    -webkit-tap-highlight-color: transparent;
-  }
-
-  :host([disabled]) {
-    pointer-events: none;
-  }
-
-  button {
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    box-sizing: border-box;
-    border: none;
-    cursor: pointer;
-    user-select: none;
-    outline: none;
-    background-color: var(--md-sys-color-primary-container, #EADDFF);
-    color: var(--md-sys-color-on-primary-container, #21005D);
-    box-shadow: var(--md-sys-elevation-level3, 0px 1px 3px 0px rgba(0,0,0,0.30));
-    transition: box-shadow 200ms cubic-bezier(0.2, 0, 0, 1),
-                background-color 200ms cubic-bezier(0.2, 0, 0, 1);
-    overflow: hidden;
-  }
-
-  button:hover {
-    box-shadow: var(--md-sys-elevation-level4, 0px 2px 3px 0px rgba(0,0,0,0.30));
-  }
-
-  :host([lowered]) button {
-    box-shadow: var(--md-sys-elevation-level1, 0px 1px 3px 1px rgba(0,0,0,0.15));
-  }
-
-  :host([lowered]) button:hover {
-    box-shadow: var(--md-sys-elevation-level2, 0px 2px 6px 2px rgba(0,0,0,0.15));
-  }
-
-  /* --- Sizes --- */
-  :host(:not([size])) button,
-  :host([size="medium"]) button {
-    width: 56px;
-    height: 56px;
-    border-radius: var(--md-sys-shape-corner-large, 16px);
-  }
-
-  :host([size="small"]) button {
-    width: 40px;
-    height: 40px;
-    border-radius: var(--md-sys-shape-corner-medium, 12px);
-  }
-
-  :host([size="large"]) button {
-    width: 96px;
-    height: 96px;
-    border-radius: var(--md-sys-shape-corner-extra-large, 28px);
-  }
-
-  :host([size="large"]) md-icon {
-    --md-icon-size: 36px;
-  }
-
-  /* --- Extended FAB --- */
-  :host([extended]) button {
-    width: auto;
-    min-width: 80px;
-    height: 56px;
-    padding: 0 20px;
-    border-radius: var(--md-sys-shape-corner-large, 16px);
-    gap: 12px;
-  }
-
-  .label {
-    font-family: var(--md-sys-typescale-font-family, inherit);
-    font-size: var(--md-sys-typescale-label-large-size, 14px);
-    font-weight: 500;
-    line-height: 20px;
-    letter-spacing: 0.1px;
-    white-space: nowrap;
-  }
-
-  .content {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    gap: 12px;
-    position: relative;
-    z-index: 1;
-  }
-`;
-var u = Object.defineProperty, y = Object.getOwnPropertyDescriptor, o = (r, i, a, n) => {
-  for (var t = n > 1 ? void 0 : n ? y(i, a) : i, l = r.length - 1, p; l >= 0; l--)
-    (p = r[l]) && (t = (n ? p(i, a, t) : p(t)) || t);
-  return n && t && u(i, a, t), t;
-};
-let e = class extends c {
-  constructor() {
-    super(...arguments), this.size = "medium", this.label = "", this.icon = "", this.lowered = !1, this.disabled = !1, this.extended = !1;
-  }
-  updated(r) {
-    super.updated(r), r.has("label") && (this.extended = !!this.label);
-  }
-  render() {
-    return d`
-      <button ?disabled=${this.disabled}>
-        <md-ripple ?disabled=${this.disabled}></md-ripple>
-        <md-focus-ring></md-focus-ring>
-        <span class="content">
-          <slot name="icon">
-            ${this.icon ? d`<md-icon name=${this.icon}></md-icon>` : h}
-          </slot>
-          <slot>
-            ${this.label ? d`<span class="label">${this.label}</span>` : h}
-          </slot>
-        </span>
-      </button>
-    `;
-  }
-};
-e.styles = [c.styles, x];
-o([
-  s({ type: String, reflect: !0 })
-], e.prototype, "size", 2);
-o([
-  s({ type: String })
-], e.prototype, "label", 2);
-o([
-  s({ type: String })
-], e.prototype, "icon", 2);
-o([
-  s({ type: Boolean, reflect: !0 })
-], e.prototype, "lowered", 2);
-o([
-  s({ type: Boolean, reflect: !0 })
-], e.prototype, "disabled", 2);
-o([
-  s({ type: Boolean, reflect: !0 })
-], e.prototype, "extended", 2);
-e = o([
-  m("md-fab")
-], e);
+import { t as r } from "../../chunks/fab-C9j3WBHE.js";
 export {
-  e as MdFab
+  r as MdFab
 };
-//# sourceMappingURL=fab.js.map

package/dist/components/icon/icon.js

@@ -1,70 +1,4 @@
-import { css as f, html as h } from "lit";
-import { property as p, customElement as c } from "lit/decorators.js";
-import { M as m } from "../../chunks/base-component-DQTjlEVL.js";
-const d = f`
-  :host {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    vertical-align: middle;
-    width: var(--md-icon-size, 24px);
-    height: var(--md-icon-size, 24px);
-    font-size: var(--md-icon-size, 24px);
-    line-height: 1;
-    letter-spacing: normal;
-    text-transform: none;
-    white-space: nowrap;
-    word-wrap: normal;
-    direction: ltr;
-    font-family: 'Material Symbols Outlined', 'Material Icons', sans-serif;
-    font-weight: normal;
-    font-style: normal;
-    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
-    user-select: none;
-    flex-shrink: 0;
-    color: inherit;
-  }
-
-  :host([filled]) {
-    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
-  }
-
-  ::slotted(svg) {
-    width: 100%;
-    height: 100%;
-    fill: currentColor;
-  }
-`;
-var y = Object.defineProperty, u = Object.getOwnPropertyDescriptor, o = (s, i, n, r) => {
-  for (var e = r > 1 ? void 0 : r ? u(i, n) : i, l = s.length - 1, a; l >= 0; l--)
-    (a = s[l]) && (e = (r ? a(i, n, e) : a(e)) || e);
-  return r && e && y(i, n, e), e;
-};
-let t = class extends m {
-  constructor() {
-    super(...arguments), this.name = "", this.filled = !1, this.size = "";
-  }
-  updated(s) {
-    super.updated(s), s.has("size") && (this.size ? this.style.setProperty("--md-icon-size", isNaN(Number(this.size)) ? this.size : `${this.size}px`) : this.style.removeProperty("--md-icon-size"));
-  }
-  render() {
-    return h`<slot>${this.name}</slot>`;
-  }
-};
-t.styles = [m.styles, d];
-o([
-  p({ type: String })
-], t.prototype, "name", 2);
-o([
-  p({ type: Boolean, reflect: !0 })
-], t.prototype, "filled", 2);
-o([
-  p({ type: String })
-], t.prototype, "size", 2);
-t = o([
-  c("md-icon")
-], t);
+import { t as r } from "../../chunks/icon-DrNqcNEL.js";
 export {
-  t as MdIcon
+  r as MdIcon
 };
-//# sourceMappingURL=icon.js.map

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

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

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

@@ -1,192 +1,4 @@
-import { css as b, nothing as a, html as l } from "lit";
-import { property as o, customElement as u } from "lit/decorators.js";
-import { M as p } from "../../chunks/base-component-DQTjlEVL.js";
-import "../../internal/ripple/ripple.js";
-import "../../chunks/focus-ring-Dl-XoEKK.js";
-import "../icon/icon.js";
-const v = b`
-  :host {
-    display: inline-flex;
-    outline: none;
-    vertical-align: middle;
-    -webkit-tap-highlight-color: transparent;
-  }
-
-  :host([disabled]) {
-    pointer-events: none;
-  }
-
-  button, a {
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    box-sizing: border-box;
-    width: 40px;
-    height: 40px;
-    padding: 0;
-    border: none;
-    border-radius: var(--md-sys-shape-corner-full, 50%);
-    background-color: transparent;
-    color: var(--md-sys-color-on-surface-variant, #49454F);
-    cursor: pointer;
-    user-select: none;
-    outline: none;
-    text-decoration: none;
-    transition: background-color 150ms cubic-bezier(0.2, 0, 0, 1),
-                color 150ms cubic-bezier(0.2, 0, 0, 1);
-  }
-
-  /* --- Filled --- */
-  :host([variant="filled"]) button,
-  :host([variant="filled"]) a {
-    background-color: var(--md-sys-color-primary, #6750A4);
-    color: var(--md-sys-color-on-primary, #FFFFFF);
-  }
-
-  :host([variant="filled"][selected]) button,
-  :host([variant="filled"][selected]) a {
-    background-color: var(--md-sys-color-primary, #6750A4);
-    color: var(--md-sys-color-on-primary, #FFFFFF);
-  }
-
-  /* --- Tonal --- */
-  :host([variant="tonal"]) button,
-  :host([variant="tonal"]) a {
-    background-color: var(--md-sys-color-secondary-container, #E8DEF8);
-    color: var(--md-sys-color-on-secondary-container, #1D192B);
-  }
-
-  /* --- Outlined --- */
-  :host([variant="outlined"]) button,
-  :host([variant="outlined"]) a {
-    border: 1px solid var(--md-sys-color-outline, #79747E);
-    color: var(--md-sys-color-on-surface-variant, #49454F);
-  }
-
-  :host([variant="outlined"][selected]) button,
-  :host([variant="outlined"][selected]) a {
-    background-color: var(--md-sys-color-inverse-surface, #313033);
-    color: var(--md-sys-color-inverse-on-surface, #F4EFF4);
-    border: none;
-  }
-
-  /* --- Toggle / Selected for Standard --- */
-  :host(:not([variant])[selected]) button,
-  :host(:not([variant])[selected]) a,
-  :host([variant="standard"][selected]) button,
-  :host([variant="standard"][selected]) a {
-    color: var(--md-sys-color-primary, #6750A4);
-  }
-
-  /* --- Disabled --- */
-  :host([disabled]) button,
-  :host([disabled]) a {
-    cursor: not-allowed;
-    color: rgba(29, 27, 32, 0.38);
-  }
-
-  :host([disabled][variant="filled"]) button,
-  :host([disabled][variant="filled"]) a,
-  :host([disabled][variant="tonal"]) button,
-  :host([disabled][variant="tonal"]) a {
-    background-color: rgba(29, 27, 32, 0.12);
-  }
-
-  :host([disabled][variant="outlined"]) button,
-  :host([disabled][variant="outlined"]) a {
-    border-color: rgba(29, 27, 32, 0.12);
-  }
-
-  .content {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    position: relative;
-    z-index: 1;
-  }
-`;
-var m = Object.defineProperty, y = Object.getOwnPropertyDescriptor, e = (r, s, d, n) => {
-  for (var i = n > 1 ? void 0 : n ? y(s, d) : s, c = r.length - 1, h; c >= 0; c--)
-    (h = r[c]) && (i = (n ? h(s, d, i) : h(i)) || i);
-  return n && i && m(s, d, i), i;
-};
-let t = class extends p {
-  constructor() {
-    super(...arguments), this.variant = "standard", this.disabled = !1, this.toggle = !1, this.selected = !1, this.icon = "", this.selectedIcon = "", this.ariaLabelText = "", this.href = "", this.target = "", this.handleClick = (r) => {
-      if (this.disabled) {
-        r.preventDefault(), r.stopImmediatePropagation();
-        return;
-      }
-      this.toggle && (this.selected = !this.selected, this.emitEvent("change", { selected: this.selected }));
-    };
-  }
-  render() {
-    const r = this.selected && this.selectedIcon ? this.selectedIcon : this.icon, s = l`
-      <md-ripple ?disabled=${this.disabled} unbounded></md-ripple>
-      <md-focus-ring></md-focus-ring>
-      <span class="content">
-        <slot>
-          ${r ? l`<md-icon name=${r} ?filled=${this.selected}></md-icon>` : a}
-        </slot>
-      </span>
-    `;
-    return this.href ? l`
-        <a
-          href=${this.disabled ? a : this.href}
-          target=${this.target || a}
-          aria-label=${this.ariaLabelText || a}
-          aria-pressed=${this.toggle ? this.selected ? "true" : "false" : a}
-          aria-disabled=${this.disabled ? "true" : a}
-          tabindex=${this.disabled ? "-1" : "0"}
-          @click=${this.handleClick}
-        >
-          ${s}
-        </a>
-      ` : l`
-      <button
-        aria-label=${this.ariaLabelText || a}
-        aria-pressed=${this.toggle ? this.selected ? "true" : "false" : a}
-        ?disabled=${this.disabled}
-        @click=${this.handleClick}
-      >
-        ${s}
-      </button>
-    `;
-  }
-};
-t.styles = [p.styles, v];
-e([
-  o({ type: String, reflect: !0 })
-], t.prototype, "variant", 2);
-e([
-  o({ type: Boolean, reflect: !0 })
-], t.prototype, "disabled", 2);
-e([
-  o({ type: Boolean, reflect: !0 })
-], t.prototype, "toggle", 2);
-e([
-  o({ type: Boolean, reflect: !0 })
-], t.prototype, "selected", 2);
-e([
-  o({ type: String })
-], t.prototype, "icon", 2);
-e([
-  o({ type: String, attribute: "selected-icon" })
-], t.prototype, "selectedIcon", 2);
-e([
-  o({ type: String, attribute: "aria-label" })
-], t.prototype, "ariaLabelText", 2);
-e([
-  o({ type: String })
-], t.prototype, "href", 2);
-e([
-  o({ type: String })
-], t.prototype, "target", 2);
-t = e([
-  u("md-icon-button")
-], t);
+import { t } from "../../chunks/icon-button-BdSc7eot.js";
 export {
   t as MdIconButton
 };
-//# sourceMappingURL=icon-button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"list.css.d.ts","sourceRoot":"","sources":["../../../src/components/list/list.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAOtB,CAAC;AAEF,eAAO,MAAM,cAAc,yBA6E1B,CAAC"}
+{"version":3,"file":"list.css.d.ts","sourceRoot":"","sources":["../../../src/components/list/list.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAStB,CAAC;AAEF,eAAO,MAAM,cAAc,yBA4F1B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/list/list.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,iCAAiC,CAAC;AACzC,OAAO,yCAAyC,CAAC;AAGjD,qBACa,UAAW,SAAQ,aAAa;IAC3C,OAAgB,MAAM,iCAA0C;IAGhE,QAAQ,SAAM;IAGd,cAAc,SAAM;IAGpB,sBAAsB,SAAM;IAG5B,WAAW,UAAS;IAGpB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,MAAM,SAAM;IAEZ,OAAO,CAAC,WAAW,CASjB;IAEO,MAAM;CA+ChB;AAED,qBACa,MAAO,SAAQ,aAAa;IACvC,OAAgB,MAAM,iCAAsC;IAEnD,iBAAiB;IAKjB,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/list/list.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,iCAAiC,CAAC;AACzC,OAAO,yCAAyC,CAAC;AAGjD,qBACa,UAAW,SAAQ,aAAa;IAC3C,OAAgB,MAAM,iCAA0C;IAGhE,QAAQ,SAAM;IAGd,cAAc,SAAM;IAGpB,sBAAsB,SAAM;IAG5B,WAAW,UAAS;IAGpB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,MAAM,SAAM;IAEZ,OAAO,CAAC,WAAW,CASjB;IAEO,MAAM;CAkDhB;AAED,qBACa,MAAO,SAAQ,aAAa;IACvC,OAAgB,MAAM,iCAAsC;IAEnD,iBAAiB;IAKjB,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;QAClB,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}