@justeattakeaway/pie-data-table 0.0.0-snapshot-release-20260119130527 → 0.0.0-snapshot-release-20260121170533

package/dist/index.js

@@ -1,35 +1,46 @@
-import { nothing as n, html as d, unsafeCSS as h } from "lit";
-import { property as g } from "lit/decorators.js";
-import { P as p } from "./PieElement-DF1Wh7-N.js";
-import { RtlMixin as u, safeCustomElement as x } from "@justeattakeaway/pie-webc-core";
-import { classMap as i } from "lit/directives/class-map.js";
-const f = "*,*:after,*:before{box-sizing:inherit}:host{display:block}.c-data-table{--data-table-background-color: var(--dt-color-container-default);--data-table-background-hover-or-active: var(--dt-color-container-subtle);--data-table-border-color: var(--dt-color-border-default);--data-table-border-radius: var(--dt-radius-rounded-c);--data-table-text-color: var(--dt-color-content-default);background-color:var(--data-table-background-color);border:1px solid var(--data-table-border-color);border-radius:var(--data-table-border-radius);color:var(--data-table-text-color);width:100%;overflow:hidden}.c-data-table table{border-spacing:0;width:100%}.c-data-table tbody{overflow:auto}.c-data-table tbody tr:hover{background-color:var(--data-table-background-hover-or-active)}.c-data-table-header{background-color:transparent;font-weight:var(--dt-font-weight-bold);color:var(--data-table-text-color);text-align:left;padding:var(--dt-spacing-d);border-bottom:1px solid var(--data-table-border-color)}.c-data-table-header-text-align--left{text-align:left}.c-data-table-header-text-align--right{text-align:right}.c-data-table-header-text-align--center{text-align:center}.c-data-table-cell{padding:var(--dt-spacing-d);border-bottom:1px solid var(--data-table-border-color)}.c-data-table-cell-text-align--left{text-align:left}.c-data-table-cell-text-align--right{text-align:right}.c-data-table-cell-text-align--center{text-align:center}", T = {
-  hasBorder: !0,
-  isStriped: !1
+import { nothing as c, html as l, unsafeCSS as g } from "lit";
+import { property as h } from "lit/decorators.js";
+import { P as u } from "./PieElement-XdhDoayO.js";
+import { RtlMixin as p, safeCustomElement as m } from "@justeattakeaway/pie-webc-core";
+import { classMap as n } from "lit/directives/class-map.js";
+const v = "*,*:after,*:before{box-sizing:inherit}:host{display:block}.c-data-table{--data-table-background-color: var(--dt-color-container-default);--data-table-background-hover-or-active: var(--dt-color-container-subtle);--data-table-border-color: var(--dt-color-border-default);--data-table-border-radius: var(--dt-radius-rounded-c);--data-table-text-color: var(--dt-color-content-default);background-color:var(--data-table-background-color);border:1px solid var(--data-table-border-color);border-radius:var(--data-table-border-radius);color:var(--data-table-text-color);width:100%;overflow:hidden}.c-data-table table{border-spacing:0;width:100%}.c-data-table tbody{overflow:auto}.c-data-table tbody tr:hover{background-color:var(--data-table-background-hover-or-active)}.c-data-table-head-cell{background-color:transparent;font-weight:var(--dt-font-weight-bold);color:var(--data-table-text-color);text-align:left}.c-data-table-head-cell-text-align--left,.c-data-table-cell-text-align--left{text-align:left}.c-data-table-head-cell-text-align--right,.c-data-table-cell-text-align--right{text-align:right}.c-data-table-head-cell-text-align--center,.c-data-table-cell-text-align--center{text-align:center}.c-data-table-cell,.c-data-table-head-cell{padding:var(--dt-spacing-d);border-bottom:1px solid var(--data-table-border-color)}.c-data-table-cell--hidden,.c-data-table-row--hidden{display:none}", f = {
+  additionalRows: []
 };
-var v = Object.defineProperty, m = Object.getOwnPropertyDescriptor, b = (t, e, l, r) => {
-  for (var a = r > 1 ? void 0 : r ? m(e, l) : e, c = t.length - 1, s; c >= 0; c--)
-    (s = t[c]) && (a = (r ? s(e, l, a) : s(a)) || a);
-  return r && a && v(e, l, a), a;
+var w = Object.defineProperty, x = Object.getOwnPropertyDescriptor, i = (t, a, e, d) => {
+  for (var r = d > 1 ? void 0 : d ? x(a, e) : a, s = t.length - 1, b; s >= 0; s--)
+    (b = t[s]) && (r = (d ? b(a, e, r) : b(r)) || r);
+  return d && r && w(a, e, r), r;
 };
-let o = class extends u(p) {
+let o = class extends p(u) {
   constructor() {
-    super(...arguments), this.columns = [], this.data = [];
+    super(...arguments), this.columns = [], this.data = [], this.additionalRows = f.additionalRows;
+  }
+  /**
+   * Maps text alignment values to corresponding CSS classes
+   *
+   * @param prefix - The prefix for the CSS class
+   * @param textAlign - The text alignment value
+   * @returns An object with CSS classes as keys and boolean values indicating whether the class should be applied
+   */
+  mapTextAlignClasses(t, a) {
+    return {
+      [`${t}-text-align--left`]: a === "left",
+      [`${t}-text-align--right`]: a === "right",
+      [`${t}-text-align--center`]: a === "center"
+    };
   }
   /**
    * Renders a header cell for the table
    * @param column - The column definition to render
    */
   renderHeaderCell(t) {
-    const { width: e, heading: l, textAlign: r } = t, a = e ? `width: ${e}` : n;
-    return d`
-            <th style="${a}" class="${i({
-      "c-data-table-header": !0,
-      "c-data-table-header-text-align--left": r === "left",
-      "c-data-table-header-text-align--right": r === "right",
-      "c-data-table-header-text-align--center": r === "center"
-    })}">
-                ${l}
+    const { width: a, heading: e, textAlign: d } = t, r = a ? `width: ${a}` : c, s = {
+      "c-data-table-head-cell": !0,
+      ...this.mapTextAlignClasses("c-data-table-head-cell", d)
+    };
+    return l`
+            <th style="${String(r)}" class="${n(s)}">
+                ${e}
             </th>
         `;
   }
@@ -37,7 +48,7 @@ let o = class extends u(p) {
    * Renders the table header
    */
   renderTableHeader() {
-    return d`
+    return l`
             <thead>
                 <tr>
                     ${this.columns.map((t) => this.renderHeaderCell(t))}
@@ -50,16 +61,14 @@ let o = class extends u(p) {
    * @param column - The column definition to render
    * @param row - The data object for the current row
    */
-  renderTableCell(t, e) {
-    const l = {
+  renderTableCell(t, a) {
+    const e = {
       "c-data-table-cell": !0,
-      "c-data-table-cell-text-align--left": t.textAlign === "left",
-      "c-data-table-cell-text-align--right": t.textAlign === "right",
-      "c-data-table-cell-text-align--center": t.textAlign === "center"
+      ...this.mapTextAlignClasses("c-data-table-cell", t.textAlign)
     };
-    return d`
-            <td class="${i(l)}">
-                ${t.accessor ? e[t.accessor] : ""}
+    return l`
+            <td class="${n(e)}">
+                ${t.accessor ? a[t.accessor] : ""}
             </td>
         `;
   }
@@ -67,41 +76,84 @@ let o = class extends u(p) {
    * Renders the table rows
    */
   renderTableRows() {
-    return d`
+    return l`
             <tbody>
-                ${this.data.map((t) => d`
+                ${this.data.map((t) => l`
                     <tr class="c-data-table-row">
-                        ${this.columns.map((e) => this.renderTableCell(e, t))}
+                        ${this.columns.map((a) => this.renderTableCell(a, t))}
                     </tr>
                 `)} 
             </tbody>
         `;
   }
+  /**
+   * Renders the additional rows for the table
+   */
+  renderAdditionalRows() {
+    return l`
+            <tfoot>
+                ${this.additionalRows && this.additionalRows.length > 0 && this.additionalRows.map((t) => {
+      const a = {
+        "c-data-table-row": !0,
+        "c-data-table-row--hidden": !!t.hideRow
+      };
+      return l`
+                        <tr class="${n(a)}">
+                        ${t.cells.map((e) => {
+        const d = {
+          "c-data-table-cell": !0,
+          "c-data-table-cell--hidden": !!e.hideCell,
+          ...this.mapTextAlignClasses("c-data-table-cell", e.textAlign)
+        };
+        return l`
+                                <td
+                                    class="${n(d)}"
+                                    colspan=${e.colSpan || 1}
+                                >
+                                    ${e.content}
+                                </td>
+                            `;
+      })}
+                        </tr>
+                    `;
+    })}
+            </tfoot>
+        `;
+  }
+  renderHTMLTable() {
+    return l`
+            <table>
+                ${this.columns.length > 0 ? this.renderTableHeader() : c}
+                ${this.data.length > 0 ? this.renderTableRows() : c}
+                ${this.additionalRows && this.additionalRows.length > 0 ? this.renderAdditionalRows() : c}
+            </table>
+        `;
+  }
   render() {
-    return d`
-            <div class="${i({
+    return l`
+            <div class="${n({
       "c-data-table": !0
     })}">
                 <slot name="table-header"></slot>
-                <table>
-                    ${this.columns.length > 0 ? this.renderTableHeader() : n}
-                    ${this.data.length > 0 ? this.renderTableRows() : n}
-                </table>
+                ${this.data.length > 0 && this.columns.length > 0 ? this.renderHTMLTable() : l`<slot></slot>`}
             </div>
         `;
   }
 };
-o.styles = h(f);
-b([
-  g({ type: Array })
+o.styles = g(v);
+i([
+  h({ type: Array })
 ], o.prototype, "columns", 2);
-b([
-  g({ type: Array })
+i([
+  h({ type: Array })
 ], o.prototype, "data", 2);
-o = b([
-  x("pie-data-table")
+i([
+  h({ type: Array })
+], o.prototype, "additionalRows", 2);
+o = i([
+  m("pie-data-table")
 ], o);
 export {
   o as PieDataTable,
-  T as defaultProps
+  f as defaultProps
 };

package/dist/pie-data-table-body/defs-react.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export type ReactBaseType = React.HTMLAttributes<HTMLElement>;
+//# sourceMappingURL=defs-react.d.ts.map

package/dist/pie-data-table-body/defs-react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs-react.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-body/defs-react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA"}

package/dist/pie-data-table-body/defs.d.ts

@@ -0,0 +1,2 @@
+export type DataTableBodyProps = Partial<HTMLTableSectionElement>;
+//# sourceMappingURL=defs.d.ts.map

package/dist/pie-data-table-body/defs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-body/defs.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC,uBAAuB,CAAC,CAAC"}

package/dist/pie-data-table-body/index.d.ts

@@ -0,0 +1,18 @@
+import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
+import { DataTableBodyProps } from './defs';
+export * from './defs';
+declare const componentSelector = "pie-data-table-body";
+/**
+ * @tagname pie-data-table-body
+ * @slot - Default slot
+ */
+export declare class PieDataTableBody extends PieElement implements DataTableBodyProps {
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: PieDataTableBody;
+    }
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/pie-data-table-body/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-body/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,yDAAyD,CAAC;AAIrF,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAEjD,cAAc,QAAQ,CAAC;AAEvB,QAAA,MAAM,iBAAiB,wBAAwB,CAAC;AAEhD;;;GAGG;AACH,qBACa,gBAAiB,SAAQ,UAAW,YAAW,kBAAkB;IAC1E,MAAM;IAKN,MAAM,CAAC,MAAM,0BAAqB;CACrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;KACzC;CACJ"}

package/dist/pie-data-table-body/index.js

@@ -0,0 +1,21 @@
+import { unsafeCSS as p, html as d } from "lit";
+import { P as i } from "../PieElement-XdhDoayO.js";
+import { safeCustomElement as m } from "@justeattakeaway/pie-webc-core";
+const b = ":host{display:table-row-group}:host ::slotted(pie-data-table-row){--pie-data-table-row-background-hover: var(--dt-color-container-subtle)}";
+var u = Object.getOwnPropertyDescriptor, c = (o, a, n, s) => {
+  for (var e = s > 1 ? void 0 : s ? u(a, n) : a, t = o.length - 1, l; t >= 0; t--)
+    (l = o[t]) && (e = l(e) || e);
+  return e;
+};
+let r = class extends i {
+  render() {
+    return d`<slot></slot>`;
+  }
+};
+r.styles = p(b);
+r = c([
+  m("pie-data-table-body")
+], r);
+export {
+  r as PieDataTableBody
+};

package/dist/pie-data-table-body/react.d.ts

@@ -0,0 +1,7 @@
+import { PieDataTableBody as PieDataTableBodyLit } from './index';
+import { DataTableBodyProps } from './defs';
+import * as React from 'react';
+export * from './defs';
+type ReactBaseType = React.HTMLAttributes<HTMLElement>;
+export declare const PieDataTableBody: React.ForwardRefExoticComponent<React.PropsWithoutRef<DataTableBodyProps> & React.RefAttributes<PieDataTableBodyLit> & ReactBaseType>;
+//# sourceMappingURL=react.d.ts.map

package/dist/pie-data-table-body/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-body/react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,IAAI,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAEjD,cAAc,QAAQ,CAAC;AAUvB,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAEtD,eAAO,MAAM,gBAAgB,EAA4B,KAAK,CAAC,yBAAyB,CAAC,KAAK,CAAC,eAAe,CAAC,kBAAkB,CAAC,GAC5H,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,GAAG,aAAa,CAAC,CAAC"}

package/dist/pie-data-table-body/react.js

@@ -0,0 +1,13 @@
+import * as a from "react";
+import { createComponent as e } from "@lit/react";
+import { PieDataTableBody as t } from "./index.js";
+const o = e({
+  displayName: "PieDataTableBody",
+  elementClass: t,
+  react: a,
+  tagName: "pie-data-table-body",
+  events: {}
+}), l = o;
+export {
+  l as PieDataTableBody
+};

package/dist/pie-data-table-cell/defs-react.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export type ReactBaseType = React.HTMLAttributes<HTMLElement>;
+//# sourceMappingURL=defs-react.d.ts.map

package/dist/pie-data-table-cell/defs-react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs-react.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-cell/defs-react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA"}

package/dist/pie-data-table-cell/defs.d.ts

@@ -0,0 +1,14 @@
+import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
+export declare const dataTableCellTextAlign: readonly ["left", "right", "center"];
+export interface DataTableCellProps {
+    /**
+     * Text alignment for the cell content
+     */
+    textAlign?: typeof dataTableCellTextAlign[number];
+    /**
+     * Whether the cell is hidden
+     */
+    isHidden?: boolean;
+}
+export declare const defaultProps: ComponentDefaultProps<DataTableCellProps, 'textAlign' | 'isHidden'>;
+//# sourceMappingURL=defs.d.ts.map

package/dist/pie-data-table-cell/defs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-cell/defs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE5E,eAAO,MAAM,sBAAsB,sCAAuC,CAAC;AAE3E,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAClD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,qBAAqB,CAAC,kBAAkB,EAAE,WAAW,GAAG,UAAU,CAG5F,CAAC"}

package/dist/pie-data-table-cell/index.d.ts

@@ -0,0 +1,28 @@
+import { nothing } from 'lit';
+import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
+import { DataTableCellProps } from './defs';
+export * from './defs';
+declare const componentSelector = "pie-data-table-cell";
+/**
+ * @tagname pie-data-table-cell
+ * @slot - Default slot
+ */
+export declare class PieDataTableCell extends PieElement implements DataTableCellProps {
+    /**
+     * Text alignment for the cell content
+     */
+    textAlign?: DataTableCellProps['textAlign'];
+    /**
+     * Whether the cell is hidden
+     */
+    isHidden?: DataTableCellProps['isHidden'];
+    connectedCallback(): void;
+    render(): typeof nothing | import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: PieDataTableCell;
+    }
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/pie-data-table-cell/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-cell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAa,MAAM,KAAK,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,yDAAyD,CAAC;AAIrF,OAAO,EACH,KAAK,kBAAkB,EAG1B,MAAM,QAAQ,CAAC;AAEhB,cAAc,QAAQ,CAAC;AAEvB,QAAA,MAAM,iBAAiB,wBAAwB,CAAC;AAEhD;;;GAGG;AACH,qBACa,gBAAiB,SAAQ,UAAW,YAAW,kBAAkB;IAC1E;;OAEG;IAGI,SAAS,CAAC,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAEnD;;OAEG;IAEI,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAEjD,iBAAiB;IAQjB,MAAM;IAWN,MAAM,CAAC,MAAM,0BAAqB;CACrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;KACzC;CACJ"}

package/dist/pie-data-table-cell/index.js

@@ -0,0 +1,39 @@
+import { unsafeCSS as c, nothing as d, html as f } from "lit";
+import { property as p } from "lit/decorators.js";
+import { P as g } from "../PieElement-XdhDoayO.js";
+import { validPropertyValues as b, safeCustomElement as h } from "@justeattakeaway/pie-webc-core";
+const m = ":host{padding:var(--dt-spacing-d);border-bottom:1px solid var(--data-table-border-color);display:table-cell}:host([textAlign=right]){text-align:right}:host([textAlign=center]){text-align:center}:host([textAlign=left]){text-align:left}:host([isHidden]){display:none}", x = ["left", "right", "center"], u = {
+  textAlign: "left",
+  isHidden: !1
+};
+var y = Object.defineProperty, v = Object.getOwnPropertyDescriptor, a = (l, r, n, o) => {
+  for (var t = o > 1 ? void 0 : o ? v(r, n) : r, i = l.length - 1, s; i >= 0; i--)
+    (s = l[i]) && (t = (o ? s(r, n, t) : s(t)) || t);
+  return o && t && y(r, n, t), t;
+};
+const A = "pie-data-table-cell";
+let e = class extends g {
+  connectedCallback() {
+    this.hasAttribute("role") || this.setAttribute("role", "cell"), super.connectedCallback();
+  }
+  render() {
+    const { isHidden: l } = this;
+    return l ? d : f`<slot></slot>`;
+  }
+};
+e.styles = c(m);
+a([
+  p({ type: String }),
+  b(A, x, u.textAlign)
+], e.prototype, "textAlign", 2);
+a([
+  p({ type: Boolean })
+], e.prototype, "isHidden", 2);
+e = a([
+  h("pie-data-table-cell")
+], e);
+export {
+  e as PieDataTableCell,
+  x as dataTableCellTextAlign,
+  u as defaultProps
+};

package/dist/pie-data-table-cell/react.d.ts

@@ -0,0 +1,7 @@
+import { PieDataTableCell as PieDataTableCellLit } from './index';
+import { DataTableCellProps } from './defs';
+import * as React from 'react';
+export * from './defs';
+type ReactBaseType = React.HTMLAttributes<HTMLElement>;
+export declare const PieDataTableCell: React.ForwardRefExoticComponent<React.PropsWithoutRef<DataTableCellProps> & React.RefAttributes<PieDataTableCellLit> & ReactBaseType>;
+//# sourceMappingURL=react.d.ts.map

package/dist/pie-data-table-cell/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-cell/react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,IAAI,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAEjD,cAAc,QAAQ,CAAC;AAUvB,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAEtD,eAAO,MAAM,gBAAgB,EAA4B,KAAK,CAAC,yBAAyB,CAAC,KAAK,CAAC,eAAe,CAAC,kBAAkB,CAAC,GAC5H,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,GAAG,aAAa,CAAC,CAAC"}

package/dist/pie-data-table-cell/react.js

@@ -0,0 +1,16 @@
+import * as e from "react";
+import { createComponent as a } from "@lit/react";
+import { PieDataTableCell as l } from "./index.js";
+import { dataTableCellTextAlign as s, defaultProps as C } from "./index.js";
+const t = a({
+  displayName: "PieDataTableCell",
+  elementClass: l,
+  react: e,
+  tagName: "pie-data-table-cell",
+  events: {}
+}), i = t;
+export {
+  i as PieDataTableCell,
+  s as dataTableCellTextAlign,
+  C as defaultProps
+};

package/dist/pie-data-table-contents/defs-react.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export type ReactBaseType = React.HTMLAttributes<HTMLElement>;
+//# sourceMappingURL=defs-react.d.ts.map

package/dist/pie-data-table-contents/defs-react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs-react.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-contents/defs-react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA"}

package/dist/pie-data-table-contents/defs.d.ts

@@ -0,0 +1,2 @@
+export type DataTableContentsProps = Partial<HTMLTableElement>;
+//# sourceMappingURL=defs.d.ts.map

package/dist/pie-data-table-contents/defs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-contents/defs.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC"}

package/dist/pie-data-table-contents/index.d.ts

@@ -0,0 +1,19 @@
+import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
+import { DataTableContentsProps } from './defs';
+export * from './defs';
+declare const componentSelector = "pie-data-table-contents";
+/**
+ * @tagname pie-data-table-contents
+ * @slot - Default slot
+ */
+export declare class PieDataTableContents extends PieElement implements DataTableContentsProps {
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: PieDataTableContents;
+    }
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/pie-data-table-contents/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-contents/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,yDAAyD,CAAC;AAIrF,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AAErD,cAAc,QAAQ,CAAC;AAEvB,QAAA,MAAM,iBAAiB,4BAA4B,CAAC;AAEpD;;;GAGG;AACH,qBACa,oBAAqB,SAAQ,UAAW,YAAW,sBAAsB;IAClF,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,0BAAqB;CACrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,oBAAoB,CAAC;KAC7C;CACJ"}

package/dist/pie-data-table-contents/index.js

@@ -0,0 +1,24 @@
+import { unsafeCSS as i, html as c } from "lit";
+import { P as m } from "../PieElement-XdhDoayO.js";
+import { safeCustomElement as p } from "@justeattakeaway/pie-webc-core";
+const b = ":host{inline-size:100%;display:table}";
+var f = Object.getOwnPropertyDescriptor, u = (r, l, o, a) => {
+  for (var e = a > 1 ? void 0 : a ? f(l, o) : l, t = r.length - 1, n; t >= 0; t--)
+    (n = r[t]) && (e = n(e) || e);
+  return e;
+};
+let s = class extends m {
+  connectedCallback() {
+    this.hasAttribute("role") || this.setAttribute("role", "table"), super.connectedCallback();
+  }
+  render() {
+    return c`<slot></slot>`;
+  }
+};
+s.styles = i(b);
+s = u([
+  p("pie-data-table-contents")
+], s);
+export {
+  s as PieDataTableContents
+};

package/dist/pie-data-table-contents/react.d.ts

@@ -0,0 +1,7 @@
+import { PieDataTableContents as PieDataTableContentsLit } from './index';
+import { DataTableContentsProps } from './defs';
+import * as React from 'react';
+export * from './defs';
+type ReactBaseType = React.HTMLAttributes<HTMLElement>;
+export declare const PieDataTableContents: React.ForwardRefExoticComponent<React.PropsWithoutRef<DataTableContentsProps> & React.RefAttributes<PieDataTableContentsLit> & ReactBaseType>;
+//# sourceMappingURL=react.d.ts.map

package/dist/pie-data-table-contents/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-contents/react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,oBAAoB,IAAI,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAC1E,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AAErD,cAAc,QAAQ,CAAC;AAUvB,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAEtD,eAAO,MAAM,oBAAoB,EAAgC,KAAK,CAAC,yBAAyB,CAAC,KAAK,CAAC,eAAe,CAAC,sBAAsB,CAAC,GACxI,KAAK,CAAC,aAAa,CAAC,uBAAuB,CAAC,GAAG,aAAa,CAAC,CAAC"}

package/dist/pie-data-table-contents/react.js

@@ -0,0 +1,13 @@
+import * as t from "react";
+import { createComponent as e } from "@lit/react";
+import { PieDataTableContents as a } from "./index.js";
+const n = e({
+  displayName: "PieDataTableContents",
+  elementClass: a,
+  react: t,
+  tagName: "pie-data-table-contents",
+  events: {}
+}), i = n;
+export {
+  i as PieDataTableContents
+};

package/dist/pie-data-table-head/defs-react.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export type ReactBaseType = React.HTMLAttributes<HTMLElement>;
+//# sourceMappingURL=defs-react.d.ts.map

package/dist/pie-data-table-head/defs-react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs-react.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-head/defs-react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA"}

package/dist/pie-data-table-head/defs.d.ts

@@ -0,0 +1,2 @@
+export type DataTableHeadProps = Partial<HTMLTableSectionElement>;
+//# sourceMappingURL=defs.d.ts.map

package/dist/pie-data-table-head/defs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-head/defs.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC,uBAAuB,CAAC,CAAC"}

package/dist/pie-data-table-head/index.d.ts

@@ -0,0 +1,19 @@
+import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
+import { DataTableHeadProps } from './defs';
+export * from './defs';
+declare const componentSelector = "pie-data-table-head";
+/**
+ * @tagname pie-data-table-head
+ * @slot - Default slot
+ */
+export declare class PieDataTableHead extends PieElement implements DataTableHeadProps {
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [componentSelector]: PieDataTableHead;
+    }
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/pie-data-table-head/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-head/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,yDAAyD,CAAC;AAIrF,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAEjD,cAAc,QAAQ,CAAC;AAEvB,QAAA,MAAM,iBAAiB,wBAAwB,CAAC;AAEhD;;;GAGG;AACH,qBACa,gBAAiB,SAAQ,UAAW,YAAW,kBAAkB;IAC1E,iBAAiB;IAOjB,MAAM;IAIN,MAAM,CAAC,MAAM,0BAAqB;CACrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;KACzC;CACJ"}

package/dist/pie-data-table-head/index.js

@@ -0,0 +1,24 @@
+import { unsafeCSS as d, html as b } from "lit";
+import { P as c } from "../PieElement-XdhDoayO.js";
+import { safeCustomElement as i } from "@justeattakeaway/pie-webc-core";
+const p = ":host{background-color:transparent;font-weight:var(--dt-font-weight-bold);color:var(--data-table-header-color);border-bottom:1px solid var(--data-table-border-color);display:table-header-group}";
+var h = Object.getOwnPropertyDescriptor, m = (o, a, n, l) => {
+  for (var e = l > 1 ? void 0 : l ? h(a, n) : a, t = o.length - 1, s; t >= 0; t--)
+    (s = o[t]) && (e = s(e) || e);
+  return e;
+};
+let r = class extends c {
+  connectedCallback() {
+    this.hasAttribute("role") || this.setAttribute("role", "rowgroup"), super.connectedCallback();
+  }
+  render() {
+    return b`<slot></slot>`;
+  }
+};
+r.styles = d(p);
+r = m([
+  i("pie-data-table-head")
+], r);
+export {
+  r as PieDataTableHead
+};

package/dist/pie-data-table-head/react.d.ts

@@ -0,0 +1,7 @@
+import { PieDataTableHead as PieDataTableHeadLit } from './index';
+import { DataTableHeadProps } from './defs';
+import * as React from 'react';
+export * from './defs';
+type ReactBaseType = React.HTMLAttributes<HTMLElement>;
+export declare const PieDataTableHead: React.ForwardRefExoticComponent<React.PropsWithoutRef<DataTableHeadProps> & React.RefAttributes<PieDataTableHeadLit> & ReactBaseType>;
+//# sourceMappingURL=react.d.ts.map

package/dist/pie-data-table-head/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-head/react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,IAAI,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAEjD,cAAc,QAAQ,CAAC;AAUvB,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAEtD,eAAO,MAAM,gBAAgB,EAA4B,KAAK,CAAC,yBAAyB,CAAC,KAAK,CAAC,eAAe,CAAC,kBAAkB,CAAC,GAC5H,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,GAAG,aAAa,CAAC,CAAC"}

package/dist/pie-data-table-head/react.js

@@ -0,0 +1,13 @@
+import * as a from "react";
+import { createComponent as e } from "@lit/react";
+import { PieDataTableHead as t } from "./index.js";
+const o = e({
+  displayName: "PieDataTableHead",
+  elementClass: t,
+  react: a,
+  tagName: "pie-data-table-head",
+  events: {}
+}), l = o;
+export {
+  l as PieDataTableHead
+};

package/dist/pie-data-table-head-cell/defs-react.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export type ReactBaseType = React.HTMLAttributes<HTMLElement>;
+//# sourceMappingURL=defs-react.d.ts.map

package/dist/pie-data-table-head-cell/defs-react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs-react.d.ts","sourceRoot":"","sources":["../../src/pie-data-table-head-cell/defs-react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA"}