@adyen/adyen-platform-experience-web 1.0.2 → 1.1.0

package/dist/es/components/internal/Calendar/calendar/timerange/presets/shared/offsetWeek.js

@@ -1,36 +1,33 @@
 import p from "../../factory.js";
-import { offsetsForNDays as F, startOfDay as W, startOfWeekOffset as d, getRangeTimestampsContextIntegerPropertyFactory as k, nowTimestamp as E } from "../../utils.js";
-import { clamp as O } from "../../../../../../../utils/value/number.js";
-const r = 1, T = F(7), _ = k(0, 6, r), u = (f = 0) => {
-  const s = ~~O(0, f, 1 / 0) || 0;
+import { offsetsForNDays as D, getRangeTimestampsContextIntegerPropertyFactory as y, nowTimestamp as F } from "../../utils.js";
+import { startOfWeek as W } from "../../../utils.js";
+import { clamp as g } from "../../../../../../../utils/value/number.js";
+const r = 1, k = D(7), E = y(0, 6, r), T = (s = 0) => {
+  const e = ~~g(0, s, 1 / 0) || 0;
   return (n = r) => {
-    const D = s ? {
-      offsets: T
+    const a = e ? {
+      offsets: k
     } : {
-      to: E
-    }, o = _(n);
+      to: F
+    }, o = E(n);
     return p({
       from: ({
-        now: a,
+        now: f,
+        timezone: m,
         systemToTimezone: c,
         timezoneToSystem: i
       }) => {
-        const t = new Date(a), m = new Date(i(a)), e = t.getDay() - m.getDay();
-        if (W(t), e) {
-          const g = e > 1 ? -1 : e < -1 ? 1 : e;
-          t.setDate(t.getDate() - g);
-        }
-        const y = d(o.value, t.getDay()) - s * 7;
-        return t.setDate(t.getDate() + y), c(t);
+        const t = new Date(i(W(f, m, o.value)));
+        return t.setDate(t.getDate() - e * 7), c(t);
       },
-      ...D
+      ...a
     }, {
       firstWeekDay: o.descriptor
     })();
   };
-}, w = u;
+}, d = T;
 export {
   r as DEFAULT_FIRST_WEEK_DAY,
-  T as ONE_WEEK_OFFSETS,
-  w as default
+  k as ONE_WEEK_OFFSETS,
+  d as default
 };

package/dist/es/components/internal/Calendar/calendar/timerange/presets/yearToDate.js

@@ -1,16 +1,13 @@
-import m from "../factory.js";
-import { startOfYear as l, nowTimestamp as n } from "../utils.js";
-const c = m({
+import r from "../factory.js";
+import { nowTimestamp as a } from "../utils.js";
+import { startOfYear as e } from "../../utils.js";
+const m = r({
   from: ({
     now: t,
-    systemToTimezone: a,
-    timezoneToSystem: r
-  }) => {
-    const e = new Date(t), o = new Date(r(t)), s = e.getFullYear() - o.getFullYear();
-    return l(e), e.setFullYear(e.getFullYear() - s), a(e);
-  },
-  to: n
-}), u = c;
+    timezone: o
+  }) => e(t, o),
+  to: a
+}), i = m;
 export {
-  u as default
+  i as default
 };

package/dist/es/components/internal/Calendar/calendar/timerange/utils.js

@@ -1,59 +1,55 @@
-import { systemToTimezone as g, timezoneToSystem as T } from "../../../../../core/Localization/datetime/restamper/utils.js";
-import { clamp as u, isBitSafeInteger as l } from "../../../../../utils/value/number.js";
-import { enumerable as m, getter as z, hasOwnProperty as a } from "../../../../../utils/struct/property.js";
-import { struct as h } from "../../../../../utils/struct/main.js";
-import { isUndefined as O, isNullish as d, isFunction as w } from "../../../../../utils/value/is.js";
-const V = (t) => Object.freeze({
-  systemToTimezone: m((e) => g(t, e)),
-  timezoneToSystem: m((e) => T(t, e)),
-  timezoneOffset: m((e) => t(e).offset)
-}), x = (t, e, s = t) => {
-  const f = (n, r) => {
-    let o = n;
-    d(n) ? o = s : l(n) || (o = r ?? s);
-    const i = u(t, o, e);
-    return i === o ? i : r ?? s;
+import { systemToTimezone as p, timezoneToSystem as g } from "../../../../../core/Localization/datetime/restamper/utils.js";
+import { clamp as T, isBitSafeInteger as l } from "../../../../../utils/value/number.js";
+import { enumerable as m, getter as z, hasOwnProperty as c } from "../../../../../utils/struct/property.js";
+import { struct as u } from "../../../../../utils/struct/main.js";
+import { isUndefined as d, isNullish as h, isFunction as w } from "../../../../../utils/value/is.js";
+const O = (e) => Object.freeze({
+  systemToTimezone: m((t) => p(e, t)),
+  timezoneToSystem: m((t) => g(e, t)),
+  timezoneOffset: m((t) => e(t).offset)
+}), V = (e, t, o = e) => {
+  const a = (n, i) => {
+    let s = n;
+    h(n) ? s = o : l(n) || (s = i ?? o);
+    const r = T(e, s, t);
+    return r === s ? r : i ?? o;
   };
   return (n) => {
-    const r = z(() => o);
-    let o = f(n);
-    return h({
-      value: r,
+    const i = z(() => s);
+    let s = a(n);
+    return u({
+      value: i,
       descriptor: m({
-        ...r,
-        set(i) {
-          const p = o;
-          o = f(i, o), p !== o && (this.now = this.now);
+        ...i,
+        set(r) {
+          const f = s;
+          s = a(r, s), f !== s && (this.now = this.now);
         }
       })
     });
   };
-}, M = (t, e) => (s) => w(s) ? s.call(t, e) : s, P = (t) => !a(t, "offsets"), S = (t) => a(t, "from"), j = ({
-  now: t
-}) => t, D = (() => {
-  const t = /* @__PURE__ */ new Map();
-  return (e) => {
-    let s = t.get(e);
-    return O(s) && (s = Object.freeze([0, 0, e, 0, 0, 0, -1]), t.set(e, s)), s;
+}, x = (e, t) => (o) => w(o) ? o.call(e, t) : o, P = (e) => !c(e, "offsets"), S = (e) => c(e, "from"), j = ({
+  now: e
+}) => e, U = (() => {
+  const e = /* @__PURE__ */ new Map();
+  return (t) => {
+    let o = e.get(t);
+    return d(o) && (o = Object.freeze([0, 0, t, 0, 0, 0, -1]), e.set(t, o)), o;
   };
-})(), U = (t) => {
+})(), W = (e) => {
   try {
-    const e = t instanceof Date || +t === t ? t : void 0, s = new Date(e).getTime();
-    return isNaN(s) ? void 0 : s;
+    const t = e instanceof Date || +e === e ? e : void 0, o = new Date(t).getTime();
+    return isNaN(o) ? void 0 : o;
   } catch {
   }
-}, c = (t) => t.setHours(0, 0, 0, 0), W = (t) => (c(t), t.setDate(1)), _ = (t) => (c(t), t.setMonth(0, 1)), B = (t, e = t) => 0 + (-e % 7 + (t - 7)) % 7;
+};
 export {
-  V as createRangeTimestampsConfigRestampingContext,
-  M as getRangeTimestampsConfigParameterUnwrapper,
-  x as getRangeTimestampsContextIntegerPropertyFactory,
+  O as createRangeTimestampsConfigRestampingContext,
+  x as getRangeTimestampsConfigParameterUnwrapper,
+  V as getRangeTimestampsContextIntegerPropertyFactory,
   S as isRangeTimestampsConfigWithFromOffsets,
   P as isRangeTimestampsConfigWithoutOffsets,
   j as nowTimestamp,
-  D as offsetsForNDays,
-  U as parseRangeTimestamp,
-  c as startOfDay,
-  W as startOfMonth,
-  B as startOfWeekOffset,
-  _ as startOfYear
+  U as offsetsForNDays,
+  W as parseRangeTimestamp
 };

package/dist/es/components/internal/Calendar/calendar/timeslice/TimeSlice.js

@@ -16,27 +16,27 @@ var u = (i, t, s, T) => ({
   }
 });
 import { RANGE_FROM as l, RANGE_TO as d } from "../constants.js";
-import { computeTimestampOffset as o, getEdgesDistance as g } from "../utils.js";
+import { computeTimestampOffset as o, getEdgesDistance as _ } from "../utils.js";
 var p, h, m, a, r;
-class N {
+class w {
   constructor(...t) {
     n(this, p, 1 / 0);
     n(this, h, 1 / 0);
     n(this, m, -1 / 0);
     n(this, a, 0);
     n(this, r, 0);
-    if (t.length >= 2) {
-      let s = new Date(t[0]).getTime();
-      if (typeof t[1] != "symbol")
-        f(this, m, s || e(this, m)), f(this, h, new Date(t[1]).getTime() || e(this, h)), e(this, h) < e(this, m) && ([u(this, h)._, u(this, m)._] = [e(this, m), e(this, h)]), f(this, r, o(e(this, m))), f(this, a, o(e(this, h))), f(this, p, g(e(this, m), e(this, h)) + 1);
+    if (t.length >= 3) {
+      let s = new Date(t[1]).getTime();
+      if (typeof t[2] != "symbol")
+        f(this, m, s || e(this, m)), f(this, h, new Date(t[2]).getTime() || e(this, h)), e(this, h) < e(this, m) && ([u(this, h)._, u(this, m)._] = [e(this, m), e(this, h)]), f(this, r, o(e(this, m), t[0])), f(this, a, o(e(this, h), t[0])), f(this, p, _(e(this, m), e(this, h), t[0]) + 1);
       else if (!isNaN(s))
-        switch (t[1]) {
+        switch (t[2]) {
           case d:
-            f(this, h, s), f(this, a, o(e(this, h)));
+            f(this, h, s), f(this, a, o(e(this, h), t[0]));
             break;
           case l:
           default:
-            f(this, m, s), f(this, r, o(e(this, m)));
+            f(this, m, s), f(this, r, o(e(this, m), t[0]));
             break;
         }
     }
@@ -59,5 +59,5 @@ class N {
 }
 p = new WeakMap(), h = new WeakMap(), m = new WeakMap(), a = new WeakMap(), r = new WeakMap();
 export {
-  N as default
+  w as default
 };

package/dist/es/components/internal/Calendar/calendar/timeslice/index.js

@@ -1,33 +1,32 @@
-import m from "./TimeSlice.js";
-import { RANGE_FROM as n, RANGE_TO as a } from "../constants.js";
-import { struct as s } from "../../../../../utils/struct/main.js";
-const o = (...e) => {
-  const t = new m(...e);
-  return s({
-    from: {
-      value: t.startTimestamp
-    },
-    to: {
-      value: t.endTimestamp
-    },
+import n from "./TimeSlice.js";
+import { RANGE_FROM as c, RANGE_TO as l } from "../constants.js";
+import { withTimezone as r } from "../utils.js";
+import { struct as f } from "../../../../../utils/struct/main.js";
+import { getter as o } from "../../../../../utils/struct/property.js";
+const m = (...s) => {
+  let t = r().tz.current, e = new n(t, ...s);
+  return f({
+    from: o(() => e.startTimestamp, !1),
+    to: o(() => e.endTimestamp, !1),
     offsets: {
-      value: s({
-        from: {
-          value: t.startTimestampOffset
-        },
-        to: {
-          value: t.endTimestampOffset
-        }
+      value: f({
+        from: o(() => e.startTimestampOffset, !1),
+        to: o(() => e.endTimestampOffset, !1)
       })
     },
-    span: {
-      value: t.numberOfMonths
+    span: o(() => e.numberOfMonths, !1),
+    timezone: {
+      ...o(() => t, !1),
+      set: (i) => {
+        const a = t;
+        t = r(i ?? void 0).tz.current, t !== a && (e = new n(t, ...s));
+      }
     }
   });
-}, r = o(), l = () => o(Date.now(), n), u = () => o(Date.now(), a), p = (...e) => e.length === 0 ? r : o(...e);
+}, p = m(), N = () => m(Date.now(), c), O = () => m(Date.now(), l), d = (...s) => s.length === 0 ? p : m(...s);
 export {
-  r as UNBOUNDED_SLICE,
-  p as default,
-  l as sinceNow,
-  u as untilNow
+  p as UNBOUNDED_SLICE,
+  d as default,
+  N as sinceNow,
+  O as untilNow
 };

package/dist/es/components/internal/Calendar/calendar/utils.js

@@ -1,20 +1,68 @@
-import { isInfinity as c, mod as f } from "../../../../utils/value/number.js";
-import { isUndefined as g } from "../../../../utils/value/is.js";
-const h = (t) => c(t) ? 0 : t - new Date(t).setHours(0, 0, 0, 0), i = (t) => g(t) ? t : new Date(t), M = (t, n) => {
-  if (c(t) || c(n))
-    return 1 / 0;
-  const e = new Date(t), o = new Date(n);
-  return Math.abs(o.getMonth() - e.getMonth() + (o.getFullYear() - e.getFullYear()) * 12);
-}, l = (() => {
-  const t = [31, [29, 28], 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
-  return (n, e, o = 0) => {
-    const a = n + o, r = f(a, 12), s = e + Math.floor(a / 12);
-    return [r === 1 ? t[1][(s % 100 ? s % 4 : s % 400) && 1] : t[r], r, s];
+import { BASE_FORMAT_OPTIONS as p, BASE_LOCALE as u } from "../../../../core/Localization/datetime/restamper/constants.js";
+import { DEFAULT_DATETIME_FORMAT as f } from "../../../../core/Localization/constants/localization.js";
+import O from "../../../../core/Localization/datetime/restamper/restamper.js";
+import { timezoneToSystem as E, systemToTimezone as M } from "../../../../core/Localization/datetime/restamper/utils.js";
+import { isInfinity as m, mod as g } from "../../../../utils/value/number.js";
+import { identity as A } from "../../../../utils/common.js";
+import { EMPTY_ARRAY as _, EMPTY_OBJECT as y } from "../../../../utils/value/constants.js";
+import { isUndefined as S } from "../../../../utils/value/is.js";
+const Y = /^(\d{2})\/(\d{2})\/(-?\d+),\s+(\d{2}):(\d{2}):(\d{2}).(\d{3})/, c = (t = A) => (e, o, ...n) => {
+  const s = d(o), r = new Date(E(s, e));
+  return r.setHours(0, 0, 0, 0), M(s, t(r, ...n));
+}, z = c(), C = c((t) => t.setDate(1)), U = c((t) => t.setMonth(0, 1)), W = c((t, e) => {
+  const o = R(t.getDay(), e ?? 0);
+  return t.setDate(t.getDate() - o);
+}), I = (t) => (t % 100 ? t % 4 : t % 400) === 0, Z = (t, e, o = 0) => {
+  const n = t + o, s = g(n, 12), r = e + Math.floor(n / 12);
+  let a = 31;
+  switch (s) {
+    case 1:
+      a = I(r) ? 29 : 28;
+      break;
+    case 3:
+    case 5:
+    case 8:
+    case 10:
+      a = 30;
+      break;
+  }
+  return [a, s, r];
+}, R = (t, e = 0) => (7 - e + t) % 7, j = (t, e) => m(t) ? 0 : t - z(t, e), v = (t) => S(t) ? t : new Date(t), w = (t, e = y) => {
+  const o = d(e.timeZone), n = {
+    ...f,
+    ...e,
+    timeZone: o.tz.current
   };
+  return new Date(t).toLocaleDateString(u, n);
+}, i = (t, e) => {
+  const o = w(t, {
+    ...p,
+    ...f,
+    timeZone: e,
+    hour12: !1
+  }), [, n = "", s = "", r = "", a = "", D = "", T = "", h = ""] = o.match(Y) ?? _;
+  return [+r, +n - 1, +s, +a % 24, +D, +T, +h];
+}, G = (t, e, o) => {
+  if (m(t) || m(e))
+    return 1 / 0;
+  const [n, s] = i(t, o), [r, a] = i(e, o);
+  return Math.abs(a - s + (r - n) * 12);
+}, d = (() => {
+  const t = O();
+  return (e) => (t.tz = void 0, t.tz = e, t);
 })();
 export {
-  h as computeTimestampOffset,
-  i as getDateObjectFromTimestamp,
-  M as getEdgesDistance,
-  l as getMonthDays
+  j as computeTimestampOffset,
+  v as getDateObjectFromTimestamp,
+  G as getEdgesDistance,
+  Z as getMonthDays,
+  i as getTimezoneDateParts,
+  w as getTimezoneDateString,
+  R as getWeekDayIndex,
+  I as isLeapYear,
+  z as startOfDay,
+  C as startOfMonth,
+  W as startOfWeek,
+  U as startOfYear,
+  d as withTimezone
 };

package/dist/es/components/internal/Calendar/hooks/useCalendar.js

@@ -1,11 +1,11 @@
-import { useState as q, useMemo as l, useRef as J, useCallback as $, useImperativeHandle as y, useEffect as A } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import z from "../../../../core/Context/useCoreContext.js";
-import { getDateObjectFromTimestamp as P } from "../calendar/utils.js";
-import G from "../../../../hooks/element/useFocusCursor.js";
+import { useState as J, useMemo as l, useRef as $, useCallback as y, useImperativeHandle as G, useEffect as P } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import Q from "../../../../core/Context/useCoreContext.js";
+import { getDateObjectFromTimestamp as K } from "../calendar/utils.js";
+import U from "../../../../hooks/element/useFocusCursor.js";
 import n from "../calendar/facade/index.js";
 import { EMPTY_OBJECT as u } from "../../../../utils/value/constants.js";
-import { isFunction as K } from "../../../../utils/value/is.js";
-const Q = ({
+import { isFunction as L } from "../../../../utils/value/is.js";
+const X = ({
   blocks: a,
   controls: f,
   dynamicBlockRows: m,
@@ -13,24 +13,25 @@ const Q = ({
   highlight: p,
   locale: C,
   onHighlight: s,
-  originDate: L,
+  originDate: w,
   renderControl: N,
   sinceDate: E,
-  trackCurrentDay: M,
-  untilDate: T,
-  useYearView: d
-}, w) => {
+  timezone: M,
+  trackCurrentDay: T,
+  untilDate: d,
+  useYearView: b
+}, B) => {
   const {
-    i18n: b
-  } = z(), [B, R] = q(performance.now()), O = l(() => n.slice(E, T), [E, T]), x = J(u), F = l(() => f ?? (K(N) ? n.controls.MINIMAL : n.controls.NONE), [f, N]), I = l(() => p ?? (K(s) ? n.highlight.ONE : n.highlight.NONE), [p, s]), {
+    i18n: O
+  } = Q(), [R, S] = J(performance.now()), x = l(() => n.slice(E, d), [E, d]), F = $(u), I = l(() => f ?? (L(N) ? n.controls.MINIMAL : n.controls.NONE), [f, N]), k = l(() => p ?? (L(s) ? n.highlight.ONE : n.highlight.NONE), [p, s]), {
     grid: t,
-    kill: S
+    kill: _
   } = l(() => {
     const {
       grid: e,
       kill: r
     } = n(function() {
-      R(performance.now()), x.current = this, !(o === e.highlight.from && h === e.highlight.to) && (o = e.highlight.from, h = e.highlight.to, s == null || s(o, h));
+      S(performance.now()), F.current = this, !(o === e.highlight.from && h === e.highlight.to) && (o = e.highlight.from, h = e.highlight.to, s == null || s(o, h));
     });
     let {
       from: o,
@@ -39,9 +40,9 @@ const Q = ({
     return e.config.cursorIndex = (i) => {
       let c = i.target;
       for (; c && c !== i.currentTarget; ) {
-        const k = Number(c.dataset.cursorPosition);
-        if (Number.isFinite(k))
-          return k;
+        const A = Number(c.dataset.cursorPosition);
+        if (Number.isFinite(A))
+          return A;
         c = c.parentNode;
       }
     }, e.config.shiftFactor = function(i) {
@@ -51,7 +52,7 @@ const Q = ({
       grid: e,
       kill: r
     };
-  }, []), _ = l(() => {
+  }, []), j = l(() => {
     const e = (r) => {
       t.cursor(r);
     };
@@ -63,10 +64,10 @@ const Q = ({
         t.cursor(r) && r.preventDefault();
       }
     };
-  }, [t]), j = G($((e, r) => {
+  }, [t]), q = U(y((e, r) => {
     r instanceof Element && r.removeAttribute("aria-selected"), e instanceof Element && e.setAttribute("aria-selected", "true");
   }, []));
-  return y(w, () => {
+  return G(B, () => {
     const {
       from: e,
       to: r
@@ -77,43 +78,44 @@ const Q = ({
       },
       get config() {
         return {
-          ...x.current ?? u
+          ...F.current ?? u
         };
       },
       get from() {
-        return P(e);
+        return K(e);
       },
       set from(o) {
         t != null && t.highlight && o && (t.highlight.from = o.getTime());
       },
       get to() {
-        return P(r);
+        return K(r);
       },
       set to(o) {
         t != null && t.highlight && o && (t.highlight.to = o.getTime());
       }
     };
-  }, [t, B]), A(() => {
+  }, [t, R]), P(() => {
     t.config({
       blocks: a,
-      controls: F,
+      controls: I,
       firstWeekDay: g,
       fixedBlockHeight: !m,
-      highlight: I,
-      locale: C ?? b.locale,
-      minified: d,
-      timeslice: O,
-      trackCurrentDay: M
+      highlight: k,
+      locale: C ?? O.locale,
+      minified: b,
+      timeslice: x,
+      timezone: M,
+      trackCurrentDay: T
     });
-  }, [F, I, a, m, g, t, b, C, O, M, d]), A(() => {
-    const e = [].concat(L).slice(0, 2).map(Number).filter(Boolean);
-    return e[0] && (t.highlight.from = +e[0]), e[1] && (t.highlight.to = +e[1]), S;
+  }, [I, k, a, m, g, t, O, C, x, M, T, b]), P(() => {
+    const e = [].concat(w).slice(0, 2).map(Number).filter(Boolean);
+    return e[0] && (t.highlight.from = +e[0]), e[1] && (t.highlight.to = +e[1]), _;
   }, []), {
-    cursorElementRef: j,
-    cursorRootProps: _,
+    cursorElementRef: q,
+    cursorRootProps: j,
     grid: t
   };
-}, H = Q;
+}, v = X;
 export {
-  H as default
+  v as default
 };

package/dist/es/components/internal/Calendar/hooks/useTimezone.js

@@ -10,13 +10,13 @@ const {
   getTimezoneTime: R,
   getUsedTimezone: U
 } = (() => {
-  const n = /(\d{2}):(\d{2})(?=:\d{2}(?:\.\d+)?\s+([AP]M))/i, m = /^GMT|0(?=\d:00)|:00/g, e = M();
+  const n = /\d{2}:\d{2}(?=:\d{2}(?:\.\d+)?\s+([AP]M))/i, m = /^GMT|0(?=\d:00)|:00/g, e = M();
   return {
     getTimezoneTime: (t, i = Date.now()) => {
       e.tz = t;
       const {
         formatted: o
-      } = e(i), [f = "", , , s = ""] = (o == null ? void 0 : o.match(n)) ?? F, u = l(o), z = `${f}${s && ` ${s}`}`, p = E(u).replace(m, "");
+      } = e(i), [f = "", s = ""] = (o == null ? void 0 : o.match(n)) ?? F, u = l(o), z = `${f}${s && ` ${s}`}`, p = E(u).replace(m, "");
       return [z, p];
     },
     getUsedTimezone: (t) => (e.tz = t, e.tz.current)

package/dist/es/components/internal/Card/Card.js

@@ -1,35 +1,35 @@
-import { CARD_BASE_CLASS as i, CARD_FILLED as o, CARD_NO_OUTLINE as h, CARD_HEADER as L, CARD_HEADER_CONTENT as O, CARD_TITLE as n, CARD_SUBTITLE as p, CARD_BODY as I, CARD_BODY_WITH_TITLE as f, CARD_FOOTER as B } from "./constants.js";
+import { CARD_BASE_CLASS as l, CARD_FILLED as o, CARD_NO_OUTLINE as h, CARD_HEADER as L, CARD_HEADER_CONTENT as O, CARD_TITLE as n, CARD_SUBTITLE as p, CARD_BODY as I, CARD_BODY_WITH_TITLE as f, CARD_FOOTER as B } from "./constants.js";
 import A from "classnames";
 import "./Card.scss.js";
 import { jsx as s } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 const S = ({
   title: c,
-  subTitle: D,
+  subTitle: _,
   children: C,
-  footer: _,
+  footer: m,
   el: R,
   renderHeader: a,
-  renderFooter: m,
+  renderFooter: D,
   filled: E,
   noOutline: N,
-  classNameModifiers: l
+  classNameModifiers: T
 }) => {
-  const T = R || "header";
+  const i = R || "header";
   return s("section", {
-    className: A(i, {
+    className: A(l, {
       [o]: E,
       [h]: N
-    }, l),
-    children: [(c || a) && s(T, {
+    }, T),
+    children: [(c || a) && s(i, {
       className: L,
       children: (c || a) && s("div", {
         className: O,
         children: [a || s("span", {
           className: n,
           children: c
-        }), D && s("div", {
+        }), _ && s("div", {
           className: p,
-          children: D
+          children: _
         })]
       })
     }), s("div", {
@@ -37,12 +37,12 @@ const S = ({
         [f]: c || a
       }),
       children: C
-    }), (_ || m) && s("footer", {
+    }), (m || D) && s("footer", {
       className: B,
-      children: m || _
+      children: D || m
     })]
   });
-}, x = S;
+}, u = S;
 export {
-  x as default
+  u as default
 };

package/dist/es/components/internal/DataGrid/DataGrid.js

@@ -4,9 +4,9 @@ import "./DataGrid.scss.js";
 import { TableBody as w } from "./components/TableBody.js";
 import { InteractiveBody as C } from "./components/InteractiveBody.js";
 import _ from "./components/SkeletonBody.js";
-import { ErrorMessageDisplay as N } from "../ErrorMessageDisplay/ErrorMessageDisplay.js";
+import { ErrorMessageDisplay as T } from "../ErrorMessageDisplay/ErrorMessageDisplay.js";
 import { useMemo as n } from "../../../external/preact/hooks/dist/hooks.module.js";
-import T from "../../../images/no-data-female.svg.js";
+import N from "../../../images/no-data-female.svg.js";
 import { DataGridProvider as k } from "./utils/DataGridProvider.js";
 import { useDataGridContext as x } from "./hooks/useDataGridContext.js";
 import { TableHeaderCell as B } from "./components/TableHeaderCell.js";
@@ -80,10 +80,10 @@ function R({
             columns: o,
             emptyBody: l
           })]
-        }), u && (l && !a.error ? d(N, {
+        }), u && (l && !a.error ? d(T, {
           title: ((r = a.emptyTableMessage) == null ? void 0 : r.title) ?? "thereAreNoResults",
           message: (m = a.emptyTableMessage) == null ? void 0 : m.message,
-          imageDesktop: T,
+          imageDesktop: N,
           centered: !0
         }) : a.error && e ? e() : null)]
       }), g]