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

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

@@ -1,71 +1,56 @@
-import { jsx as t } from "../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { ARIA_ERROR_SUFFIX as L } from "../../../core/src/Errors/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/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 { hasOwnProperty as Q } from "../../../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";
-import M from "classnames";
-import { forwardRef as U } from "../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/compat/dist/compat.module.js";
-import { useCallback as i, useMemo as W } from "../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
-import Z from "./Select/Select.js";
-import { filterDisallowedCharacters as H } from "./utils.js";
+import M from "../../../../../_virtual/index.js";
+import { forwardRef as U } from "../../../../../external/preact/compat/dist/compat.module.js";
+import { useCallback as n, useMemo as W } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import { filterDisallowedCharacters as Z } from "./utils.js";
 /* empty css                */
-import { ButtonVariant as ee } from "../../../types/src/uiComponents/button.js";
-import "../../../types/src/uiComponents/buttonActions.js";
-import { FieldError as ae } from "./FieldError/FieldError.js";
-import { Fragment as te } from "../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/dist/preact.module.js";
+import { FieldError as H } from "./FieldError/FieldError.js";
+import ee from "./Select/Select.js";
+import { Fragment as ae } from "../../../../../external/preact/dist/preact.module.js";
+import { ButtonVariant as te } from "../../../types/src/uiComponents/button.js";
 function O({
   onInput: f,
-  onKeyUp: l,
+  onKeyUp: o,
   trimOnBlur: y,
   onBlurHandler: h,
   onBlur: _,
   onFocusHandler: v,
   errorMessage: I,
   errorTestId: $,
-  iconBeforeSlot: p,
-  iconAfterSlot: d,
+  iconBeforeSlot: d,
+  iconAfterSlot: u,
   dropdown: a,
   dropdownPosition: N = "start",
   onDropdownInput: g,
   onKeyDown: C,
   onUpdateDropdown: b,
-  ...s
+  ...i
 }, x) {
-  const { classNameModifiers: q, isInvalid: r, isValid: A, readonly: n = !1, type: o, uniqueId: m, isCollatingErrors: u, disabled: w } = s;
-  Q(s, "onChange") && console.error("Error: Form fields that rely on InputBase may not have an onChange property");
-  const P = i(
+  const { classNameModifiers: q, isInvalid: r, isValid: A, readonly: s = !1, type: l, uniqueId: p, isCollatingErrors: c, disabled: w } = i;
+  Q(i, "onChange") && console.error("Error: Form fields that rely on InputBase may not have an onChange property");
+  const P = n(
     (e) => {
       f?.(e);
     },
     [f]
-  ), j = i(
+  ), j = n(
     (e) => {
-      l && l(e);
+      o && o(e);
     },
-    [l]
-  ), k = i(
+    [o]
+  ), k = n(
     (e) => {
       h?.(e), y && (e.target.value = e.target.value.trim()), _?.(e);
     },
     [_, h, y]
-  ), B = i(
+  ), B = n(
     (e) => {
       v?.(e);
     },
     [v]
-  ), D = i(
+  ), D = n(
     (e) => {
       const V = e.target?.value;
       g?.(V), a && b?.({ ...a, value: V });
@@ -73,37 +58,37 @@ function O({
     [a, g, b]
   ), K = M(
     "adyen-pe-input",
-    [`adyen-pe-input--${o}`],
-    s.className,
+    [`adyen-pe-input--${l}`],
+    i.className,
     {
       "adyen-pe-input--invalid": r,
       "adyen-pe-input--valid": A
     },
     q?.map((e) => `adyen-pe-input--${e}`)
-  ), S = i(
+  ), S = n(
     (e) => {
-      H({ event: e, inputType: o, onValidInput: () => C?.(e) });
+      Z({ event: e, inputType: l, onValidInput: () => C?.(e) });
     },
-    [o, C]
+    [l, C]
   ), {
-    classNameModifiers: ie,
-    uniqueId: ne,
-    isInvalid: se,
+    classNameModifiers: ne,
+    uniqueId: se,
+    isInvalid: ie,
     isValid: re,
-    isCollatingErrors: oe,
-    errorTestId: le,
-    autoFocus: pe,
-    autofocus: de,
+    isCollatingErrors: le,
+    errorTestId: oe,
+    autoFocus: de,
+    autofocus: ue,
     ...X
-  } = s, Y = p || d, c = !!a && a.items.length > 0, z = c && N === "start", G = c && N === "end", J = Y || c, F = n || a?.readonly, E = /* @__PURE__ */ t(
+  } = i, Y = d || u, m = !!a && a.items.length > 0, z = m && N === "start", G = m && N === "end", J = Y || m, F = s || a?.readonly, E = /* @__PURE__ */ t(
     "input",
     {
-      id: m,
+      id: p,
       ...X,
-      type: o,
+      type: l,
       className: K,
-      readOnly: n,
-      "aria-describedby": u ? void 0 : `${m}${L}`,
+      readOnly: s,
+      "aria-describedby": c ? void 0 : `${p}${L}`,
       "aria-invalid": r,
       onInput: P,
       onBlurCapture: k,
@@ -116,13 +101,13 @@ function O({
     }
   ), R = W(() => {
     let e = ["input-field"];
-    return n && (e = [...e, "readonly"]), e;
-  }, [n]), T = i(
+    return s && (e = [...e, "readonly"]), e;
+  }, [s]), T = n(
     () => a ? /* @__PURE__ */ t(
-      Z,
+      ee,
       {
         name: a.name,
-        buttonVariant: ee.TERTIARY,
+        buttonVariant: te.TERTIARY,
         items: a.items,
         selected: a.value,
         onChange: D,
@@ -130,30 +115,30 @@ function O({
         filterable: a.filterable,
         "aria-label": a["aria-label"],
         classNameModifiers: R,
-        isCollatingErrors: u,
+        isCollatingErrors: c,
         disableToggleFocusOnClose: !0
       }
     ) : null,
-    [a, D, u, F, R]
+    [a, D, c, F, R]
   );
-  return /* @__PURE__ */ t(te, { children: [
+  return /* @__PURE__ */ t(ae, { children: [
     J ? /* @__PURE__ */ t(
       "div",
       {
         className: M("adyen-pe-input__container", {
           "adyen-pe-input--invalid": r,
-          "adyen-pe-input__container--readonly": n
+          "adyen-pe-input__container--readonly": s
         }),
         children: [
           z && /* @__PURE__ */ t("div", { role: "presentation", className: "adyen-pe-input__dropdown adyen-pe-input__dropdown--start", children: T() }),
-          p && /* @__PURE__ */ t("span", { className: "adyen-pe-input__slot-before", children: p }),
+          d && /* @__PURE__ */ t("span", { className: "adyen-pe-input__slot-before", children: d }),
           E,
-          d && /* @__PURE__ */ t("span", { className: "adyen-pe-input__slot-after", children: d }),
+          u && /* @__PURE__ */ t("span", { className: "adyen-pe-input__slot-after", children: u }),
           G && /* @__PURE__ */ t("div", { role: "presentation", className: "adyen-pe-input__dropdown adyen-pe-input__dropdown--end", children: T() })
         ]
       }
     ) : E,
-    r && I && /* @__PURE__ */ t(ae, { id: m, errorMessage: I, testId: $ })
+    r && I && /* @__PURE__ */ t(H, { id: p, errorMessage: I, testId: $ })
   ] });
 }
 O.defaultProps = {
@@ -162,7 +147,7 @@ O.defaultProps = {
   onInput: () => {
   }
 };
-const je = U(O);
+const be = U(O);
 export {
-  je as default
+  be as default
 };

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

@@ -1,6 +1,6 @@
-import { jsx as t } from "../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as t } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import a from "./InputBase.js";
-import { forwardRef as i } from "../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/compat/dist/compat.module.js";
+import { forwardRef as i } from "../../../../../external/preact/compat/dist/compat.module.js";
 const m = i(function(e, r) {
   return /* @__PURE__ */ t(a, { classNameModifiers: e.classNameModifiers, ...e, ref: r, "aria-required": e.required, type: "text" });
 });

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

@@ -1,75 +1,54 @@
-import { jsx as o } from "../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { ALL_BALANCE_ACCOUNTS_SELECTION_ID as p } from "../../../../../hooks-preact/src/useBalanceAccountSelection.js";
-import { memo as C } from "../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/compat/dist/compat.module.js";
-import { useMemo as d, useCallback as S } from "../../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
-import _ from "../Select.js";
-import "../../../../../core/src/preact/CoreContext.js";
-import { Fragment as f } 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 "../../../../../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 u from "../../../../../core/src/preact/useCoreContext.js";
-import "../../../../../core/src/preact/ConfigContext.js";
-import "../../../../../core/src/preact/EventDispatcherContext.js";
-import "classnames";
-/* empty css                                            */
-import { useResponsiveContainer as L, containerQueries as A } from "../../../../../hooks-preact/src/useResponsiveContainer.js";
-import { renderDefaultSingleSelectionCheckedness as N } from "../components/SelectListItem.js";
+import { jsx as o } from "../../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { ALL_BALANCE_ACCOUNTS_SELECTION_ID as C } from "../../../../../hooks-preact/src/useBalanceAccountSelection.js";
+import { memo as d } from "../../../../../../../external/preact/compat/dist/compat.module.js";
+import { useMemo as p, useCallback as S } from "../../../../../../../external/preact/hooks/dist/hooks.module.js";
+import _ from "../../../../../core/src/preact/useCoreContext.js";
+import { useResponsiveContainer as f, containerQueries as u } from "../../../../../hooks-preact/src/useResponsiveContainer.js";
+import { renderDefaultSingleSelectionCheckedness as L } from "../components/SelectListItem.js";
 /* empty css                            */
-const r = "adyen-pe-balance-account-selector", h = `${r}__account-id`, n = `${r}__account-label`, ee = C(
+import { Fragment as A } from "../../../../../../../external/preact/dist/preact.module.js";
+import N from "../Select.js";
+const r = "adyen-pe-balance-account-selector", h = `${r}__account-id`, m = `${r}__account-label`, y = d(
   ({
-    activeBalanceAccount: m,
+    activeBalanceAccount: s,
     balanceAccountSelectionOptions: t,
-    onBalanceAccountSelection: a
+    onBalanceAccountSelection: i
   }) => {
-    const { i18n: i } = u(), l = L(A.down.xs), s = d(() => i.get("common.filters.types.account.label"), [i]), c = S(
-      (e) => /* @__PURE__ */ o(f, { children: [
+    const { i18n: n } = _(), l = f(u.down.xs), a = p(() => n.get("common.filters.types.account.label"), [n]), c = S(
+      (e) => /* @__PURE__ */ o(A, { children: [
         /* @__PURE__ */ o("div", { className: e.contentClassName, children: [
-          e.item.name && /* @__PURE__ */ o("span", { className: n, children: e.item.name }),
-          e.item.id !== p && /* @__PURE__ */ o(
+          e.item.name && /* @__PURE__ */ o("span", { className: m, children: e.item.name }),
+          e.item.id !== C && /* @__PURE__ */ o(
             "span",
             {
-              className: e.item.name ? h : n,
+              className: e.item.name ? h : m,
               "data-testid": "balance-account-id",
               children: e.item.id
             }
           )
         ] }),
-        N(e)
+        L(e)
       ] }),
       []
     );
     return t && t.length > 1 && /* @__PURE__ */ o(
-      _,
+      N,
       {
         popoverClassNameModifiers: [r],
-        onChange: a,
+        onChange: i,
         filterable: !1,
         multiSelect: !1,
-        placeholder: m?.id || s,
-        selected: m?.id,
+        placeholder: s?.id || a,
+        selected: s?.id,
         withoutCollapseIndicator: !0,
         items: t,
         renderListItem: c,
         showOverlay: l,
-        "aria-label": s
+        "aria-label": a
       }
     );
   }
 );
 export {
-  ee as default
+  y as default
 };

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

@@ -1,25 +1,10 @@
-import { jsx as _ } from "../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import ve from "classnames";
-import { useState as y, useRef as d, useMemo as H, useCallback as c, useEffect as D } from "../../../../../../external/.pnpm/preact@10.29.1/node_modules/preact/hooks/dist/hooks.module.js";
-import "../../../../types/src/uiComponents/buttonActions.js";
-import { InteractionKeyCode as o } from "../../../../types/src/uiComponents/interaction.js";
+import { jsx as _ } from "../../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import ve from "../../../../../../_virtual/index.js";
+import { useState as y, useRef as d, useMemo as H, useCallback as c, useEffect as D } from "../../../../../../external/preact/hooks/dist/hooks.module.js";
 import { ARIA_ERROR_SUFFIX as Le } from "../../../../core/src/Errors/constants.js";
 import { noop as Pe } from "../../../../utils/src/common.js";
-import "../../../../utils/src/abort/internals.js";
-import "../../../../utils/src/async/constants.js";
-import "../../../../utils/src/collection/main.js";
-import { EMPTY_ARRAY as B } 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 { boolOrFalse as Ce } 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 { EMPTY_ARRAY as B } from "../../../../utils/src/value/constants.js";
 import Te from "../../../../hooks-preact/src/useCommitAction/useCommitAction.js";
 import { CommitAction as X } from "../../../../hooks-preact/src/useCommitAction/types.js";
 import z from "../../../../hooks-preact/src/useUniqueId.js";
@@ -28,13 +13,14 @@ import Oe from "./components/SelectList.js";
 import _e from "./hooks/useSelect.js";
 import { DROPDOWN_BASE_CLASS as G, DROPDOWN_MULTI_SELECT_CLASS as ye } from "./constants.js";
 /* empty css            */
-const dt = ({
+import { InteractionKeyCode as a } from "../../../../types/src/uiComponents/interaction.js";
+const Ve = ({
   className: W,
   classNameModifiers: N = B,
   clearable: J = !1,
   popoverClassNameModifiers: Q,
   items: b = B,
-  filterable: i = !1,
+  filterable: o = !1,
   disableFocusTrap: V = !1,
   disableToggleFocusOnClose: K = !1,
   multiSelect: m = !1,
@@ -46,9 +32,9 @@ const dt = ({
   isValid: re,
   placeholder: ne,
   uniqueId: se,
-  renderListItem: oe,
-  renderButtonContent: ie,
-  isCollatingErrors: ae,
+  renderListItem: ae,
+  renderButtonContent: oe,
+  isCollatingErrors: ie,
   setToTargetWidth: ce,
   withoutCollapseIndicator: le = !1,
   showOverlay: ue = !1,
@@ -58,7 +44,7 @@ const dt = ({
   buttonVariant: pe,
   ...Ae
 }) => {
-  const { resetSelection: p, select: x, selection: a } = _e({ items: b, multiSelect: m, selected: ee }), [s, f] = y(!1), [g, I] = y(""), [A, u] = y(-1), w = d(null), C = d(null), T = d(null), be = `elem-${z()}`, F = se ?? be, U = `select-${z()}`, $ = d(), v = d(!0), O = d(!1), h = d(a), q = d(a), Re = H(() => a.length, [a]), ge = c(() => {
+  const { resetSelection: p, select: x, selection: i } = _e({ items: b, multiSelect: m, selected: ee }), [s, f] = y(!1), [g, I] = y(""), [A, u] = y(-1), w = d(null), C = d(null), T = d(null), be = `elem-${z()}`, F = se ?? be, U = `select-${z()}`, $ = d(), v = d(!0), O = d(!1), h = d(i), q = d(i), Re = H(() => i.length, [i]), ge = c(() => {
     I(""), f(!1), u(-1), s && (p(h.current), v.current = !0);
   }, [p, f, I, s]), Ie = H(
     () => ve([
@@ -69,15 +55,15 @@ const dt = ({
     ]),
     [W, N, m]
   ), { commitAction: Y, commitActionButtons: Ee, committing: M, resetCommitAction: j } = Te({
-    resetDisabled: !a.length,
+    resetDisabled: !i.length,
     onResetAction: me
   }), l = c(() => {
     I(""), f(!1), u(-1), j(), v.current ? v.current = !1 : K || T.current?.focus();
   }, [K, j, f, I]), L = c(() => {
-    h.current = a;
-    const e = `${a.map(({ id: t }) => t)}`;
+    h.current = i;
+    const e = `${i.map(({ id: t }) => t)}`;
     k({ target: { value: e, name: R } });
-  }, [R, k, a]), P = c(() => {
+  }, [R, k, i]), P = c(() => {
     p(), h.current = B, k({ target: { value: "", name: R } });
   }, [R, k, p]);
   D(() => {
@@ -102,23 +88,23 @@ const dt = ({
     [b, x]
   );
   D(() => {
-    q.current !== a && (q.current = a, (!m || O.current) && s && (L(), l())), O.current = !1;
-  }, [l, L, m, a, s]), D(() => {
+    q.current !== i && (q.current = i, (!m || O.current) && s && (L(), l())), O.current = !1;
+  }, [l, L, m, i, s]), D(() => {
     M && l();
   }, [M, l]), D(() => {
-    s || (h.current = a);
-  }, [a, s]);
+    s || (h.current = i);
+  }, [i, s]);
   const De = c(
     (e) => {
       switch (e.code) {
-        case o.ESCAPE:
-        case o.TAB:
-          s && l(), v.current = e.key === o.TAB;
+        case a.ESCAPE:
+        case a.TAB:
+          s && l(), v.current = e.key === a.TAB;
           return;
-        case o.ENTER:
-        case o.SPACE:
-          if (i && s) {
-            if (e.key === o.ENTER)
+        case a.ENTER:
+        case a.SPACE:
+          if (o && s) {
+            if (e.key === a.ENTER)
               if (g)
                 S(e);
               else
@@ -126,9 +112,9 @@ const dt = ({
             return;
           }
           break;
-        case o.ARROW_DOWN:
-        case o.ARROW_UP:
-          if (i && s)
+        case a.ARROW_DOWN:
+        case a.ARROW_UP:
+          if (o && s)
             return;
           break;
         default:
@@ -136,7 +122,7 @@ const dt = ({
       }
       e.preventDefault(), f(!0);
     },
-    [l, i, S, s, f, g]
+    [l, o, S, s, f, g]
   );
   D(() => {
     s && (cancelAnimationFrame($.current), $.current = requestAnimationFrame(() => {
@@ -145,29 +131,29 @@ const dt = ({
         for (; e; ) {
           if (!(e.dataset.disabled && e.dataset.disabled === "true")) {
             if (e.getAttribute("aria-selected") === "true") {
-              e.tabIndex = 0, i ? u(r) : e.focus();
+              e.tabIndex = 0, o ? u(r) : e.focus();
               break e;
             }
             t = t || e, r++;
           }
           e = e.nextElementSibling;
         }
-        t && !i && (t.tabIndex = 0, t.focus());
+        t && !o && (t.tabIndex = 0, t.focus());
       }
     }));
-  }, [i, s]);
+  }, [o, s]);
   const ke = c(
     (e) => {
       const t = e.target;
       switch (e.code) {
-        case o.ESCAPE:
+        case a.ESCAPE:
           e.preventDefault(), e.stopPropagation(), l();
           break;
-        case o.ENTER:
-        case o.SPACE:
+        case a.ENTER:
+        case a.SPACE:
           S(e);
           break;
-        case o.ARROW_DOWN: {
+        case a.ARROW_DOWN: {
           e.preventDefault();
           let r = t.nextElementSibling;
           for (; r; ) {
@@ -179,7 +165,7 @@ const dt = ({
           }
           break;
         }
-        case o.ARROW_UP: {
+        case a.ARROW_UP: {
           e.preventDefault();
           e: {
             let r = t.previousElementSibling;
@@ -190,28 +176,28 @@ const dt = ({
               }
               r = r.previousElementSibling;
             }
-            i && w.current && w.current.focus();
+            o && w.current && w.current.focus();
           }
           break;
         }
       }
     },
-    [l, i, S]
+    [l, o, S]
   ), he = c(
     (e) => {
-      if (!i || !s) return;
+      if (!o || !s) return;
       const t = b.filter((n) => !g || n.name.toLowerCase().includes(g)), r = t.filter((n) => !n.disabled);
       switch (e.code) {
-        case o.ESCAPE:
+        case a.ESCAPE:
           e.preventDefault(), l();
           break;
-        case o.ENTER:
+        case a.ENTER:
           if (e.preventDefault(), A >= 0 && A < t.length) {
             const n = t[A];
             n && !n?.disabled && x(n);
           }
           break;
-        case o.ARROW_DOWN: {
+        case a.ARROW_DOWN: {
           if (e.preventDefault(), r.length === 0) break;
           let n = A + 1;
           for (; n < t.length; ) {
@@ -230,7 +216,7 @@ const dt = ({
           }
           break;
         }
-        case o.ARROW_UP: {
+        case a.ARROW_UP: {
           if (e.preventDefault(), r.length === 0) break;
           let n = A - 1;
           for (; n >= 0; ) {
@@ -245,7 +231,7 @@ const dt = ({
         }
       }
     },
-    [i, s, b, g, A, l, x]
+    [o, s, b, g, A, l, x]
   ), Se = c(
     (e) => {
       const t = e.target.value;
@@ -259,13 +245,13 @@ const dt = ({
     [f, s, p]
   );
   D(() => {
-    if (s && i) {
+    if (s && o) {
       const e = requestAnimationFrame(() => {
         w.current?.focus();
       });
       return u(-1), () => cancelAnimationFrame(e);
     }
-  }, [i, s]);
+  }, [o, s]);
   const we = c(
     (e) => {
       e?.preventDefault?.(), e?.stopPropagation?.(), P();
@@ -279,10 +265,10 @@ const dt = ({
         buttonVariant: pe,
         id: F,
         appliedFilterNumber: Re,
-        active: a,
+        active: i,
         clearable: J,
         filterInputRef: w,
-        filterable: i,
+        filterable: o,
         isInvalid: te,
         isValid: re,
         name: R,
@@ -292,13 +278,13 @@ const dt = ({
         multiSelect: m,
         placeholder: ne,
         readonly: Z,
-        renderButtonContent: ie,
+        renderButtonContent: oe,
         selectListId: U,
         showList: s,
         toggleButtonRef: T,
         toggleList: xe,
         withoutCollapseIndicator: le,
-        ariaDescribedBy: !ae && F ? `${F}${Le}` : void 0,
+        ariaDescribedBy: !ie && F ? `${F}${Le}` : void 0,
         ...Ae,
         onInput: Se
       }
@@ -309,22 +295,22 @@ const dt = ({
         popoverClassNameModifiers: Q,
         setToTargetWidth: ce,
         dismissPopover: ge,
-        active: a,
+        active: i,
         commitActions: Ee,
         items: b,
         multiSelect: m,
-        disableFocusTrap: V || i,
+        disableFocusTrap: V || o,
         onKeyDown: ke,
         onSelect: S,
         selectListId: U,
         ref: C,
         toggleButtonRef: T,
-        renderListItem: oe,
+        renderListItem: ae,
         showList: s,
         showOverlay: ue,
         textFilter: g,
-        activeIndex: i ? A : void 0,
-        filterable: i,
+        activeIndex: o ? A : void 0,
+        filterable: o,
         fitPosition: fe,
         fixedPopoverPositioning: de
       }
@@ -332,5 +318,5 @@ const dt = ({
   ] });
 };
 export {
-  dt as default
+  Ve as default
 };