@adyen/adyen-platform-experience-web 1.9.0 → 1.10.1

package/dist/es/hooks/form/wizard/useWizardForm.js

@@ -0,0 +1,198 @@
+import { useReducer as x, useMemo as Y, useCallback as l } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { useForm as K, getNestedValue as R } from "../useForm.js";
+function k(a, p) {
+  switch (p.type) {
+    case "SET_STEP":
+      return {
+        ...a,
+        currentStep: p.payload.step,
+        visitedSteps: /* @__PURE__ */ new Set([...a.visitedSteps, p.payload.step])
+      };
+    case "NEXT_STEP": {
+      const r = a.currentStep + 1;
+      return {
+        ...a,
+        currentStep: r,
+        visitedSteps: /* @__PURE__ */ new Set([...a.visitedSteps, r]),
+        completedSteps: /* @__PURE__ */ new Set([...a.completedSteps, a.currentStep])
+      };
+    }
+    case "PREVIOUS_STEP":
+      return {
+        ...a,
+        currentStep: Math.max(0, a.currentStep - 1)
+      };
+    case "MARK_STEP_COMPLETED":
+      return {
+        ...a,
+        completedSteps: /* @__PURE__ */ new Set([...a.completedSteps, p.payload.step])
+      };
+    case "MARK_STEP_VISITED":
+      return {
+        ...a,
+        visitedSteps: /* @__PURE__ */ new Set([...a.visitedSteps, p.payload.step])
+      };
+    case "SET_STEP_VALIDATION": {
+      const r = new Map(a.stepValidation);
+      return r.set(p.payload.step, p.payload.isValid), {
+        ...a,
+        stepValidation: r
+      };
+    }
+    case "SET_TRANSITIONING":
+      return {
+        ...a,
+        isTransitioning: p.payload
+      };
+    case "RESET_WIZARD":
+      return {
+        currentStep: 0,
+        completedSteps: /* @__PURE__ */ new Set(),
+        visitedSteps: /* @__PURE__ */ new Set([0]),
+        stepValidation: /* @__PURE__ */ new Map(),
+        isTransitioning: !1,
+        displayValues: /* @__PURE__ */ new Map()
+      };
+    case "SET_DISPLAY_VALUE": {
+      const r = new Map(a.displayValues), { field: c, displayValue: T } = p.payload;
+      return T === void 0 ? r.delete(c) : r.set(c, T), { ...a, displayValues: r };
+    }
+    case "RESET_DISPLAY_VALUES":
+      return { ...a, displayValues: /* @__PURE__ */ new Map() };
+    default:
+      return a;
+  }
+}
+function Z(a) {
+  const { i18n: p, steps: r, defaultValues: c, mode: T = "onBlur", onStepChange: o, validateBeforeNext: y = !0 } = a, [t, i] = x(k, {
+    currentStep: 0,
+    completedSteps: /* @__PURE__ */ new Set(),
+    visitedSteps: /* @__PURE__ */ new Set([0]),
+    stepValidation: /* @__PURE__ */ new Map(),
+    isTransitioning: !1,
+    displayValues: /* @__PURE__ */ new Map()
+  }), v = K({
+    defaultValues: c,
+    i18n: p,
+    mode: T
+  }), { trigger: m, getValues: d } = v, E = r.length, g = r[t.currentStep], w = t.currentStep === 0, A = t.currentStep === E - 1, V = !w && !t.isTransitioning, N = !A && !t.isTransitioning, P = Y(() => r.flatMap((e) => e.fields).reduce(
+    (e, s) => ({ ...e, [s.fieldName]: s }),
+    {}
+  ), [r]), I = l(
+    async (e) => {
+      const s = r[e];
+      if (!s) return !1;
+      if (s.isOptional) {
+        const n = d();
+        if (!s.fields.some(({ fieldName: b }) => {
+          const _ = R(n, b);
+          return _ !== void 0 && _ !== "" && _ !== null;
+        })) return !0;
+      }
+      const u = s.fields.filter(({ visible: n }) => n).map(({ fieldName: n }) => n), S = await m(u);
+      if (S && s.validate) {
+        const n = d();
+        return await s.validate(n);
+      }
+      return S;
+    },
+    [r, d, m]
+  ), f = l(async () => {
+    const e = await I(t.currentStep);
+    return i({
+      type: "SET_STEP_VALIDATION",
+      payload: { step: t.currentStep, isValid: e }
+    }), e;
+  }, [t.currentStep, I]), O = l(
+    (e) => t.stepValidation.get(e) ?? !1,
+    [t.stepValidation]
+  ), D = l(
+    (e) => t.completedSteps.has(e),
+    [t.completedSteps]
+  ), M = l(
+    async (e, s) => {
+      if (e < 0 || e >= E)
+        throw new Error(`Invalid step index: ${e}`);
+      if (!s?.skipValidation && y && e > t.currentStep) {
+        i({ type: "SET_TRANSITIONING", payload: !0 });
+        try {
+          if (!await f())
+            return i({ type: "SET_TRANSITIONING", payload: !1 }), !1;
+          i({ type: "MARK_STEP_COMPLETED", payload: { step: t.currentStep } });
+        } catch (S) {
+          return i({ type: "SET_TRANSITIONING", payload: !1 }), console.error("Wizard step validation failed:", S), !1;
+        }
+      }
+      const u = t.currentStep;
+      return i({ type: "SET_STEP", payload: { step: e } }), i({ type: "SET_TRANSITIONING", payload: !1 }), o && o(e, u), !0;
+    },
+    [E, y, t.currentStep, f, o]
+  ), h = l(async () => {
+    if (!N) return !1;
+    if (i({ type: "SET_TRANSITIONING", payload: !0 }), y)
+      try {
+        if (!await f())
+          return i({ type: "SET_TRANSITIONING", payload: !1 }), !1;
+      } catch (s) {
+        return console.error("Wizard step validation failed on nextStep:", s), i({ type: "SET_TRANSITIONING", payload: !1 }), !1;
+      }
+    const e = t.currentStep;
+    return i({ type: "NEXT_STEP" }), i({ type: "SET_TRANSITIONING", payload: !1 }), o && o(e + 1, e), !0;
+  }, [N, y, f, t.currentStep, o]), L = l(() => {
+    if (!V) return;
+    const e = t.currentStep;
+    i({ type: "PREVIOUS_STEP" }), o && o(e - 1, e);
+  }, [V, t.currentStep, o]), G = l(() => {
+    i({ type: "RESET_WIZARD" });
+  }, []), C = l((e, s) => {
+    i({ type: "SET_DISPLAY_VALUE", payload: { field: e, displayValue: s } });
+  }, []), F = l(() => {
+    i({ type: "RESET_DISPLAY_VALUES" });
+  }, []), z = l(() => {
+    const e = d(), s = {};
+    return r.forEach((u) => {
+      const S = u.fields.filter((n) => n.visible !== !1).map((n) => ({
+        label: n.label,
+        value: R(e, n.fieldName),
+        id: n.fieldName,
+        displayValue: t.displayValues.get(n.fieldName)
+      })).filter((n) => n.value !== void 0 && n.value !== null && n.value !== "");
+      S.length > 0 && (s[u.id] = {
+        title: u.title,
+        fields: S
+      });
+    }), s;
+  }, [r, d, t.displayValues]), U = l(
+    (e) => t.displayValues.get(e),
+    [t.displayValues]
+  );
+  return {
+    ...v,
+    // Wizard state
+    currentStep: t.currentStep,
+    currentStepConfig: g,
+    isFirstStep: w,
+    isLastStep: A,
+    canGoNext: N,
+    canGoPrevious: V,
+    fieldsConfig: P,
+    // Navigation methods
+    goToStep: M,
+    nextStep: h,
+    previousStep: L,
+    resetWizard: G,
+    // Validation methods
+    validateStep: I,
+    isStepValid: O,
+    isStepComplete: D,
+    // Summary data
+    getSummaryData: z,
+    // Display values
+    getDisplayValue: U,
+    setFieldDisplayValue: C,
+    resetFieldDisplayValues: F
+  };
+}
+export {
+  Z as useWizardForm
+};

package/dist/es/hooks/useAccountBalances.js

@@ -0,0 +1,40 @@
+import { useState as A, useRef as u, useCallback as y, useMemo as E, useEffect as h } from "../external/preact/hooks/dist/hooks.module.js";
+import { useFetch as I } from "./useFetch.js";
+import { createAbortable as j } from "../primitives/async/abortable/main.js";
+import { useConfigContext as k } from "../core/ConfigContext/context.js";
+import { isFunction as v } from "../utils/value/is.js";
+const W = ({ balanceAccount: B }) => {
+  const [l, m] = A(!1), [s, p] = A(performance.now()), d = u(), b = u(j()).current, t = B?.id, w = !!t, { getBalances: c } = k().endpoints, a = v(c), r = a && w, o = r && d.current !== s, R = y(async () => {
+    if (o) {
+      const { signal: f } = b.refresh(!0);
+      try {
+        const x = await c({ signal: f }, { path: { balanceAccountId: t } });
+        if (!f.aborted) return x?.data;
+      } catch (F) {
+        if (!f.aborted) throw F;
+      }
+    }
+  }, [b, t, c, o]), { data: n, error: T, isFetching: e } = I({
+    fetchOptions: { enabled: o },
+    queryFn: R
+  }), g = u(e), i = !e && r, C = E(() => Array.isArray(n) ? n : [], [n]), q = y(() => {
+    i && m(!0);
+  }, [i, e]);
+  return h(() => {
+    t && p(performance.now());
+  }, [t]), h(() => {
+    l && (m(!1), p(performance.now()));
+  }, [l]), h(() => {
+    g.current && !e && (d.current = s), g.current = e;
+  }, [e, s]), {
+    balances: C,
+    error: T,
+    canRefresh: i,
+    refresh: q,
+    isAvailable: a,
+    isWaiting: e || a && !r && !n
+  };
+};
+export {
+  W as default
+};

package/dist/es/hooks/useAnalytics/useDurationEvent.js

@@ -0,0 +1,17 @@
+import { useRef as e, useEffect as u } from "../../external/preact/hooks/dist/hooks.module.js";
+import s from "../../core/Context/analytics/useAnalyticsContext.js";
+import i from "../useComponentTiming.js";
+const m = (t) => {
+  const { duration: n } = i(), r = s(), o = e(t);
+  u(() => {
+    o.current = t;
+  }, [t]), u(() => () => {
+    n.current !== void 0 && r.addEvent?.("Duration", {
+      ...o.current,
+      duration: Math.floor(n.current)
+    });
+  }, [n, r]);
+};
+export {
+  m as useDurationEvent
+};

package/dist/es/hooks/useAnalytics/useFilterAnalyticsEvent.js

@@ -0,0 +1,28 @@
+import { useMemo as a } from "../../external/preact/hooks/dist/hooks.module.js";
+import d from "../../core/Context/analytics/useAnalyticsContext.js";
+const m = ({ category: t, label: e, subCategory: n }) => {
+  const o = d();
+  return { logEvent: a(() => {
+    if (t && e) {
+      const s = {
+        ...n && { subCategory: n },
+        actionType: "reset",
+        category: t,
+        label: e
+      };
+      return (r, i) => {
+        try {
+          o.addModifyFilterEvent?.({
+            ...s,
+            ...r === "update" ? { actionType: r, value: i } : {}
+          });
+        } catch (c) {
+          console.error(c);
+        }
+      };
+    }
+  }, [o, t, e, n]) };
+};
+export {
+  m as default
+};

package/dist/es/hooks/useAnalytics/useLandedPageEvent.js

@@ -0,0 +1,11 @@
+import { useRef as s, useEffect as r } from "../../external/preact/hooks/dist/hooks.module.js";
+import o from "../../core/Context/analytics/useAnalyticsContext.js";
+const c = (e) => {
+  const t = o(), n = s(!0);
+  r(() => {
+    n.current && (n.current = !1, t.addEvent?.("Landed on page", e));
+  }, [t, e]);
+};
+export {
+  c as useLandedPageEvent
+};

package/dist/es/hooks/useAnalytics/usePushAnalyticEvent.js

@@ -1,33 +1,34 @@
 import { useCallback as c } from "../../external/preact/hooks/dist/hooks.module.js";
 import a from "../useMutation/useMutation.js";
 import { encodeAnalyticsEvent as i } from "../../core/Analytics/analytics/utils.js";
-import { useConfigContext as p } from "../../core/ConfigContext/context.js";
-import { EMPTY_OBJECT as s } from "../../utils/value/constants.js";
+import { useConfigContext as m } from "../../core/ConfigContext/context.js";
+import { EMPTY_OBJECT as p } from "../../utils/value/constants.js";
 const E = () => {
-  const { sendTrackEvent: m } = p().endpoints, { mutate: t } = a({
-    queryFn: m
-  }), e = c(
-    (o, n) => t == null ? void 0 : t(
+  const { sendTrackEvent: s } = m().endpoints, { mutate: o } = a({
+    queryFn: s
+  }), n = c(
+    (t, e) => o?.(
       {
-        body: o.toString(),
-        contentType: "application/x-www-form-urlencoded"
+        body: t.toString(),
+        contentType: "application/x-www-form-urlencoded",
+        keepalive: !0
       },
       {
-        ...n ? {
+        ...e ? {
           query: {
-            component: n
+            component: e
           }
-        } : s
+        } : p
       }
     ),
-    [t]
+    [o]
   );
   return c(
-    (o) => {
-      const n = o.properties.componentName, r = i(o);
-      r && e(r, n);
+    (t) => {
+      const e = t.properties.componentName, r = i(t);
+      r && n(r, e);
     },
-    [e]
+    [n]
   );
 };
 export {

package/dist/es/hooks/useBalanceAccountSelection.js

@@ -1,45 +1,49 @@
-import y from "../core/Context/analytics/useAnalyticsContext.js";
-import { useRef as T, useState as L, useCallback as p, useMemo as s } from "../external/preact/hooks/dist/hooks.module.js";
-import O from "../core/Context/useCoreContext.js";
-import { capitalize as _ } from "../utils/value/string.js";
-import { uniqueId as B } from "../utils/random/uniqueId.js";
-const l = B(), D = (t, d = !1) => {
-  const { i18n: u } = O(), a = T(!1), [c, f] = L(0), C = p(() => f(0), []), r = y(), e = s(
-    () => t && [
-      ...t,
-      ...d ? [
+import { useState as y, useMemo as i, useRef as L, useCallback as p, useEffect as O } from "../external/preact/hooks/dist/hooks.module.js";
+import _ from "../core/Context/useCoreContext.js";
+import h from "./useAnalytics/useFilterAnalyticsEvent.js";
+import { capitalize as N } from "../utils/value/string.js";
+import { uniqueId as T } from "../utils/random/uniqueId.js";
+const B = T(), k = ({
+  allowAllSelection: r = !1,
+  balanceAccounts: c,
+  eventCategory: I,
+  eventSubCategory: C,
+  eventLabel: v = "Balance account filter",
+  onUpdateSelection: u
+}) => {
+  const { i18n: l } = _(), { logEvent: d } = h({ category: I, subCategory: C, label: v }), [f, m] = y(0), e = i(
+    () => c && [
+      ...c,
+      ...r && c.length > 1 ? [
         {
-          ...t[0] ?? {},
-          id: l,
+          ...c[0] ?? {},
+          id: B,
           description: void 0
         }
       ] : []
     ],
-    [d, t]
-  ), S = s(() => e == null ? void 0 : e[c], [e, c]), x = s(
-    () => t && t.length > 1 ? Object.freeze(
-      e == null ? void 0 : e.map(({ description: o, id: n }) => {
-        const i = n === l ? u.get("common.filters.types.account.options.all") : _(o);
-        return { id: n, name: i };
-      })
-    ) : void 0,
-    [e, t, u]
-  ), I = p(
-    ({ target: o }) => {
-      var m;
-      const n = o == null ? void 0 : o.value, i = e == null ? void 0 : e.findIndex(({ id: v }) => v === n);
-      i >= 0 && (a.current && i !== c && ((m = r.addModifyFilterEvent) == null || m.call(r, {
-        actionType: "update",
-        label: "Balance account filter",
-        category: "Transaction component",
-        value: n
-      })), a.current = !0, f(i));
+    [r, c]
+  ), a = i(() => e?.[f], [e, f]), n = a?.id, A = L(), x = i(
+    () => Object.freeze(
+      e?.map(({ description: t, id: s }) => {
+        const o = s === B ? l.get("common.filters.types.account.options.all") : N(t);
+        return { id: s, name: o };
+      }) ?? []
+    ),
+    [e, l]
+  ), E = p(
+    ({ target: t }) => {
+      const s = t?.value, o = e?.findIndex(({ id: g }) => g === s);
+      o !== void 0 && o >= 0 && m(o);
     },
-    [e, r, c]
-  );
-  return { activeBalanceAccount: S, balanceAccountSelectionOptions: x, onBalanceAccountSelection: I, resetBalanceAccountSelection: C };
+    [e]
+  ), S = p(() => m(0), []);
+  return O(() => {
+    const t = A.current;
+    t !== n && (A.current = n, t && n && d?.("update", n), u?.(a));
+  }, [a, n, d, u]), { activeBalanceAccount: a, balanceAccountSelectionOptions: x, onBalanceAccountSelection: E, resetBalanceAccountSelection: S };
 };
 export {
-  l as ALL_BALANCE_ACCOUNTS_SELECTION_ID,
-  D as default
+  B as ALL_BALANCE_ACCOUNTS_SELECTION_ID,
+  k as default
 };

package/dist/es/hooks/useBalanceAccounts.js

@@ -1,25 +1,29 @@
-import { useFetch as h } from "./useFetch.js";
-import { useMemo as s } from "../external/preact/hooks/dist/hooks.module.js";
-import { useConfigContext as p } from "../core/ConfigContext/context.js";
-import { EMPTY_OBJECT as u } from "../utils/value/constants.js";
-const y = (t, i) => {
-  const { getBalanceAccounts: o } = p().endpoints, { data: e, isFetching: m, error: f } = h(
-    s(
-      () => ({
-        fetchOptions: { enabled: !!o && (i ?? !0), keepPrevData: !0 },
-        queryFn: async () => o == null ? void 0 : o(u)
-      }),
-      [o]
-    )
-  ), r = s(
-    () => e == null ? void 0 : e.data.filter((n) => t ? n.id === t : !0),
-    [e == null ? void 0 : e.data, t]
-  ), g = s(
-    () => !!t && !!(e != null && e.data.length) && (r == null ? void 0 : r.length) === 0,
-    [r == null ? void 0 : r.length, e == null ? void 0 : e.data.length, t]
+import { useState as B, useMemo as r, useCallback as g, useEffect as F } from "../external/preact/hooks/dist/hooks.module.js";
+import { useFetch as d } from "./useFetch.js";
+import { useConfigContext as C } from "../core/ConfigContext/context.js";
+import { isFunction as A } from "../utils/value/is.js";
+import { EMPTY_OBJECT as k } from "../utils/value/constants.js";
+const i = /* @__PURE__ */ new WeakMap(), x = (e, u) => {
+  const { getBalanceAccounts: t } = C().endpoints, [n, f] = B(() => t && i.get(t)), l = r(
+    () => !n && A(t) && u !== !1,
+    [n, u, t]
+  ), { data: c, isFetching: m, error: h } = d({
+    queryFn: g(async () => t?.(k), [t]),
+    fetchOptions: { enabled: l, keepPrevData: !0 }
+  }), s = n ?? c?.data, o = r(
+    () => s?.filter((a) => !e || e === a.id),
+    [s, e]
+  ), p = r(
+    () => !!e && !!s?.length && o?.length === 0,
+    [s, e, o]
   );
-  return { balanceAccounts: r, isBalanceAccountIdWrong: g, isFetching: m, error: f };
+  return F(() => {
+    if (c?.data && t) {
+      const a = c.data;
+      i.set(t, a), f(a);
+    }
+  }, [c, t]), { balanceAccounts: o, isBalanceAccountIdWrong: p, isFetching: m, error: h };
 };
 export {
-  y as default
+  x as default
 };

package/dist/es/hooks/useCommitAction/useCommitAction.js

@@ -1,44 +1,44 @@
-import { useState as B, useCallback as u, useMemo as i, useEffect as Y } from "../../external/preact/hooks/dist/hooks.module.js";
-import { ButtonVariant as d } from "../../components/internal/Button/types.js";
+import { useState as P, useCallback as e, useMemo as i, useEffect as b } from "../../external/preact/hooks/dist/hooks.module.js";
+import { ButtonVariant as E } from "../../components/internal/Button/types.js";
 import { CommitAction as t } from "./types.js";
-import v from "../../core/Context/useCoreContext.js";
-import { EMPTY_OBJECT as L } from "../../utils/value/constants.js";
-import { boolOrFalse as O } from "../../utils/value/bool.js";
-const h = ({
-  applyDisabled: A,
-  applyTitle: n,
-  resetDisabled: e,
-  resetTitle: c,
-  onResetAction: a
-} = L) => {
-  const { i18n: s } = v(), [m, o] = B(t.NONE), f = u(() => o(t.APPLY), [o]), C = u(() => {
-    o(t.CLEAR), a && a();
-  }, [o, a]), r = u(() => o(t.NONE), [o]), E = i(
+import B from "../../core/Context/useCoreContext.js";
+import { EMPTY_OBJECT as Y } from "../../utils/value/constants.js";
+import { boolOrFalse as N } from "../../utils/value/bool.js";
+const x = ({
+  applyDisabled: a,
+  applyTitle: r,
+  resetDisabled: u,
+  resetTitle: A,
+  onResetAction: s
+} = Y) => {
+  const { i18n: n } = B(), [m, o] = P(t.NONE), l = e(() => o(t.APPLY), [o]), f = e(() => {
+    o(t.CLEAR), s && s();
+  }, [o, s]), c = e(() => o(t.NONE), [o]), C = i(
     () => ({
-      disabled: O(A),
-      event: f,
-      title: (n == null ? void 0 : n.trim()) || s.get("common.actions.apply.labels.default"),
-      variant: d.PRIMARY
+      disabled: N(a),
+      event: l,
+      title: r?.trim() || n.get("common.actions.apply.labels.default"),
+      variant: E.PRIMARY
     }),
-    [s, f, A, n]
-  ), N = i(
+    [n, l, a, r]
+  ), p = i(
     () => ({
-      disabled: O(e),
-      event: C,
-      title: (c == null ? void 0 : c.trim()) || s.get("common.actions.reset.labels.default"),
-      variant: d.SECONDARY
+      disabled: N(u),
+      event: f,
+      title: A?.trim() || n.get("common.actions.reset.labels.default"),
+      variant: E.SECONDARY
     }),
-    [s, C, e, c]
-  ), P = i(() => [E, N], [E, N]), b = i(() => m !== t.NONE, [m]);
-  return Y(() => {
+    [n, f, u, A]
+  ), d = i(() => [C, p], [C, p]), O = i(() => m !== t.NONE, [m]);
+  return b(() => {
     switch (m) {
       case t.APPLY:
       case t.CLEAR:
-        r();
+        c();
         break;
     }
-  }, [m, r]), { commitAction: m, commitActionButtons: P, committing: b, resetCommitAction: r };
+  }, [m, c]), { commitAction: m, commitActionButtons: d, committing: O, resetCommitAction: c };
 };
 export {
-  h as default
+  x as default
 };

package/dist/es/hooks/useComponentHeadingElement.js

@@ -1,10 +1,10 @@
-import { useRef as o, useMemo as m, useEffect as f } from "../external/preact/hooks/dist/hooks.module.js";
-import l from "../core/Context/useCoreContext.js";
-import { useUniqueId as E } from "./useUniqueId.js";
-import { EMPTY_OBJECT as b } from "../utils/value/constants.js";
-var d = /* @__PURE__ */ ((e) => (e[e.TITLE = 1] = "TITLE", e[e.SUBTITLE = 2] = "SUBTITLE", e))(d || {});
-const B = ({ headingType: e = 1, forwardedToRoot: u } = b) => {
-  const { componentRef: s } = l(), i = `heading-${E()}`, c = o(null), t = m(() => {
+import { useRef as a, useMemo as o, useEffect as m } from "../external/preact/hooks/dist/hooks.module.js";
+import f from "../core/Context/useCoreContext.js";
+import { useUniqueId as l } from "./useUniqueId.js";
+import { EMPTY_OBJECT as E } from "../utils/value/constants.js";
+var b = /* @__PURE__ */ ((e) => (e[e.TITLE = 1] = "TITLE", e[e.SUBTITLE = 2] = "SUBTITLE", e))(b || {});
+const L = ({ headingType: e = 1, forwardedToRoot: u } = E) => {
+  const { componentRef: s } = f(), i = `heading-${l()}`, c = a(null), t = o(() => {
     switch (e) {
       case 1:
         return "aria-labeledby";
@@ -12,10 +12,9 @@ const B = ({ headingType: e = 1, forwardedToRoot: u } = b) => {
         return "aria-describedby";
     }
   }, [e]);
-  return f(() => {
-    var a;
+  return m(() => {
     if (u === !1) return;
-    const r = s.current, n = (a = c.current) == null ? void 0 : a.id;
+    const r = s.current, n = c.current?.id;
     if (n && r)
       return r.setAttribute(t, n), () => {
         r.getAttribute(t) === n && r.removeAttribute(t);
@@ -23,7 +22,7 @@ const B = ({ headingType: e = 1, forwardedToRoot: u } = b) => {
   }, [t, s, u, i]), { id: i, ref: c };
 };
 export {
-  d as ComponentHeadingType,
-  B as default,
-  B as useComponentHeadingElement
+  b as ComponentHeadingType,
+  L as default,
+  L as useComponentHeadingElement
 };

package/dist/es/hooks/useComponentTiming.js

@@ -0,0 +1,8 @@
+import { useRef as n, useEffect as t } from "../external/preact/hooks/dist/hooks.module.js";
+const s = () => {
+  const r = n(void 0), e = n(0);
+  return t(() => (e.current = performance.now(), () => void (r.current = performance.now() - e.current)), []), { duration: r };
+};
+export {
+  s as default
+};

package/dist/es/hooks/useContainerQuery.js

@@ -1,10 +1,9 @@
-import { useState as d, useEffect as l } from "../external/preact/hooks/dist/hooks.module.js";
-import p from "../core/Context/useCoreContext.js";
-const k = (i) => {
-  var c;
-  const { componentRef: n } = p(), [r, f] = d(((c = n.current) == null ? void 0 : c.offsetWidth) || 0), [u, o, a] = i;
+import { useState as b, useEffect as d } from "../external/preact/hooks/dist/hooks.module.js";
+import l from "../core/Context/useCoreContext.js";
+const y = (c) => {
+  const { componentRef: n } = l(), [r, i] = b(n.current?.offsetWidth || 0), [f, o, a] = c;
   let s = !1;
-  switch (u) {
+  switch (f) {
     case "up":
       s = r >= o;
       break;
@@ -19,12 +18,12 @@ const k = (i) => {
         s = r === o;
       break;
   }
-  return l(() => {
+  return d(() => {
     const e = n.current;
     if (!e) return;
-    const t = new ResizeObserver((m) => {
-      for (const b of m)
-        b.target === e && f(e.offsetWidth);
+    const t = new ResizeObserver((u) => {
+      for (const m of u)
+        m.target === e && i(e.offsetWidth);
     });
     return t.observe(e), () => {
       t.unobserve(e), t.disconnect();
@@ -32,6 +31,6 @@ const k = (i) => {
   }, [n]), s;
 };
 export {
-  k as default,
-  k as useContainerQuery
+  y as default,
+  y as useContainerQuery
 };