@adyen/adyen-platform-experience-web 1.12.1 → 1.12.2-beta.0

package/dist/es/packages/shared/ui-components-preact/src/FormFields/Select/components/SelectButton.js

@@ -1,76 +1,53 @@
-import { jsx as o } from "../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import L from "classnames";
-import { useMemo as n } from "../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
-import "../../../../../core/src/preact/CoreContext.js";
-import { Fragment as M } from "../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/dist/preact.module.js";
-import "../../../../../core/src/Localization/constants/localization.js";
-import "../../../../../utils/src/datetime/restamper/restamper.js";
-import "../../../../../utils/src/datetime/restamper/constants.js";
-import "../../../../../utils/src/value/constants.js";
-import "../../../../../utils/src/common.js";
-import "../../../../../utils/src/abort/internals.js";
-import "../../../../../utils/src/async/constants.js";
-import "../../../../../utils/src/collection/main.js";
-import "../../../../../utils/src/datetime/formats.js";
-import "../../../../../utils/src/datetime/quickSelectDateRanges.js";
-import "../../../../../utils/src/struct/property.js";
-import "../../../../../utils/src/struct/main.js";
-import { boolOrFalse as E } from "../../../../../utils/src/value/bool.js";
-import "../../../../../utils/src/primitives/auxiliary/indexed/main.js";
-import "../../../../../utils/src/primitives/reactive/reflex/register.js";
-import "../../../../../utils/src/primitives/time/clock/main.js";
-import "../../../../../utils/src/primitives/time/today/main.js";
-import Y from "../../../../../core/src/preact/useCoreContext.js";
-import "../../../../../core/src/preact/ConfigContext.js";
-import "../../../../../core/src/preact/EventDispatcherContext.js";
-/* empty css                                            */
-import k from "../../../Img/Img.js";
-import { Icon as B } from "../../../Icon/Icon.js";
-import F from "../../../Button/Button.js";
-import { ButtonVariant as j } from "../../../../../types/src/uiComponents/button.js";
-import "../../../../../types/src/uiComponents/buttonActions.js";
-import { InteractionKeyCode as R } from "../../../../../types/src/uiComponents/interaction.js";
-import w from "../../../Typography/Typography.js";
-import { TypographyVariant as H, TypographyElement as X } from "../../../Typography/types.js";
-import { DEFAULT_BUTTON_CLASSNAME as U } from "../../../Button/constants.js";
-import "../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/compat/dist/compat.module.js";
-import "../../../../../utils/src/preact/memoComparator/main.js";
-import { getModifierClasses as q } from "../../../../../utils/src/preact/className.js";
-import { DROPDOWN_BUTTON_ICON_CLASS as z, DROPDOWN_BUTTON_TEXT_CLASS as G, DROPDOWN_BUTTON_MULTI_SELECT_COUNTER_CLASS as J, DROPDOWN_BUTTON_COLLAPSE_INDICATOR_CLASS as Q, DROPDOWN_BUTTON_CLEAR_CLASS as Z, DROPDOWN_BUTTON_CLASS as $, DROPDOWN_BUTTON_VALID_CLASS as oo, DROPDOWN_BUTTON_INVALID_CLASS as ro, DROPDOWN_BUTTON_READONLY_CLASS as to, DROPDOWN_BUTTON_HAS_SELECTION_CLASS as ao, DROPDOWN_BUTTON_ACTIVE_CLASS as io } from "../constants.js";
-const mo = ({
-  active: i,
-  disabled: l,
-  className: a,
-  filterable: m,
-  toggleButtonRef: p,
-  buttonVariant: O,
-  ...r
+import { jsx as o } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import L from "../../../../../../../_virtual/index.js";
+import { useMemo as m } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import M from "../../../../../core/src/preact/useCoreContext.js";
+import { Icon as E } from "../../../Icon/Icon.js";
+import Y from "../../../Button/Button.js";
+import k from "../../../Typography/Typography.js";
+import { TypographyVariant as F, TypographyElement as j } from "../../../Typography/types.js";
+import { boolOrFalse as B } from "../../../../../utils/src/value/bool.js";
+import { DEFAULT_BUTTON_CLASSNAME as R } from "../../../Button/constants.js";
+import { getModifierClasses as w } from "../../../../../utils/src/preact/className.js";
+import { DROPDOWN_BUTTON_ICON_CLASS as H, DROPDOWN_BUTTON_TEXT_CLASS as X, DROPDOWN_BUTTON_MULTI_SELECT_COUNTER_CLASS as q, DROPDOWN_BUTTON_COLLAPSE_INDICATOR_CLASS as z, DROPDOWN_BUTTON_CLEAR_CLASS as G, DROPDOWN_BUTTON_CLASS as J, DROPDOWN_BUTTON_VALID_CLASS as Q, DROPDOWN_BUTTON_INVALID_CLASS as Z, DROPDOWN_BUTTON_READONLY_CLASS as $, DROPDOWN_BUTTON_HAS_SELECTION_CLASS as oo, DROPDOWN_BUTTON_ACTIVE_CLASS as ao } from "../constants.js";
+import { Fragment as ro } from "../../../../../../../external/preact/dist/preact.module.js";
+import eo from "../../../Img/Img.js";
+import { InteractionKeyCode as U } from "../../../../../types/src/uiComponents/interaction.js";
+import { ButtonVariant as to } from "../../../../../types/src/uiComponents/button.js";
+const no = ({
+  active: t,
+  disabled: O,
+  className: e,
+  filterable: n,
+  toggleButtonRef: l,
+  buttonVariant: c,
+  ...a
 }) => {
-  const t = O ?? j.SECONDARY, c = n(() => q(U, [t], [U]), [t]), s = n(() => m ? L(c, a) : a, [c, a, m]);
-  return m ? /* @__PURE__ */ o("div", { ...r, className: s, ref: p }) : /* @__PURE__ */ o(
-    F,
+  const r = c ?? to.SECONDARY, s = m(() => w(R, [r], [R]), [r]), N = m(() => n ? L(s, e) : e, [s, e, n]);
+  return n ? /* @__PURE__ */ o("div", { ...a, className: N, ref: l }) : /* @__PURE__ */ o(
+    Y,
     {
-      ...r,
-      className: s,
-      disabled: l,
-      variant: t,
-      ref: p,
-      "aria-label": r["aria-label"],
-      "aria-labelledby": r["aria-labelledby"]
+      ...a,
+      className: N,
+      disabled: O,
+      variant: r,
+      ref: l,
+      "aria-label": a["aria-label"],
+      "aria-labelledby": a["aria-labelledby"]
     }
   );
-}, Xo = ({
-  active: i,
-  clearable: l,
-  filterable: a,
-  multiSelect: m,
-  placeholder: p,
-  onClear: O,
-  readonly: r,
-  showList: t,
-  withoutCollapseIndicator: c,
-  buttonVariant: s,
-  isInvalid: N,
+}, uo = ({
+  active: t,
+  clearable: O,
+  filterable: e,
+  multiSelect: n,
+  placeholder: l,
+  onClear: c,
+  readonly: a,
+  showList: r,
+  withoutCollapseIndicator: s,
+  buttonVariant: N,
+  isInvalid: T,
   isValid: P,
   name: h,
   toggleList: x,
@@ -87,73 +64,73 @@ const mo = ({
   "aria-label": C,
   "aria-labelledby": A
 }) => {
-  const { i18n: b } = Y(), T = n(() => p?.trim() || b.get("common.inputs.select.placeholder"), [b, p]), e = n(() => E(m) ? void 0 : i[0], [i, m]), f = n(() => e?.name?.trim() || T, [e, T]), u = n(() => E(l) && !!i.length && !r, [i, l, r]);
+  const { i18n: b } = M(), _ = m(() => l?.trim() || b.get("common.inputs.select.placeholder"), [b, l]), i = m(() => B(n) ? void 0 : t[0], [t, n]), f = m(() => i?.name?.trim() || _, [i, _]), u = m(() => B(O) && !!t.length && !a, [t, O, a]);
   return /* @__PURE__ */ o(
-    mo,
+    no,
     {
-      buttonVariant: s,
-      active: i,
-      disabled: r,
-      "aria-disabled": r,
-      "aria-expanded": t,
+      buttonVariant: N,
+      active: t,
+      disabled: a,
+      "aria-disabled": a,
+      "aria-expanded": r,
       "aria-haspopup": "dialog",
-      "aria-invalid": N,
-      className: L($, {
-        [io]: t,
-        [ao]: !!i.length,
-        [to]: r,
-        [ro]: N,
-        [oo]: P
+      "aria-invalid": T,
+      className: L(J, {
+        [ao]: r,
+        [oo]: !!t.length,
+        [$]: a,
+        [Z]: T,
+        [Q]: P
       }),
-      filterable: a,
+      filterable: e,
       name: h,
-      onClick: r ? void 0 : x,
-      onKeyDown: r ? void 0 : y,
-      role: !a || t ? "button" : void 0,
+      onClick: a ? void 0 : x,
+      onKeyDown: a ? void 0 : y,
+      role: !e || r ? "button" : void 0,
       tabIndex: 0,
       title: f,
       toggleButtonRef: I,
-      type: a ? void 0 : "button",
+      type: e ? void 0 : "button",
       "aria-describedby": W,
       id: g,
-      ...t && a ? {} : { "aria-label": C, "aria-labelledby": A },
+      ...r && e ? {} : { "aria-label": C, "aria-labelledby": A },
       children: [
-        d ? d({ item: e }) : t && a ? /* @__PURE__ */ o(
+        d ? d({ item: i }) : r && e ? /* @__PURE__ */ o(
           "input",
           {
             "aria-autocomplete": "list",
             "aria-label": C,
             "aria-labelledby": A,
             "aria-controls": D,
-            "aria-expanded": t,
+            "aria-expanded": r,
             "aria-owns": D,
-            "aria-invalid": N,
+            "aria-invalid": T,
             autoComplete: "off",
             className: "adyen-pe-filter-input",
             onInput: v,
             onKeyDown: V,
-            placeholder: T,
+            placeholder: _,
             ref: K,
             role: "combobox",
             type: "text"
           }
-        ) : /* @__PURE__ */ o(M, { children: [
-          e?.icon && /* @__PURE__ */ o(k, { className: z, src: e.icon, alt: e?.name?.trim() ?? "" }),
-          /* @__PURE__ */ o("span", { className: G, children: e?.selectedOptionName?.trim() || f }),
-          m && S > 0 && /* @__PURE__ */ o("div", { className: J, children: /* @__PURE__ */ o(w, { el: X.SPAN, variant: H.BODY, stronger: !0, children: S }) })
+        ) : /* @__PURE__ */ o(ro, { children: [
+          i?.icon && /* @__PURE__ */ o(eo, { className: H, src: i.icon, alt: i?.name?.trim() ?? "" }),
+          /* @__PURE__ */ o("span", { className: X, children: i?.selectedOptionName?.trim() || f }),
+          n && S > 0 && /* @__PURE__ */ o("div", { className: q, children: /* @__PURE__ */ o(k, { el: j.SPAN, variant: F.BODY, stronger: !0, children: S }) })
         ] }),
-        !c && !u && /* @__PURE__ */ o("span", { className: Q, children: /* @__PURE__ */ o(B, { name: "chevron-down" }) }),
+        !s && !u && /* @__PURE__ */ o("span", { className: z, children: /* @__PURE__ */ o(E, { name: "chevron-down" }) }),
         u && /* @__PURE__ */ o(
           "span",
           {
             role: "button",
             tabIndex: 0,
-            className: Z,
-            onClick: O,
-            onKeyDown: (_) => {
-              (_.code === R.ENTER || _.code === R.SPACE) && O?.(_);
+            className: G,
+            onClick: c,
+            onKeyDown: (p) => {
+              (p.code === U.ENTER || p.code === U.SPACE) && c?.(p);
             },
-            children: /* @__PURE__ */ o(B, { name: "cross-circle-fill" })
+            children: /* @__PURE__ */ o(E, { name: "cross-circle-fill" })
           }
         )
       ]
@@ -161,5 +138,5 @@ const mo = ({
   );
 };
 export {
-  Xo as default
+  uo as default
 };

package/dist/es/packages/shared/ui-components-preact/src/FormFields/Select/components/SelectList.js

@@ -1,52 +1,29 @@
-import { jsx as i } from "../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as o } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useResponsiveContainer as h, containerQueries as W } from "../../../../../hooks-preact/src/useResponsiveContainer.js";
-import "../../../../../types/src/uiComponents/buttonActions.js";
-import { PopoverContainerPosition as w, PopoverContainerVariant as V, PopoverContainerSize as y } from "../../../../../types/src/uiComponents/popover.js";
-import "../../../../../core/src/preact/CoreContext.js";
-import "../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/dist/preact.module.js";
-import { useMemo as p } from "../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
-import "../../../../../core/src/Localization/constants/localization.js";
-import "../../../../../utils/src/datetime/restamper/restamper.js";
-import "../../../../../utils/src/datetime/restamper/constants.js";
-import "../../../../../utils/src/value/constants.js";
-import { isFunction as z } from "../../../../../utils/src/value/is.js";
-import "../../../../../utils/src/abort/internals.js";
-import "../../../../../utils/src/async/constants.js";
-import "../../../../../utils/src/collection/main.js";
-import "../../../../../utils/src/common.js";
-import "../../../../../utils/src/datetime/formats.js";
-import "../../../../../utils/src/datetime/quickSelectDateRanges.js";
-import "../../../../../utils/src/struct/property.js";
-import "../../../../../utils/src/struct/main.js";
-import { boolOrFalse as F } from "../../../../../utils/src/value/bool.js";
-import "../../../../../utils/src/primitives/auxiliary/indexed/main.js";
-import "../../../../../utils/src/primitives/reactive/reflex/register.js";
-import "../../../../../utils/src/primitives/time/clock/main.js";
-import "../../../../../utils/src/primitives/time/today/main.js";
-import j from "../../../../../core/src/preact/useCoreContext.js";
-import "../../../../../core/src/preact/ConfigContext.js";
-import "../../../../../core/src/preact/EventDispatcherContext.js";
-import a from "classnames";
-/* empty css                                            */
-import { fixedForwardRef as B } from "../../../../../utils/src/preact/fixedForwardRef.js";
-import "../../../../../utils/src/preact/memoComparator/main.js";
-import { memo as K } from "../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/compat/dist/compat.module.js";
-import { DROPDOWN_LIST_CLASS as Q, DROPDOWN_LIST_ACTIVE_CLASS as U, DROPDOWN_ELEMENT_CLASS as $, DROPDOWN_ELEMENT_NO_OPTION_CLASS as k } from "../constants.js";
-import q, { renderListItemDefault as G } from "./SelectListItem.js";
-import H from "../../../Popover/Popover.js";
-const J = B(
+import w from "../../../../../core/src/preact/useCoreContext.js";
+import { boolOrFalse as V } from "../../../../../utils/src/value/bool.js";
+import { isFunction as y } from "../../../../../utils/src/value/is.js";
+import { fixedForwardRef as z } from "../../../../../utils/src/preact/fixedForwardRef.js";
+import a from "../../../../../../../_virtual/index.js";
+import { memo as F } from "../../../../../../../external/preact/compat/dist/compat.module.js";
+import { useMemo as l } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { DROPDOWN_LIST_CLASS as j, DROPDOWN_LIST_ACTIVE_CLASS as B, DROPDOWN_ELEMENT_CLASS as K, DROPDOWN_ELEMENT_NO_OPTION_CLASS as Q } from "../constants.js";
+import U, { renderListItemDefault as $ } from "./SelectListItem.js";
+import k from "../../../Popover/Popover.js";
+import { PopoverContainerPosition as q, PopoverContainerVariant as G, PopoverContainerSize as H } from "../../../../../types/src/uiComponents/popover.js";
+const J = z(
   ({
-    active: l,
-    commitActions: c,
+    active: c,
+    commitActions: p,
     items: d,
     disableFocusTrap: f,
-    multiSelect: m,
+    multiSelect: s,
     onKeyDown: O,
     onSelect: u,
-    renderListItem: t,
+    renderListItem: i,
     selectListId: S,
-    showList: r,
-    textFilter: s,
+    showList: t,
+    textFilter: n,
     toggleButtonRef: C,
     dismissPopover: N,
     setToTargetWidth: P,
@@ -57,43 +34,43 @@ const J = B(
     activeIndex: L,
     filterable: T
   }, x) => {
-    const { i18n: I } = j(), M = h(W.down.xs), n = d.filter((o) => !s || o.name.toLowerCase().includes(s)), R = a(Q, { [U]: r }), A = a($, k), b = p(() => z(t) ? t : G, [t]), e = p(() => F(m), [m]);
-    return r ? /* @__PURE__ */ i(
-      H,
+    const { i18n: I } = w(), M = h(W.down.xs), m = d.filter((e) => !n || e.name.toLowerCase().includes(n)), R = a(j, { [B]: t }), A = a(K, Q), b = l(() => y(i) ? i : $, [i]), r = l(() => V(s), [s]);
+    return t ? /* @__PURE__ */ o(
+      k,
       {
         classNameModifiers: v,
-        actions: e ? c : void 0,
+        actions: r ? p : void 0,
         disableFocusTrap: f,
         divider: !0,
         dismiss: N,
         dismissible: !1,
-        open: r,
+        open: t,
         setToTargetWidth: P,
-        containerSize: y.MEDIUM,
-        variant: V.POPOVER,
+        containerSize: H.MEDIUM,
+        variant: G.POPOVER,
         targetElement: C,
         withContentPadding: !1,
-        position: w.BOTTOM,
+        position: q.BOTTOM,
         showOverlay: _ && M,
         fitPosition: D,
         fixedPositioning: E,
-        children: /* @__PURE__ */ i("ul", { className: R, id: S, ref: x, role: "listbox", "aria-multiselectable": e, children: n.length ? n.map((o, g) => /* @__PURE__ */ i(
-          q,
+        children: /* @__PURE__ */ o("ul", { className: R, id: S, ref: x, role: "listbox", "aria-multiselectable": r, children: m.length ? m.map((e, g) => /* @__PURE__ */ o(
+          U,
           {
-            item: o,
-            multiSelect: e,
+            item: e,
+            multiSelect: r,
             onKeyDown: O,
             onSelect: u,
             renderListItem: b,
-            selected: l.includes(o),
+            selected: c.includes(e),
             isKeyboardActive: T && L === g
           },
-          o.id
-        )) : /* @__PURE__ */ i("div", { className: A, children: I.get("common.inputs.select.errors.noOptions") }) })
+          e.id
+        )) : /* @__PURE__ */ o("div", { className: A, children: I.get("common.inputs.select.errors.noOptions") }) })
       }
     ) : null;
   }
-), Wo = K(J);
+), ce = F(J);
 export {
-  Wo as default
+  ce as default
 };

package/dist/es/packages/shared/ui-components-preact/src/FormFields/Select/components/SelectListItem.js

@@ -1,77 +1,62 @@
-import { jsx as t } from "../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import p from "classnames";
-import { memo as S } from "../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/compat/dist/compat.module.js";
-import { useRef as C, useEffect as _ } from "../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
-import D from "../../../Img/Img.js";
-import { Icon as s } from "../../../Icon/Icon.js";
-import "../../../../../utils/src/common.js";
-import "../../../../../utils/src/abort/internals.js";
-import "../../../../../utils/src/async/constants.js";
-import "../../../../../utils/src/collection/main.js";
-import "../../../../../utils/src/value/constants.js";
-import "../../../../../utils/src/datetime/formats.js";
-import "../../../../../utils/src/datetime/quickSelectDateRanges.js";
-import "../../../../../utils/src/datetime/restamper/restamper.js";
-import "../../../../../utils/src/datetime/restamper/constants.js";
-import "../../../../../utils/src/struct/property.js";
-import "../../../../../utils/src/struct/main.js";
+import { jsx as s } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import S from "../../../../../../../_virtual/index.js";
+import { memo as C } from "../../../../../../../external/preact/compat/dist/compat.module.js";
+import { useRef as _, useEffect as D } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import { Icon as r } from "../../../Icon/Icon.js";
 import { boolOrFalse as O } from "../../../../../utils/src/value/bool.js";
-import "../../../../../utils/src/primitives/auxiliary/indexed/main.js";
-import "../../../../../utils/src/primitives/reactive/reflex/register.js";
-import "../../../../../utils/src/primitives/time/clock/main.js";
-import "../../../../../utils/src/primitives/time/today/main.js";
-import { DROPDOWN_ELEMENT_CHECKMARK_CLASS as f, DROPDOWN_ELEMENT_CLASS as u, DROPDOWN_ELEMENT_KEYBOARD_ACTIVE_CLASS as L, DROPDOWN_ELEMENT_DISABLED_CLASS as d, DROPDOWN_ELEMENT_ACTIVE_CLASS as h, DROPDOWN_ELEMENT_ICON_CLASS as A, DROPDOWN_ELEMENT_CONTENT_CLASS as R, DROPDOWN_ELEMENT_CHECKBOX_CLASS as T } from "../constants.js";
-import { Fragment as I } from "../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/dist/preact.module.js";
-const M = (e) => e.multiSelect ? /* @__PURE__ */ t("span", { className: T, children: e.selected ? /* @__PURE__ */ t(s, { name: "checkmark-square-fill" }) : /* @__PURE__ */ t(s, { name: "square" }) }) : null, b = (e) => e.multiSelect ? null : /* @__PURE__ */ t("span", { className: f, children: e.selected && /* @__PURE__ */ t(s, { name: "checkmark" }) }), te = (e) => /* @__PURE__ */ t(I, { children: [
+import { DROPDOWN_ELEMENT_CHECKMARK_CLASS as f, DROPDOWN_ELEMENT_CLASS as u, DROPDOWN_ELEMENT_KEYBOARD_ACTIVE_CLASS as L, DROPDOWN_ELEMENT_DISABLED_CLASS as d, DROPDOWN_ELEMENT_ACTIVE_CLASS as p, DROPDOWN_ELEMENT_ICON_CLASS as h, DROPDOWN_ELEMENT_CONTENT_CLASS as A, DROPDOWN_ELEMENT_CHECKBOX_CLASS as R } from "../constants.js";
+import T from "../../../Img/Img.js";
+import { Fragment as I } from "../../../../../../../external/preact/dist/preact.module.js";
+const M = (e) => e.multiSelect ? /* @__PURE__ */ s("span", { className: R, children: e.selected ? /* @__PURE__ */ s(r, { name: "checkmark-square-fill" }) : /* @__PURE__ */ s(r, { name: "square" }) }) : null, b = (e) => e.multiSelect ? null : /* @__PURE__ */ s("span", { className: f, children: e.selected && /* @__PURE__ */ s(r, { name: "checkmark" }) }), K = (e) => /* @__PURE__ */ s(I, { children: [
   M(e),
-  /* @__PURE__ */ t("div", { className: e.contentClassName, children: [
-    e.item.icon && /* @__PURE__ */ t(D, { className: e.iconClassName, alt: e.item.name, src: e.item.icon }),
-    /* @__PURE__ */ t("span", { children: e.item.name })
+  /* @__PURE__ */ s("div", { className: e.contentClassName, children: [
+    e.item.icon && /* @__PURE__ */ s(T, { className: e.iconClassName, alt: e.item.name, src: e.item.icon }),
+    /* @__PURE__ */ s("span", { children: e.item.name })
   ] }),
   b(e)
 ] }), k = ({
   item: e,
-  multiSelect: l,
-  onKeyDown: n,
-  onSelect: a,
-  renderListItem: c,
-  selected: r,
-  isKeyboardActive: m
+  multiSelect: o,
+  onKeyDown: a,
+  onSelect: c,
+  renderListItem: i,
+  selected: l,
+  isKeyboardActive: n
 }) => {
-  const i = !!e.disabled, o = C(null), E = O(e.disabled) || null, N = p(u, {
-    [h]: r,
-    [d]: i,
-    [L]: m
+  const m = !!e.disabled, t = _(null), E = O(e.disabled) || null, N = S(u, {
+    [p]: l,
+    [d]: m,
+    [L]: n
   });
-  return _(() => {
-    m && o.current && o.current.scrollIntoView({ block: "nearest", behavior: "smooth" });
-  }, [m]), /* @__PURE__ */ t(
+  return D(() => {
+    n && t.current && t.current.scrollIntoView({ block: "nearest", behavior: "smooth" });
+  }, [n]), /* @__PURE__ */ s(
     "li",
     {
-      ref: o,
-      "aria-disabled": i,
-      "aria-selected": r,
+      ref: t,
+      "aria-disabled": m,
+      "aria-selected": l,
       className: N,
       "data-disabled": E,
       "data-value": e.id,
-      onClick: a,
-      onKeyDown: n,
+      onClick: c,
+      onKeyDown: a,
       title: e.name,
       role: "option",
       tabIndex: -1,
-      children: c({
+      children: i({
         item: e,
-        multiSelect: l,
-        selected: r,
-        contentClassName: R,
-        iconClassName: A
+        multiSelect: o,
+        selected: l,
+        contentClassName: A,
+        iconClassName: h
       })
     }
   );
-}, re = S(k);
+}, j = C(k);
 export {
-  re as default,
+  j as default,
   M as renderDefaultMultiSelectionCheckedness,
   b as renderDefaultSingleSelectionCheckedness,
-  te as renderListItemDefault
+  K as renderListItemDefault
 };

package/dist/es/packages/shared/ui-components-preact/src/FormFields/Select/hooks/useSelect.js

@@ -1,46 +1,32 @@
-import { useCallback as l, useState as u, useEffect as x } from "../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
-import "../../../../../utils/src/common.js";
-import "../../../../../utils/src/abort/internals.js";
-import "../../../../../utils/src/async/constants.js";
-import "../../../../../utils/src/collection/main.js";
+import { useCallback as i, useState as O, useEffect as g } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
 import { EMPTY_ARRAY as t } from "../../../../../utils/src/value/constants.js";
-import "../../../../../utils/src/datetime/formats.js";
-import "../../../../../utils/src/datetime/quickSelectDateRanges.js";
-import "../../../../../utils/src/datetime/restamper/restamper.js";
-import "../../../../../utils/src/datetime/restamper/constants.js";
-import "../../../../../utils/src/struct/property.js";
-import "../../../../../utils/src/struct/main.js";
-import "../../../../../utils/src/primitives/auxiliary/indexed/main.js";
-import "../../../../../utils/src/primitives/reactive/reflex/register.js";
-import "../../../../../utils/src/primitives/time/clock/main.js";
-import "../../../../../utils/src/primitives/time/today/main.js";
-const M = ({ items: i, multiSelect: c, selected: p }) => {
-  const f = l(
-    (n = t) => {
-      const e = t.concat(n ?? t).filter(Boolean), o = i.filter((b) => e.includes(b.id)), s = c ? o : o.slice(0, 1);
-      return s.length ? Object.freeze(s) : t;
+const z = ({ items: f, multiSelect: r, selected: l }) => {
+  const a = i(
+    (c = t) => {
+      const e = t.concat(c ?? t).filter(Boolean), n = f.filter((x) => e.includes(x.id)), o = r ? n : n.slice(0, 1);
+      return o.length ? Object.freeze(o) : t;
     },
-    [i, c]
-  ), [m, r] = u(f(p)), a = l(
-    (n = t) => {
-      const e = n.filter((o) => i.includes(o));
-      r(e.length ? Object.freeze(e) : t);
+    [f, r]
+  ), [d, s] = O(a(l)), b = i(
+    (c = t) => {
+      const e = c.filter((n) => f.includes(n));
+      s(e.length ? Object.freeze(e) : t);
     },
-    [i, r]
-  ), d = l(
-    (n) => {
-      r((e) => {
-        const o = e.indexOf(n);
-        if (o < 0) return Object.freeze((c ? e : t).concat(n));
-        if (!c) return e;
-        const s = [...e];
-        return s.splice(o, 1), s.length ? Object.freeze(s) : t;
+    [f, s]
+  ), u = i(
+    (c) => {
+      s((e) => {
+        const n = e.indexOf(c);
+        if (n < 0) return Object.freeze((r ? e : t).concat(c));
+        if (!r) return e;
+        const o = [...e];
+        return o.splice(n, 1), o.length ? Object.freeze(o) : t;
       });
     },
-    [c, r]
+    [r, s]
   );
-  return x(() => r(f(p)), [f, p, r]), { resetSelection: a, select: d, selection: m };
+  return g(() => s(a(l)), [a, l, s]), { resetSelection: b, select: u, selection: d };
 };
 export {
-  M as default
+  z as default
 };

package/dist/es/packages/shared/ui-components-preact/src/FormFields/utils.js

@@ -1,4 +1,3 @@
-import "../../../types/src/uiComponents/buttonActions.js";
 import { InteractionKeyCode as t } from "../../../types/src/uiComponents/interaction.js";
 const u = [
   t.BACKSPACE,
@@ -8,14 +7,14 @@ const u = [
   t.ARROW_UP,
   t.ARROW_DOWN,
   t.TAB
-], I = ({ event: s, inputType: o, onValidInput: c }) => {
-  const i = s.currentTarget, { key: e } = s, n = /^[0-9.,-]$/.test(e), l = /[.,]/.test(i.value), r = e === "." || e === ",", a = u.includes(e);
-  if (o === "number" && !a && (!n || l && r)) {
+], R = ({ event: s, inputType: c, onValidInput: o }) => {
+  const i = s.currentTarget, { key: e } = s, n = /^[0-9.,-]$/.test(e), l = /[.,]/.test(i.value), a = e === "." || e === ",", r = u.includes(e);
+  if (c === "number" && !r && (!n || l && a)) {
     s.preventDefault();
     return;
   }
-  c?.(s);
+  o?.(s);
 };
 export {
-  I as filterDisallowedCharacters
+  R as filterDisallowedCharacters
 };

package/dist/es/packages/shared/ui-components-preact/src/FormWrappers/FormCalendarInput.js

@@ -1,13 +1,12 @@
-import { jsx as o } from "../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as m } from "../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
+import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as m } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import { Controller as d } from "../../../hooks-preact/src/form/Controller.js";
-import "../../../hooks-preact/src/form/FormContext.js";
 import { useWizardFormContext as c } from "../../../hooks-preact/src/form/wizard/WizardFormContext.js";
 import F from "./FormField.js";
 import { CalendarInput as g } from "../FormFields/CalendarInput/CalendarInput.js";
 import { VisibleField as h } from "./VisibleField.js";
 import { FieldError as C } from "../FormFields/FieldError/FieldError.js";
-function R({ clearable: u, fieldName: r, label: p, isReadOnly: i }) {
+function O({ clearable: u, fieldName: r, label: p, isReadOnly: i }) {
   const { control: a, fieldsConfig: n } = c(), s = m(() => n[r]?.required, [n, r]), l = m(() => i ?? n[r]?.readOnly, [n, r, i]);
   return /* @__PURE__ */ o(h, { name: r, children: /* @__PURE__ */ o(F, { label: p, optional: !s, children: /* @__PURE__ */ o(
     d,
@@ -34,5 +33,5 @@ function R({ clearable: u, fieldName: r, label: p, isReadOnly: i }) {
   ) }) });
 }
 export {
-  R as FormCalendarInput
+  O as FormCalendarInput
 };