@adyen/adyen-platform-experience-web 0.1.1

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

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

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

@@ -0,0 +1,63 @@
+var c = (i, t, s) => {
+  if (!t.has(i))
+    throw TypeError("Cannot " + s);
+};
+var e = (i, t, s) => (c(i, t, "read from private field"), s ? s.call(i) : t.get(i)), n = (i, t, s) => {
+  if (t.has(i))
+    throw TypeError("Cannot add the same private member more than once");
+  t instanceof WeakSet ? t.add(i) : t.set(i, s);
+}, f = (i, t, s, T) => (c(i, t, "write to private field"), T ? T.call(i, s) : t.set(i, s), s);
+var u = (i, t, s, T) => ({
+  set _(O) {
+    f(i, t, O, s);
+  },
+  get _() {
+    return e(i, t, T);
+  }
+});
+import { RANGE_FROM as l, RANGE_TO as d } from "../constants.js";
+import { computeTimestampOffset as o, getEdgesDistance as g } from "../utils.js";
+var p, h, m, a, r;
+class N {
+  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);
+      else if (!isNaN(s))
+        switch (t[1]) {
+          case d:
+            f(this, h, s), f(this, a, o(e(this, h)));
+            break;
+          case l:
+          default:
+            f(this, m, s), f(this, r, o(e(this, m)));
+            break;
+        }
+    }
+  }
+  get numberOfMonths() {
+    return e(this, p);
+  }
+  get endTimestamp() {
+    return e(this, h);
+  }
+  get endTimestampOffset() {
+    return e(this, a);
+  }
+  get startTimestamp() {
+    return e(this, m);
+  }
+  get startTimestampOffset() {
+    return e(this, r);
+  }
+}
+p = new WeakMap(), h = new WeakMap(), m = new WeakMap(), a = new WeakMap(), r = new WeakMap();
+export {
+  N as default
+};

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

@@ -0,0 +1,23 @@
+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: s({
+        from: { value: t.startTimestampOffset },
+        to: { value: t.endTimestampOffset }
+      })
+    },
+    span: { value: t.numberOfMonths }
+  });
+}, r = o(), l = () => o(Date.now(), n), u = () => o(Date.now(), a), p = (...e) => e.length === 0 ? r : o(...e);
+export {
+  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

@@ -0,0 +1,19 @@
+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 {
+  f as computeTimestampOffset,
+  h as getDateObjectFromTimestamp,
+  d as getEdgesDistance,
+  M as getMonthDays
+};

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

@@ -0,0 +1,27 @@
+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());
+    };
+    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 {
+  D as default
+};

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

@@ -0,0 +1,46 @@
+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 s = z(r, t.setHours(0, 0, 0, 0)), m = z(r, t.setDate(t.getDate() + 1));
+    return [s, m - s];
+  };
+  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;
+      };
+      const p = T({
+        timestamp: { get: m },
+        timezone: { value: t },
+        watch: { value: c.watch }
+      });
+      return u.set(t, p), p;
+    })();
+  };
+})(), $ = w;
+export {
+  $ as default
+};

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

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

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

@@ -0,0 +1,38 @@
+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 f from "./CalendarGridDate.js";
+import h from "./CalendarGridDayOfWeek.js";
+import "../../Calendar.scss.js";
+const y = p(({ cursorRootProps: t, onlyCellsWithin: i, prepare: d, grid: r }, s) => /* @__PURE__ */ e("ol", { className: "adyen-fp-calendar", role: "none", ...t, children: r.map((a) => /* @__PURE__ */ e("li", { className: "adyen-fp-calendar__month", role: "none", children: [
+  /* @__PURE__ */ e("div", { className: "adyen-fp-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": !0,
+      "aria-label": `${a.label} calendar`,
+      className: "adyen-fp-calendar__grid",
+      style: { "--adyen-fp-calendar-rowspan": r.rowspan },
+      children: [
+        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { className: "adyen-fp-calendar__row", children: r.weekdays.map((l, n) => /* @__PURE__ */ e(h, { 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-fp-calendar__row", children: l.map((m, o) => /* @__PURE__ */ e(
+          f,
+          {
+            ref: s,
+            grid: r,
+            block: a,
+            prepare: d,
+            cell: o,
+            onlyCellsWithin: i,
+            row: n,
+            ...m
+          },
+          `${a.month}:${m.timestamp}`
+        )) }, `${a.month}:${n}`)) })
+      ]
+    }
+  )
+] }, a.datetime)) })), C = c(y);
+export {
+  C as default
+};

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

@@ -0,0 +1,50 @@
+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 { EMPTY_OBJECT as i } from "../../../../../utils/common/constants.js";
+import { CalendarGridRenderToken as O } from "../../types.js";
+import l from "../../../../../utils/memoComparator/memoComparator.js";
+const T = "adyen-fp-calendar__cell adyen-fp-calendar__cell--date", _ = "adyen-fp-calendar__date", P = (a = i, r) => {
+  const d = y.unwrapped(
+    {
+      childClassName: s.mutable(_),
+      childProps: {
+        children: s.restricted(),
+        className: ""
+      },
+      className: s.mutable(T),
+      props: {
+        ...a,
+        children: s.restricted(),
+        className: ""
+      }
+    },
+    !0
+  );
+  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 (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 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 });
+  })() });
+}), K = u(
+  G,
+  l({
+    block: l.exclude,
+    flags: (a) => +a
+  })
+);
+export {
+  K as default
+};

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

@@ -0,0 +1,44 @@
+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 { EMPTY_OBJECT as l } from "../../../../../utils/common/constants.js";
+import { CalendarGridRenderToken as L } from "../../types.js";
+import n from "../../../../../utils/memoComparator/memoComparator.js";
+const m = "adyen-fp-calendar__cell adyen-fp-calendar__cell--day-of-week", i = "adyen-fp-calendar__day-of-week", A = (a = l, e) => {
+  const s = k.unwrapped(
+    {
+      childClassName: o.mutable(i),
+      childProps: {
+        children: o.restricted(),
+        className: ""
+      },
+      className: o.mutable(m),
+      props: {
+        ...a,
+        children: o.restricted(),
+        className: ""
+      }
+    },
+    !0
+  );
+  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"
+  }, r = A(d, a), { children: u, className: _, ...N } = r.props || l, f = t(r.className, m, _), { children: D, className: E, ...h } = r.childProps || l, C = t(r.childClassName, i, E);
+  return /* @__PURE__ */ c("th", { ...N, ...d, className: f, children: /* @__PURE__ */ c("abbr", { ...h, className: C, children: p }) });
+}, G = y(
+  P,
+  n({
+    block: n.exclude,
+    flags: (a) => +a
+  })
+);
+export {
+  G as default
+};

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

@@ -0,0 +1,64 @@
+import { toString as l } from "../../../../../utils/common/index.js";
+import { EMPTY_OBJECT as a } from "../../../../../utils/common/constants.js";
+const s = (() => {
+  const n = (e) => Object.freeze(
+    Object.create(a, Object.fromEntries(Object.entries(e).map(([t, r]) => [t, { value: r }])))
+  ), i = (e) => {
+    try {
+      return Object.getPrototypeOf(e) === a;
+    } catch {
+      return !1;
+    }
+  }, c = (e, t) => {
+    if (!e)
+      return n({
+        enumerable: !0,
+        writable: e !== !1,
+        value: t
+      });
+    let r = t;
+    return n({
+      enumerable: !0,
+      get: () => r,
+      set: (o) => {
+        r = e(o);
+      }
+    });
+  };
+  return Object.defineProperties(c, {
+    is: { value: i },
+    isObject: { value: (e) => l(e).slice(8, -1) === "Object" },
+    immutable: { value: (e) => c(!1, e) },
+    mutable: { value: (e) => c(void 0, e) },
+    restricted: { value: () => c(!1) }
+  });
+})(), O = (() => {
+  const n = (c = {}, e = !1) => {
+    const t = /* @__PURE__ */ Object.create(null);
+    for (const [r, o] of Object.entries(c)) {
+      try {
+        const p = s.is(o), u = s.isObject(o);
+        if (p || u) {
+          Object.defineProperty(t, r, p ? o : n(o, e));
+          continue;
+        } else if (e) {
+          Object.defineProperty(t, r, s.immutable(o));
+          continue;
+        }
+      } catch {
+      }
+      t[r] = o;
+    }
+    return s((r = {}) => Object.assign(t, r), t);
+  };
+  return Object.defineProperties(n, {
+    unwrapped: { value: (c = {}, e = !1) => {
+      const t = n(c, e);
+      return Object.create(null, { P: t }).P;
+    } }
+  });
+})();
+export {
+  s as property,
+  O as propsProperty
+};

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

@@ -0,0 +1,111 @@
+import { useState as J, useMemo as l, useRef as $, useCallback as q, useImperativeHandle as y, useEffect as k } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import z from "../../../../core/Context/useCoreContext.js";
+import { getDateObjectFromTimestamp as P } from "../calendar/utils.js";
+import { isFunction as K } from "../../../../utils/common/index.js";
+import { EMPTY_OBJECT as u } from "../../../../utils/common/constants.js";
+import G from "../../../../hooks/element/useFocusCursor.js";
+import n from "../calendar/facade/index.js";
+const Q = ({
+  blocks: a,
+  controls: f,
+  dynamicBlockRows: m,
+  firstWeekDay: g,
+  highlight: p,
+  locale: C,
+  onHighlight: s,
+  originDate: L,
+  renderControl: N,
+  sinceDate: E,
+  trackCurrentDay: M,
+  untilDate: T,
+  useYearView: d
+}, w) => {
+  const { i18n: b } = z(), [B, R] = J(performance.now()), O = l(() => n.slice(E, T), [E, T]), F = $(u), I = l(
+    () => f ?? (K(N) ? n.controls.MINIMAL : n.controls.NONE),
+    [f, N]
+  ), x = l(
+    () => p ?? (K(s) ? n.highlight.ONE : n.highlight.NONE),
+    [p, s]
+  ), { grid: t, kill: S } = l(() => {
+    const { grid: e, kill: r } = n(function() {
+      R(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, to: h } = e.highlight;
+    return e.config.cursorIndex = (i) => {
+      let c = i.target;
+      for (; c && c !== i.currentTarget; ) {
+        const A = Number(c.dataset.cursorPosition);
+        if (Number.isFinite(A))
+          return A;
+        c = c.parentNode;
+      }
+    }, e.config.shiftFactor = function(i) {
+      if (this.controls === n.controls.MINIMAL)
+        return i != null && i.shiftKey ? 12 : i != null && i.altKey ? this.blocks : 1;
+    }, { grid: e, kill: r };
+  }, []), _ = l(() => {
+    const e = (r) => {
+      t.cursor(r);
+    };
+    return {
+      onClickCapture: e,
+      onMouseOverCapture: e,
+      onPointerOverCapture: e,
+      onKeyDownCapture: (r) => {
+        t.cursor(r) && r.preventDefault();
+      }
+    };
+  }, [t]), j = G(
+    q(
+      (e, r) => {
+        r instanceof Element && r.removeAttribute("aria-selected"), e instanceof Element && e.setAttribute("aria-selected", "true");
+      },
+      []
+    )
+  );
+  return y(
+    w,
+    () => {
+      const { from: e, to: r } = (t == null ? void 0 : t.highlight) || u;
+      return {
+        clear: () => {
+          t != null && t.highlight && (t.highlight.from = void 0);
+        },
+        get config() {
+          return { ...F.current ?? u };
+        },
+        get from() {
+          return P(e);
+        },
+        set from(o) {
+          t != null && t.highlight && o && (t.highlight.from = o.getTime());
+        },
+        get to() {
+          return P(r);
+        },
+        set to(o) {
+          t != null && t.highlight && o && (t.highlight.to = o.getTime());
+        }
+      };
+    },
+    [t, B]
+  ), k(() => {
+    t.config({
+      blocks: a,
+      controls: I,
+      firstWeekDay: g,
+      fixedBlockHeight: !m,
+      highlight: x,
+      locale: C ?? b.locale,
+      minified: d,
+      timeslice: O,
+      trackCurrentDay: M
+    });
+  }, [I, x, a, m, g, t, b, C, O, M, d]), k(() => {
+    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;
+  }, []), { cursorElementRef: j, cursorRootProps: _, grid: t };
+}, H = Q;
+export {
+  H as default
+};

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

@@ -0,0 +1,51 @@
+import { jsx as l } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { ButtonVariant as m } from "../../Button/types.js";
+import { useCallback as c } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { isFunction as f } from "../../../../utils/common/index.js";
+import d from "../../SVGIcons/ChevronDown.js";
+import p from "../../SVGIcons/ChevronUp.js";
+import C from "../../../../core/Context/useCoreContext.js";
+import R from "../../../../hooks/element/useDetachedRender.js";
+import b from "../../Button/Button.js";
+const h = (e) => {
+  const { i18n: a } = C();
+  return R(
+    c(
+      (u, r, t) => {
+        if (!(u instanceof HTMLElement))
+          return null;
+        if (f(e))
+          return e(r, t);
+        let o, n, i;
+        switch (r) {
+          case "PREV":
+            o = "prev", n = "previous", i = p;
+            break;
+          case "NEXT":
+            o = n = "next", i = d;
+            break;
+          default:
+            return null;
+        }
+        const s = t();
+        return s ? /* @__PURE__ */ l(
+          b,
+          {
+            "aria-label": a.get(`calendar.${n}Month`),
+            variant: m.TERTIARY,
+            disabled: !s,
+            classNameModifiers: ["circle", o],
+            iconButton: !0,
+            onClick: t,
+            children: /* @__PURE__ */ l(i, { role: "presentation" })
+          },
+          r
+        ) : null;
+      },
+      [a, e]
+    )
+  );
+}, D = h;
+export {
+  D as default
+};

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

@@ -0,0 +1,26 @@
+import { useMemo as c, useRef as d, useState as g } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { getTimezoneOffsetFromFormattedDateString as E, getGMTSuffixForTimezoneOffset as M } from "../../../../core/Localization/datetime/restamper/utils.js";
+import { noop as a } from "../../../../utils/common/index.js";
+import _ from "../../../../core/Localization/datetime/restamper/restamper.js";
+import l from "../clock/clock.js";
+import { EMPTY_ARRAY as G, EMPTY_OBJECT as R } from "../../../../utils/common/constants.js";
+const { getTimezoneTime: S, getUsedTimezone: F } = (() => {
+  const n = /(\d{2}):(\d{2})(?=:\d{2}(?:\.\d+)?\s+([AP]M))/i, s = /^GMT|0(?=\d:00)|:00/g, e = _();
+  return { getTimezoneTime: (t, i = Date.now()) => {
+    e.tz = t;
+    const { formatted: o } = e(i), [f = "", , , m = ""] = (o == null ? void 0 : o.match(n)) ?? G, u = E(o), z = `${f}${m && ` ${m}`}`, p = M(u).replace(s, "");
+    return [z, p];
+  }, getUsedTimezone: (t) => (e.tz = t, e.tz.current) };
+})(), D = ({ timezone: n, withClock: s = !1 } = R) => {
+  const e = c(() => s === !0, [s]), r = c(() => F(n), [n]), T = d(a), [t, i] = g(Date.now()), [o, f] = c(() => S(r, t), [t, r]);
+  return c(() => {
+    T.current(), T.current = e ? l.watch((m) => {
+      typeof m != "symbol" && i(m.timestamp);
+    }) : a;
+  }, [i, e]), { clockTime: o, GMTOffset: f, timestamp: t, timezone: r };
+};
+export {
+  D as default,
+  S as getTimezoneTime,
+  F as getUsedTimezone
+};

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

@@ -0,0 +1,4 @@
+var A = /* @__PURE__ */ ((E) => (E[E.DATE = 0] = "DATE", E[E.DAY_OF_WEEK = 1] = "DAY_OF_WEEK", E[E.MONTH_HEADER = 2] = "MONTH_HEADER", E))(A || {});
+export {
+  A as CalendarGridRenderToken
+};