@adyen/adyen-platform-experience-web 1.0.0-beta → 1.0.0-beta.2

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

@@ -1,27 +1,23 @@
-import __TimeSlice__ from "./TimeSlice.js";
-import { RANGE_FROM, RANGE_TO } from "../constants.js";
-import { struct } from "../../../../../utils/common/index.js";
-const factory = (...args) => {
-  const slice = new __TimeSlice__(...args);
-  return struct({
-    from: { value: slice.startTimestamp },
-    to: { value: slice.endTimestamp },
+import m from "./TimeSlice.js";
+import { RANGE_FROM as n, RANGE_TO as a } from "../constants.js";
+import { struct as s } from "../../../../../utils/common/index.js";
+const o = (...e) => {
+  const t = new m(...e);
+  return s({
+    from: { value: t.startTimestamp },
+    to: { value: t.endTimestamp },
     offsets: {
-      value: struct({
-        from: { value: slice.startTimestampOffset },
-        to: { value: slice.endTimestampOffset }
+      value: s({
+        from: { value: t.startTimestampOffset },
+        to: { value: t.endTimestampOffset }
       })
     },
-    span: { value: slice.numberOfMonths }
+    span: { value: t.numberOfMonths }
   });
-};
-const UNBOUNDED_SLICE = factory();
-const sinceNow = () => factory(Date.now(), RANGE_FROM);
-const untilNow = () => factory(Date.now(), RANGE_TO);
-const timeslice = (...args) => args.length === 0 ? UNBOUNDED_SLICE : factory(...args);
+}, r = o(), l = () => o(Date.now(), n), u = () => o(Date.now(), a), p = (...e) => e.length === 0 ? r : o(...e);
 export {
-  UNBOUNDED_SLICE,
-  timeslice as default,
-  sinceNow,
-  untilNow
+  r as UNBOUNDED_SLICE,
+  p as default,
+  l as sinceNow,
+  u as untilNow
 };

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

@@ -0,0 +1,15 @@
+var R = /* @__PURE__ */ ((E) => (E[E.CURRENT = 1] = "CURRENT", E[E.CURSOR = 2] = "CURSOR", E[E.WEEKEND = 4] = "WEEKEND", E[E.LINE_START = 8] = "LINE_START", E[E.LINE_END = 16] = "LINE_END", E[E.WITHIN_BLOCK = 32] = "WITHIN_BLOCK", E[E.BLOCK_START = 64] = "BLOCK_START", E[E.BLOCK_END = 128] = "BLOCK_END", E[E.WITHIN_RANGE = 256] = "WITHIN_RANGE", E[E.RANGE_START = 512] = "RANGE_START", E[E.RANGE_END = 1024] = "RANGE_END", E[E.WITHIN_SELECTION = 2048] = "WITHIN_SELECTION", E[E.SELECTION_START = 4096] = "SELECTION_START", E[E.SELECTION_END = 8192] = "SELECTION_END", E[E.ALL = 16383] = "ALL", E))(R || {}), N = /* @__PURE__ */ ((E) => (E[E.PREV = 1] = "PREV", E[E.BLOCK = 0] = "BLOCK", E[E.FRAME = 2] = "FRAME", E[E.PERIOD = 4] = "PERIOD", E))(N || {}), _ = /* @__PURE__ */ ((E) => (E[E.PREV_PERIOD = 5] = "PREV_PERIOD", E[E.PREV_FRAME = 3] = "PREV_FRAME", E[E.PREV = 1] = "PREV", E[
+  E.NEXT = 0
+  /* BLOCK */
+] = "NEXT", E[
+  E.NEXT_FRAME = 2
+  /* FRAME */
+] = "NEXT_FRAME", E[
+  E.NEXT_PERIOD = 4
+  /* PERIOD */
+] = "NEXT_PERIOD", E))(_ || {});
+export {
+  N as CalendarShiftControlFlag,
+  _ as CalendarShiftControlsFlag,
+  R as TimeFlag
+};

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

@@ -1,26 +1,19 @@
-import { isInfinite, mod } from "../../../../utils/common/index.js";
-const computeTimestampOffset = (timestamp) => isInfinite(timestamp) ? 0 : timestamp - new Date(timestamp).setHours(0, 0, 0, 0);
-const getDateObjectFromTimestamp = (timestamp) => timestamp === void 0 ? timestamp : new Date(timestamp);
-const getEdgesDistance = (fromTime, toTime) => {
-  if (isInfinite(fromTime) || isInfinite(toTime))
-    return Infinity;
-  const from = new Date(fromTime);
-  const to = new Date(toTime);
-  return Math.abs(to.getMonth() - from.getMonth() + (to.getFullYear() - from.getFullYear()) * 12);
-};
-const getMonthDays = (() => {
-  const DAYS = [31, [29, 28], 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
-  return (month, year, offset = 0) => {
-    const nextMonth = month + offset;
-    const monthIndex = mod(nextMonth, 12);
-    const nextYear = year + Math.floor(nextMonth / 12);
-    const days = monthIndex === 1 ? DAYS[1][(nextYear % 100 ? nextYear % 4 : nextYear % 400) && 1] : DAYS[monthIndex];
-    return [days, monthIndex, nextYear];
+import { isInfinite as c, mod as g } from "../../../../utils/common/index.js";
+const f = (t) => c(t) ? 0 : t - new Date(t).setHours(0, 0, 0, 0), h = (t) => t === void 0 ? t : new Date(t), d = (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);
+}, M = (() => {
+  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 = g(a, 12), s = e + Math.floor(a / 12);
+    return [r === 1 ? t[1][(s % 100 ? s % 4 : s % 400) && 1] : t[r], r, s];
   };
 })();
 export {
-  computeTimestampOffset,
-  getDateObjectFromTimestamp,
-  getEdgesDistance,
-  getMonthDays
+  f as computeTimestampOffset,
+  h as getDateObjectFromTimestamp,
+  d as getEdgesDistance,
+  M as getMonthDays
 };

package/dist/es/components/internal/Calendar/clock/clock.js

@@ -1,45 +1,27 @@
-import watchable from "../../../../utils/watchable/index.js";
-import { struct } from "../../../../utils/common/index.js";
-const clock = (() => {
-  let timestamp = null;
-  let controller;
-  const animationInterval = (ms, signal, callback) => {
-    const start = document.timeline.currentTime ?? performance.now();
-    const scheduleFrame = (time) => {
-      const elapsed = time - start;
-      const roundedElapsed = Math.round(elapsed / ms) * ms;
-      const targetNext = start + roundedElapsed + ms;
-      const delay = targetNext - performance.now();
-      setTimeout(() => requestAnimationFrame(frame), delay);
+import f from "../../../../utils/watchable/index.js";
+import { struct as h } from "../../../../utils/common/index.js";
+const g = (() => {
+  let t = null, a;
+  const s = (n, i, u) => {
+    const o = document.timeline.currentTime ?? performance.now(), l = (r) => {
+      const p = r - o, w = Math.round(p / n) * n, b = o + w + n - performance.now();
+      setTimeout(() => requestAnimationFrame(d), b);
+    }, d = (r) => {
+      i.aborted || (l(r), u());
     };
-    const frame = (time) => {
-      if (signal.aborted)
-        return;
-      scheduleFrame(time);
-      callback();
-    };
-    scheduleFrame(start);
-  };
-  const animationIntervalCallback = () => {
-    timestamp = Date.now();
-    watchable$1.notify();
-  };
-  const getTimestamp = () => timestamp ?? Date.now();
-  const watchable$1 = watchable({ timestamp: getTimestamp });
-  watchable$1.callback.resume = () => {
-    controller = new AbortController();
-    timestamp = Date.now();
-    animationInterval(1e3, controller.signal, animationIntervalCallback);
-  };
-  watchable$1.callback.idle = () => {
-    controller.abort();
-    timestamp = null;
-  };
-  return struct({
-    timestamp: { get: getTimestamp },
-    watch: { value: watchable$1.watch }
+    l(o);
+  }, m = () => {
+    t = Date.now(), e.notify();
+  }, c = () => t ?? Date.now(), e = f({ timestamp: c });
+  return e.callback.resume = () => {
+    a = new AbortController(), t = Date.now(), s(1e3, a.signal, m);
+  }, e.callback.idle = () => {
+    a.abort(), t = null;
+  }, h({
+    timestamp: { get: c },
+    watch: { value: e.watch }
   });
-})();
+})(), D = g;
 export {
-  clock as default
+  D as default
 };

package/dist/es/components/internal/Calendar/clock/today.js

@@ -1,66 +1,46 @@
-import clock from "./clock.js";
-import restamper from "../../../../core/Localization/datetime/restamper/restamper.js";
-import "../../../../core/Localization/datetime/restamper/constants.js";
-import { timezoneToSystem, systemToTimezone } from "../../../../core/Localization/datetime/restamper/utils.js";
-import watchable from "../../../../utils/watchable/index.js";
-import { struct } from "../../../../utils/common/index.js";
-const today = (() => {
-  const timezones = /* @__PURE__ */ new Map();
-  const restamper$1 = restamper();
-  const getTimestampWithTomorrowOffset = (withTimestamp = clock.timestamp) => {
-    const date = new Date(withTimestamp);
-    const restampedDate = new Date(timezoneToSystem(restamper$1, withTimestamp));
-    const dateDiff = date.getDate() - restampedDate.getDate();
-    if (dateDiff) {
-      const dateOffset = dateDiff > 1 ? -1 : dateDiff < -1 ? 1 : dateDiff;
-      date.setDate(date.getDate() - dateOffset);
+import D from "../../../../utils/watchable/index.js";
+import { struct as T } from "../../../../utils/common/index.js";
+import i from "./clock.js";
+import d from "../../../../core/Localization/datetime/restamper/restamper.js";
+import { timezoneToSystem as g, systemToTimezone as z } from "../../../../core/Localization/datetime/restamper/utils.js";
+const w = (() => {
+  const u = /* @__PURE__ */ new Map(), r = d(), f = (a = i.timestamp) => {
+    const t = new Date(a), o = new Date(g(r, a)), e = t.getDate() - o.getDate();
+    if (e) {
+      const n = e > 1 ? -1 : e < -1 ? 1 : e;
+      t.setDate(t.getDate() - n);
     }
-    const currentTimestamp = systemToTimezone(restamper$1, date.setHours(0, 0, 0, 0));
-    const nextTimestamp = systemToTimezone(restamper$1, date.setDate(date.getDate() + 1));
-    return [currentTimestamp, nextTimestamp - currentTimestamp];
+    const s = z(r, t.setHours(0, 0, 0, 0)), m = z(r, t.setDate(t.getDate() + 1));
+    return [s, m - s];
   };
-  return (timezone) => {
-    restamper$1.tz = timezone;
-    const tz = restamper$1.tz.current;
-    return timezones.get(tz) ?? (() => {
-      let timestamp = null;
-      let tomorrowOffset = null;
-      let unwatch = null;
-      const getTimestamp = () => {
-        restamper$1.tz = tz;
-        return timestamp ?? getTimestampWithTomorrowOffset()[0];
-      };
-      const refreshTimestamps = (withTimestamp = clock.timestamp) => {
-        restamper$1.tz = tz;
-        [timestamp, tomorrowOffset] = getTimestampWithTomorrowOffset(withTimestamp);
-      };
-      const watchable$1 = watchable({ timestamp: getTimestamp });
-      watchable$1.callback.resume = () => {
-        unwatch = clock.watch((snapshotOrSignal) => {
-          if (snapshotOrSignal === watchable.UNWATCH)
-            return;
-          if (timestamp === null || tomorrowOffset === null)
-            return refreshTimestamps();
-          if (clock.timestamp - timestamp < tomorrowOffset)
-            return;
-          refreshTimestamps();
-          watchable$1.notify();
+  return (a) => {
+    r.tz = a;
+    const t = r.tz.current;
+    return u.get(t) ?? (() => {
+      let o = null, e = null, s = null;
+      const m = () => (r.tz = t, o ?? f()[0]), n = (l = i.timestamp) => {
+        r.tz = t, [o, e] = f(l);
+      }, c = D({ timestamp: m });
+      c.callback.resume = () => {
+        s = i.watch((l) => {
+          if (l !== D.UNWATCH) {
+            if (o === null || e === null)
+              return n();
+            i.timestamp - o < e || (n(), c.notify());
+          }
         });
+      }, c.callback.idle = () => {
+        s == null || s(), o = e = s = null;
       };
-      watchable$1.callback.idle = () => {
-        unwatch == null ? void 0 : unwatch();
-        timestamp = tomorrowOffset = unwatch = null;
-      };
-      const instance = struct({
-        timestamp: { get: getTimestamp },
-        timezone: { value: tz },
-        watch: { value: watchable$1.watch }
+      const p = T({
+        timestamp: { get: m },
+        timezone: { value: t },
+        watch: { value: c.watch }
       });
-      timezones.set(tz, instance);
-      return instance;
+      return u.set(t, p), p;
     })();
   };
-})();
+})(), $ = w;
 export {
-  today as default
+  $ as default
 };

package/dist/es/components/internal/Calendar/components/CalendarControls/CalendarControls.js

@@ -1,14 +1,9 @@
-import { o } from "../../../../../../jsxRuntime.module-69493d81.mjs";
-import { x } from "../../../../../../compat.module-a4d537ff.mjs";
-import calendar from "../../calendar/facade/index.js";
-import { isFunction } from "../../../../../utils/common/index.js";
-import { k } from "../../../../../../preact.module-38e5a571.mjs";
-const CalendarControls = ({ config, grid: { controls }, renderer }) => {
-  if (config.controls === calendar.controls.NONE || !isFunction(renderer))
-    return null;
-  return /* @__PURE__ */ o(k, { children: controls.map(([control, handle]) => renderer(control, handle)) });
-};
-const CalendarControls$1 = x(CalendarControls);
+import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { memo as s } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { isFunction as l } from "../../../../../utils/common/index.js";
+import i from "../../calendar/facade/index.js";
+import { Fragment as c } from "../../../../../external/preact/dist/preact.module.js";
+const e = ({ config: r, grid: { controls: t }, renderer: o }) => r.controls === i.controls.NONE || !l(o) ? null : /* @__PURE__ */ a(c, { children: t.map(([n, m]) => o(n, m)) }), x = s(e);
 export {
-  CalendarControls$1 as default
+  x as default
 };

package/dist/es/components/internal/Calendar/components/CalendarGrid/CalendarGrid.js

@@ -1,40 +1,38 @@
-import '../../../../../../CalendarGrid.css';
-import { o } from "../../../../../../jsxRuntime.module-69493d81.mjs";
-import { k, x } from "../../../../../../compat.module-a4d537ff.mjs";
-import CalendarGridDate from "./CalendarGridDate.js";
-import CalendarGridDayOfWeek from "./CalendarGridDayOfWeek.js";
-const Calendar = "";
-const CalendarGrid = k(({ cursorRootProps, onlyCellsWithin, prepare, grid }, cursorElementRef) => /* @__PURE__ */ o("ol", { className: "adyen-pe-calendar", role: "none", ...cursorRootProps, children: grid.map((block) => /* @__PURE__ */ o("li", { className: "adyen-pe-calendar__month", role: "none", children: [
-  /* @__PURE__ */ o("div", { className: "adyen-pe-calendar__month-name", role: "none", children: /* @__PURE__ */ o("time", { dateTime: block.datetime, "aria-hidden": "true", children: block.label }) }),
-  /* @__PURE__ */ o(
+import { jsx as e } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { memo as c, forwardRef as p } from "../../../../../external/preact/compat/dist/compat.module.js";
+import h from "./CalendarGridDate.js";
+import y from "./CalendarGridDayOfWeek.js";
+import "../../Calendar.scss.js";
+const _ = p(({ cursorRootProps: t, onlyCellsWithin: i, prepare: d, grid: r }, s) => /* @__PURE__ */ e("ol", { className: "adyen-pe-calendar", role: "none", ...t, children: r.map((a) => /* @__PURE__ */ e("li", { className: "adyen-pe-calendar__month", role: "none", children: [
+  /* @__PURE__ */ e("div", { className: "adyen-pe-calendar__month-name", role: "none", children: /* @__PURE__ */ e("time", { dateTime: a.datetime, "aria-hidden": "true", children: a.label }) }),
+  /* @__PURE__ */ e(
     "table",
     {
       role: "grid",
-      "aria-multiselectable": true,
-      "aria-label": `${block.label} calendar`,
+      "aria-multiselectable": !0,
+      "aria-label": `${a.label} calendar`,
       className: "adyen-pe-calendar__grid",
-      style: { "--adyen-pe-calendar-rowspan": grid.rowspan },
+      style: { "--adyen-pe-calendar-rowspan": r.rowspan },
       children: [
-        /* @__PURE__ */ o("thead", { children: /* @__PURE__ */ o("tr", { className: "adyen-pe-calendar__row", children: grid.weekdays.map((data, index) => /* @__PURE__ */ o(CalendarGridDayOfWeek, { grid, block, prepare, cell: index, ...data }, data.labels["long"])) }) }),
-        /* @__PURE__ */ o("tbody", { children: block.map((row, rowindex) => /* @__PURE__ */ o("tr", { className: "adyen-pe-calendar__row", children: row.map((data, index) => /* @__PURE__ */ o(
-          CalendarGridDate,
+        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { className: "adyen-pe-calendar__row", children: r.weekdays.map((l, n) => /* @__PURE__ */ e(y, { grid: r, block: a, prepare: d, cell: n, ...l }, l.labels.long)) }) }),
+        /* @__PURE__ */ e("tbody", { children: a.map((l, n) => /* @__PURE__ */ e("tr", { className: "adyen-pe-calendar__row", children: l.map((m, o) => /* @__PURE__ */ e(
+          h,
           {
-            ref: cursorElementRef,
-            grid,
-            block,
-            prepare,
-            cell: index,
-            onlyCellsWithin,
-            row: rowindex,
-            ...data
+            ref: s,
+            grid: r,
+            block: a,
+            prepare: d,
+            cell: o,
+            onlyCellsWithin: i,
+            row: n,
+            ...m
           },
-          `${block.month}:${data.timestamp}`
-        )) }, `${block.month}:${rowindex}`)) })
+          `${a.month}:${m.timestamp}`
+        )) }, `${a.month}:${n}`)) })
       ]
     }
   )
-] }, block.datetime)) }));
-const CalendarGrid$1 = x(CalendarGrid);
+] }, a.datetime)) })), C = c(_);
 export {
-  CalendarGrid$1 as default
+  C as default
 };

package/dist/es/components/internal/Calendar/components/CalendarGrid/CalendarGridDate.js

@@ -1,75 +1,50 @@
-import { o } from "../../../../../../jsxRuntime.module-69493d81.mjs";
-import { getClassName } from "../../../../../utils/class-name-utils.js";
-import { k, x } from "../../../../../../compat.module-a4d537ff.mjs";
-import { propsProperty, property } from "./utils.js";
-import { EMPTY_OBJECT } from "../../../../../utils/common/constants.js";
-import { C as CalendarGridRenderToken } from "../../../../../../types-0027b7c2.mjs";
-import memoComparator from "../../../../../utils/memoComparator/memoComparator.js";
-const DEFAULT_DATE_CELL_CLASSNAME = "adyen-pe-calendar__cell adyen-pe-calendar__cell--date";
-const DEFAULT_DATE_TIME_CLASSNAME = "adyen-pe-calendar__date";
-const getGridDateRenderProps = (computedProps = EMPTY_OBJECT, prepare) => {
-  const renderProps = propsProperty.unwrapped(
+import { jsx as E } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { getClassName as N } from "../../../../../utils/class-name-utils.js";
+import { memo as u, forwardRef as w } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { propsProperty as y, property as s } from "./utils.js";
+import { CalendarGridRenderToken as O } from "../../types.js";
+import l from "../../../../../utils/memoComparator/memoComparator.js";
+import { EMPTY_OBJECT as i } from "../../../../../utils/common/constants.js";
+const T = "adyen-pe-calendar__cell adyen-pe-calendar__cell--date", _ = "adyen-pe-calendar__date", P = (a = i, r) => {
+  const d = y.unwrapped(
     {
-      childClassName: property.mutable(DEFAULT_DATE_TIME_CLASSNAME),
+      childClassName: s.mutable(_),
       childProps: {
-        children: property.restricted(),
+        children: s.restricted(),
         className: ""
       },
-      className: property.mutable(DEFAULT_DATE_CELL_CLASSNAME),
+      className: s.mutable(T),
       props: {
-        ...computedProps,
-        children: property.restricted(),
+        ...a,
+        children: s.restricted(),
         className: ""
       }
     },
-    true
+    !0
   );
-  prepare == null ? void 0 : prepare(CalendarGridRenderToken.DATE, renderProps);
-  return renderProps;
-};
-const CalendarGridDate = k(({ grid, prepare, datetime, flags, index, label, onlyCellsWithin }, cursorElementRef) => {
-  const withinMonth = flags.WITHIN_BLOCK;
-  const props = {
-    "data-cursor-position": index,
-    "data-within-month": withinMonth,
+  return r == null || r(O.DATE, d), d;
+}, G = w(({ grid: a, prepare: r, datetime: d, flags: e, index: m, label: p, onlyCellsWithin: C }, h) => {
+  const n = e.WITHIN_BLOCK, t = {
+    "data-cursor-position": m,
+    "data-within-month": n,
     tabIndex: -1
   };
-  if (withinMonth) {
-    const withinRange = flags.WITHIN_RANGE;
-    props["data-today"] = flags.CURRENT;
-    props["data-first-week-day"] = flags.LINE_START;
-    props["data-last-week-day"] = flags.LINE_END;
-    props["data-weekend"] = flags.WEEKEND;
-    props["data-first-month-day"] = flags.BLOCK_START;
-    props["data-last-month-day"] = flags.BLOCK_END;
-    props["data-within-range"] = withinRange;
-    if (withinRange) {
-      props["data-range-end"] = flags.RANGE_END;
-      props["data-range-start"] = flags.RANGE_START;
-      props["data-selection-end"] = flags.SELECTION_END;
-      props["data-selection-start"] = flags.SELECTION_START;
-      props["data-within-selection"] = flags.WITHIN_SELECTION;
-      props["aria-selected"] = `${!!(flags.SELECTION_END || flags.SELECTION_START || flags.WITHIN_SELECTION)}`;
-    }
-    if (index === +grid.cursor)
-      props.ref = cursorElementRef;
+  if (n) {
+    const c = e.WITHIN_RANGE;
+    t["data-today"] = e.CURRENT, t["data-first-week-day"] = e.LINE_START, t["data-last-week-day"] = e.LINE_END, t["data-weekend"] = e.WEEKEND, t["data-first-month-day"] = e.BLOCK_START, t["data-last-month-day"] = e.BLOCK_END, t["data-within-range"] = c, c && (t["data-range-end"] = e.RANGE_END, t["data-range-start"] = e.RANGE_START, t["data-selection-end"] = e.SELECTION_END, t["data-selection-start"] = e.SELECTION_START, t["data-within-selection"] = e.WITHIN_SELECTION, t["aria-selected"] = `${!!(e.SELECTION_END || e.SELECTION_START || e.WITHIN_SELECTION)}`), m === +a.cursor && (t.ref = h);
   }
-  const renderProps = getGridDateRenderProps(props, prepare);
-  const { children: _, className, ...extendedProps } = renderProps.props || EMPTY_OBJECT;
-  const classes = getClassName(renderProps.className, DEFAULT_DATE_CELL_CLASSNAME, className);
-  return /* @__PURE__ */ o("td", { ...extendedProps, ...props, className: classes, children: (!onlyCellsWithin || withinMonth) && (() => {
-    const { children: _2, className: className2, ...extendedProps2 } = renderProps.childProps || EMPTY_OBJECT;
-    const classes2 = getClassName(renderProps.childClassName, DEFAULT_DATE_TIME_CLASSNAME, className2);
-    return /* @__PURE__ */ o("time", { ...extendedProps2, className: classes2, dateTime: datetime, children: label });
+  const o = P(t, r), { children: k, className: I, ...A } = o.props || i, L = N(o.className, T, I);
+  return /* @__PURE__ */ E("td", { ...A, ...t, className: L, children: (!C || n) && (() => {
+    const { children: c, className: S, ...D } = o.childProps || i, R = N(o.childClassName, _, S);
+    return /* @__PURE__ */ E("time", { ...D, className: R, dateTime: d, children: p });
   })() });
-});
-const CalendarGridDate$1 = x(
-  CalendarGridDate,
-  memoComparator({
-    block: memoComparator.exclude,
-    flags: (value) => +value
+}), U = u(
+  G,
+  l({
+    block: l.exclude,
+    flags: (a) => +a
   })
 );
 export {
-  CalendarGridDate$1 as default
+  U as default
 };

package/dist/es/components/internal/Calendar/components/CalendarGrid/CalendarGridDayOfWeek.js

@@ -1,54 +1,44 @@
-import { o } from "../../../../../../jsxRuntime.module-69493d81.mjs";
-import { getClassName } from "../../../../../utils/class-name-utils.js";
-import { x } from "../../../../../../compat.module-a4d537ff.mjs";
-import { propsProperty, property } from "./utils.js";
-import { EMPTY_OBJECT } from "../../../../../utils/common/constants.js";
-import { C as CalendarGridRenderToken } from "../../../../../../types-0027b7c2.mjs";
-import memoComparator from "../../../../../utils/memoComparator/memoComparator.js";
-const DEFAULT_CELL_CLASSNAME = "adyen-pe-calendar__cell adyen-pe-calendar__cell--day-of-week";
-const DEFAULT_CELL_ABBR_CLASSNAME = "adyen-pe-calendar__day-of-week";
-const getGridDayOfWeekRenderProps = (computedProps = EMPTY_OBJECT, prepare) => {
-  const renderProps = propsProperty.unwrapped(
+import { jsx as c } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { getClassName as t } from "../../../../../utils/class-name-utils.js";
+import { memo as y } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { propsProperty as k, property as o } from "./utils.js";
+import { CalendarGridRenderToken as L } from "../../types.js";
+import n from "../../../../../utils/memoComparator/memoComparator.js";
+import { EMPTY_OBJECT as l } from "../../../../../utils/common/constants.js";
+const m = "adyen-pe-calendar__cell adyen-pe-calendar__cell--day-of-week", i = "adyen-pe-calendar__day-of-week", A = (a = l, e) => {
+  const s = k.unwrapped(
     {
-      childClassName: property.mutable(DEFAULT_CELL_ABBR_CLASSNAME),
+      childClassName: o.mutable(i),
       childProps: {
-        children: property.restricted(),
+        children: o.restricted(),
         className: ""
       },
-      className: property.mutable(DEFAULT_CELL_CLASSNAME),
+      className: o.mutable(m),
       props: {
-        ...computedProps,
-        children: property.restricted(),
+        ...a,
+        children: o.restricted(),
         className: ""
       }
     },
-    true
+    !0
   );
-  prepare == null ? void 0 : prepare(CalendarGridRenderToken.DAY_OF_WEEK, renderProps);
-  return renderProps;
-};
-const CalendarGridDayOfWeek = ({ prepare, flags, labels: { long: longLabel, short: shortLabel } }) => {
-  const props = {
-    "aria-label": longLabel,
-    "data-first-week-day": flags.LINE_START,
-    "data-last-week-day": flags.LINE_END,
-    "data-weekend": flags.WEEKEND,
+  return e == null || e(L.DAY_OF_WEEK, s), s;
+}, P = ({ prepare: a, flags: e, labels: { long: s, short: p } }) => {
+  const d = {
+    "aria-label": s,
+    "data-first-week-day": e.LINE_START,
+    "data-last-week-day": e.LINE_END,
+    "data-weekend": e.WEEKEND,
     scope: "col"
-  };
-  const renderProps = getGridDayOfWeekRenderProps(props, prepare);
-  const { children: _, className, ...extendedProps } = renderProps.props || EMPTY_OBJECT;
-  const classes = getClassName(renderProps.className, DEFAULT_CELL_CLASSNAME, className);
-  const { children: __, className: childClassName, ...extendedChildProps } = renderProps.childProps || EMPTY_OBJECT;
-  const childClasses = getClassName(renderProps.childClassName, DEFAULT_CELL_ABBR_CLASSNAME, childClassName);
-  return /* @__PURE__ */ o("th", { ...extendedProps, ...props, className: classes, children: /* @__PURE__ */ o("abbr", { ...extendedChildProps, className: childClasses, children: shortLabel }) });
-};
-const CalendarGridDayOfWeek$1 = x(
-  CalendarGridDayOfWeek,
-  memoComparator({
-    block: memoComparator.exclude,
-    flags: (value) => +value
+  }, r = A(d, a), { children: u, className: _, ...N } = r.props || l, E = t(r.className, m, _), { children: D, className: h, ...C } = r.childProps || l, f = t(r.childClassName, i, h);
+  return /* @__PURE__ */ c("th", { ...N, ...d, className: E, children: /* @__PURE__ */ c("abbr", { ...C, className: f, children: p }) });
+}, G = y(
+  P,
+  n({
+    block: n.exclude,
+    flags: (a) => +a
   })
 );
 export {
-  CalendarGridDayOfWeek$1 as default
+  G as default
 };