@mellow.io/ds 0.1.0

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

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

package/dist/components/stack/stack.styles.js

@@ -0,0 +1,97 @@
+import { css as t } from "lit";
+const e = t`
+  :host {
+    display: flex;
+    box-sizing: border-box;
+  }
+
+  /* ---- Direction ---- */
+
+  :host,
+  :host([direction='column']) {
+    flex-direction: column;
+  }
+
+  :host([direction='row']) {
+    flex-direction: row;
+  }
+
+  /* ---- Gap ---- */
+
+  :host([gap='none']) {
+    gap: 0;
+  }
+
+  :host([gap='xs']) {
+    gap: var(--mellow-space-1, 4px);
+  }
+
+  :host([gap='sm']) {
+    gap: var(--mellow-space-2, 8px);
+  }
+
+  :host([gap='md']),
+  :host(:not([gap])) {
+    gap: var(--mellow-space-3, 12px);
+  }
+
+  :host([gap='lg']) {
+    gap: var(--mellow-space-5, 20px);
+  }
+
+  :host([gap='xl']) {
+    gap: var(--mellow-space-6, 24px);
+  }
+
+  /* ---- Align ---- */
+
+  :host([align='start']) {
+    align-items: flex-start;
+  }
+
+  :host([align='center']) {
+    align-items: center;
+  }
+
+  :host([align='end']) {
+    align-items: flex-end;
+  }
+
+  :host,
+  :host([align='stretch']) {
+    align-items: stretch;
+  }
+
+  /* ---- Justify ---- */
+
+  :host,
+  :host([justify='start']) {
+    justify-content: flex-start;
+  }
+
+  :host([justify='center']) {
+    justify-content: center;
+  }
+
+  :host([justify='end']) {
+    justify-content: flex-end;
+  }
+
+  :host([justify='between']) {
+    justify-content: space-between;
+  }
+
+  :host([justify='around']) {
+    justify-content: space-around;
+  }
+
+  /* ---- Wrap ---- */
+
+  :host([wrap]) {
+    flex-wrap: wrap;
+  }
+`;
+export {
+  e as stackStyles
+};
+//# sourceMappingURL=stack.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stack.styles.js","sources":["../../../src/components/stack/stack.styles.ts"],"sourcesContent":["import { css } from 'lit'\n\nexport const stackStyles = css`\n  :host {\n    display: flex;\n    box-sizing: border-box;\n  }\n\n  /* ---- Direction ---- */\n\n  :host,\n  :host([direction='column']) {\n    flex-direction: column;\n  }\n\n  :host([direction='row']) {\n    flex-direction: row;\n  }\n\n  /* ---- Gap ---- */\n\n  :host([gap='none']) {\n    gap: 0;\n  }\n\n  :host([gap='xs']) {\n    gap: var(--mellow-space-1, 4px);\n  }\n\n  :host([gap='sm']) {\n    gap: var(--mellow-space-2, 8px);\n  }\n\n  :host([gap='md']),\n  :host(:not([gap])) {\n    gap: var(--mellow-space-3, 12px);\n  }\n\n  :host([gap='lg']) {\n    gap: var(--mellow-space-5, 20px);\n  }\n\n  :host([gap='xl']) {\n    gap: var(--mellow-space-6, 24px);\n  }\n\n  /* ---- Align ---- */\n\n  :host([align='start']) {\n    align-items: flex-start;\n  }\n\n  :host([align='center']) {\n    align-items: center;\n  }\n\n  :host([align='end']) {\n    align-items: flex-end;\n  }\n\n  :host,\n  :host([align='stretch']) {\n    align-items: stretch;\n  }\n\n  /* ---- Justify ---- */\n\n  :host,\n  :host([justify='start']) {\n    justify-content: flex-start;\n  }\n\n  :host([justify='center']) {\n    justify-content: center;\n  }\n\n  :host([justify='end']) {\n    justify-content: flex-end;\n  }\n\n  :host([justify='between']) {\n    justify-content: space-between;\n  }\n\n  :host([justify='around']) {\n    justify-content: space-around;\n  }\n\n  /* ---- Wrap ---- */\n\n  :host([wrap]) {\n    flex-wrap: wrap;\n  }\n`\n"],"names":["stackStyles","css"],"mappings":";AAEO,MAAMA,IAAcC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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/switch/index.d.ts

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

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

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

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

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+export type SwitchSize = 'lg' | 'md';
+export declare class MellowSwitch extends LitElement {
+    static styles: import("lit").CSSResult[];
+    checked: boolean;
+    disabled: boolean;
+    size: SwitchSize;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private _updateAriaChecked;
+    private _updateTabindex;
+    private _handleClick;
+    private _handleKeydown;
+    private _toggle;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mellow-switch': MellowSwitch;
+    }
+}
+//# sourceMappingURL=switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAA;AAKtC,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAA;AAEpC,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,4BAAiB;IAGvC,OAAO,UAAQ;IAGf,QAAQ,UAAQ;IAGhB,IAAI,EAAE,UAAU,CAAO;IAEd,iBAAiB,IAAI,IAAI;IASzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAS/D,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,YAAY,CAGnB;IAED,OAAO,CAAC,cAAc,CAKrB;IAED,OAAO,CAAC,OAAO;IASN,MAAM;CAahB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAA;KAC9B;CACF"}

package/dist/components/switch/switch.js

@@ -0,0 +1,69 @@
+import { LitElement as n, html as o } from "lit";
+import { property as h, customElement as p } from "lit/decorators.js";
+import { classMap as u } from "lit/directives/class-map.js";
+import { switchStyles as b } from "./switch.styles.js";
+var k = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, d = (e, i, l, c) => {
+  for (var t = c > 1 ? void 0 : c ? _(i, l) : i, r = e.length - 1, a; r >= 0; r--)
+    (a = e[r]) && (t = (c ? a(i, l, t) : a(t)) || t);
+  return c && t && k(i, l, t), t;
+};
+let s = class extends n {
+  constructor() {
+    super(...arguments), this.checked = !1, this.disabled = !1, this.size = "lg", this._handleClick = () => {
+      this.disabled || this._toggle();
+    }, this._handleKeydown = (e) => {
+      e.key === " " && (this.disabled || (e.preventDefault(), this._toggle()));
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("role", "switch"), this._updateAriaChecked(), this._updateTabindex(), this.addEventListener("click", this._handleClick), this.addEventListener("keydown", this._handleKeydown);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener("click", this._handleClick), this.removeEventListener("keydown", this._handleKeydown);
+  }
+  updated(e) {
+    e.has("checked") && this._updateAriaChecked(), e.has("disabled") && this._updateTabindex();
+  }
+  _updateAriaChecked() {
+    this.setAttribute("aria-checked", String(this.checked));
+  }
+  _updateTabindex() {
+    this.setAttribute("tabindex", this.disabled ? "-1" : "0");
+  }
+  _toggle() {
+    this.checked = !this.checked, this.dispatchEvent(new CustomEvent("mellow-change", {
+      detail: { checked: this.checked },
+      bubbles: !0,
+      composed: !0
+    }));
+  }
+  render() {
+    const e = {
+      track: !0,
+      checked: this.checked
+    };
+    return o`
+      <div class=${u(e)}>
+        <div class="thumb"></div>
+      </div>
+      <span class="label-text"><slot></slot></span>
+    `;
+  }
+};
+s.styles = [b];
+d([
+  h({ type: Boolean, reflect: !0 })
+], s.prototype, "checked", 2);
+d([
+  h({ type: Boolean, reflect: !0 })
+], s.prototype, "disabled", 2);
+d([
+  h({ reflect: !0 })
+], s.prototype, "size", 2);
+s = d([
+  p("mellow-switch")
+], s);
+export {
+  s as MellowSwitch
+};
+//# sourceMappingURL=switch.js.map

package/dist/components/switch/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sources":["../../../src/components/switch/switch.ts"],"sourcesContent":["import { LitElement, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { switchStyles } from './switch.styles.js'\n\nexport type SwitchSize = 'lg' | 'md'\n\n@customElement('mellow-switch')\nexport class MellowSwitch extends LitElement {\n  static override styles = [switchStyles]\n\n  @property({ type: Boolean, reflect: true })\n  checked = false\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false\n\n  @property({ reflect: true })\n  size: SwitchSize = 'lg'\n\n  override connectedCallback(): void {\n    super.connectedCallback()\n    this.setAttribute('role', 'switch')\n    this._updateAriaChecked()\n    this._updateTabindex()\n    this.addEventListener('click', this._handleClick)\n    this.addEventListener('keydown', this._handleKeydown)\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback()\n    this.removeEventListener('click', this._handleClick)\n    this.removeEventListener('keydown', this._handleKeydown)\n  }\n\n  override updated(changedProperties: Map<string, unknown>): void {\n    if (changedProperties.has('checked')) {\n      this._updateAriaChecked()\n    }\n    if (changedProperties.has('disabled')) {\n      this._updateTabindex()\n    }\n  }\n\n  private _updateAriaChecked(): void {\n    this.setAttribute('aria-checked', String(this.checked))\n  }\n\n  private _updateTabindex(): void {\n    this.setAttribute('tabindex', this.disabled ? '-1' : '0')\n  }\n\n  private _handleClick = (): void => {\n    if (this.disabled) return\n    this._toggle()\n  }\n\n  private _handleKeydown = (e: KeyboardEvent): void => {\n    if (e.key !== ' ') return\n    if (this.disabled) return\n    e.preventDefault()\n    this._toggle()\n  }\n\n  private _toggle(): void {\n    this.checked = !this.checked\n    this.dispatchEvent(new CustomEvent('mellow-change', {\n      detail: { checked: this.checked },\n      bubbles: true,\n      composed: true,\n    }))\n  }\n\n  override render() {\n    const trackClasses = {\n      'track': true,\n      'checked': this.checked,\n    }\n\n    return html`\n      <div class=${classMap(trackClasses)}>\n        <div class=\"thumb\"></div>\n      </div>\n      <span class=\"label-text\"><slot></slot></span>\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mellow-switch': MellowSwitch\n  }\n}\n"],"names":["MellowSwitch","LitElement","changedProperties","trackClasses","html","classMap","switchStyles","__decorateClass","property","customElement"],"mappings":";;;;;;;;;AAQO,IAAMA,IAAN,cAA2BC,EAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA,GAIL,KAAA,UAAU,IAGV,KAAA,WAAW,IAGX,KAAA,OAAmB,MAkCnB,KAAQ,eAAe,MAAY;AACjC,MAAI,KAAK,YACT,KAAK,QAAA;AAAA,IACP,GAEA,KAAQ,iBAAiB,CAAC,MAA2B;AACnD,MAAI,EAAE,QAAQ,QACV,KAAK,aACT,EAAE,eAAA,GACF,KAAK,QAAA;AAAA,IACP;AAAA,EAAA;AAAA,EA1CS,oBAA0B;AACjC,UAAM,kBAAA,GACN,KAAK,aAAa,QAAQ,QAAQ,GAClC,KAAK,mBAAA,GACL,KAAK,gBAAA,GACL,KAAK,iBAAiB,SAAS,KAAK,YAAY,GAChD,KAAK,iBAAiB,WAAW,KAAK,cAAc;AAAA,EACtD;AAAA,EAES,uBAA6B;AACpC,UAAM,qBAAA,GACN,KAAK,oBAAoB,SAAS,KAAK,YAAY,GACnD,KAAK,oBAAoB,WAAW,KAAK,cAAc;AAAA,EACzD;AAAA,EAES,QAAQC,GAA+C;AAC9D,IAAIA,EAAkB,IAAI,SAAS,KACjC,KAAK,mBAAA,GAEHA,EAAkB,IAAI,UAAU,KAClC,KAAK,gBAAA;AAAA,EAET;AAAA,EAEQ,qBAA2B;AACjC,SAAK,aAAa,gBAAgB,OAAO,KAAK,OAAO,CAAC;AAAA,EACxD;AAAA,EAEQ,kBAAwB;AAC9B,SAAK,aAAa,YAAY,KAAK,WAAW,OAAO,GAAG;AAAA,EAC1D;AAAA,EAcQ,UAAgB;AACtB,SAAK,UAAU,CAAC,KAAK,SACrB,KAAK,cAAc,IAAI,YAAY,iBAAiB;AAAA,MAClD,QAAQ,EAAE,SAAS,KAAK,QAAA;AAAA,MACxB,SAAS;AAAA,MACT,UAAU;AAAA,IAAA,CACX,CAAC;AAAA,EACJ;AAAA,EAES,SAAS;AAChB,UAAMC,IAAe;AAAA,MACnB,OAAS;AAAA,MACT,SAAW,KAAK;AAAA,IAAA;AAGlB,WAAOC;AAAA,mBACQC,EAASF,CAAY,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAKvC;AACF;AA9EaH,EACK,SAAS,CAACM,CAAY;AAGtCC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAH/BR,EAIX,WAAA,WAAA,CAAA;AAGAO,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAN/BR,EAOX,WAAA,YAAA,CAAA;AAGAO,EAAA;AAAA,EADCC,EAAS,EAAE,SAAS,GAAA,CAAM;AAAA,GAThBR,EAUX,WAAA,QAAA,CAAA;AAVWA,IAANO,EAAA;AAAA,EADNE,EAAc,eAAe;AAAA,GACjBT,CAAA;"}

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

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

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

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

package/dist/components/switch/switch.styles.js

@@ -0,0 +1,100 @@
+import { css as e } from "lit";
+const t = e`
+  :host {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--mellow-space-2, 8px);
+    cursor: pointer;
+    user-select: none;
+    outline: none;
+  }
+
+  :host(:focus-visible) .track {
+    outline: 2px solid var(--mellow-colors-primary-mellow-orange, #ff6f23);
+    outline-offset: 2px;
+  }
+
+  :host([disabled]) {
+    cursor: not-allowed;
+    opacity: 0.48;
+  }
+
+  /* Track — size lg (default): 44x24 */
+  .track {
+    position: relative;
+    flex-shrink: 0;
+    overflow: clip;
+    background: var(--mellow-bg-fill-control-default, rgba(193, 148, 118, 0.24));
+    transition: background-color 150ms ease;
+    width: 44px;
+    height: 24px;
+    border-radius: var(--mellow-radius-3, 12px);
+  }
+
+  :host([size='md']) .track {
+    width: 36px;
+    height: 20px;
+    border-radius: 10px;
+  }
+
+  :host(:hover:not([disabled])) .track {
+    background: var(--mellow-bg-fill-control-default-hovered, #e4d3c4);
+  }
+
+  .track.checked {
+    background: var(--mellow-bg-fill-control-active, #ff6f23);
+  }
+
+  :host(:hover:not([disabled])) .track.checked {
+    background: var(--mellow-bg-fill-control-active-hovered, #f04706);
+  }
+
+  /* Thumb */
+  .thumb {
+    position: absolute;
+    width: 16px;
+    height: 16px;
+    border-radius: 10px;
+    background: var(--mellow-bg-fill-control-indicator, white);
+    transition: transform 150ms ease;
+    top: 4px;
+    left: 4px;
+  }
+
+  :host([size='md']) .thumb {
+    border-radius: var(--mellow-radius-2, 8px);
+    top: 2px;
+    left: 2px;
+  }
+
+  /* Checked position: move thumb to right */
+  .track.checked .thumb {
+    transform: translateX(20px);
+  }
+
+  :host([size='md']) .track.checked .thumb {
+    transform: translateX(16px);
+  }
+
+  /* Label */
+  .label-text {
+    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-18, 18px);
+    line-height: var(--mellow-line-height-24, 24px);
+    color: var(--mellow-text-primary, #232222);
+  }
+
+  :host([size='md']) .label-text {
+    font-size: var(--mellow-font-size-16, 16px);
+    line-height: var(--mellow-line-height-22, 22px);
+  }
+
+  :host([disabled]) .label-text {
+    color: var(--mellow-text-secondary, #8a8686);
+  }
+`;
+export {
+  t as switchStyles
+};
+//# sourceMappingURL=switch.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.styles.js","sources":["../../../src/components/switch/switch.styles.ts"],"sourcesContent":["import { css } from 'lit'\n\nexport const switchStyles = css`\n  :host {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--mellow-space-2, 8px);\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n  }\n\n  :host(:focus-visible) .track {\n    outline: 2px solid var(--mellow-colors-primary-mellow-orange, #ff6f23);\n    outline-offset: 2px;\n  }\n\n  :host([disabled]) {\n    cursor: not-allowed;\n    opacity: 0.48;\n  }\n\n  /* Track — size lg (default): 44x24 */\n  .track {\n    position: relative;\n    flex-shrink: 0;\n    overflow: clip;\n    background: var(--mellow-bg-fill-control-default, rgba(193, 148, 118, 0.24));\n    transition: background-color 150ms ease;\n    width: 44px;\n    height: 24px;\n    border-radius: var(--mellow-radius-3, 12px);\n  }\n\n  :host([size='md']) .track {\n    width: 36px;\n    height: 20px;\n    border-radius: 10px;\n  }\n\n  :host(:hover:not([disabled])) .track {\n    background: var(--mellow-bg-fill-control-default-hovered, #e4d3c4);\n  }\n\n  .track.checked {\n    background: var(--mellow-bg-fill-control-active, #ff6f23);\n  }\n\n  :host(:hover:not([disabled])) .track.checked {\n    background: var(--mellow-bg-fill-control-active-hovered, #f04706);\n  }\n\n  /* Thumb */\n  .thumb {\n    position: absolute;\n    width: 16px;\n    height: 16px;\n    border-radius: 10px;\n    background: var(--mellow-bg-fill-control-indicator, white);\n    transition: transform 150ms ease;\n    top: 4px;\n    left: 4px;\n  }\n\n  :host([size='md']) .thumb {\n    border-radius: var(--mellow-radius-2, 8px);\n    top: 2px;\n    left: 2px;\n  }\n\n  /* Checked position: move thumb to right */\n  .track.checked .thumb {\n    transform: translateX(20px);\n  }\n\n  :host([size='md']) .track.checked .thumb {\n    transform: translateX(16px);\n  }\n\n  /* Label */\n  .label-text {\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-18, 18px);\n    line-height: var(--mellow-line-height-24, 24px);\n    color: var(--mellow-text-primary, #232222);\n  }\n\n  :host([size='md']) .label-text {\n    font-size: var(--mellow-font-size-16, 16px);\n    line-height: var(--mellow-line-height-22, 22px);\n  }\n\n  :host([disabled]) .label-text {\n    color: var(--mellow-text-secondary, #8a8686);\n  }\n`\n"],"names":["switchStyles","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;"}

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

@@ -0,0 +1,3 @@
+export { MellowTable } from './table.js';
+export type { TableColumn, TableSize } from './table.js';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,39 @@
+import { LitElement } from 'lit';
+export type TableSize = 'm' | 'l';
+export interface TableColumn {
+    key: string;
+    label: string;
+    width?: string;
+    sortable?: boolean;
+    align?: 'left' | 'center' | 'right';
+}
+export declare class MellowTable extends LitElement {
+    static styles: import("lit").CSSResult[];
+    columns: TableColumn[];
+    data: Array<Record<string, unknown>>;
+    striped: boolean;
+    hoverable: boolean;
+    bordered: boolean;
+    size: TableSize;
+    selectedRows: Set<number>;
+    showFooter: boolean;
+    pageSize: number;
+    currentPage: number;
+    totalRows: number;
+    emptyText: string;
+    private _sortColumn;
+    private _sortDirection;
+    private _handleSort;
+    private _handlePageChange;
+    private _handlePageSizeChange;
+    private _renderSortIcon;
+    private _renderFooter;
+    private _isRowSelected;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mellow-table': MellowTable;
+    }
+}
+//# sourceMappingURL=table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAA;AAKpD,MAAM,MAAM,SAAS,GAAG,GAAG,GAAG,GAAG,CAAA;AAEjC,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;CACpC;AAuCD,qBACa,WAAY,SAAQ,UAAU;IACzC,OAAgB,MAAM,4BAAgB;IAGtC,OAAO,EAAE,WAAW,EAAE,CAAK;IAG3B,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAK;IAGzC,OAAO,UAAQ;IAGf,SAAS,UAAQ;IAGjB,QAAQ,UAAQ;IAGhB,IAAI,EAAE,SAAS,CAAM;IAGrB,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAY;IAGrC,UAAU,UAAQ;IAGlB,QAAQ,SAAK;IAGb,WAAW,SAAI;IAGf,SAAS,SAAI;IAGb,SAAS,SAAsB;IAG/B,OAAO,CAAC,WAAW,CAAK;IAGxB,OAAO,CAAC,cAAc,CAAwB;IAE9C,OAAO,CAAC,WAAW;IAkBnB,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,aAAa;IA4CrB,OAAO,CAAC,cAAc;IAIb,MAAM;CAwDhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAA;KAC5B;CACF"}

package/dist/components/table/table.js

@@ -0,0 +1,209 @@
+import { svg as h, LitElement as b, nothing as l, html as a } from "lit";
+import { property as i, state as g, customElement as w } from "lit/decorators.js";
+import { classMap as u } from "lit/directives/class-map.js";
+import { tableStyles as v } from "./table.styles.js";
+var f = Object.defineProperty, y = Object.getOwnPropertyDescriptor, s = (t, o, r, p) => {
+  for (var n = p > 1 ? void 0 : p ? y(o, r) : o, c = t.length - 1, d; c >= 0; c--)
+    (d = t[c]) && (n = (p ? d(o, r, n) : d(n)) || n);
+  return p && n && f(o, r, n), n;
+};
+const m = h`
+  <svg viewBox="0 0 16 16" fill="none" width="16" height="16">
+    <path d="M8 4l4 5H4z" fill="currentColor"/>
+  </svg>
+`, $ = h`
+  <svg viewBox="0 0 16 16" fill="none" width="16" height="16">
+    <path d="M8 12l4-5H4z" fill="currentColor"/>
+  </svg>
+`, _ = h`
+  <svg viewBox="0 0 16 16" fill="none" width="16" height="16">
+    <path d="M8 3l3 4H5z" fill="currentColor" opacity="0.3"/>
+    <path d="M8 13l3-4H5z" fill="currentColor" opacity="0.3"/>
+  </svg>
+`, S = h`
+  <svg viewBox="0 0 16 16" fill="none" width="16" height="16">
+    <path d="M10 12L6 8l4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>
+`, C = h`
+  <svg viewBox="0 0 16 16" fill="none" width="16" height="16">
+    <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>
+`, k = h`
+  <svg viewBox="0 0 20 20" fill="none" width="20" height="20">
+    <path d="M6 8l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>
+`;
+let e = class extends b {
+  constructor() {
+    super(...arguments), this.columns = [], this.data = [], this.striped = !1, this.hoverable = !1, this.bordered = !1, this.size = "m", this.selectedRows = /* @__PURE__ */ new Set(), this.showFooter = !1, this.pageSize = 50, this.currentPage = 1, this.totalRows = 0, this.emptyText = "No data available", this._sortColumn = "", this._sortDirection = "asc";
+  }
+  _handleSort(t) {
+    if (!t.sortable) return;
+    const o = this._sortColumn === t.key && this._sortDirection === "asc" ? "desc" : "asc";
+    this._sortColumn = t.key, this._sortDirection = o, this.dispatchEvent(new CustomEvent("mellow-sort", {
+      detail: { column: t.key, direction: o },
+      bubbles: !0,
+      composed: !0
+    }));
+  }
+  _handlePageChange(t) {
+    const o = Math.ceil(this.totalRows / this.pageSize);
+    t < 1 || t > o || this.dispatchEvent(new CustomEvent("mellow-page-change", {
+      detail: { page: t },
+      bubbles: !0,
+      composed: !0
+    }));
+  }
+  _handlePageSizeChange() {
+    this.dispatchEvent(new CustomEvent("mellow-page-size-change", {
+      detail: { pageSize: this.pageSize },
+      bubbles: !0,
+      composed: !0
+    }));
+  }
+  _renderSortIcon(t) {
+    return t.sortable ? this._sortColumn !== t.key ? a`<span class="sort-icon">${_}</span>` : a`<span class="sort-icon">
+      ${this._sortDirection === "asc" ? m : $}
+    </span>` : l;
+  }
+  _renderFooter() {
+    if (!this.showFooter) return l;
+    const t = Math.ceil(this.totalRows / this.pageSize), o = (this.currentPage - 1) * this.pageSize + 1, r = Math.min(this.currentPage * this.pageSize, this.totalRows);
+    return a`
+      <div class="table-footer" role="navigation" aria-label="Table pagination">
+        <div class="footer-pagination">
+          <span class="footer-info">
+            Showing <span class="highlight">${o}</span>-<span class="highlight">${r}</span> of <span class="highlight">${this.totalRows}</span>
+          </span>
+          <button
+            class="footer-rows"
+            @click=${this._handlePageSizeChange}
+            aria-label="Rows per page: ${this.pageSize}"
+          >
+            Rows ${this.pageSize}
+            ${k}
+          </button>
+          <div class="footer-nav">
+            <button
+              class="footer-nav-btn"
+              ?disabled=${this.currentPage <= 1}
+              @click=${() => this._handlePageChange(this.currentPage - 1)}
+              aria-label="Previous page"
+            >
+              ${S}
+            </button>
+            <button
+              class="footer-nav-btn"
+              ?disabled=${this.currentPage >= t}
+              @click=${() => this._handlePageChange(this.currentPage + 1)}
+              aria-label="Next page"
+            >
+              ${C}
+            </button>
+          </div>
+        </div>
+      </div>
+    `;
+  }
+  _isRowSelected(t) {
+    return this.selectedRows.has(t);
+  }
+  render() {
+    return a`
+      <table role="table">
+        <thead>
+          <tr>
+            ${this.columns.map((t) => {
+      const o = this._sortColumn === t.key;
+      return a`
+                <th
+                  class=${u({
+        sortable: !!t.sortable,
+        sorted: o
+      })}
+                  style=${t.width ? `width: ${t.width}` : ""}
+                  @click=${t.sortable ? () => this._handleSort(t) : l}
+                  @keydown=${t.sortable ? (r) => {
+        (r.key === "Enter" || r.key === " ") && (r.preventDefault(), this._handleSort(t));
+      } : l}
+                  tabindex=${t.sortable ? "0" : l}
+                  role=${t.sortable ? "button" : l}
+                  aria-sort=${o ? this._sortDirection === "asc" ? "ascending" : "descending" : "none"}
+                >
+                  <div class="th-content">
+                    <span class="th-label">${t.label}</span>
+                  </div>
+                  ${this._renderSortIcon(t)}
+                </th>
+              `;
+    })}
+          </tr>
+        </thead>
+        <tbody>
+          ${this.data.length === 0 ? a`
+              <tr class="empty-row">
+                <td colspan=${this.columns.length}>${this.emptyText}</td>
+              </tr>
+            ` : this.data.map((t, o) => a`
+              <tr class=${u({ selected: this._isRowSelected(o) })}>
+                ${this.columns.map((r) => a`
+                  <td style=${r.align ? `text-align: ${r.align}` : ""}>${t[r.key] ?? ""}</td>
+                `)}
+              </tr>
+            `)}
+        </tbody>
+      </table>
+      ${this._renderFooter()}
+    `;
+  }
+};
+e.styles = [v];
+s([
+  i({ attribute: !1 })
+], e.prototype, "columns", 2);
+s([
+  i({ attribute: !1 })
+], e.prototype, "data", 2);
+s([
+  i({ type: Boolean, reflect: !0 })
+], e.prototype, "striped", 2);
+s([
+  i({ type: Boolean, reflect: !0 })
+], e.prototype, "hoverable", 2);
+s([
+  i({ type: Boolean, reflect: !0 })
+], e.prototype, "bordered", 2);
+s([
+  i({ reflect: !0 })
+], e.prototype, "size", 2);
+s([
+  i({ attribute: !1 })
+], e.prototype, "selectedRows", 2);
+s([
+  i({ type: Boolean, attribute: "show-footer" })
+], e.prototype, "showFooter", 2);
+s([
+  i({ type: Number, attribute: "page-size" })
+], e.prototype, "pageSize", 2);
+s([
+  i({ type: Number, attribute: "current-page" })
+], e.prototype, "currentPage", 2);
+s([
+  i({ type: Number, attribute: "total-rows" })
+], e.prototype, "totalRows", 2);
+s([
+  i({ type: String, attribute: "empty-text" })
+], e.prototype, "emptyText", 2);
+s([
+  g()
+], e.prototype, "_sortColumn", 2);
+s([
+  g()
+], e.prototype, "_sortDirection", 2);
+e = s([
+  w("mellow-table")
+], e);
+export {
+  e as MellowTable
+};
+//# sourceMappingURL=table.js.map

package/dist/components/table/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sources":["../../../src/components/table/table.ts"],"sourcesContent":["import { LitElement, html, svg, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { tableStyles } from './table.styles.js'\n\nexport type TableSize = 'm' | 'l'\n\nexport interface TableColumn {\n  key: string\n  label: string\n  width?: string\n  sortable?: boolean\n  align?: 'left' | 'center' | 'right'\n}\n\nconst sortAscIcon = svg`\n  <svg viewBox=\"0 0 16 16\" fill=\"none\" width=\"16\" height=\"16\">\n    <path d=\"M8 4l4 5H4z\" fill=\"currentColor\"/>\n  </svg>\n`\n\nconst sortDescIcon = svg`\n  <svg viewBox=\"0 0 16 16\" fill=\"none\" width=\"16\" height=\"16\">\n    <path d=\"M8 12l4-5H4z\" fill=\"currentColor\"/>\n  </svg>\n`\n\nconst sortNeutralIcon = svg`\n  <svg viewBox=\"0 0 16 16\" fill=\"none\" width=\"16\" height=\"16\">\n    <path d=\"M8 3l3 4H5z\" fill=\"currentColor\" opacity=\"0.3\"/>\n    <path d=\"M8 13l3-4H5z\" fill=\"currentColor\" opacity=\"0.3\"/>\n  </svg>\n`\n\nconst chevronLeftIcon = svg`\n  <svg viewBox=\"0 0 16 16\" fill=\"none\" width=\"16\" height=\"16\">\n    <path d=\"M10 12L6 8l4-4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  </svg>\n`\n\nconst chevronRightIcon = svg`\n  <svg viewBox=\"0 0 16 16\" fill=\"none\" width=\"16\" height=\"16\">\n    <path d=\"M6 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  </svg>\n`\n\nconst chevronDownIcon = svg`\n  <svg viewBox=\"0 0 20 20\" fill=\"none\" width=\"20\" height=\"20\">\n    <path d=\"M6 8l4 4 4-4\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  </svg>\n`\n\n@customElement('mellow-table')\nexport class MellowTable extends LitElement {\n  static override styles = [tableStyles]\n\n  @property({ attribute: false })\n  columns: TableColumn[] = []\n\n  @property({ attribute: false })\n  data: Array<Record<string, unknown>> = []\n\n  @property({ type: Boolean, reflect: true })\n  striped = false\n\n  @property({ type: Boolean, reflect: true })\n  hoverable = false\n\n  @property({ type: Boolean, reflect: true })\n  bordered = false\n\n  @property({ reflect: true })\n  size: TableSize = 'm'\n\n  @property({ attribute: false })\n  selectedRows: Set<number> = new Set()\n\n  @property({ type: Boolean, attribute: 'show-footer' })\n  showFooter = false\n\n  @property({ type: Number, attribute: 'page-size' })\n  pageSize = 50\n\n  @property({ type: Number, attribute: 'current-page' })\n  currentPage = 1\n\n  @property({ type: Number, attribute: 'total-rows' })\n  totalRows = 0\n\n  @property({ type: String, attribute: 'empty-text' })\n  emptyText = 'No data available'\n\n  @state()\n  private _sortColumn = ''\n\n  @state()\n  private _sortDirection: 'asc' | 'desc' = 'asc'\n\n  private _handleSort(column: TableColumn): void {\n    if (!column.sortable) return\n\n    const direction: 'asc' | 'desc' =\n      this._sortColumn === column.key && this._sortDirection === 'asc'\n        ? 'desc'\n        : 'asc'\n\n    this._sortColumn = column.key\n    this._sortDirection = direction\n\n    this.dispatchEvent(new CustomEvent('mellow-sort', {\n      detail: { column: column.key, direction },\n      bubbles: true,\n      composed: true,\n    }))\n  }\n\n  private _handlePageChange(page: number): void {\n    const totalPages = Math.ceil(this.totalRows / this.pageSize)\n    if (page < 1 || page > totalPages) return\n\n    this.dispatchEvent(new CustomEvent('mellow-page-change', {\n      detail: { page },\n      bubbles: true,\n      composed: true,\n    }))\n  }\n\n  private _handlePageSizeChange(): void {\n    this.dispatchEvent(new CustomEvent('mellow-page-size-change', {\n      detail: { pageSize: this.pageSize },\n      bubbles: true,\n      composed: true,\n    }))\n  }\n\n  private _renderSortIcon(column: TableColumn) {\n    if (!column.sortable) return nothing\n\n    if (this._sortColumn !== column.key) {\n      return html`<span class=\"sort-icon\">${sortNeutralIcon}</span>`\n    }\n\n    return html`<span class=\"sort-icon\">\n      ${this._sortDirection === 'asc' ? sortAscIcon : sortDescIcon}\n    </span>`\n  }\n\n  private _renderFooter() {\n    if (!this.showFooter) return nothing\n\n    const totalPages = Math.ceil(this.totalRows / this.pageSize)\n    const startRow = (this.currentPage - 1) * this.pageSize + 1\n    const endRow = Math.min(this.currentPage * this.pageSize, this.totalRows)\n\n    return html`\n      <div class=\"table-footer\" role=\"navigation\" aria-label=\"Table pagination\">\n        <div class=\"footer-pagination\">\n          <span class=\"footer-info\">\n            Showing <span class=\"highlight\">${startRow}</span>-<span class=\"highlight\">${endRow}</span> of <span class=\"highlight\">${this.totalRows}</span>\n          </span>\n          <button\n            class=\"footer-rows\"\n            @click=${this._handlePageSizeChange}\n            aria-label=\"Rows per page: ${this.pageSize}\"\n          >\n            Rows ${this.pageSize}\n            ${chevronDownIcon}\n          </button>\n          <div class=\"footer-nav\">\n            <button\n              class=\"footer-nav-btn\"\n              ?disabled=${this.currentPage <= 1}\n              @click=${() => this._handlePageChange(this.currentPage - 1)}\n              aria-label=\"Previous page\"\n            >\n              ${chevronLeftIcon}\n            </button>\n            <button\n              class=\"footer-nav-btn\"\n              ?disabled=${this.currentPage >= totalPages}\n              @click=${() => this._handlePageChange(this.currentPage + 1)}\n              aria-label=\"Next page\"\n            >\n              ${chevronRightIcon}\n            </button>\n          </div>\n        </div>\n      </div>\n    `\n  }\n\n  private _isRowSelected(index: number): boolean {\n    return this.selectedRows.has(index)\n  }\n\n  override render() {\n    return html`\n      <table role=\"table\">\n        <thead>\n          <tr>\n            ${this.columns.map(col => {\n              const isSorted = this._sortColumn === col.key\n              return html`\n                <th\n                  class=${classMap({\n                    sortable: !!col.sortable,\n                    sorted: isSorted,\n                  })}\n                  style=${col.width ? `width: ${col.width}` : ''}\n                  @click=${col.sortable ? () => this._handleSort(col) : nothing}\n                  @keydown=${col.sortable ? (e: KeyboardEvent) => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault()\n                      this._handleSort(col)\n                    }\n                  } : nothing}\n                  tabindex=${col.sortable ? '0' : nothing}\n                  role=${col.sortable ? 'button' : nothing}\n                  aria-sort=${isSorted\n                    ? this._sortDirection === 'asc' ? 'ascending' : 'descending'\n                    : 'none'}\n                >\n                  <div class=\"th-content\">\n                    <span class=\"th-label\">${col.label}</span>\n                  </div>\n                  ${this._renderSortIcon(col)}\n                </th>\n              `\n            })}\n          </tr>\n        </thead>\n        <tbody>\n          ${this.data.length === 0\n            ? html`\n              <tr class=\"empty-row\">\n                <td colspan=${this.columns.length}>${this.emptyText}</td>\n              </tr>\n            `\n            : this.data.map((row, index) => html`\n              <tr class=${classMap({ selected: this._isRowSelected(index) })}>\n                ${this.columns.map(col => html`\n                  <td style=${col.align ? `text-align: ${col.align}` : ''}>${row[col.key] ?? ''}</td>\n                `)}\n              </tr>\n            `)\n          }\n        </tbody>\n      </table>\n      ${this._renderFooter()}\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mellow-table': MellowTable\n  }\n}\n"],"names":["sortAscIcon","svg","sortDescIcon","sortNeutralIcon","chevronLeftIcon","chevronRightIcon","chevronDownIcon","MellowTable","LitElement","column","direction","page","totalPages","html","nothing","startRow","endRow","index","col","isSorted","classMap","e","row","tableStyles","__decorateClass","property","state","customElement"],"mappings":"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"}

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

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

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

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