@mellow.io/ds 0.1.0

package/dist/components/select/select.styles.js

@@ -0,0 +1,257 @@
+import { css as e } from "lit";
+const o = e`
+  :host {
+    display: block;
+    position: relative;
+  }
+
+  .wrapper {
+    display: flex;
+    flex-direction: column;
+    gap: var(--mellow-space-2, 8px);
+  }
+
+  /* ── Label ── */
+
+  .label {
+    font-family: var(--mellow-typography-font-family-body, 'Suisse Int\\'l', system-ui, sans-serif);
+    font-weight: var(--mellow-font-weight-medium, 500);
+    font-size: var(--mellow-font-size-14, 14px);
+    line-height: var(--mellow-line-height-18, 18px);
+    color: var(--mellow-text-secondary, #767676);
+  }
+
+  :host([error]) .label {
+    color: var(--mellow-text-danger-600, #db4933);
+  }
+
+  /* ── Trigger ── */
+
+  .trigger {
+    display: flex;
+    align-items: center;
+    gap: var(--mellow-space-2, 8px);
+    height: 32px;
+    padding: 1px 11px;
+    border-radius: var(--mellow-radius-2, 8px);
+    border: var(--mellow-stroke-border, 1px) solid var(--mellow-border-input, white);
+    background: var(--mellow-bg-surface-primary, white);
+    cursor: pointer;
+    transition: border-color 150ms ease;
+    outline: none;
+  }
+
+  .trigger:hover {
+    border-color: var(--mellow-border-secondary, #ead8be);
+  }
+
+  .trigger:focus-visible {
+    border-color: var(--mellow-border-brand, #ff6f23);
+  }
+
+  .trigger.open {
+    border-color: var(--mellow-border-brand, #ff6f23);
+  }
+
+  :host([error]) .trigger {
+    border-color: var(--mellow-border-danger, #db4933);
+    background: var(--mellow-bg-surface-danger, rgba(246, 132, 115, 0.16));
+  }
+
+  :host([disabled]) .trigger {
+    border-color: var(--mellow-border-tertiary, #f5eddf);
+    background: var(--mellow-bg-surface-tertiary, #f5eddf);
+    cursor: not-allowed;
+  }
+
+  /* ── Display text ── */
+
+  .display-text {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-family: var(--mellow-typography-font-family-body, 'Suisse Int\\'l', system-ui, sans-serif);
+    font-weight: var(--mellow-font-weight-regular, 400);
+    font-size: var(--mellow-font-size-14, 14px);
+    line-height: var(--mellow-line-height-18, 18px);
+    color: var(--mellow-text-primary, #232222);
+  }
+
+  .display-text.placeholder {
+    color: var(--mellow-text-tertiary, #d1d0d0);
+  }
+
+  /* ── Chevron ── */
+
+  .chevron {
+    flex-shrink: 0;
+    width: 16px;
+    height: 16px;
+    color: var(--mellow-text-secondary, #767676);
+    transition: transform 150ms ease;
+  }
+
+  .chevron.open {
+    transform: rotate(180deg);
+  }
+
+  /* ── Dropdown panel ── */
+
+  .dropdown {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    right: 0;
+    z-index: 10;
+    margin-top: 4px;
+
+    display: flex;
+    flex-direction: column;
+    gap: var(--mellow-space-0, 0px);
+    overflow: clip;
+    padding: 1px;
+
+    border-radius: var(--mellow-radius-2, 8px);
+    border: var(--mellow-stroke-border, 1px) solid var(--mellow-border-secondary, #ead8be);
+    background: var(--mellow-bg-primary, #f8f2e9);
+    box-shadow:
+      0px 10px 15px -3px rgba(35, 34, 34, 0.1),
+      0px 4px 6px 0px rgba(35, 34, 34, 0.05);
+    max-height: 320px;
+  }
+
+  /* ── Search row inside select dropdown ── */
+
+  .search-row {
+    display: flex;
+    align-items: center;
+    gap: var(--mellow-space-3, 12px);
+    height: 48px;
+    padding: 0 var(--mellow-space-3-5, 14px);
+    background: var(--mellow-bg-surface-primary, white);
+    position: relative;
+    flex-shrink: 0;
+  }
+
+  .search-icon {
+    flex-shrink: 0;
+    width: 20px;
+    height: 20px;
+    color: var(--mellow-icon-secondary, #8a8686);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .search-input {
+    flex: 1;
+    min-width: 0;
+    border: none;
+    outline: none;
+    background: transparent;
+    font-family: var(--mellow-typography-font-family-body, 'Suisse Int\\'l', system-ui, sans-serif);
+    font-weight: var(--mellow-font-weight-regular, 400);
+    font-size: var(--mellow-font-size-14, 14px);
+    line-height: var(--mellow-line-height-18, 18px);
+    color: var(--mellow-text-primary, #232222);
+    padding: 0;
+  }
+
+  .search-input::placeholder {
+    color: var(--mellow-text-tertiary, #d1d0d0);
+  }
+
+  .search-divider {
+    position: absolute;
+    bottom: 0;
+    left: 14px;
+    right: 14px;
+    height: 1px;
+    background: var(--mellow-border-secondary, #ead8be);
+  }
+
+  /* ── Scrollable option items ── */
+
+  .options-list {
+    display: flex;
+    flex-direction: column;
+    overflow-y: auto;
+    flex: 1;
+    min-height: 0;
+  }
+
+  /* ── Option items ── */
+
+  .option-item {
+    display: flex;
+    align-items: center;
+    gap: var(--mellow-space-3, 12px);
+    height: 48px;
+    padding: 0 var(--mellow-space-3-5, 14px);
+    flex-shrink: 0;
+    background: var(--mellow-bg-surface-primary, white);
+
+    font-family: var(--mellow-typography-font-family-body, 'Suisse Int\\'l', system-ui, sans-serif);
+    font-weight: var(--mellow-font-weight-regular, 400);
+    font-size: var(--mellow-font-size-14, 14px);
+    line-height: var(--mellow-line-height-18, 18px);
+    color: var(--mellow-text-primary, #232222);
+
+    cursor: pointer;
+    transition: background-color 100ms ease;
+  }
+
+  .option-item:hover,
+  .option-item.highlighted {
+    background: var(--mellow-bg-surface-secondary, #faf6f2);
+  }
+
+  .option-item.selected {
+    background: var(--mellow-bg-surface-brand, #fcf2e8);
+  }
+
+  .option-item.disabled {
+    color: var(--mellow-text-tertiary, #d1d0d0);
+    cursor: not-allowed;
+  }
+
+  .option-item.disabled:hover {
+    background: var(--mellow-bg-surface-primary, white);
+  }
+
+  .option-text {
+    flex: 1 0 0;
+    min-width: 0;
+    min-height: 1px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: center;
+  }
+
+  /* ── Helper / Error text ── */
+
+  .helper {
+    font-family: var(--mellow-typography-font-family-body, 'Suisse Int\\'l', system-ui, sans-serif);
+    font-weight: var(--mellow-font-weight-regular, 400);
+    font-size: var(--mellow-font-size-12, 12px);
+    line-height: var(--mellow-line-height-14, 14px);
+    color: var(--mellow-text-secondary, #767676);
+  }
+
+  :host([error]) .helper {
+    color: var(--mellow-text-danger-600, #db4933);
+  }
+
+  /* ── Hidden slot for slotted options ── */
+
+  .hidden-slot {
+    display: none;
+  }
+`;
+export {
+  o as selectStyles
+};
+//# sourceMappingURL=select.styles.js.map

package/dist/components/select/select.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.styles.js","sources":["../../../src/components/select/select.styles.ts"],"sourcesContent":["import { css } from 'lit'\n\nexport const selectStyles = css`\n  :host {\n    display: block;\n    position: relative;\n  }\n\n  .wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mellow-space-2, 8px);\n  }\n\n  /* ── Label ── */\n\n  .label {\n    font-family: var(--mellow-typography-font-family-body, 'Suisse Int\\\\'l', system-ui, sans-serif);\n    font-weight: var(--mellow-font-weight-medium, 500);\n    font-size: var(--mellow-font-size-14, 14px);\n    line-height: var(--mellow-line-height-18, 18px);\n    color: var(--mellow-text-secondary, #767676);\n  }\n\n  :host([error]) .label {\n    color: var(--mellow-text-danger-600, #db4933);\n  }\n\n  /* ── Trigger ── */\n\n  .trigger {\n    display: flex;\n    align-items: center;\n    gap: var(--mellow-space-2, 8px);\n    height: 32px;\n    padding: 1px 11px;\n    border-radius: var(--mellow-radius-2, 8px);\n    border: var(--mellow-stroke-border, 1px) solid var(--mellow-border-input, white);\n    background: var(--mellow-bg-surface-primary, white);\n    cursor: pointer;\n    transition: border-color 150ms ease;\n    outline: none;\n  }\n\n  .trigger:hover {\n    border-color: var(--mellow-border-secondary, #ead8be);\n  }\n\n  .trigger:focus-visible {\n    border-color: var(--mellow-border-brand, #ff6f23);\n  }\n\n  .trigger.open {\n    border-color: var(--mellow-border-brand, #ff6f23);\n  }\n\n  :host([error]) .trigger {\n    border-color: var(--mellow-border-danger, #db4933);\n    background: var(--mellow-bg-surface-danger, rgba(246, 132, 115, 0.16));\n  }\n\n  :host([disabled]) .trigger {\n    border-color: var(--mellow-border-tertiary, #f5eddf);\n    background: var(--mellow-bg-surface-tertiary, #f5eddf);\n    cursor: not-allowed;\n  }\n\n  /* ── Display text ── */\n\n  .display-text {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-family: var(--mellow-typography-font-family-body, 'Suisse Int\\\\'l', system-ui, sans-serif);\n    font-weight: var(--mellow-font-weight-regular, 400);\n    font-size: var(--mellow-font-size-14, 14px);\n    line-height: var(--mellow-line-height-18, 18px);\n    color: var(--mellow-text-primary, #232222);\n  }\n\n  .display-text.placeholder {\n    color: var(--mellow-text-tertiary, #d1d0d0);\n  }\n\n  /* ── Chevron ── */\n\n  .chevron {\n    flex-shrink: 0;\n    width: 16px;\n    height: 16px;\n    color: var(--mellow-text-secondary, #767676);\n    transition: transform 150ms ease;\n  }\n\n  .chevron.open {\n    transform: rotate(180deg);\n  }\n\n  /* ── Dropdown panel ── */\n\n  .dropdown {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    right: 0;\n    z-index: 10;\n    margin-top: 4px;\n\n    display: flex;\n    flex-direction: column;\n    gap: var(--mellow-space-0, 0px);\n    overflow: clip;\n    padding: 1px;\n\n    border-radius: var(--mellow-radius-2, 8px);\n    border: var(--mellow-stroke-border, 1px) solid var(--mellow-border-secondary, #ead8be);\n    background: var(--mellow-bg-primary, #f8f2e9);\n    box-shadow:\n      0px 10px 15px -3px rgba(35, 34, 34, 0.1),\n      0px 4px 6px 0px rgba(35, 34, 34, 0.05);\n    max-height: 320px;\n  }\n\n  /* ── Search row inside select dropdown ── */\n\n  .search-row {\n    display: flex;\n    align-items: center;\n    gap: var(--mellow-space-3, 12px);\n    height: 48px;\n    padding: 0 var(--mellow-space-3-5, 14px);\n    background: var(--mellow-bg-surface-primary, white);\n    position: relative;\n    flex-shrink: 0;\n  }\n\n  .search-icon {\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n    color: var(--mellow-icon-secondary, #8a8686);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .search-input {\n    flex: 1;\n    min-width: 0;\n    border: none;\n    outline: none;\n    background: transparent;\n    font-family: var(--mellow-typography-font-family-body, 'Suisse Int\\\\'l', system-ui, sans-serif);\n    font-weight: var(--mellow-font-weight-regular, 400);\n    font-size: var(--mellow-font-size-14, 14px);\n    line-height: var(--mellow-line-height-18, 18px);\n    color: var(--mellow-text-primary, #232222);\n    padding: 0;\n  }\n\n  .search-input::placeholder {\n    color: var(--mellow-text-tertiary, #d1d0d0);\n  }\n\n  .search-divider {\n    position: absolute;\n    bottom: 0;\n    left: 14px;\n    right: 14px;\n    height: 1px;\n    background: var(--mellow-border-secondary, #ead8be);\n  }\n\n  /* ── Scrollable option items ── */\n\n  .options-list {\n    display: flex;\n    flex-direction: column;\n    overflow-y: auto;\n    flex: 1;\n    min-height: 0;\n  }\n\n  /* ── Option items ── */\n\n  .option-item {\n    display: flex;\n    align-items: center;\n    gap: var(--mellow-space-3, 12px);\n    height: 48px;\n    padding: 0 var(--mellow-space-3-5, 14px);\n    flex-shrink: 0;\n    background: var(--mellow-bg-surface-primary, white);\n\n    font-family: var(--mellow-typography-font-family-body, 'Suisse Int\\\\'l', system-ui, sans-serif);\n    font-weight: var(--mellow-font-weight-regular, 400);\n    font-size: var(--mellow-font-size-14, 14px);\n    line-height: var(--mellow-line-height-18, 18px);\n    color: var(--mellow-text-primary, #232222);\n\n    cursor: pointer;\n    transition: background-color 100ms ease;\n  }\n\n  .option-item:hover,\n  .option-item.highlighted {\n    background: var(--mellow-bg-surface-secondary, #faf6f2);\n  }\n\n  .option-item.selected {\n    background: var(--mellow-bg-surface-brand, #fcf2e8);\n  }\n\n  .option-item.disabled {\n    color: var(--mellow-text-tertiary, #d1d0d0);\n    cursor: not-allowed;\n  }\n\n  .option-item.disabled:hover {\n    background: var(--mellow-bg-surface-primary, white);\n  }\n\n  .option-text {\n    flex: 1 0 0;\n    min-width: 0;\n    min-height: 1px;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n  }\n\n  /* ── Helper / Error text ── */\n\n  .helper {\n    font-family: var(--mellow-typography-font-family-body, 'Suisse Int\\\\'l', system-ui, sans-serif);\n    font-weight: var(--mellow-font-weight-regular, 400);\n    font-size: var(--mellow-font-size-12, 12px);\n    line-height: var(--mellow-line-height-14, 14px);\n    color: var(--mellow-text-secondary, #767676);\n  }\n\n  :host([error]) .helper {\n    color: var(--mellow-text-danger-600, #db4933);\n  }\n\n  /* ── Hidden slot for slotted options ── */\n\n  .hidden-slot {\n    display: none;\n  }\n`\n"],"names":["selectStyles","css"],"mappings":";AAEO,MAAMA,IAAeC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,3 @@
+export { MellowSkeleton } from './skeleton.js';
+export type { SkeletonVariant } from './skeleton.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA"}

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

@@ -0,0 +1,18 @@
+import { LitElement } from 'lit';
+export type SkeletonVariant = 'text' | 'circular' | 'rectangular';
+export declare class MellowSkeleton extends LitElement {
+    static styles: import("lit").CSSResult[];
+    variant: SkeletonVariant;
+    width: string;
+    height: string;
+    lines: number;
+    connectedCallback(): void;
+    private _buildInlineStyle;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mellow-skeleton': MellowSkeleton;
+    }
+}
+//# sourceMappingURL=skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAA;AAI/C,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,UAAU,GAAG,aAAa,CAAA;AAEjE,qBACa,cAAe,SAAQ,UAAU;IAC5C,OAAgB,MAAM,4BAAmB;IAGzC,OAAO,EAAE,eAAe,CAAS;IAGjC,KAAK,SAAK;IAGV,MAAM,SAAK;IAGX,KAAK,SAAI;IAEA,iBAAiB,IAAI,IAAI;IAKlC,OAAO,CAAC,iBAAiB;IAgBhB,MAAM;CAShB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAA;KAClC;CACF"}

package/dist/components/skeleton/skeleton.js

@@ -0,0 +1,47 @@
+import { LitElement as u, nothing as c, html as a } from "lit";
+import { property as l, customElement as m } from "lit/decorators.js";
+import { skeletonStyles as y } from "./skeleton.styles.js";
+var f = Object.defineProperty, d = Object.getOwnPropertyDescriptor, h = (s, t, n, r) => {
+  for (var e = r > 1 ? void 0 : r ? d(t, n) : t, o = s.length - 1, p; o >= 0; o--)
+    (p = s[o]) && (e = (r ? p(t, n, e) : p(e)) || e);
+  return r && e && f(t, n, e), e;
+};
+let i = class extends u {
+  constructor() {
+    super(...arguments), this.variant = "text", this.width = "", this.height = "", this.lines = 1;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("aria-busy", "true");
+  }
+  _buildInlineStyle(s) {
+    const t = [];
+    return this.width ? t.push(`width: ${this.width}`) : s && this.variant === "text" && this.lines > 1 && t.push("width: 70%"), this.height && t.push(`height: ${this.height}`), t.join("; ");
+  }
+  render() {
+    const s = this.variant === "text" ? Math.max(1, this.lines) : 1;
+    return a`${Array.from({ length: s }, (t, n) => {
+      const r = n === s - 1 && s > 1, e = this._buildInlineStyle(r);
+      return a`<div class="skeleton" style=${e || c}></div>`;
+    })}`;
+  }
+};
+i.styles = [y];
+h([
+  l({ reflect: !0 })
+], i.prototype, "variant", 2);
+h([
+  l()
+], i.prototype, "width", 2);
+h([
+  l()
+], i.prototype, "height", 2);
+h([
+  l({ type: Number })
+], i.prototype, "lines", 2);
+i = h([
+  m("mellow-skeleton")
+], i);
+export {
+  i as MellowSkeleton
+};
+//# sourceMappingURL=skeleton.js.map

package/dist/components/skeleton/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sources":["../../../src/components/skeleton/skeleton.ts"],"sourcesContent":["import { LitElement, html, nothing } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { skeletonStyles } from './skeleton.styles.js'\n\nexport type SkeletonVariant = 'text' | 'circular' | 'rectangular'\n\n@customElement('mellow-skeleton')\nexport class MellowSkeleton extends LitElement {\n  static override styles = [skeletonStyles]\n\n  @property({ reflect: true })\n  variant: SkeletonVariant = 'text'\n\n  @property()\n  width = ''\n\n  @property()\n  height = ''\n\n  @property({ type: Number })\n  lines = 1\n\n  override connectedCallback(): void {\n    super.connectedCallback()\n    this.setAttribute('aria-busy', 'true')\n  }\n\n  private _buildInlineStyle(isLastLine: boolean): string {\n    const parts: string[] = []\n\n    if (this.width) {\n      parts.push(`width: ${this.width}`)\n    } else if (isLastLine && this.variant === 'text' && this.lines > 1) {\n      parts.push('width: 70%')\n    }\n\n    if (this.height) {\n      parts.push(`height: ${this.height}`)\n    }\n\n    return parts.join('; ')\n  }\n\n  override render() {\n    const count = this.variant === 'text' ? Math.max(1, this.lines) : 1\n\n    return html`${Array.from({ length: count }, (_, i) => {\n      const isLastLine = i === count - 1 && count > 1\n      const style = this._buildInlineStyle(isLastLine)\n      return html`<div class=\"skeleton\" style=${style || nothing}></div>`\n    })}`\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mellow-skeleton': MellowSkeleton\n  }\n}\n"],"names":["MellowSkeleton","LitElement","isLastLine","parts","count","html","_","i","style","nothing","skeletonStyles","__decorateClass","property","customElement"],"mappings":";;;;;;;;AAOO,IAAMA,IAAN,cAA6BC,EAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA,GAIL,KAAA,UAA2B,QAG3B,KAAA,QAAQ,IAGR,KAAA,SAAS,IAGT,KAAA,QAAQ;AAAA,EAAA;AAAA,EAEC,oBAA0B;AACjC,UAAM,kBAAA,GACN,KAAK,aAAa,aAAa,MAAM;AAAA,EACvC;AAAA,EAEQ,kBAAkBC,GAA6B;AACrD,UAAMC,IAAkB,CAAA;AAExB,WAAI,KAAK,QACPA,EAAM,KAAK,UAAU,KAAK,KAAK,EAAE,IACxBD,KAAc,KAAK,YAAY,UAAU,KAAK,QAAQ,KAC/DC,EAAM,KAAK,YAAY,GAGrB,KAAK,UACPA,EAAM,KAAK,WAAW,KAAK,MAAM,EAAE,GAG9BA,EAAM,KAAK,IAAI;AAAA,EACxB;AAAA,EAES,SAAS;AAChB,UAAMC,IAAQ,KAAK,YAAY,SAAS,KAAK,IAAI,GAAG,KAAK,KAAK,IAAI;AAElE,WAAOC,IAAO,MAAM,KAAK,EAAE,QAAQD,EAAA,GAAS,CAACE,GAAGC,MAAM;AACpD,YAAML,IAAaK,MAAMH,IAAQ,KAAKA,IAAQ,GACxCI,IAAQ,KAAK,kBAAkBN,CAAU;AAC/C,aAAOG,gCAAmCG,KAASC,CAAO;AAAA,IAC5D,CAAC,CAAC;AAAA,EACJ;AACF;AA7CaT,EACK,SAAS,CAACU,CAAc;AAGxCC,EAAA;AAAA,EADCC,EAAS,EAAE,SAAS,GAAA,CAAM;AAAA,GAHhBZ,EAIX,WAAA,WAAA,CAAA;AAGAW,EAAA;AAAA,EADCC,EAAA;AAAS,GANCZ,EAOX,WAAA,SAAA,CAAA;AAGAW,EAAA;AAAA,EADCC,EAAA;AAAS,GATCZ,EAUX,WAAA,UAAA,CAAA;AAGAW,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAZfZ,EAaX,WAAA,SAAA,CAAA;AAbWA,IAANW,EAAA;AAAA,EADNE,EAAc,iBAAiB;AAAA,GACnBb,CAAA;"}

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

@@ -0,0 +1,2 @@
+export declare const skeletonStyles: import("lit").CSSResult;
+//# sourceMappingURL=skeleton.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.styles.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/skeleton.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAkE1B,CAAA"}

package/dist/components/skeleton/skeleton.styles.js

@@ -0,0 +1,72 @@
+import { css as e } from "lit";
+const r = e`
+  :host {
+    display: block;
+  }
+
+  :host([aria-busy='true']) {
+    pointer-events: none;
+  }
+
+  .skeleton {
+    background: var(--mellow-skeleton-bg, #f5eddf);
+    position: relative;
+    overflow: hidden;
+  }
+
+  .skeleton::after {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background: linear-gradient(
+      90deg,
+      transparent,
+      rgba(255, 255, 255, 0.4),
+      transparent
+    );
+    animation: shimmer 1.5s infinite;
+  }
+
+  @keyframes shimmer {
+    0% {
+      transform: translateX(-100%);
+    }
+    100% {
+      transform: translateX(100%);
+    }
+  }
+
+  /* ---- Variants ---- */
+
+  /* Text (default) */
+  :host([variant='text']) .skeleton,
+  .skeleton {
+    height: 14px;
+    border-radius: var(--mellow-radius-1, 4px);
+    width: 100%;
+  }
+
+  /* Circular */
+  :host([variant='circular']) .skeleton {
+    border-radius: 50%;
+    width: var(--mellow-skeleton-width, 40px);
+    height: var(--mellow-skeleton-height, 40px);
+  }
+
+  /* Rectangular */
+  :host([variant='rectangular']) .skeleton {
+    border-radius: var(--mellow-radius-2, 8px);
+    width: var(--mellow-skeleton-width, 100%);
+    height: var(--mellow-skeleton-height, 100px);
+  }
+
+  /* ---- Multiple lines ---- */
+
+  .skeleton + .skeleton {
+    margin-top: var(--mellow-space-2, 8px);
+  }
+`;
+export {
+  r as skeletonStyles
+};
+//# sourceMappingURL=skeleton.styles.js.map

package/dist/components/skeleton/skeleton.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.styles.js","sources":["../../../src/components/skeleton/skeleton.styles.ts"],"sourcesContent":["import { css } from 'lit'\n\nexport const skeletonStyles = css`\n  :host {\n    display: block;\n  }\n\n  :host([aria-busy='true']) {\n    pointer-events: none;\n  }\n\n  .skeleton {\n    background: var(--mellow-skeleton-bg, #f5eddf);\n    position: relative;\n    overflow: hidden;\n  }\n\n  .skeleton::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255, 255, 255, 0.4),\n      transparent\n    );\n    animation: shimmer 1.5s infinite;\n  }\n\n  @keyframes shimmer {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n\n  /* ---- Variants ---- */\n\n  /* Text (default) */\n  :host([variant='text']) .skeleton,\n  .skeleton {\n    height: 14px;\n    border-radius: var(--mellow-radius-1, 4px);\n    width: 100%;\n  }\n\n  /* Circular */\n  :host([variant='circular']) .skeleton {\n    border-radius: 50%;\n    width: var(--mellow-skeleton-width, 40px);\n    height: var(--mellow-skeleton-height, 40px);\n  }\n\n  /* Rectangular */\n  :host([variant='rectangular']) .skeleton {\n    border-radius: var(--mellow-radius-2, 8px);\n    width: var(--mellow-skeleton-width, 100%);\n    height: var(--mellow-skeleton-height, 100px);\n  }\n\n  /* ---- Multiple lines ---- */\n\n  .skeleton + .skeleton {\n    margin-top: var(--mellow-space-2, 8px);\n  }\n`\n"],"names":["skeletonStyles","css"],"mappings":";AAEO,MAAMA,IAAiBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/spinner/index.d.ts

@@ -0,0 +1,3 @@
+export { MellowSpinner } from './spinner.js';
+export type { SpinnerSize } from './spinner.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/spinner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5C,YAAY,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA"}

package/dist/components/spinner/spinner.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+export type SpinnerSize = 'sm' | 'md' | 'lg';
+export declare class MellowSpinner extends LitElement {
+    static styles: import("lit").CSSResult[];
+    size: SpinnerSize;
+    label: string;
+    connectedCallback(): void;
+    updated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mellow-spinner': MellowSpinner;
+    }
+}
+//# sourceMappingURL=spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/spinner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAA;AAItC,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE5C,qBACa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,MAAM,4BAAkB;IAGxC,IAAI,EAAE,WAAW,CAAO;IAGxB,KAAK,SAAY;IAER,iBAAiB,IAAI,IAAI;IAKzB,OAAO,IAAI,IAAI;IAIf,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,aAAa,CAAA;KAChC;CACF"}

package/dist/components/spinner/spinner.js

@@ -0,0 +1,36 @@
+import { LitElement as c, html as m } from "lit";
+import { property as a, customElement as u } from "lit/decorators.js";
+import { spinnerStyles as b } from "./spinner.styles.js";
+var f = Object.defineProperty, d = Object.getOwnPropertyDescriptor, n = (i, t, l, s) => {
+  for (var e = s > 1 ? void 0 : s ? d(t, l) : t, o = i.length - 1, p; o >= 0; o--)
+    (p = i[o]) && (e = (s ? p(t, l, e) : p(e)) || e);
+  return s && e && f(t, l, e), e;
+};
+let r = class extends c {
+  constructor() {
+    super(...arguments), this.size = "md", this.label = "Loading";
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("role", "progressbar");
+  }
+  updated() {
+    this.setAttribute("aria-label", this.label);
+  }
+  render() {
+    return m`<div class="spinner"></div>`;
+  }
+};
+r.styles = [b];
+n([
+  a({ reflect: !0 })
+], r.prototype, "size", 2);
+n([
+  a()
+], r.prototype, "label", 2);
+r = n([
+  u("mellow-spinner")
+], r);
+export {
+  r as MellowSpinner
+};
+//# sourceMappingURL=spinner.js.map

package/dist/components/spinner/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","sources":["../../../src/components/spinner/spinner.ts"],"sourcesContent":["import { LitElement, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { spinnerStyles } from './spinner.styles.js'\n\nexport type SpinnerSize = 'sm' | 'md' | 'lg'\n\n@customElement('mellow-spinner')\nexport class MellowSpinner extends LitElement {\n  static override styles = [spinnerStyles]\n\n  @property({ reflect: true })\n  size: SpinnerSize = 'md'\n\n  @property()\n  label = 'Loading'\n\n  override connectedCallback(): void {\n    super.connectedCallback()\n    this.setAttribute('role', 'progressbar')\n  }\n\n  override updated(): void {\n    this.setAttribute('aria-label', this.label)\n  }\n\n  override render() {\n    return html`<div class=\"spinner\"></div>`\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mellow-spinner': MellowSpinner\n  }\n}\n"],"names":["MellowSpinner","LitElement","html","spinnerStyles","__decorateClass","property","customElement"],"mappings":";;;;;;;;AAOO,IAAMA,IAAN,cAA4BC,EAAW;AAAA,EAAvC,cAAA;AAAA,UAAA,GAAA,SAAA,GAIL,KAAA,OAAoB,MAGpB,KAAA,QAAQ;AAAA,EAAA;AAAA,EAEC,oBAA0B;AACjC,UAAM,kBAAA,GACN,KAAK,aAAa,QAAQ,aAAa;AAAA,EACzC;AAAA,EAES,UAAgB;AACvB,SAAK,aAAa,cAAc,KAAK,KAAK;AAAA,EAC5C;AAAA,EAES,SAAS;AAChB,WAAOC;AAAA,EACT;AACF;AArBaF,EACK,SAAS,CAACG,CAAa;AAGvCC,EAAA;AAAA,EADCC,EAAS,EAAE,SAAS,GAAA,CAAM;AAAA,GAHhBL,EAIX,WAAA,QAAA,CAAA;AAGAI,EAAA;AAAA,EADCC,EAAA;AAAS,GANCL,EAOX,WAAA,SAAA,CAAA;AAPWA,IAANI,EAAA;AAAA,EADNE,EAAc,gBAAgB;AAAA,GAClBN,CAAA;"}

package/dist/components/spinner/spinner.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const spinnerStyles: import("lit").CSSResult;
+//# sourceMappingURL=spinner.styles.d.ts.map

package/dist/components/spinner/spinner.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.styles.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/spinner.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBAqCzB,CAAA"}

package/dist/components/spinner/spinner.styles.js

@@ -0,0 +1,43 @@
+import { css as e } from "lit";
+const n = e`
+  :host {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .spinner {
+    border-radius: 50%;
+    border: 2px solid #f5eddf;
+    border-top-color: var(--mellow-bg-brand, #ff6f23);
+    animation: spin 0.8s linear infinite;
+  }
+
+  @keyframes spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  /* ---- Sizes ---- */
+
+  :host([size='sm']) .spinner {
+    width: 16px;
+    height: 16px;
+  }
+
+  .spinner,
+  :host([size='md']) .spinner {
+    width: 24px;
+    height: 24px;
+  }
+
+  :host([size='lg']) .spinner {
+    width: 32px;
+    height: 32px;
+  }
+`;
+export {
+  n as spinnerStyles
+};
+//# sourceMappingURL=spinner.styles.js.map

package/dist/components/spinner/spinner.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.styles.js","sources":["../../../src/components/spinner/spinner.styles.ts"],"sourcesContent":["import { css } from 'lit'\n\nexport const spinnerStyles = css`\n  :host {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .spinner {\n    border-radius: 50%;\n    border: 2px solid #f5eddf;\n    border-top-color: var(--mellow-bg-brand, #ff6f23);\n    animation: spin 0.8s linear infinite;\n  }\n\n  @keyframes spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  /* ---- Sizes ---- */\n\n  :host([size='sm']) .spinner {\n    width: 16px;\n    height: 16px;\n  }\n\n  .spinner,\n  :host([size='md']) .spinner {\n    width: 24px;\n    height: 24px;\n  }\n\n  :host([size='lg']) .spinner {\n    width: 32px;\n    height: 32px;\n  }\n`\n"],"names":["spinnerStyles","css"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/stack/index.d.ts

@@ -0,0 +1,3 @@
+export { MellowStack } from './stack.js';
+export type { StackDirection, StackGap, StackAlign, StackJustify } from './stack.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/stack/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/stack/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA"}

package/dist/components/stack/stack.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+export type StackDirection = 'row' | 'column';
+export type StackGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type StackAlign = 'start' | 'center' | 'end' | 'stretch';
+export type StackJustify = 'start' | 'center' | 'end' | 'between' | 'around';
+export declare class MellowStack extends LitElement {
+    static styles: import("lit").CSSResult[];
+    direction: StackDirection;
+    gap: StackGap;
+    align: StackAlign;
+    justify: StackJustify;
+    wrap: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mellow-stack': MellowStack;
+    }
+}
+//# sourceMappingURL=stack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../src/components/stack/stack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAA;AAItC,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,CAAA;AAC7C,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAChE,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAA;AAC/D,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE5E,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,4BAAgB;IAGtC,SAAS,EAAE,cAAc,CAAW;IAGpC,GAAG,EAAE,QAAQ,CAAO;IAGpB,KAAK,EAAE,UAAU,CAAY;IAG7B,OAAO,EAAE,YAAY,CAAU;IAG/B,IAAI,UAAQ;IAEH,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}

package/dist/components/stack/stack.js

@@ -0,0 +1,39 @@
+import { LitElement as a, html as n } from "lit";
+import { property as o, customElement as u } from "lit/decorators.js";
+import { stackStyles as m } from "./stack.styles.js";
+var y = Object.defineProperty, h = Object.getOwnPropertyDescriptor, r = (f, s, l, p) => {
+  for (var e = p > 1 ? void 0 : p ? h(s, l) : s, c = f.length - 1, i; c >= 0; c--)
+    (i = f[c]) && (e = (p ? i(s, l, e) : i(e)) || e);
+  return p && e && y(s, l, e), e;
+};
+let t = class extends a {
+  constructor() {
+    super(...arguments), this.direction = "column", this.gap = "md", this.align = "stretch", this.justify = "start", this.wrap = !1;
+  }
+  render() {
+    return n`<slot></slot>`;
+  }
+};
+t.styles = [m];
+r([
+  o({ reflect: !0 })
+], t.prototype, "direction", 2);
+r([
+  o({ reflect: !0 })
+], t.prototype, "gap", 2);
+r([
+  o({ reflect: !0 })
+], t.prototype, "align", 2);
+r([
+  o({ reflect: !0 })
+], t.prototype, "justify", 2);
+r([
+  o({ type: Boolean, reflect: !0 })
+], t.prototype, "wrap", 2);
+t = r([
+  u("mellow-stack")
+], t);
+export {
+  t as MellowStack
+};
+//# sourceMappingURL=stack.js.map

package/dist/components/stack/stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.js","sources":["../../../src/components/stack/stack.ts"],"sourcesContent":["import { LitElement, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { stackStyles } from './stack.styles.js'\n\nexport type StackDirection = 'row' | 'column'\nexport type StackGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type StackAlign = 'start' | 'center' | 'end' | 'stretch'\nexport type StackJustify = 'start' | 'center' | 'end' | 'between' | 'around'\n\n@customElement('mellow-stack')\nexport class MellowStack extends LitElement {\n  static override styles = [stackStyles]\n\n  @property({ reflect: true })\n  direction: StackDirection = 'column'\n\n  @property({ reflect: true })\n  gap: StackGap = 'md'\n\n  @property({ reflect: true })\n  align: StackAlign = 'stretch'\n\n  @property({ reflect: true })\n  justify: StackJustify = 'start'\n\n  @property({ type: Boolean, reflect: true })\n  wrap = false\n\n  override render() {\n    return html`<slot></slot>`\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mellow-stack': MellowStack\n  }\n}\n"],"names":["MellowStack","LitElement","html","stackStyles","__decorateClass","property","customElement"],"mappings":";;;;;;;;AAUO,IAAMA,IAAN,cAA0BC,EAAW;AAAA,EAArC,cAAA;AAAA,UAAA,GAAA,SAAA,GAIL,KAAA,YAA4B,UAG5B,KAAA,MAAgB,MAGhB,KAAA,QAAoB,WAGpB,KAAA,UAAwB,SAGxB,KAAA,OAAO;AAAA,EAAA;AAAA,EAEE,SAAS;AAChB,WAAOC;AAAA,EACT;AACF;AArBaF,EACK,SAAS,CAACG,CAAW;AAGrCC,EAAA;AAAA,EADCC,EAAS,EAAE,SAAS,GAAA,CAAM;AAAA,GAHhBL,EAIX,WAAA,aAAA,CAAA;AAGAI,EAAA;AAAA,EADCC,EAAS,EAAE,SAAS,GAAA,CAAM;AAAA,GANhBL,EAOX,WAAA,OAAA,CAAA;AAGAI,EAAA;AAAA,EADCC,EAAS,EAAE,SAAS,GAAA,CAAM;AAAA,GAThBL,EAUX,WAAA,SAAA,CAAA;AAGAI,EAAA;AAAA,EADCC,EAAS,EAAE,SAAS,GAAA,CAAM;AAAA,GAZhBL,EAaX,WAAA,WAAA,CAAA;AAGAI,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAf/BL,EAgBX,WAAA,QAAA,CAAA;AAhBWA,IAANI,EAAA;AAAA,EADNE,EAAc,cAAc;AAAA,GAChBN,CAAA;"}

package/dist/components/stack/stack.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const stackStyles: import("lit").CSSResult;
+//# sourceMappingURL=stack.styles.d.ts.map