@manzanohq/components 0.1.1 → 0.1.4

package/dist/components/copy-button/copy-button.styles.js

@@ -0,0 +1,82 @@
+import { css } from "lit";
+import componentStyles from "../../styles/component.styles.js";
+var copy_button_styles_default = css`
+  ${componentStyles}
+
+  :host {
+    display: inline-block;
+  }
+
+  .copy-button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border: 1px solid var(--mz-color-border);
+    border-radius: var(--mz-radius-md);
+    background: var(--mz-color-surface, #fff);
+    color: var(--mz-color-text-secondary);
+    cursor: pointer;
+    padding: var(--mz-space-xs);
+    transition: all 150ms ease;
+    outline: none;
+  }
+
+  /* Sizes */
+  :host([size='sm']) .copy-button {
+    padding: var(--mz-space-2xs);
+  }
+  :host([size='sm']) .copy-button svg {
+    width: 14px;
+    height: 14px;
+  }
+
+  :host([size='lg']) .copy-button {
+    padding: var(--mz-space-sm);
+  }
+  :host([size='lg']) .copy-button svg {
+    width: 20px;
+    height: 20px;
+  }
+
+  .copy-button:hover:not(:disabled) {
+    color: var(--mz-color-text);
+    border-color: var(--mz-color-border);
+    background: var(--mz-color-surface-raised);
+  }
+
+  .copy-button:focus-visible {
+    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mz-color-primary) 25%, transparent);
+  }
+
+  .copy-button:disabled {
+    opacity: 0.4;
+    cursor: not-allowed;
+  }
+
+  .copy-button--copied {
+    color: var(--mz-color-success);
+    border-color: color-mix(in srgb, var(--mz-color-success) 25%, transparent);
+    background: color-mix(in srgb, var(--mz-color-success) 10%, var(--mz-color-surface));
+  }
+
+  .copy-button--copied:hover:not(:disabled) {
+    color: var(--mz-color-success);
+    border-color: color-mix(in srgb, var(--mz-color-success) 40%, transparent);
+    background: color-mix(in srgb, var(--mz-color-success) 10%, var(--mz-color-surface));
+  }
+
+  .copy-button__icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    line-height: 0;
+  }
+
+  .copy-button__icon svg {
+    display: block;
+  }
+`;
+export {
+  copy_button_styles_default as default
+};
+//# sourceMappingURL=copy-button.styles.js.map

package/dist/components/copy-button/copy-button.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/copy-button/copy-button.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\n\nexport default css`\n  ${componentStyles}\n\n  :host {\n    display: inline-block;\n  }\n\n  .copy-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid var(--mz-color-border);\n    border-radius: var(--mz-radius-md);\n    background: var(--mz-color-surface, #fff);\n    color: var(--mz-color-text-secondary);\n    cursor: pointer;\n    padding: var(--mz-space-xs);\n    transition: all 150ms ease;\n    outline: none;\n  }\n\n  /* Sizes */\n  :host([size='sm']) .copy-button {\n    padding: var(--mz-space-2xs);\n  }\n  :host([size='sm']) .copy-button svg {\n    width: 14px;\n    height: 14px;\n  }\n\n  :host([size='lg']) .copy-button {\n    padding: var(--mz-space-sm);\n  }\n  :host([size='lg']) .copy-button svg {\n    width: 20px;\n    height: 20px;\n  }\n\n  .copy-button:hover:not(:disabled) {\n    color: var(--mz-color-text);\n    border-color: var(--mz-color-border);\n    background: var(--mz-color-surface-raised);\n  }\n\n  .copy-button:focus-visible {\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mz-color-primary) 25%, transparent);\n  }\n\n  .copy-button:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n  }\n\n  .copy-button--copied {\n    color: var(--mz-color-success);\n    border-color: color-mix(in srgb, var(--mz-color-success) 25%, transparent);\n    background: color-mix(in srgb, var(--mz-color-success) 10%, var(--mz-color-surface));\n  }\n\n  .copy-button--copied:hover:not(:disabled) {\n    color: var(--mz-color-success);\n    border-color: color-mix(in srgb, var(--mz-color-success) 40%, transparent);\n    background: color-mix(in srgb, var(--mz-color-success) 10%, var(--mz-color-surface));\n  }\n\n  .copy-button__icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 0;\n  }\n\n  .copy-button__icon svg {\n    display: block;\n  }\n`;\n"],
+  "mappings": "AAAA,SAAS,WAAW;AACpB,OAAO,qBAAqB;AAE5B,IAAO,6BAAQ;AAAA,IACX,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/components/data-table/data-table.component.d.ts

@@ -0,0 +1,72 @@
+import { ManzanoElement } from '../../internal/manzano-element.js';
+export interface DataTableColumn {
+    key: string;
+    label: string;
+    sortable?: boolean;
+    width?: string;
+    align?: 'left' | 'center' | 'right';
+    render?: (value: unknown, row: Record<string, unknown>) => string;
+}
+export interface DataTableRow {
+    [key: string]: unknown;
+}
+/**
+ * @summary A data-driven table component with sorting, filtering, pagination, and row selection.
+ * Takes structured data (columns + rows) as properties rather than slotted HTML.
+ *
+ * @tag mz-data-table
+ *
+ * @event mz-sort - Emitted when a column header is clicked for sorting. Detail: `{ key: string, direction: 'asc' | 'desc' }`
+ * @event mz-select - Emitted when row selection changes. Detail: `{ selectedRows: number[], rows: DataTableRow[] }`
+ * @event mz-page-change - Emitted when the page changes. Detail: `{ page: number }`
+ *
+ * @csspart base - The outermost wrapper div.
+ * @csspart toolbar - The toolbar containing the search input.
+ * @csspart search - The search input element.
+ * @csspart table - The table element.
+ * @csspart th - A table header cell.
+ * @csspart row - A table body row.
+ * @csspart td - A table body cell.
+ * @csspart pagination - The pagination controls wrapper.
+ */
+export declare class MzDataTable extends ManzanoElement {
+    static styles: import("lit").CSSResult[];
+    /** Column definitions. */
+    columns: DataTableColumn[];
+    /** Data rows. */
+    rows: DataTableRow[];
+    /** Enable row selection with checkboxes. */
+    selectable: boolean;
+    /** Show alternating row colors. */
+    striped: boolean;
+    /** Show cell borders. */
+    bordered: boolean;
+    /** Highlight row on hover. */
+    hoverable: boolean;
+    /** Show search input. */
+    searchable: boolean;
+    /** Rows per page. 0 means no pagination. */
+    pageSize: number;
+    /** Currently sorted column key. */
+    sortKey: string;
+    /** Current sort direction. */
+    sortDirection: 'asc' | 'desc';
+    private searchQuery;
+    private currentPage;
+    private selectedRows;
+    private get filteredRows();
+    private get sortedRows();
+    private get paginatedRows();
+    private get totalPages();
+    private get isAllSelected();
+    private get isIndeterminate();
+    private handleSort;
+    private handleSearch;
+    private handleRowSelect;
+    private handleSelectAll;
+    private emitSelection;
+    private goToPage;
+    private unsafeRender;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=data-table.component.d.ts.map

package/dist/components/data-table/data-table.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.component.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/data-table.component.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,CAAC;CACnE;AAED,MAAM,WAAW,YAAY;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,WAAY,SAAQ,cAAc;IAC7C,MAAM,CAAC,MAAM,4BAAU;IAEvB,0BAA0B;IACM,OAAO,EAAE,eAAe,EAAE,CAAM;IAEhE,iBAAiB;IACe,IAAI,EAAE,YAAY,EAAE,CAAM;IAE1D,4CAA4C;IACA,UAAU,UAAS;IAE/D,mCAAmC;IACS,OAAO,UAAS;IAE5D,yBAAyB;IACmB,QAAQ,UAAS;IAE7D,8BAA8B;IACc,SAAS,UAAQ;IAE7D,yBAAyB;IACmB,UAAU,UAAS;IAE/D,4CAA4C;IACQ,QAAQ,SAAK;IAEjE,mCAAmC;IACE,OAAO,SAAM;IAElD,8BAA8B;IACa,aAAa,EAAE,KAAK,GAAG,MAAM,CAAS;IAExE,OAAO,CAAC,WAAW,CAAM;IACzB,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,YAAY,CAA0B;IAIvD,OAAO,KAAK,YAAY,GASvB;IAED,OAAO,KAAK,UAAU,GAgBrB;IAED,OAAO,KAAK,aAAa,GAIxB;IAED,OAAO,KAAK,UAAU,GAGrB;IAED,OAAO,KAAK,aAAa,GAExB;IAED,OAAO,KAAK,eAAe,GAE1B;IAID,OAAO,CAAC,UAAU;IAUlB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,YAAY;IAMpB,MAAM;CAyOP"}

package/dist/components/data-table/data-table.component.js

@@ -0,0 +1,374 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+import { html, nothing } from "lit";
+import { property, state } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { unsafeHTML } from "lit/directives/unsafe-html.js";
+import { ManzanoElement } from "../../internal/manzano-element.js";
+import styles from "./data-table.styles.js";
+class MzDataTable extends ManzanoElement {
+  constructor() {
+    super(...arguments);
+    this.columns = [];
+    this.rows = [];
+    this.selectable = false;
+    this.striped = false;
+    this.bordered = false;
+    this.hoverable = true;
+    this.searchable = false;
+    this.pageSize = 0;
+    this.sortKey = "";
+    this.sortDirection = "asc";
+    this.searchQuery = "";
+    this.currentPage = 1;
+    this.selectedRows = /* @__PURE__ */ new Set();
+  }
+  // --- Computed getters ---
+  get filteredRows() {
+    if (!this.searchQuery) return this.rows;
+    const q = this.searchQuery.toLowerCase();
+    return this.rows.filter(
+      (row) => this.columns.some((col) => {
+        const val = row[col.key];
+        return val != null && String(val).toLowerCase().includes(q);
+      })
+    );
+  }
+  get sortedRows() {
+    const rows = [...this.filteredRows];
+    if (!this.sortKey) return rows;
+    return rows.sort((a, b) => {
+      const aVal = a[this.sortKey];
+      const bVal = b[this.sortKey];
+      let cmp = 0;
+      if (aVal == null && bVal == null) cmp = 0;
+      else if (aVal == null) cmp = -1;
+      else if (bVal == null) cmp = 1;
+      else if (typeof aVal === "number" && typeof bVal === "number") cmp = aVal - bVal;
+      else cmp = String(aVal).localeCompare(String(bVal));
+      return this.sortDirection === "desc" ? -cmp : cmp;
+    });
+  }
+  get paginatedRows() {
+    if (!this.pageSize) return this.sortedRows;
+    const start = (this.currentPage - 1) * this.pageSize;
+    return this.sortedRows.slice(start, start + this.pageSize);
+  }
+  get totalPages() {
+    if (!this.pageSize) return 1;
+    return Math.ceil(this.filteredRows.length / this.pageSize);
+  }
+  get isAllSelected() {
+    return this.filteredRows.length > 0 && this.selectedRows.size === this.filteredRows.length;
+  }
+  get isIndeterminate() {
+    return this.selectedRows.size > 0 && this.selectedRows.size < this.filteredRows.length;
+  }
+  // --- Event handlers ---
+  handleSort(key) {
+    if (this.sortKey === key) {
+      this.sortDirection = this.sortDirection === "asc" ? "desc" : "asc";
+    } else {
+      this.sortKey = key;
+      this.sortDirection = "asc";
+    }
+    this.emit("mz-sort", { detail: { key: this.sortKey, direction: this.sortDirection } });
+  }
+  handleSearch(e) {
+    this.searchQuery = e.target.value;
+    this.currentPage = 1;
+  }
+  handleRowSelect(index) {
+    const newSet = new Set(this.selectedRows);
+    if (newSet.has(index)) newSet.delete(index);
+    else newSet.add(index);
+    this.selectedRows = newSet;
+    this.emitSelection();
+  }
+  handleSelectAll() {
+    if (this.isAllSelected) {
+      this.selectedRows = /* @__PURE__ */ new Set();
+    } else {
+      const all = /* @__PURE__ */ new Set();
+      this.filteredRows.forEach((_, i) => all.add(i));
+      this.selectedRows = all;
+    }
+    this.emitSelection();
+  }
+  emitSelection() {
+    const selectedIndices = [...this.selectedRows];
+    const selectedRowData = selectedIndices.map((i) => this.rows[i]).filter(Boolean);
+    this.emit("mz-select", { detail: { selectedRows: selectedIndices, rows: selectedRowData } });
+  }
+  goToPage(page) {
+    this.currentPage = Math.max(1, Math.min(page, this.totalPages));
+    this.emit("mz-page-change", { detail: { page: this.currentPage } });
+  }
+  unsafeRender(content) {
+    return unsafeHTML(content);
+  }
+  // --- Render ---
+  render() {
+    return html`
+      <div part="base" class="data-table">
+        ${this.searchable ? html`
+              <div part="toolbar" class="data-table__toolbar">
+                <div class="data-table__search">
+                  <svg
+                    class="data-table__search-icon"
+                    width="14"
+                    height="14"
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    stroke="currentColor"
+                    stroke-width="2"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  >
+                    <circle cx="11" cy="11" r="8" />
+                    <line x1="21" y1="21" x2="16.65" y2="16.65" />
+                  </svg>
+                  <input
+                    part="search"
+                    class="data-table__search-input"
+                    type="text"
+                    placeholder="Search..."
+                    .value=${this.searchQuery}
+                    @input=${this.handleSearch}
+                  />
+                </div>
+                ${this.selectable && this.selectedRows.size > 0 ? html`<span class="data-table__selection-count"
+                      >${this.selectedRows.size} selected</span
+                    >` : nothing}
+              </div>
+            ` : nothing}
+
+        <div class="data-table__wrapper">
+          <table
+            part="table"
+            class=${classMap({
+      "data-table__table": true,
+      "data-table__table--striped": this.striped,
+      "data-table__table--bordered": this.bordered,
+      "data-table__table--hoverable": this.hoverable
+    })}
+          >
+            <thead>
+              <tr>
+                ${this.selectable ? html`
+                      <th class="data-table__th data-table__th--checkbox">
+                        <input
+                          type="checkbox"
+                          .checked=${this.isAllSelected}
+                          .indeterminate=${this.isIndeterminate}
+                          @change=${this.handleSelectAll}
+                        />
+                      </th>
+                    ` : nothing}
+                ${this.columns.map(
+      (col) => html`
+                    <th
+                      part="th"
+                      class=${classMap({
+        "data-table__th": true,
+        "data-table__th--sortable": !!col.sortable,
+        "data-table__th--sorted": this.sortKey === col.key,
+        [`data-table__th--align-${col.align || "left"}`]: true
+      })}
+                      style=${col.width ? `width: ${col.width}` : ""}
+                      @click=${col.sortable ? () => this.handleSort(col.key) : nothing}
+                    >
+                      <span>${col.label}</span>
+                      ${col.sortable ? html`
+                            <span class="data-table__sort-icon">
+                              ${this.sortKey === col.key ? this.sortDirection === "asc" ? html`<svg
+                                      width="12"
+                                      height="12"
+                                      viewBox="0 0 24 24"
+                                      fill="none"
+                                      stroke="currentColor"
+                                      stroke-width="2"
+                                    >
+                                      <polyline points="18 15 12 9 6 15" />
+                                    </svg>` : html`<svg
+                                      width="12"
+                                      height="12"
+                                      viewBox="0 0 24 24"
+                                      fill="none"
+                                      stroke="currentColor"
+                                      stroke-width="2"
+                                    >
+                                      <polyline points="6 9 12 15 18 9" />
+                                    </svg>` : html`<svg
+                                    width="12"
+                                    height="12"
+                                    viewBox="0 0 24 24"
+                                    fill="none"
+                                    stroke="currentColor"
+                                    stroke-width="2"
+                                    opacity="0.3"
+                                  >
+                                    <polyline points="18 15 12 9 6 15" />
+                                  </svg>`}
+                            </span>
+                          ` : nothing}
+                    </th>
+                  `
+    )}
+              </tr>
+            </thead>
+            <tbody>
+              ${this.paginatedRows.length === 0 ? html`
+                    <tr>
+                      <td
+                        class="data-table__empty"
+                        colspan=${this.columns.length + (this.selectable ? 1 : 0)}
+                      >
+                        No data
+                      </td>
+                    </tr>
+                  ` : this.paginatedRows.map((row, i) => {
+      const globalIndex = this.pageSize ? (this.currentPage - 1) * this.pageSize + i : i;
+      return html`
+                      <tr
+                        part="row"
+                        class=${classMap({
+        "data-table__tr": true,
+        "data-table__tr--selected": this.selectedRows.has(globalIndex)
+      })}
+                      >
+                        ${this.selectable ? html`
+                              <td class="data-table__td data-table__td--checkbox">
+                                <input
+                                  type="checkbox"
+                                  .checked=${this.selectedRows.has(globalIndex)}
+                                  @change=${() => this.handleRowSelect(globalIndex)}
+                                />
+                              </td>
+                            ` : nothing}
+                        ${this.columns.map(
+        (col) => html`
+                            <td
+                              part="td"
+                              class=${classMap({
+          "data-table__td": true,
+          [`data-table__td--align-${col.align || "left"}`]: true
+        })}
+                            >
+                              ${col.render ? this.unsafeRender(col.render(row[col.key], row)) : row[col.key] ?? ""}
+                            </td>
+                          `
+      )}
+                      </tr>
+                    `;
+    })}
+            </tbody>
+          </table>
+        </div>
+
+        ${this.pageSize && this.totalPages > 1 ? html`
+              <div part="pagination" class="data-table__pagination">
+                <span class="data-table__page-info">
+                  ${(this.currentPage - 1) * this.pageSize + 1}–${Math.min(
+      this.currentPage * this.pageSize,
+      this.filteredRows.length
+    )}
+                  of ${this.filteredRows.length}
+                </span>
+                <div class="data-table__page-controls">
+                  <button
+                    class="data-table__page-btn"
+                    type="button"
+                    ?disabled=${this.currentPage <= 1}
+                    @click=${() => this.goToPage(this.currentPage - 1)}
+                  >
+                    <svg
+                      width="14"
+                      height="14"
+                      viewBox="0 0 24 24"
+                      fill="none"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    >
+                      <polyline points="15 18 9 12 15 6" />
+                    </svg>
+                  </button>
+                  <span class="data-table__page-number">
+                    Page ${this.currentPage} of ${this.totalPages}
+                  </span>
+                  <button
+                    class="data-table__page-btn"
+                    type="button"
+                    ?disabled=${this.currentPage >= this.totalPages}
+                    @click=${() => this.goToPage(this.currentPage + 1)}
+                  >
+                    <svg
+                      width="14"
+                      height="14"
+                      viewBox="0 0 24 24"
+                      fill="none"
+                      stroke="currentColor"
+                      stroke-width="2"
+                    >
+                      <polyline points="9 18 15 12 9 6" />
+                    </svg>
+                  </button>
+                </div>
+              </div>
+            ` : nothing}
+      </div>
+    `;
+  }
+}
+MzDataTable.styles = styles;
+__decorateClass([
+  property({ attribute: false })
+], MzDataTable.prototype, "columns", 2);
+__decorateClass([
+  property({ attribute: false })
+], MzDataTable.prototype, "rows", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzDataTable.prototype, "selectable", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzDataTable.prototype, "striped", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzDataTable.prototype, "bordered", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzDataTable.prototype, "hoverable", 2);
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], MzDataTable.prototype, "searchable", 2);
+__decorateClass([
+  property({ type: Number, attribute: "page-size" })
+], MzDataTable.prototype, "pageSize", 2);
+__decorateClass([
+  property({ attribute: "sort-key" })
+], MzDataTable.prototype, "sortKey", 2);
+__decorateClass([
+  property({ attribute: "sort-direction" })
+], MzDataTable.prototype, "sortDirection", 2);
+__decorateClass([
+  state()
+], MzDataTable.prototype, "searchQuery", 2);
+__decorateClass([
+  state()
+], MzDataTable.prototype, "currentPage", 2);
+__decorateClass([
+  state()
+], MzDataTable.prototype, "selectedRows", 2);
+export {
+  MzDataTable
+};
+//# sourceMappingURL=data-table.component.js.map

package/dist/components/data-table/data-table.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/data-table/data-table.component.ts"],
+  "sourcesContent": ["import { html, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport { ManzanoElement } from '../../internal/manzano-element.js';\nimport styles from './data-table.styles.js';\n\nexport interface DataTableColumn {\n  key: string;\n  label: string;\n  sortable?: boolean;\n  width?: string;\n  align?: 'left' | 'center' | 'right';\n  render?: (value: unknown, row: Record<string, unknown>) => string;\n}\n\nexport interface DataTableRow {\n  [key: string]: unknown;\n}\n\n/**\n * @summary A data-driven table component with sorting, filtering, pagination, and row selection.\n * Takes structured data (columns + rows) as properties rather than slotted HTML.\n *\n * @tag mz-data-table\n *\n * @event mz-sort - Emitted when a column header is clicked for sorting. Detail: `{ key: string, direction: 'asc' | 'desc' }`\n * @event mz-select - Emitted when row selection changes. Detail: `{ selectedRows: number[], rows: DataTableRow[] }`\n * @event mz-page-change - Emitted when the page changes. Detail: `{ page: number }`\n *\n * @csspart base - The outermost wrapper div.\n * @csspart toolbar - The toolbar containing the search input.\n * @csspart search - The search input element.\n * @csspart table - The table element.\n * @csspart th - A table header cell.\n * @csspart row - A table body row.\n * @csspart td - A table body cell.\n * @csspart pagination - The pagination controls wrapper.\n */\nexport class MzDataTable extends ManzanoElement {\n  static styles = styles;\n\n  /** Column definitions. */\n  @property({ attribute: false }) columns: DataTableColumn[] = [];\n\n  /** Data rows. */\n  @property({ attribute: false }) rows: DataTableRow[] = [];\n\n  /** Enable row selection with checkboxes. */\n  @property({ type: Boolean, reflect: true }) selectable = false;\n\n  /** Show alternating row colors. */\n  @property({ type: Boolean, reflect: true }) striped = false;\n\n  /** Show cell borders. */\n  @property({ type: Boolean, reflect: true }) bordered = false;\n\n  /** Highlight row on hover. */\n  @property({ type: Boolean, reflect: true }) hoverable = true;\n\n  /** Show search input. */\n  @property({ type: Boolean, reflect: true }) searchable = false;\n\n  /** Rows per page. 0 means no pagination. */\n  @property({ type: Number, attribute: 'page-size' }) pageSize = 0;\n\n  /** Currently sorted column key. */\n  @property({ attribute: 'sort-key' }) sortKey = '';\n\n  /** Current sort direction. */\n  @property({ attribute: 'sort-direction' }) sortDirection: 'asc' | 'desc' = 'asc';\n\n  @state() private searchQuery = '';\n  @state() private currentPage = 1;\n  @state() private selectedRows: Set<number> = new Set();\n\n  // --- Computed getters ---\n\n  private get filteredRows(): DataTableRow[] {\n    if (!this.searchQuery) return this.rows;\n    const q = this.searchQuery.toLowerCase();\n    return this.rows.filter(row =>\n      this.columns.some(col => {\n        const val = row[col.key];\n        return val != null && String(val).toLowerCase().includes(q);\n      })\n    );\n  }\n\n  private get sortedRows(): DataTableRow[] {\n    const rows = [...this.filteredRows];\n    if (!this.sortKey) return rows;\n\n    return rows.sort((a, b) => {\n      const aVal = a[this.sortKey];\n      const bVal = b[this.sortKey];\n      let cmp = 0;\n      if (aVal == null && bVal == null) cmp = 0;\n      else if (aVal == null) cmp = -1;\n      else if (bVal == null) cmp = 1;\n      else if (typeof aVal === 'number' && typeof bVal === 'number') cmp = aVal - bVal;\n      else cmp = String(aVal).localeCompare(String(bVal));\n\n      return this.sortDirection === 'desc' ? -cmp : cmp;\n    });\n  }\n\n  private get paginatedRows(): DataTableRow[] {\n    if (!this.pageSize) return this.sortedRows;\n    const start = (this.currentPage - 1) * this.pageSize;\n    return this.sortedRows.slice(start, start + this.pageSize);\n  }\n\n  private get totalPages(): number {\n    if (!this.pageSize) return 1;\n    return Math.ceil(this.filteredRows.length / this.pageSize);\n  }\n\n  private get isAllSelected(): boolean {\n    return this.filteredRows.length > 0 && this.selectedRows.size === this.filteredRows.length;\n  }\n\n  private get isIndeterminate(): boolean {\n    return this.selectedRows.size > 0 && this.selectedRows.size < this.filteredRows.length;\n  }\n\n  // --- Event handlers ---\n\n  private handleSort(key: string) {\n    if (this.sortKey === key) {\n      this.sortDirection = this.sortDirection === 'asc' ? 'desc' : 'asc';\n    } else {\n      this.sortKey = key;\n      this.sortDirection = 'asc';\n    }\n    this.emit('mz-sort', { detail: { key: this.sortKey, direction: this.sortDirection } });\n  }\n\n  private handleSearch(e: Event) {\n    this.searchQuery = (e.target as HTMLInputElement).value;\n    this.currentPage = 1;\n  }\n\n  private handleRowSelect(index: number) {\n    const newSet = new Set(this.selectedRows);\n    if (newSet.has(index)) newSet.delete(index);\n    else newSet.add(index);\n    this.selectedRows = newSet;\n    this.emitSelection();\n  }\n\n  private handleSelectAll() {\n    if (this.isAllSelected) {\n      this.selectedRows = new Set();\n    } else {\n      const all = new Set<number>();\n      this.filteredRows.forEach((_, i) => all.add(i));\n      this.selectedRows = all;\n    }\n    this.emitSelection();\n  }\n\n  private emitSelection() {\n    const selectedIndices = [...this.selectedRows];\n    const selectedRowData = selectedIndices.map(i => this.rows[i]).filter(Boolean);\n    this.emit('mz-select', { detail: { selectedRows: selectedIndices, rows: selectedRowData } });\n  }\n\n  private goToPage(page: number) {\n    this.currentPage = Math.max(1, Math.min(page, this.totalPages));\n    this.emit('mz-page-change', { detail: { page: this.currentPage } });\n  }\n\n  private unsafeRender(content: string) {\n    return unsafeHTML(content);\n  }\n\n  // --- Render ---\n\n  render() {\n    return html`\n      <div part=\"base\" class=\"data-table\">\n        ${this.searchable\n          ? html`\n              <div part=\"toolbar\" class=\"data-table__toolbar\">\n                <div class=\"data-table__search\">\n                  <svg\n                    class=\"data-table__search-icon\"\n                    width=\"14\"\n                    height=\"14\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  >\n                    <circle cx=\"11\" cy=\"11\" r=\"8\" />\n                    <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\" />\n                  </svg>\n                  <input\n                    part=\"search\"\n                    class=\"data-table__search-input\"\n                    type=\"text\"\n                    placeholder=\"Search...\"\n                    .value=${this.searchQuery}\n                    @input=${this.handleSearch}\n                  />\n                </div>\n                ${this.selectable && this.selectedRows.size > 0\n                  ? html`<span class=\"data-table__selection-count\"\n                      >${this.selectedRows.size} selected</span\n                    >`\n                  : nothing}\n              </div>\n            `\n          : nothing}\n\n        <div class=\"data-table__wrapper\">\n          <table\n            part=\"table\"\n            class=${classMap({\n              'data-table__table': true,\n              'data-table__table--striped': this.striped,\n              'data-table__table--bordered': this.bordered,\n              'data-table__table--hoverable': this.hoverable\n            })}\n          >\n            <thead>\n              <tr>\n                ${this.selectable\n                  ? html`\n                      <th class=\"data-table__th data-table__th--checkbox\">\n                        <input\n                          type=\"checkbox\"\n                          .checked=${this.isAllSelected}\n                          .indeterminate=${this.isIndeterminate}\n                          @change=${this.handleSelectAll}\n                        />\n                      </th>\n                    `\n                  : nothing}\n                ${this.columns.map(\n                  col => html`\n                    <th\n                      part=\"th\"\n                      class=${classMap({\n                        'data-table__th': true,\n                        'data-table__th--sortable': !!col.sortable,\n                        'data-table__th--sorted': this.sortKey === col.key,\n                        [`data-table__th--align-${col.align || 'left'}`]: true\n                      })}\n                      style=${col.width ? `width: ${col.width}` : ''}\n                      @click=${col.sortable ? () => this.handleSort(col.key) : nothing}\n                    >\n                      <span>${col.label}</span>\n                      ${col.sortable\n                        ? html`\n                            <span class=\"data-table__sort-icon\">\n                              ${this.sortKey === col.key\n                                ? this.sortDirection === 'asc'\n                                  ? html`<svg\n                                      width=\"12\"\n                                      height=\"12\"\n                                      viewBox=\"0 0 24 24\"\n                                      fill=\"none\"\n                                      stroke=\"currentColor\"\n                                      stroke-width=\"2\"\n                                    >\n                                      <polyline points=\"18 15 12 9 6 15\" />\n                                    </svg>`\n                                  : html`<svg\n                                      width=\"12\"\n                                      height=\"12\"\n                                      viewBox=\"0 0 24 24\"\n                                      fill=\"none\"\n                                      stroke=\"currentColor\"\n                                      stroke-width=\"2\"\n                                    >\n                                      <polyline points=\"6 9 12 15 18 9\" />\n                                    </svg>`\n                                : html`<svg\n                                    width=\"12\"\n                                    height=\"12\"\n                                    viewBox=\"0 0 24 24\"\n                                    fill=\"none\"\n                                    stroke=\"currentColor\"\n                                    stroke-width=\"2\"\n                                    opacity=\"0.3\"\n                                  >\n                                    <polyline points=\"18 15 12 9 6 15\" />\n                                  </svg>`}\n                            </span>\n                          `\n                        : nothing}\n                    </th>\n                  `\n                )}\n              </tr>\n            </thead>\n            <tbody>\n              ${this.paginatedRows.length === 0\n                ? html`\n                    <tr>\n                      <td\n                        class=\"data-table__empty\"\n                        colspan=${this.columns.length + (this.selectable ? 1 : 0)}\n                      >\n                        No data\n                      </td>\n                    </tr>\n                  `\n                : this.paginatedRows.map((row, i) => {\n                    const globalIndex = this.pageSize\n                      ? (this.currentPage - 1) * this.pageSize + i\n                      : i;\n                    return html`\n                      <tr\n                        part=\"row\"\n                        class=${classMap({\n                          'data-table__tr': true,\n                          'data-table__tr--selected': this.selectedRows.has(globalIndex)\n                        })}\n                      >\n                        ${this.selectable\n                          ? html`\n                              <td class=\"data-table__td data-table__td--checkbox\">\n                                <input\n                                  type=\"checkbox\"\n                                  .checked=${this.selectedRows.has(globalIndex)}\n                                  @change=${() => this.handleRowSelect(globalIndex)}\n                                />\n                              </td>\n                            `\n                          : nothing}\n                        ${this.columns.map(\n                          col => html`\n                            <td\n                              part=\"td\"\n                              class=${classMap({\n                                'data-table__td': true,\n                                [`data-table__td--align-${col.align || 'left'}`]: true\n                              })}\n                            >\n                              ${col.render\n                                ? this.unsafeRender(col.render(row[col.key], row))\n                                : row[col.key] ?? ''}\n                            </td>\n                          `\n                        )}\n                      </tr>\n                    `;\n                  })}\n            </tbody>\n          </table>\n        </div>\n\n        ${this.pageSize && this.totalPages > 1\n          ? html`\n              <div part=\"pagination\" class=\"data-table__pagination\">\n                <span class=\"data-table__page-info\">\n                  ${(this.currentPage - 1) * this.pageSize + 1}\u2013${Math.min(\n                    this.currentPage * this.pageSize,\n                    this.filteredRows.length\n                  )}\n                  of ${this.filteredRows.length}\n                </span>\n                <div class=\"data-table__page-controls\">\n                  <button\n                    class=\"data-table__page-btn\"\n                    type=\"button\"\n                    ?disabled=${this.currentPage <= 1}\n                    @click=${() => this.goToPage(this.currentPage - 1)}\n                  >\n                    <svg\n                      width=\"14\"\n                      height=\"14\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"2\"\n                    >\n                      <polyline points=\"15 18 9 12 15 6\" />\n                    </svg>\n                  </button>\n                  <span class=\"data-table__page-number\">\n                    Page ${this.currentPage} of ${this.totalPages}\n                  </span>\n                  <button\n                    class=\"data-table__page-btn\"\n                    type=\"button\"\n                    ?disabled=${this.currentPage >= this.totalPages}\n                    @click=${() => this.goToPage(this.currentPage + 1)}\n                  >\n                    <svg\n                      width=\"14\"\n                      height=\"14\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"2\"\n                    >\n                      <polyline points=\"9 18 15 12 9 6\" />\n                    </svg>\n                  </button>\n                </div>\n              </div>\n            `\n          : nothing}\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,8 @@
+import { MzDataTable } from './data-table.component.js';
+export { MzDataTable };
+declare global {
+    interface HTMLElementTagNameMap {
+        'mz-data-table': MzDataTable;
+    }
+}
+//# sourceMappingURL=data-table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/data-table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAIxD,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}

package/dist/components/data-table/data-table.js

@@ -0,0 +1,6 @@
+import { MzDataTable } from "./data-table.component.js";
+MzDataTable.define("mz-data-table");
+export {
+  MzDataTable
+};
+//# sourceMappingURL=data-table.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/data-table/data-table.ts"],
+  "sourcesContent": ["import { MzDataTable } from './data-table.component.js';\n\nMzDataTable.define('mz-data-table');\n\nexport { MzDataTable };\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'mz-data-table': MzDataTable;\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAE5B,YAAY,OAAO,eAAe;",
+  "names": []
+}

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

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult[];
+export default _default;
+//# sourceMappingURL=data-table.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.styles.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/data-table.styles.ts"],"names":[],"mappings":";AAGA,wBA+NE"}