@krollins/blueprint 0.2.2 → 0.3.0

package/dist/components/select/select.d.ts

@@ -1,12 +1,22 @@
 import { LitElement } from 'lit';
 export type SelectSize = 'sm' | 'md' | 'lg';
-export declare class BpSelect extends LitElement {
+declare const BpSelect_base: (new (...args: any[]) => import("../../index.js").FormControlInterface) & {
+    formAssociated: boolean;
+} & typeof LitElement;
+export declare class BpSelect extends BpSelect_base {
     /** The current value of the select */
     value: string;
     /** Name attribute for form submission */
     name: string;
     /** Visible label text displayed above the select */
     label: string;
+    /** Helper text displayed below the select */
+    helperText: string;
+    /**
+     * Error text. When set, the select is invalid: the message replaces the
+     * helper text, is announced, and the border turns to the error color.
+     */
+    errorMessage: string;
     /** Placeholder text when no value is selected */
     placeholder: string;
     /** Whether the select is disabled */
@@ -46,4 +56,5 @@ declare global {
         'bp-select': BpSelect;
     }
 }
+export {};
 //# sourceMappingURL=select.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../source/components/select/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,qBACa,QAAS,SAAQ,UAAU;IACtC,sCAAsC;IACa,KAAK,EAAE,MAAM,CAAC;IAEjE,yCAAyC;IACL,IAAI,EAAE,MAAM,CAAC;IAEjD,oDAAoD;IACD,KAAK,EAAE,MAAM,CAAC;IAEjE,iDAAiD;IACb,WAAW,EAAE,MAAM,CAAC;IAExD,qCAAqC;IACe,QAAQ,EAAE,OAAO,CAAC;IAEtE,qCAAqC;IACe,QAAQ,EAAE,OAAO,CAAC;IAEtE,iCAAiC;IACkB,IAAI,EAAE,UAAU,CAAC;IAEpE,6CAA6C;IACpC,OAAO,CAAC,MAAM,CAAS;IAEhC,oCAAoC;IAC3B,OAAO,CAAC,aAAa,CAAM;IAEpC,0DAA0D;IACjD,OAAO,CAAC,YAAY,CAAM;IAEnC,MAAM,CAAC,MAAM,4BAAkB;;IAa/B,iBAAiB;IASjB,oBAAoB;IAOpB,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,mBAAmB;IAgB3B,OAAO,CAAC,mBAAmB,CAIzB;IAEF,OAAO,CAAC,YAAY,CAIlB;IAEF,OAAO,CAAC,iBAAiB,CAgCvB;IAEF,OAAO,CAAC,aAAa,CAuFnB;IAEF,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,2BAA2B;IAWnC;;;OAGG;IACH,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,iBAAiB,CAsCvB;IAEF,MAAM;CAqFP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../source/components/select/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAahD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;;;;AAE5C,qBACa,QAAS,SAAQ,aAA4B;IACxD,sCAAsC;IACa,KAAK,EAAE,MAAM,CAAC;IAEjE,yCAAyC;IACL,IAAI,EAAE,MAAM,CAAC;IAEjD,oDAAoD;IACD,KAAK,EAAE,MAAM,CAAC;IAEjE,6CAA6C;IACT,UAAU,EAAE,MAAM,CAAC;IAEvD;;;OAGG;IACiC,YAAY,EAAE,MAAM,CAAC;IAEzD,iDAAiD;IACb,WAAW,EAAE,MAAM,CAAC;IAExD,qCAAqC;IACe,QAAQ,EAAE,OAAO,CAAC;IAEtE,qCAAqC;IACe,QAAQ,EAAE,OAAO,CAAC;IAEtE,iCAAiC;IACkB,IAAI,EAAE,UAAU,CAAC;IAEpE,6CAA6C;IACpC,OAAO,CAAC,MAAM,CAAS;IAEhC,oCAAoC;IAC3B,OAAO,CAAC,aAAa,CAAM;IAEpC,0DAA0D;IACjD,OAAO,CAAC,YAAY,CAAM;IAEnC,MAAM,CAAC,MAAM,4BAAsC;IAEnD,cAWC;IAED,iBAAiB,SAOhB;IAED,oBAAoB,SAKnB;IAED,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,mBAAmB;IAgB3B,OAAO,CAAC,mBAAmB,CAIzB;IAEF,OAAO,CAAC,YAAY,CAIlB;IAEF,OAAO,CAAC,iBAAiB,CAgCvB;IAEF,OAAO,CAAC,aAAa,CAuFnB;IAEF,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,2BAA2B;IAWnC;;;OAGG;IACH,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,iBAAiB,CAsCvB;IAEF,MAAM,yCAoGL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/components/select/select.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.style.d.ts","sourceRoot":"","sources":["../../../source/components/select/select.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBAoOxB,CAAC"}
+{"version":3,"file":"select.style.d.ts","sourceRoot":"","sources":["../../../source/components/select/select.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,yBA2OxB,CAAC"}

package/dist/components/select.js

@@ -1,498 +1,2 @@
-import { css as v, LitElement as f, html as p } from "lit";
-import { property as c, state as h, customElement as g } from "lit/decorators.js";
-import { classMap as m } from "lit/directives/class-map.js";
-import { ifDefined as b } from "lit/directives/if-defined.js";
-import { repeat as w } from "lit/directives/repeat.js";
-const x = v`
-  /* Base styles */
-  :host {
-    display: inline-block;
-    width: 100%;
-    box-sizing: border-box;
-  }
-
-  *,
-  *::before,
-  *::after {
-    box-sizing: border-box;
-  }
-
-  .select {
-    position: relative;
-    font-family: var(--bp-font-family);
-  }
-
-  .select-label {
-    display: block;
-    font-family: var(--bp-font-family);
-    font-size: var(--bp-font-size-sm);
-    font-weight: var(--bp-font-weight-medium);
-    color: var(--bp-color-text);
-    line-height: var(--bp-line-height-normal);
-    margin-bottom: var(--bp-spacing-xs);
-  }
-
-  .select-required {
-    color: var(--bp-color-error);
-    margin-left: var(--bp-spacing-xs);
-  }
-
-  .select-trigger {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    width: 100%;
-    padding: var(--bp-spacing-sm) var(--bp-spacing-md);
-    background-color: var(--bp-color-background);
-    border: var(--bp-border-width) solid var(--bp-color-border);
-    border-radius: var(--bp-border-radius-md);
-    font-size: var(--bp-font-size-base);
-    line-height: var(--bp-line-height-normal);
-    color: var(--bp-color-text);
-    cursor: pointer;
-    box-shadow: inset 0 1px 2px oklch(0 0 0 / 0.05);
-    transition:
-      border-color var(--bp-transition-fast),
-      box-shadow var(--bp-transition-fast);
-  }
-
-  .select-value {
-    flex: 1;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    position: relative;
-  }
-
-  /* Hidden sizer keeps the trigger width stable across placeholder/option changes */
-  .select-value__sizer {
-    display: block;
-    height: 0;
-    overflow: hidden;
-    visibility: hidden;
-    white-space: nowrap;
-  }
-
-  .select-value__display {
-    display: block;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  /* Placeholder state - when no value is selected */
-  .select-trigger:not([aria-label]) .select-value:empty {
-    opacity: 0.6;
-  }
-
-  .select-icon {
-    width: var(--bp-spacing-4);
-    height: var(--bp-spacing-4);
-    flex-shrink: 0;
-    margin-left: var(--bp-spacing-xs);
-    transition:
-      transform var(--bp-transition-base),
-      color var(--bp-transition-fast);
-  }
-
-  .select-dropdown {
-    position: absolute;
-    top: calc(100% + var(--bp-spacing-2xs));
-    left: 0;
-    right: 0;
-    overflow-y: auto;
-    background-color: var(--bp-color-background);
-    border: var(--bp-border-width) solid var(--bp-color-border);
-    border-radius: var(--bp-border-radius-md);
-    box-shadow: var(--bp-shadow-lg);
-    z-index: var(--bp-z-dropdown);
-    animation: slideDown 150ms ease-out;
-    transform-origin: top;
-    contain: layout style paint;
-  }
-
-  @keyframes slideDown {
-    from {
-      opacity: 0;
-      transform: translateY(calc(-1 * var(--bp-spacing-2)));
-    }
-    to {
-      opacity: 1;
-      transform: translateY(0);
-    }
-  }
-
-  .select-option {
-    padding: var(--bp-spacing-sm) var(--bp-spacing-md);
-    cursor: pointer;
-    transition: background-color var(--bp-transition-fast);
-  }
-
-  .select-option:hover:not(.select-option--focused) {
-    background-color: var(--bp-color-surface-elevated);
-  }
-
-  .select-option--focused {
-    background-color: var(--bp-color-surface-subdued);
-    outline: var(--bp-focus-width) solid var(--bp-color-primary);
-    outline-offset: calc(-1 * var(--bp-focus-width));
-  }
-
-  .select-option--selected {
-    background-color: color-mix(
-      in srgb,
-      var(--bp-color-primary) 8%,
-      transparent
-    );
-    color: var(--bp-color-primary);
-    font-weight: var(--bp-font-weight-semibold);
-    position: relative;
-    padding-right: var(--bp-spacing-2xl);
-  }
-
-  /* Checkmark for selected option */
-  .select-option--selected::after {
-    content: '✓';
-    position: absolute;
-    right: var(--bp-spacing-md);
-    color: var(--bp-color-primary);
-    font-weight: var(--bp-font-weight-bold);
-    font-size: var(--bp-font-size-lg);
-  }
-
-  /* Sizes */
-  .select--sm .select-trigger {
-    padding: var(--bp-spacing-xs) var(--bp-spacing-sm);
-    font-size: var(--bp-font-size-sm);
-  }
-
-  .select--sm .select-option {
-    padding: var(--bp-spacing-xs) var(--bp-spacing-sm);
-    font-size: var(--bp-font-size-sm);
-  }
-
-  .select--md .select-trigger {
-    padding: var(--bp-spacing-sm) var(--bp-spacing-md);
-    font-size: var(--bp-font-size-base);
-  }
-
-  .select--md .select-option {
-    padding: var(--bp-spacing-sm) var(--bp-spacing-md);
-    font-size: var(--bp-font-size-base);
-  }
-
-  .select--lg .select-trigger {
-    padding: var(--bp-spacing-md) var(--bp-spacing-lg);
-    font-size: var(--bp-font-size-lg);
-  }
-
-  .select--lg .select-option {
-    padding: var(--bp-spacing-md) var(--bp-spacing-lg);
-    font-size: var(--bp-font-size-lg);
-  }
-
-  /* States */
-  .select-trigger:hover:not(.select--disabled .select-trigger) {
-    border-color: var(--bp-color-primary);
-  }
-
-  .select-trigger:focus {
-    outline: none;
-  }
-
-  .select-trigger:focus-visible {
-    outline: var(--bp-focus-width) solid var(--bp-color-primary);
-    outline-offset: var(--bp-focus-offset);
-    border-color: var(--bp-color-primary);
-  }
-
-  .select--open .select-trigger {
-    border-color: var(--bp-color-primary);
-  }
-
-  .select--open .select-icon {
-    transform: rotate(180deg);
-    color: var(--bp-color-primary);
-  }
-
-  .select--disabled .select-trigger {
-    opacity: 0.5;
-    cursor: not-allowed;
-    background-color: var(--bp-color-surface-subdued);
-  }
-
-  /* iOS zoom prevention: ensure 16px minimum on touch devices */
-  @media (max-width: 768px) {
-    .select--sm .select-trigger {
-      font-size: 16px;
-    }
-
-    .select--sm .select-option {
-      font-size: 16px;
-    }
-  }
-`;
-var y = Object.defineProperty, O = Object.getOwnPropertyDescriptor, n = (t, s, o, e) => {
-  for (var i = e > 1 ? void 0 : e ? O(s, o) : s, r = t.length - 1, l; r >= 0; r--)
-    (l = t[r]) && (i = (e ? l(s, o, i) : l(i)) || i);
-  return e && i && y(s, o, i), i;
-};
-let a = class extends f {
-  constructor() {
-    super(), this.isOpen = !1, this.selectedLabel = "", this.focusedIndex = -1, this.handleSlotChange = () => {
-      this.updateSelectedLabel();
-    }, this.handleDocumentClick = (t) => {
-      this.contains(t.target) || (this.isOpen = !1);
-    }, this.handleToggle = (t) => {
-      t?.stopPropagation(), !this.disabled && (this.isOpen = !this.isOpen);
-    }, this.handleOptionClick = (t) => {
-      if (this.disabled) return;
-      const s = t.currentTarget, o = s.dataset.value || "", e = s.dataset.label || "", i = this.value;
-      this.value = o, this.selectedLabel = e, this.isOpen = !1, this.focusedIndex = -1, this.dispatchEvent(
-        new CustomEvent("bp-change", {
-          detail: {
-            value: this.value,
-            label: this.selectedLabel,
-            previousValue: i
-          },
-          bubbles: !0,
-          composed: !0
-        })
-      );
-      const r = this.shadowRoot?.querySelector('input[type="hidden"]');
-      r && (r.value = this.value, r.dispatchEvent(new Event("change", { bubbles: !0 })));
-    }, this.handleKeyDown = (t) => {
-      if (this.disabled) return;
-      const s = this.getOptions();
-      switch (t.key) {
-        case "Enter":
-        case " ":
-          if (t.preventDefault(), this.isOpen && this.focusedIndex >= 0) {
-            const o = s[this.focusedIndex];
-            if (o) {
-              const e = o.value || o.textContent || "", i = o.textContent || "", r = this.value;
-              this.value = e, this.selectedLabel = i, this.isOpen = !1, this.focusedIndex = -1, this.dispatchEvent(
-                new CustomEvent("bp-change", {
-                  detail: {
-                    value: this.value,
-                    label: this.selectedLabel,
-                    previousValue: r
-                  },
-                  bubbles: !0,
-                  composed: !0
-                })
-              );
-              const l = this.shadowRoot?.querySelector(
-                'input[type="hidden"]'
-              );
-              l && (l.value = this.value, l.dispatchEvent(new Event("change", { bubbles: !0 })));
-            }
-          } else
-            this.handleToggle();
-          break;
-        case "Escape":
-          this.isOpen = !1, this.focusedIndex = -1;
-          break;
-        case "ArrowDown":
-          t.preventDefault(), this.isOpen ? this.focusedIndex = Math.min(
-            this.focusedIndex + 1,
-            s.length - 1
-          ) : (this.isOpen = !0, this.focusedIndex = 0), this.scrollFocusedOptionIntoView();
-          break;
-        case "ArrowUp":
-          t.preventDefault(), this.isOpen ? this.focusedIndex = Math.max(this.focusedIndex - 1, 0) : (this.isOpen = !0, this.focusedIndex = s.length - 1), this.scrollFocusedOptionIntoView();
-          break;
-        case "Home":
-          this.isOpen && (t.preventDefault(), this.focusedIndex = 0, this.scrollFocusedOptionIntoView());
-          break;
-        case "End":
-          this.isOpen && (t.preventDefault(), this.focusedIndex = s.length - 1, this.scrollFocusedOptionIntoView());
-          break;
-      }
-    }, this.getOptionElements = () => {
-      const o = (this.shadowRoot?.querySelector("slot")?.assignedElements() || []).filter(
-        (e) => e.tagName === "OPTION"
-      );
-      return w(
-        o,
-        (e) => e.value || e.textContent || "",
-        (e, i) => {
-          const r = e.value || e.textContent || "", l = e.textContent || "", d = this.value === r, u = this.focusedIndex === i;
-          return d && !this.selectedLabel && (this.selectedLabel = l), p`
-          <div
-            class="select-option ${d ? "select-option--selected" : ""} ${u ? "select-option--focused" : ""}"
-            part="option"
-            role="option"
-            aria-selected="${d ? "true" : "false"}"
-            data-value="${r}"
-            data-label="${l}"
-            tabindex="-1"
-            @click=${this.handleOptionClick}
-          >
-            ${l}
-          </div>
-        `;
-        }
-      );
-    }, this.value = "", this.name = "", this.label = "", this.placeholder = "Select an option", this.disabled = !1, this.required = !1, this.size = "md";
-  }
-  connectedCallback() {
-    super.connectedCallback(), document.addEventListener("click", this.handleDocumentClick, {
-      passive: !0
-    }), this.updateComplete.then(() => this.updateSelectedLabel());
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("click", this.handleDocumentClick, {
-      passive: !0
-    });
-  }
-  updateSelectedLabel() {
-    if (!this.value) return;
-    (this.shadowRoot?.querySelector("slot")?.assignedElements() || []).filter(
-      (e) => e.tagName === "OPTION"
-    ).forEach((e) => {
-      (e.value || e.textContent) === this.value && (this.selectedLabel = e.textContent || "");
-    });
-  }
-  getOptions() {
-    return (this.shadowRoot?.querySelector("slot")?.assignedElements() || []).filter(
-      (e) => e.tagName === "OPTION"
-    ).map((e) => ({
-      value: e.value || e.textContent || "",
-      textContent: e.textContent || ""
-    }));
-  }
-  scrollFocusedOptionIntoView() {
-    this.updateComplete.then(() => {
-      const t = this.shadowRoot?.querySelector(
-        ".select-option--focused"
-      );
-      t && t.scrollIntoView({ block: "nearest", behavior: "smooth" });
-    });
-  }
-  /**
-   * Returns the longest text among all options and the placeholder.
-   * Used by a hidden sizer element to keep the trigger width stable.
-   */
-  getSizerText() {
-    const t = this.getOptions();
-    let s = this.placeholder || "";
-    for (const o of t) {
-      const e = o.textContent || "";
-      e.length > s.length && (s = e);
-    }
-    return s;
-  }
-  render() {
-    const t = {
-      select: !0,
-      [`select--${this.size}`]: !0,
-      "select--disabled": this.disabled,
-      "select--open": this.isOpen
-    }, s = this.selectedLabel || this.placeholder, o = this.label ? "select-label" : void 0;
-    return p`
-      <div class=${m(t)} part="container">
-        ${this.label ? p`
-              <label class="select-label" id="select-label" part="label">
-                ${this.label}
-                ${this.required ? p`<span class="select-required">*</span>` : ""}
-              </label>
-            ` : ""}
-        <!-- Hidden input for form integration (using input instead of select to avoid Firefox conflict) -->
-        <input
-          type="hidden"
-          name=${b(this.name || void 0)}
-          .value=${this.value}
-        />
-
-        <!-- Slot for option elements (not rendered, just for content projection) -->
-        <slot
-          @slotchange=${this.handleSlotChange}
-          style="display: none;"
-        ></slot>
-
-        <!-- Custom select trigger -->
-        <div
-          class="select-trigger"
-          part="trigger"
-          role="combobox"
-          aria-expanded="${this.isOpen ? "true" : "false"}"
-          aria-haspopup="listbox"
-          aria-labelledby="${b(o)}"
-          aria-disabled="${this.disabled ? "true" : "false"}"
-          aria-required="${this.required ? "true" : "false"}"
-          tabindex="${this.disabled ? "-1" : "0"}"
-          @click=${this.handleToggle}
-          @keydown=${this.handleKeyDown}
-        >
-          <span class="select-value" part="display">
-            <span class="select-value__sizer" aria-hidden="true"
-              >${this.getSizerText()}</span
-            >
-            <span class="select-value__display">${s}</span>
-          </span>
-          <svg
-            class="select-icon"
-            part="icon"
-            viewBox="0 0 16 16"
-            fill="none"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M4 6L8 10L12 6"
-              stroke="currentColor"
-              stroke-width="2"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            />
-          </svg>
-        </div>
-
-        <!-- Dropdown menu -->
-        ${this.isOpen ? p`
-              <div class="select-dropdown" part="dropdown" role="listbox">
-                ${this.getOptionElements()}
-              </div>
-            ` : null}
-      </div>
-    `;
-  }
-};
-a.styles = [x];
-n([
-  c({ type: String, reflect: !0 })
-], a.prototype, "value", 2);
-n([
-  c({ type: String })
-], a.prototype, "name", 2);
-n([
-  c({ type: String, reflect: !0 })
-], a.prototype, "label", 2);
-n([
-  c({ type: String })
-], a.prototype, "placeholder", 2);
-n([
-  c({ type: Boolean, reflect: !0 })
-], a.prototype, "disabled", 2);
-n([
-  c({ type: Boolean, reflect: !0 })
-], a.prototype, "required", 2);
-n([
-  c({ type: String, reflect: !0 })
-], a.prototype, "size", 2);
-n([
-  h()
-], a.prototype, "isOpen", 2);
-n([
-  h()
-], a.prototype, "selectedLabel", 2);
-n([
-  h()
-], a.prototype, "focusedIndex", 2);
-a = n([
-  g("bp-select")
-], a);
-export {
-  a as BpSelect
-};
-//# sourceMappingURL=select.js.map
+import { t as e } from "../shared/select-Dz52figi.js";
+export { e as BpSelect };

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../source/components/skeleton/skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAKhD;;;;;;;GAOG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,yCAAyC;IAWjC,OAAO,EAAE,MAAM,GAAG,UAAU,GAAG,aAAa,GAAG,SAAS,CAAC;IAEjE,yDAAyD;IACrB,KAAK,EAAE,MAAM,CAAC;IAElD,0DAA0D;IACtB,MAAM,EAAE,MAAM,CAAC;IAEnD,4DAA4D;IAEpD,QAAQ,EAAE,OAAO,CAAC;IAE1B,yDAAyD;IAQjD,KAAK,EAAE,MAAM,CAAC;IAEtB,mDAAmD;IACf,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE7D,MAAM,CAAC,MAAM,4BAAoB;;IAYjC;;;;OAIG;IACH,OAAO,CAAC,mBAAmB;IAc3B;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAmB5B;;;;;OAKG;IACH,OAAO,CAAC,eAAe;IA+BvB,MAAM;CAGP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../source/components/skeleton/skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAKhD;;;;;;;GAOG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,yCAAyC;IAWjC,OAAO,EAAE,MAAM,GAAG,UAAU,GAAG,aAAa,GAAG,SAAS,CAAC;IAEjE,yDAAyD;IACrB,KAAK,EAAE,MAAM,CAAC;IAElD,0DAA0D;IACtB,MAAM,EAAE,MAAM,CAAC;IAEnD,4DAA4D;IAEpD,QAAQ,EAAE,OAAO,CAAC;IAE1B,yDAAyD;IAQjD,KAAK,EAAE,MAAM,CAAC;IAEtB,mDAAmD;IACf,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAE7D,MAAM,CAAC,MAAM,4BAAoB;IAEjC,cAQC;IAED;;;;OAIG;IACH,OAAO,CAAC,mBAAmB;IAc3B;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAmB5B;;;;;OAKG;IACH,OAAO,CAAC,eAAe;IA+BvB,MAAM,yCAEL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}