@ogcio/design-system-react 1.22.1 → 1.23.0

package/dist/button/button.js

@@ -1,25 +1,24 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
-import { jsx as f } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
 import { cn as u } from "../cn.js";
 import { getSizeClass as c, isButtonDisabled as b, getVariantAppearanceClass as B } from "./helpers.js";
-const r = l(
+const r = p(
   ({
     variant: e,
     appearance: o,
     size: a,
     disabled: t,
     className: n,
-    children: i,
-    dataTestid: m,
-    ...s
-  }, p) => /* @__PURE__ */ f(
+    children: s,
+    dataTestid: i,
+    ...m
+  }, f) => /* @__PURE__ */ l(
     "button",
     {
-      "data-testid": m,
-      ...s,
-      ref: p,
+      "data-testid": i,
+      ...m,
+      ref: f,
       "aria-disabled": t,
       disabled: t,
       className: u(
@@ -29,7 +28,7 @@ const r = l(
         c(a),
         n
       ),
-      children: i
+      children: s
     }
   )
 );

package/dist/button-group/button-group.js

@@ -1,5 +1,4 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as y } from "react/jsx-runtime";
 import { createContext as G, useState as V, useEffect as k, useContext as S } from "react";
 import { Button as w } from "../button/button.js";
@@ -7,7 +6,7 @@ import { cn as E } from "../cn.js";
 import { useDomId as $ } from "../hooks/use-dom-id.js";
 const x = G(
   void 0
-), q = ({
+), P = ({
   value: r,
   children: d,
   role: s,
@@ -44,7 +43,7 @@ const x = G(
       children: d
     }
   );
-}, A = ({
+}, q = ({
   name: r,
   size: d = "medium",
   appearance: s = "dark",
@@ -94,6 +93,6 @@ const x = G(
   );
 };
 export {
-  A as ButtonGroup,
-  q as ButtonGroupItem
+  q as ButtonGroup,
+  P as ButtonGroupItem
 };

package/dist/card/card-next.js

@@ -1,55 +1,54 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
-import { jsx as r, jsxs as A } from "react/jsx-runtime";
-import { createContext as y, useId as M, useContext as N, Children as P, isValidElement as B, useState as S, useMemo as q, useEffect as F, cloneElement as O } from "react";
+import { jsx as a, jsxs as B } from "react/jsx-runtime";
+import { createContext as y, useId as P, useContext as N, useEffect as I, Children as E, isValidElement as O, useState as M, useMemo as F, cloneElement as k } from "react";
 import { cn as d } from "../cn.js";
-import { useBreakpoint as G, Breakpoint as z } from "../hooks/use-breakpoint.js";
+import { useBreakpoint as G, Breakpoint as L } from "../hooks/use-breakpoint.js";
 import { Icon as J } from "../icon/icon.js";
 import { Paragraph as K } from "../paragraph/paragraph.js";
 import { Tag as Q } from "../tag/tag.js";
-import { isSpecialComponent as U, getSpecialComponentType as L } from "../utils/utilities.js";
-const $ = (e) => e.ariaLabel ?? e.label ?? e.title ?? e.alt ?? "", E = y(!1), I = y(!1), w = y(!1), x = y(null);
-function u(e, t, a) {
+import { isSpecialComponent as U, getSpecialComponentType as $ } from "../utils/utilities.js";
+const A = (e) => e.ariaLabel ?? e.label ?? e.title ?? e.alt ?? "", j = y(!1), w = y(!1), x = y(!1), T = y(null);
+function C(e, r, t) {
   if (!N(e))
-    throw new Error(`${t} must be used inside <${a}>`);
+    throw new Error(`${r} must be used inside <${t}>`);
   return !0;
 }
-const W = (e, t) => e === "full" ? { padding: t } : {}, X = (e, t, a) => {
+const W = (e, r) => e === "full" ? { padding: r } : {}, X = (e, r, t) => {
   if (e === "body")
-    return a === "horizontal" ? { paddingBlock: t, paddingRight: t } : { paddingInline: t, paddingBottom: t };
-}, se = ({
+    return t === "horizontal" ? { paddingBlock: r, paddingRight: r } : { paddingInline: r, paddingBottom: r };
+}, de = ({
   inset: e = "none",
-  insetSpace: t = 16,
-  type: a = "vertical",
-  background: i = "white",
+  insetSpace: r = 16,
+  type: t = "vertical",
+  background: n = "white",
   className: o,
-  role: n,
+  role: i,
   children: l,
   ...g
 }) => {
-  var D, H;
-  const { breakpoint: C } = G(), b = C === z.ExtraSmall || C === z.Small, [m, p] = S(a), [s, v] = S(), [f, k] = S([]), R = q(
+  var H, z;
+  const { breakpoint: s } = G(), b = s === L.ExtraSmall || s === L.Small, [m, f] = M(t), [c, v] = M(), [p, R] = M([]), V = F(
     () => ({
-      setLabelId: (c) => v(c),
-      addDescId: (c) => k(
-        (T) => T.includes(c) ? T : [...T, c]
+      setLabelId: (u) => v(u),
+      addDescId: (u) => R(
+        (S) => S.includes(u) ? S : [...S, u]
       ),
-      labelId: s,
-      descIds: f
+      labelId: c,
+      descIds: p
     }),
-    [s, f]
-  ), j = P.toArray(l), h = j.find(
-    (c) => L(c) === "CardContainer"
-  ), V = j.find(
-    (c) => L(c) === "CardMedia"
+    [c, p]
+  ), D = E.toArray(l), h = D.find(
+    (u) => $(u) === "CardContainer"
+  ), q = D.find(
+    (u) => $(u) === "CardMedia"
   );
-  return F(() => {
-    if (b || a === "vertical") {
-      p("vertical");
+  return I(() => {
+    if (b || t === "vertical") {
+      f("vertical");
       return;
     }
-    p("horizontal");
-  }, [b]), /* @__PURE__ */ r(E.Provider, { value: !0, children: /* @__PURE__ */ r(x.Provider, { value: R, children: /* @__PURE__ */ A(
+    f("horizontal");
+  }, [b, t]), /* @__PURE__ */ a(j.Provider, { value: !0, children: /* @__PURE__ */ a(T.Provider, { value: V, children: /* @__PURE__ */ B(
     "div",
     {
       className: d(
@@ -57,51 +56,51 @@ const W = (e, t) => e === "full" ? { padding: t } : {}, X = (e, t, a) => {
         {
           "gi-card-vertical": m === "vertical",
           "gi-card-horizontal": m === "horizontal",
-          "gi-bg-white": i === "white",
-          "gi-bg-color-surface-system-neutral-layer1": i === "grey"
+          "gi-bg-white": n === "white",
+          "gi-bg-color-surface-system-neutral-layer1": n === "grey"
         },
         o
       ),
-      style: W(e, t),
-      role: n ?? "article",
-      "aria-labelledby": s,
-      "aria-describedby": f != null && f.length ? f.join(" ") : void 0,
+      style: W(e, r),
+      role: i ?? "article",
+      "aria-labelledby": c,
+      "aria-describedby": p != null && p.length ? p.join(" ") : void 0,
       ...g,
       children: [
-        V,
-        h ? O(h, {
-          className: d((D = h.props) == null ? void 0 : D.className),
+        q,
+        h ? k(h, {
+          className: d((H = h.props) == null ? void 0 : H.className),
           style: {
-            ...(H = h.props) == null ? void 0 : H.style,
-            ...X(e, t, m)
+            ...(z = h.props) == null ? void 0 : z.style,
+            ...X(e, r, m)
           }
         }) : null
       ]
     }
   ) }) });
-}, Y = ({ media: e, href: t }) => {
-  if (u(E, "CardMedia", "Card"), !e)
+}, Y = ({ media: e, href: r }) => {
+  if (C(j, "CardMedia", "Card"), !e)
     return null;
   switch (e.type) {
     case "image": {
-      const { src: a, alt: i, aspectRatio: o } = e.config ?? {}, n = $(e.config);
-      return /* @__PURE__ */ r("div", { className: "gi-card-image", children: /* @__PURE__ */ r("a", { href: t, "aria-label": n, title: n, children: /* @__PURE__ */ r(
+      const { src: t, alt: n, aspectRatio: o } = e.config ?? {}, i = A(e.config);
+      return /* @__PURE__ */ a("div", { className: "gi-card-image", children: /* @__PURE__ */ a("a", { href: r, "aria-label": i, title: i, children: /* @__PURE__ */ a(
         "img",
         {
-          src: a,
-          alt: i ?? "",
+          src: t,
+          alt: n ?? "",
           style: o ? { aspectRatio: o } : void 0,
           className: o ? "gi-w-full" : void 0
         }
       ) }) });
     }
     case "icon": {
-      const a = $(e.config);
-      return /* @__PURE__ */ r("div", { className: "gi-card-icon", children: /* @__PURE__ */ r("a", { href: t, "aria-label": a, title: a, children: /* @__PURE__ */ r(J, { ...e.config, "aria-hidden": "true" }) }) });
+      const t = A(e.config);
+      return /* @__PURE__ */ a("div", { className: "gi-card-icon", children: /* @__PURE__ */ a("a", { href: r, "aria-label": t, title: t, children: /* @__PURE__ */ a(J, { ...e.config, "aria-hidden": "true" }) }) });
     }
     case "iframe": {
-      const { title: a } = e.config ?? "Embedded content";
-      return /* @__PURE__ */ r("div", { className: "gi-card-iframe", children: /* @__PURE__ */ r("iframe", { ...e.config, title: a }) });
+      const { title: t } = e.config ?? "Embedded content";
+      return /* @__PURE__ */ a("div", { className: "gi-card-iframe", children: /* @__PURE__ */ a("iframe", { ...e.config, title: t }) });
     }
     default:
       return null;
@@ -114,85 +113,89 @@ Object.defineProperty(Y, "componentType", {
 });
 const Z = ({
   children: e,
-  className: t,
-  ...a
-}) => (u(E, "CardContainer", "Card"), /* @__PURE__ */ r(w.Provider, { value: !0, children: /* @__PURE__ */ r("div", { className: d("gi-card-content", t), ...a, children: e }) }));
+  className: r,
+  ...t
+}) => (C(j, "CardContainer", "Card"), /* @__PURE__ */ a(x.Provider, { value: !0, children: /* @__PURE__ */ a("div", { className: d("gi-card-content", r), ...t, children: e }) }));
 Object.defineProperty(Z, "componentType", {
   value: "CardContainer",
   writable: !1,
   enumerable: !1
 });
-const ce = ({
+const se = ({
   children: e,
-  className: t,
-  truncate: a,
-  id: i,
+  className: r,
+  truncate: t,
+  id: n,
   ["aria-level"]: o = 2,
-  ...n
+  ...i
 }) => {
-  u(I, "CardTitle", "CardHeader");
-  const l = typeof e == "string", g = (s) => {
+  C(w, "CardTitle", "CardHeader");
+  const l = typeof e == "string", g = (c) => {
     var v;
-    return a && B(s) ? O(s, {
-      className: d((v = s.props) == null ? void 0 : v.className, "gi-card-truncate-text")
-    }) : s;
-  }, C = a && !l ? P.map(e, g) : e, b = M(), m = i ?? `card-title-${b}`, p = N(x);
-  return p && p.setLabelId(m), /* @__PURE__ */ r(
+    return t && O(c) ? k(c, {
+      className: d((v = c.props) == null ? void 0 : v.className, "gi-card-truncate-text")
+    }) : c;
+  }, s = t && !l ? E.map(e, g) : e, b = P(), m = n ?? `card-title-${b}`, f = N(T);
+  return I(() => {
+    f == null || f.setLabelId(m);
+  }, [f, m]), /* @__PURE__ */ a(
     "div",
     {
       className: d(
         "gi-card-title",
         {
-          "gi-card-truncate-text": !!a && l
+          "gi-card-truncate-text": !!t && l
         },
-        t
+        r
       ),
       id: m,
       role: "heading",
       "aria-level": o,
-      title: l && a ? e.toString() : void 0,
-      ...n,
-      children: C
+      title: l && t ? e.toString() : void 0,
+      ...i,
+      children: s
     }
   );
-}, ue = ({
+}, ce = ({
   children: e,
-  className: t,
-  truncate: a,
-  id: i,
+  className: r,
+  truncate: t,
+  id: n,
   ...o
 }) => {
-  u(I, "CardSubtitle", "CardHeader");
-  const n = typeof e == "string" && a ? e : void 0, l = M(), g = i ?? `card-subtitle-${l}`, C = N(x);
-  return C && C.addDescId(g), /* @__PURE__ */ r(
+  C(w, "CardSubtitle", "CardHeader");
+  const i = typeof e == "string" && t ? e : void 0, l = P(), g = n ?? `card-subtitle-${l}`, s = N(T);
+  return I(() => {
+    s == null || s.addDescId(g);
+  }, [s, g]), /* @__PURE__ */ a(
     "div",
     {
       className: d(
         "gi-card-subheading",
         {
-          "gi-card-truncate-text": a
+          "gi-card-truncate-text": t
         },
-        t
+        r
       ),
       id: g,
-      title: n,
+      title: i,
       ...o,
       children: e
     }
   );
 }, _ = ({
   text: e,
-  type: t,
-  className: a,
-  ...i
-}) => (u(I, "CardTag", "CardHeader"), /* @__PURE__ */ r(
+  type: r,
+  className: t,
+  ...n
+}) => (C(w, "CardTag", "CardHeader"), /* @__PURE__ */ a(
   "div",
   {
     role: "note",
     "aria-label": typeof e == "string" ? e : void 0,
-    className: d("gi-card-tag", a),
-    ...i,
-    children: /* @__PURE__ */ r(Q, { text: e, type: t })
+    className: d("gi-card-tag", t),
+    ...n,
+    children: /* @__PURE__ */ a(Q, { text: e, type: r })
   }
 ));
 Object.defineProperty(_, "componentType", {
@@ -200,51 +203,45 @@ Object.defineProperty(_, "componentType", {
   writable: !1,
   enumerable: !1
 });
-const Ce = ({
+const ue = ({
   children: e,
-  className: t,
-  ...a
+  className: r,
+  ...t
 }) => {
-  u(w, "CardHeader", "CardContainer");
-  const i = [], o = [];
-  return P.forEach(e, (n) => {
-    B(n) && (U(n, ["CardTag"]) ? o.push(n) : i.push(n));
-  }), /* @__PURE__ */ r(I.Provider, { value: !0, children: /* @__PURE__ */ A("div", { className: d("gi-card-header", t), role: "group", ...a, children: [
-    /* @__PURE__ */ r("div", { className: "gi-card-heading", children: i }),
+  C(x, "CardHeader", "CardContainer");
+  const n = [], o = [];
+  return E.forEach(e, (i) => {
+    O(i) && (U(i, ["CardTag"]) ? o.push(i) : n.push(i));
+  }), /* @__PURE__ */ a(w.Provider, { value: !0, children: /* @__PURE__ */ B("div", { className: d("gi-card-header", r), role: "group", ...t, children: [
+    /* @__PURE__ */ a("div", { className: "gi-card-heading", children: n }),
     o
   ] }) });
-}, ge = ({
+}, Ce = ({
   children: e,
-  className: t,
-  id: a,
-  ...i
+  className: r,
+  id: t,
+  ...n
 }) => {
-  if (u(w, "CardDescription", "CardContainer"), !e)
+  if (C(x, "CardDescription", "CardContainer"), !e)
     return null;
-  const o = M(), n = a ?? `card-desc-${o}`, l = N(x);
-  return l && l.addDescId(n), /* @__PURE__ */ r("div", { className: d("gi-card-paragraph", t), id: n, ...i, children: /* @__PURE__ */ r(K, { size: "sm", children: e }) });
-}, me = ({
+  const o = P(), i = t ?? `card-desc-${o}`, l = N(T);
+  return I(() => {
+    l == null || l.addDescId(i);
+  }, [l, i]), /* @__PURE__ */ a("div", { className: d("gi-card-paragraph", r), id: i, ...n, children: /* @__PURE__ */ a(K, { size: "sm", children: e }) });
+}, ge = ({
   children: e,
-  className: t,
-  ...a
-}) => (u(w, "CardAction", "CardContainer"), /* @__PURE__ */ r(
-  "div",
-  {
-    className: d("gi-card-action", t),
-    role: "group",
-    ...a,
-    children: e
-  }
-));
+  className: r,
+  ...t
+}) => (C(x, "CardAction", "CardContainer"), /* @__PURE__ */ a("div", { className: d("gi-card-action", r), role: "group", ...t, children: e }));
 export {
-  me as CardAction,
+  ge as CardAction,
   Z as CardContainer,
-  ge as CardDescription,
-  Ce as CardHeader,
+  Ce as CardDescription,
+  ue as CardHeader,
   Y as CardMedia,
-  se as CardNext,
-  ue as CardSubtitle,
+  de as CardNext,
+  ce as CardSubtitle,
   _ as CardTag,
-  ce as CardTitle,
-  u as useRequiredContext
+  se as CardTitle,
+  C as useRequiredContext
 };

package/dist/card/card.js

@@ -1,5 +1,4 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as r } from "react/jsx-runtime";
 import { CardLegacy as m } from "./card-legacy.js";
 import { CardNext as g } from "./card-next.js";
@@ -12,16 +11,16 @@ const n = [
   "content",
   "action",
   "titleAsChild"
-], u = (e) => {
+], h = (e) => {
   if (n.some((t) => t in e))
     return console.warn(
       "[Card] Using legacy props. Please migrate to the new composable API."
     ), /* @__PURE__ */ r(m, { ...e });
-  const { inset: o, background: s, type: c, children: i, ...a } = e, d = new Set(n), l = Object.fromEntries(
+  const { inset: s, background: c, type: o, children: i, ...a } = e, d = new Set(n), l = Object.fromEntries(
     Object.entries(a).filter(([t]) => !d.has(t))
   );
-  return /* @__PURE__ */ r(g, { inset: o, type: c, background: s, ...l, children: i });
+  return /* @__PURE__ */ r(g, { inset: s, type: o, background: c, ...l, children: i });
 };
 export {
-  u as Card
+  h as Card
 };

package/dist/checkbox/checkbox-group.js

@@ -1,8 +1,7 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { InputCheckboxGroup as o } from "../input-checkbox-group/input-checkbox-group.js";
-const p = o;
-p.displayName = "CheckboxGroup";
+const e = o;
+e.displayName = "CheckboxGroup";
 export {
-  p as CheckboxGroup
+  e as CheckboxGroup
 };

package/dist/checkbox/checkbox.js

@@ -1,8 +1,7 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
-import { InputCheckbox as o } from "../input-checkbox/input-checkbox.js";
-const e = o;
-e.displayName = "Checkbox";
+import { InputCheckbox as e } from "../input-checkbox/input-checkbox.js";
+const o = e;
+o.displayName = "Checkbox";
 export {
-  e as Checkbox
+  o as Checkbox
 };

package/dist/chip/chip.js

@@ -1,30 +1,29 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { useId as d } from "react";
-import { cn as l } from "../cn.js";
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { useId as l } from "react";
+import { cn as p } from "../cn.js";
 import { translate as c } from "../i18n/utility.js";
 import { Icon as s } from "../icon/icon.js";
-const m = ({ label: i, className: t, onClose: o = () => null }) => {
-  const n = `chip-description-${d()}`, a = (e) => {
-    ["Enter", " "].includes(e.key) && (e.preventDefault(), o(e));
+const m = ({ label: i, className: t, onClose: n = () => null }) => {
+  const o = `chip-description-${l()}`, a = (e) => {
+    ["Enter", " "].includes(e.key) && (e.preventDefault(), n(e));
   };
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ d(
     "div",
     {
-      className: l(t, "gi-chip"),
+      className: p(t, "gi-chip"),
       "aria-label": c("chip.label", { label: i, defaultValue: `chip: ${i}` }),
-      "aria-describedby": n,
+      "aria-describedby": o,
       tabIndex: 0,
       onKeyDown: a,
       children: [
-        /* @__PURE__ */ r("span", { id: n, children: i }),
+        /* @__PURE__ */ r("span", { id: o, children: i }),
         /* @__PURE__ */ r(
           "div",
           {
             role: "button",
             "aria-label": c("chip.removeChip", { defaultValue: "remove chip" }),
-            onClick: o,
+            onClick: n,
             children: /* @__PURE__ */ r(s, { icon: "close", size: "sm" })
           }
         )

package/dist/combo-box/dropdown-item.js

@@ -1,5 +1,4 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsxs as n, jsx as s } from "react/jsx-runtime";
 import { useState as u, useId as j, useEffect as q } from "react";
 import { Button as B } from "../button/button.js";
@@ -12,7 +11,7 @@ import { InputText as O } from "../input-text/input-text.js";
 import { Paragraph as y } from "../paragraph/paragraph.js";
 import { Tag as A, TagTypeEnum as F } from "../tag/tag.js";
 import { slugify as P } from "../utilities.js";
-const eo = ({
+const oo = ({
   children: c,
   noSearch: h,
   options: p,
@@ -151,5 +150,5 @@ const eo = ({
   );
 };
 export {
-  eo as DropdownItem
+  oo as DropdownItem
 };

package/dist/cookie-banner/cookie-banner.js

@@ -1,13 +1,12 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as e, Fragment as s, jsxs as o } from "react/jsx-runtime";
 import { Container as c } from "../container/container.js";
-const p = ({
+const m = ({
   showConsent: a = !0,
   children: d,
   accept: i,
-  reject: r,
-  cookieLink: n,
+  reject: n,
+  cookieLink: r,
   dataTestid: t
 }) => /* @__PURE__ */ e(s, { children: a && /* @__PURE__ */ e(
   "div",
@@ -21,12 +20,12 @@ const p = ({
       /* @__PURE__ */ e("div", { id: "cookie-banner-description", children: d }),
       /* @__PURE__ */ o("div", { className: "gi-cookie-banner-buttons", children: [
         i && i,
-        r && r,
-        n && n
+        n && n,
+        r && r
       ] })
     ] }) })
   }
 ) });
 export {
-  p as CookieBanner
+  m as CookieBanner
 };

package/dist/data-table/editable-table-cell.js

@@ -1,12 +1,11 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as o } from "react/jsx-runtime";
-import { l as O } from "../lodash-D1c5hFAM.js";
+import { l as O } from "../lodash-LsP9-6SV.js";
 import { useState as g, useMemo as S, useEffect as k } from "react";
 import { InputCheckboxTableCell as V } from "../input-checkbox/input-checkbox.js";
 import { InputTextTableCell as j } from "../input-text/input-text.js";
 import { SelectTableCell as y } from "../select/select-native.js";
-const B = ({
+const A = ({
   value: l,
   rowIndex: h,
   columnId: C,
@@ -70,5 +69,5 @@ const B = ({
   }
 };
 export {
-  B as EditableTableCell
+  A as EditableTableCell
 };

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

@@ -0,0 +1,7 @@
+export type { DataTableFooterProps, DataTableFooterTypeProps, } from './data-table-footer.js';
+export { DataTableFooter, DataTableFooterStart, DataTableFooterCenter, DataTableFooterEnd, } from './data-table-footer.js';
+export { DataTableHeader, DataTableHeaderSearch, DataTableHeaderActions, DataTableHeaderFilter, DataTableHeaderFilterList, DataTableHeaderFilterContent, DataTableHeaderFilterContentTitle, DataTableHeaderFilterActions, } from './data-table-header.js';
+export { DataTableSelectedRowsBanner } from './data-table-selected-rows.js';
+export type { DataTableSelectedRowsBannerProps } from './data-table-selected-rows.js';
+export { EditableTableCell } from './editable-table-cell.js';
+export type { EditorTableCellConfig, EditorTableCellProps } from './types.js';

package/dist/data-table/index.js

@@ -0,0 +1,20 @@
+import { DataTableFooter as t, DataTableFooterCenter as r, DataTableFooterEnd as l, DataTableFooterStart as o } from "./data-table-footer.js";
+import { DataTableHeader as T, DataTableHeaderActions as D, DataTableHeaderFilter as d, DataTableHeaderFilterActions as i, DataTableHeaderFilterContent as n, DataTableHeaderFilterContentTitle as F, DataTableHeaderFilterList as H, DataTableHeaderSearch as c } from "./data-table-header.js";
+import { DataTableSelectedRowsBanner as m } from "./data-table-selected-rows.js";
+import { EditableTableCell as s } from "./editable-table-cell.js";
+export {
+  t as DataTableFooter,
+  r as DataTableFooterCenter,
+  l as DataTableFooterEnd,
+  o as DataTableFooterStart,
+  T as DataTableHeader,
+  D as DataTableHeaderActions,
+  d as DataTableHeaderFilter,
+  i as DataTableHeaderFilterActions,
+  n as DataTableHeaderFilterContent,
+  F as DataTableHeaderFilterContentTitle,
+  H as DataTableHeaderFilterList,
+  c as DataTableHeaderSearch,
+  m as DataTableSelectedRowsBanner,
+  s as EditableTableCell
+};