@wix/form-elements 1.73.0 → 1.75.0

package/dist/component/{donation-rac-FYQIMm5m.js → donation-rac-BEIBjLHK.js}

@@ -1,21 +1,20 @@
 import t, { useMemo as B, useCallback as L, useRef as oe } from "react";
 import { RicosViewer as re } from "@wix/ricos/viewer";
 import y from "classnames";
-import { P as G, ai as A, af as j, as as se, ab as v, ak as ae, ac as le } from "./form-C6WwBcGP.js";
-import { RadioGroup as ie, RadioField as z, RadioButton as H, TextField as ce, Group as ue, Input as me } from "react-aria-components";
+import { P as G, ai as A, af as j, as as se, ab as v, ak as ae, ac as le } from "./form-DCmjj8mZ.js";
+import { RadioGroup as ie, RadioField as Q, RadioButton as H, TextField as ce, Group as ue, Input as me } from "react-aria-components";
 import { debounce as pe } from "ts-debounce";
-import { f, a as N } from "./find-child-C60k4CxG.js";
+import { f as O, a as N } from "./find-child-C60k4CxG.js";
 import { a as K } from "./format-currency-BwShJ9vM.js";
-import { D as de, E as Ee } from "./field-error-headless-DQZ5XAdn.js";
-import { L as Ie } from "./field-label-headless-DoxfHHaj.js";
+import { D as de, E as Ee } from "./field-error-headless-uQOcm2Ak.js";
+import { L as Ie } from "./field-label-headless-Bzh7f2Ji.js";
 import { N as Ce } from "./options-layout-constants-DEfIEJWD.js";
-import { a as fe, b as Oe } from "./numeric-input-utils-CuBMi4-a.js";
+import { a as Oe, b as fe } from "./numeric-input-utils-CuBMi4-a.js";
 import { g as _e } from "./payment-field-utils-DobiK5Xh.js";
 import { u as he } from "./use-synced-display-value-DcAxdn3M.js";
 import { E as ye } from "./error-icon-hZxQ6DEy.js";
-import { s as D } from "./field-rac.module-Cac83bU5.js";
-import { z as Ne, R as be, k as Fe, l as De, m as ge, y as Le, q as Re, j as Se } from "./form-element-classes-DDKCTFQj.js";
-import { D as Ae } from "./form-element-keys-D0sEdpFo.js";
+import { s as D } from "./field-rac.module-DjmaTYkc.js";
+import { y as Ne, Q as be, j as Fe, k as De, l as ge, x as Le, p as Re, i as Se, F as Ae } from "./form-element-classes-Dn33C01k.js";
 import { o as ve } from "./options-rac.module-KM-VT_KY.js";
 function Te(e, n) {
   return e.reduce((o, r) => (o[r[n]] = r, o), {});
@@ -28,7 +27,7 @@ function xe(e) {
   var n;
   return ((n = e == null ? void 0 : e.fixedPriceOptions) == null ? void 0 : n.price) || "0";
 }
-function Q(e, n) {
+function W(e, n) {
   const o = Number(n || "0");
   return {
     productId: e.id,
@@ -42,14 +41,14 @@ function Be(e) {
 function je(e, n) {
   return (e == null ? void 0 : e.productId) === (n == null ? void 0 : n.id) ? String((e == null ? void 0 : e.price) ?? "") : "";
 }
-function qe(e, n, o) {
+function ke(e, n, o) {
   const r = (n == null ? void 0 : n.productId) === e ? void 0 : e, a = r ? o[r] : void 0;
   return a ? [
-    Q(a, xe(a))
+    W(a, xe(a))
   ] : [];
 }
 const s = ({ children: e }) => {
-  const { id: n, value: o, onChange: r, disabled: a, required: m, onBlur: p, onFocus: _, validation: c, addOther: u, addOtherPlaceholder: i, FieldLayout: E, hasError: O } = A(), { labelId: h } = j(), { t: I } = se(), { currency: T, regionalFormat: b } = v(), d = o == null ? void 0 : o[0], F = B(() => {
+  const { id: n, value: o, onChange: r, disabled: a, required: m, onBlur: p, onFocus: _, validation: c, addOther: u, addOtherPlaceholder: i, FieldLayout: E, hasError: f } = A(), { labelId: h } = j(), { t: I } = se(), { currency: T, regionalFormat: b } = v(), d = o == null ? void 0 : o[0], F = B(() => {
     var C, x;
     return ((x = (C = c == null ? void 0 : c.predefined) == null ? void 0 : C.paymentOptions) == null ? void 0 : x.products) || [];
   }, [
@@ -59,12 +58,12 @@ const s = ({ children: e }) => {
   ]), l = B(() => u ? Be(F) : void 0, [
     F,
     u
-  ]), W = je(d, l), [q, P] = he({
-    sourceValue: W,
-    format: (C) => Oe(String(C ?? ""), b),
+  ]), z = je(d, l), [k, P] = he({
+    sourceValue: z,
+    format: (C) => fe(String(C ?? ""), b),
     regionalFormat: b
-  }), k = L((C) => {
-    r(qe(C, d, M)), P("");
+  }), q = L((C) => {
+    r(ke(C, d, M)), P("");
   }, [
     r,
     M,
@@ -72,7 +71,7 @@ const s = ({ children: e }) => {
     P
   ]), $ = L((C) => {
     l && r(typeof C == "number" ? [
-      Q(l, String(C))
+      W(l, String(C))
     ] : []);
   }, [
     r,
@@ -81,39 +80,39 @@ const s = ({ children: e }) => {
     $
   ]), J = L((C) => {
     (d == null ? void 0 : d.productId) !== (l == null ? void 0 : l.id) && r(void 0);
-    const { validInput: x, validNumber: te } = fe(C.target.value, Pe, q, b);
+    const { validInput: x, validNumber: te } = Oe(C.target.value, Pe, k, b);
     P(x), V(te);
   }, [
     b,
     r,
     d,
     l,
-    q,
+    k,
     V,
     P
   ]), w = (d == null ? void 0 : d.productId) || null, X = L(() => {
-    l != null && l.id && w !== l.id && k(l.id);
+    l != null && l.id && w !== l.id && q(l.id);
   }, [
     l == null ? void 0 : l.id,
     w,
-    k
-  ]), Z = f(e, s.Label), Y = f(e, s.Control), ee = f(e, s.Description), ne = f(e, s.Error);
+    q
+  ]), Z = O(e, s.Label), Y = O(e, s.Control), ee = O(e, s.Description), ne = O(e, s.Error);
   return /* @__PURE__ */ t.createElement(E, {
     fieldId: n,
     renderLabel: () => Z,
     renderInput: () => /* @__PURE__ */ t.createElement(ie, {
       "aria-labelledby": h,
       value: w,
-      onChange: k,
+      onChange: q,
       isDisabled: a,
-      isInvalid: O,
+      isInvalid: f,
       isRequired: m,
       onBlur: p,
       onFocus: _
     }, Y ? N(Y, {
       productsById: M,
       addOther: u,
-      customAmount: q,
+      customAmount: k,
       onCustomAmountInputChange: J,
       currency: T,
       t: I,
@@ -123,14 +122,14 @@ const s = ({ children: e }) => {
     }) : null),
     renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, ne, ee)
   });
-}, ke = ({ children: e, className: n, ...o }) => {
-  const { productsById: r, addOther: a, customAmount: m, onCustomAmountInputChange: p, currency: _, t: c, placeholder: u, customAmountProductId: i, onFocusCustomInput: E } = o, { hasError: O } = A(), h = f(e, s.Options), I = f(e, s.OtherInput);
+}, qe = ({ children: e, className: n, ...o }) => {
+  const { productsById: r, addOther: a, customAmount: m, onCustomAmountInputChange: p, currency: _, t: c, placeholder: u, customAmountProductId: i, onFocusCustomInput: E } = o, { hasError: f } = A(), h = O(e, s.Options), I = O(e, s.OtherInput);
   return /* @__PURE__ */ t.createElement("div", {
     className: n,
-    "data-invalid": O
+    "data-invalid": f
   }, h ? N(h, {
     productsById: r
-  }) : null, a && i && /* @__PURE__ */ t.createElement(z, {
+  }) : null, a && i && /* @__PURE__ */ t.createElement(Q, {
     value: i,
     style: {
       position: "absolute",
@@ -155,13 +154,13 @@ const s = ({ children: e }) => {
     onFocusCustomInput: E
   }) : null);
 }, U = ({ children: e, className: n, ...o }) => {
-  const { productsById: r } = o, { options: a, numberOfColumns: m } = A(), { isMobile: p } = v(), _ = f(e, U.Option), c = p ? Ce.ONE : m;
+  const { productsById: r } = o, { options: a, numberOfColumns: m } = A(), { isMobile: p } = v(), _ = O(e, U.Option), c = p ? Ce.ONE : m;
   return /* @__PURE__ */ t.createElement("div", {
     className: n,
     "data-columns": c
   }, a.map((u) => {
-    var O;
-    const i = r[u.value], E = (O = i == null ? void 0 : i.fixedPriceOptions) == null ? void 0 : O.price;
+    var f;
+    const i = r[u.value], E = (f = i == null ? void 0 : i.fixedPriceOptions) == null ? void 0 : f.price;
     return N(_, {
       key: u.value,
       value: u.value,
@@ -169,7 +168,7 @@ const s = ({ children: e }) => {
     });
   }));
 }, R = ({ children: e, className: n, ...o }) => {
-  const { value: r, price: a } = o, { id: m } = A(), { currency: p, regionalFormat: _ } = v(), c = f(e, R.Value), u = f(e, R.Currency), { isCurrencyPrefixed: i } = K({
+  const { value: r, price: a } = o, { id: m } = A(), { currency: p, regionalFormat: _ } = v(), c = O(e, R.Value), u = O(e, R.Currency), { isCurrencyPrefixed: i } = K({
     amount: a,
     currency: p == null ? void 0 : p.code,
     locale: _
@@ -178,15 +177,15 @@ const s = ({ children: e }) => {
     var h, I;
     (I = (h = E.current) == null ? void 0 : h.querySelector("input")) == null || I.focus();
   }, m);
-  const O = c ? N(c, {
+  const f = c ? N(c, {
     price: a
   }) : null;
-  return /* @__PURE__ */ t.createElement(z, {
+  return /* @__PURE__ */ t.createElement(Q, {
     value: r
   }, /* @__PURE__ */ t.createElement(H, {
     className: n,
     ref: E
-  }, /* @__PURE__ */ t.createElement(t.Fragment, null, i && u, O, !i && u)));
+  }, /* @__PURE__ */ t.createElement(t.Fragment, null, i && u, f, !i && u)));
 }, we = ({ className: e, ...n }) => {
   const { price: o } = n, { currency: r, regionalFormat: a } = v(), { value: m } = K({
     amount: o,
@@ -205,7 +204,7 @@ const s = ({ children: e }) => {
 R.Value = we;
 R.Currency = Ue;
 const S = ({ children: e, className: n, ...o }) => {
-  const { customAmount: r, onCustomAmountInputChange: a, currency: m, t: p, placeholder: _, customAmountProductId: c, onFocusCustomInput: u } = o, { disabled: i, hasError: E } = A(), { labelId: O, prefixId: h } = j(), I = f(e, S.Currency), T = f(e, S.Value), b = L((F) => {
+  const { customAmount: r, onCustomAmountInputChange: a, currency: m, t: p, placeholder: _, customAmountProductId: c, onFocusCustomInput: u } = o, { disabled: i, hasError: E } = A(), { labelId: f, prefixId: h } = j(), I = O(e, S.Currency), T = O(e, S.Value), b = L((F) => {
     a({
       target: {
         value: F
@@ -219,7 +218,7 @@ const S = ({ children: e, className: n, ...o }) => {
     u
   ]);
   return /* @__PURE__ */ t.createElement(ce, {
-    "aria-labelledby": `${O} ${h}`,
+    "aria-labelledby": `${f} ${h}`,
     value: r,
     onChange: b,
     onFocus: d,
@@ -260,23 +259,23 @@ S.Currency = $e;
 S.Value = Ve;
 U.Option = R;
 s.Label = Ie;
-s.Control = ke;
+s.Control = qe;
 s.Options = U;
 s.OtherInput = S;
 s.Description = de;
 s.Error = Ee;
-const Ye = "_control_141js_1", Ge = "_options_141js_7", ze = "_option_141js_7", He = "_optionCurrency_141js_89", Ke = "_otherInput_141js_93", Qe = "_otherInputCurrency_141js_112", g = {
+const Ye = "_control_141js_1", Ge = "_options_141js_7", Qe = "_option_141js_7", He = "_optionCurrency_141js_89", Ke = "_otherInput_141js_93", We = "_otherInputCurrency_141js_112", g = {
   control: Ye,
   options: Ge,
-  option: ze,
+  option: Qe,
   optionCurrency: He,
   otherInput: Ke,
-  otherInputCurrency: Qe
-}, We = ({ content: e, locale: n }) => /* @__PURE__ */ t.createElement(re, {
+  otherInputCurrency: We
+}, ze = ({ content: e, locale: n }) => /* @__PURE__ */ t.createElement(re, {
   content: e,
   locale: n
 }), Je = () => {
-  const e = le(Ae);
+  const e = le(Ae.DONATION_OPTION);
   return /* @__PURE__ */ t.createElement(s, null, /* @__PURE__ */ t.createElement(s.Label, {
     className: y(Ne, D.label)
   }, /* @__PURE__ */ t.createElement(s.Label.Required, {
@@ -301,7 +300,7 @@ const Ye = "_control_141js_1", Ge = "_options_141js_7", ze = "_option_141js_7",
     className: y(Re, D.error)
   }, /* @__PURE__ */ t.createElement(ye, null), /* @__PURE__ */ t.createElement(s.Error.Text, null)), /* @__PURE__ */ t.createElement(s.Description, {
     className: y(Se, D.description)
-  }, We));
+  }, ze));
 }, On = () => /* @__PURE__ */ t.createElement(Je, null);
 export {
   On as DonationRAC

package/dist/component/{dropdown-field-headless-CTZ-zGqZ.js → dropdown-field-headless-CQfZ3zPD.js}

@@ -1,10 +1,10 @@
 import e, { useState as E, useCallback as g, useRef as q } from "react";
 import { UNSAFE_PortalProvider as A } from "react-aria";
 import { Select as w, SelectValue as M, ListBox as U, ListBoxItem as _ } from "react-aria-components";
-import { ai as p, af as b, ak as j } from "./form-C6WwBcGP.js";
+import { ai as p, af as b, ak as j } from "./form-DCmjj8mZ.js";
 import { f as d, a as z } from "./find-child-C60k4CxG.js";
-import { D as G, E as H } from "./field-error-headless-DQZ5XAdn.js";
-import { L as J } from "./field-label-headless-DoxfHHaj.js";
+import { D as G, E as H } from "./field-error-headless-uQOcm2Ak.js";
+import { L as J } from "./field-label-headless-Bzh7f2Ji.js";
 import { S as K, N as Q } from "./non-modal-popover-DtIMXHbe.js";
 const n = ({ children: t }) => {
   const { id: o, value: r, defaultValue: l, options: a = [], readOnly: s, onChange: u, placeholder: m, disabled: i, required: v, onBlur: O, onFocus: y, FieldLayout: F, hasError: C } = p(), [D, L] = E(!1), [h, I] = E(null), B = r && a.some((c) => (c.value ?? c.label) === r) ? r : l || null, { labelId: N } = b(), P = g((c) => {

package/dist/component/{dropdown-field-rac-C1KVtxwv.js → dropdown-field-rac-ubZN_Abg.js}

@@ -1,19 +1,19 @@
 import { RicosViewer as m } from "@wix/ricos/viewer";
 import t from "classnames";
 import e from "react";
-import { D as o } from "./dropdown-field-headless-CTZ-zGqZ.js";
+import { D as o } from "./dropdown-field-headless-CQfZ3zPD.js";
 import { C as n } from "./chevron-down-icon-CcpVm6B-.js";
 import { E as l } from "./error-icon-hZxQ6DEy.js";
 import { H as c } from "./custom-focus-class-_483Pkwp.js";
-import { s as r } from "./field-rac.module-Cac83bU5.js";
-import { z as E, R as i, y as p, C as _, q as R, j as S } from "./form-element-classes-DDKCTFQj.js";
+import { s as r } from "./field-rac.module-DjmaTYkc.js";
+import { y as i, Q as E, x as p, B as _, p as S, i as R } from "./form-element-classes-Dn33C01k.js";
 const D = ({ content: a, locale: s }) => /* @__PURE__ */ e.createElement(m, {
   content: a,
   locale: s
 }), u = () => /* @__PURE__ */ e.createElement(o, null, /* @__PURE__ */ e.createElement(o.Label, {
-  className: t(E, r.label)
+  className: t(i, r.label)
 }, /* @__PURE__ */ e.createElement(o.Label.Required, {
-  className: t(i, r.requiredMark)
+  className: t(E, r.requiredMark)
 })), /* @__PURE__ */ e.createElement(o.Trigger, {
   className: t(p, r.input, r.dropdownTrigger)
 }, /* @__PURE__ */ e.createElement(n, {
@@ -23,9 +23,9 @@ const D = ({ content: a, locale: s }) => /* @__PURE__ */ e.createElement(m, {
 }, /* @__PURE__ */ e.createElement(o.Options.Option, {
   className: t(r.selectOption, c)
 })), /* @__PURE__ */ e.createElement(o.Error, {
-  className: t(R, r.error)
+  className: t(S, r.error)
 }, /* @__PURE__ */ e.createElement(l, null), /* @__PURE__ */ e.createElement(o.Error.Text, null)), /* @__PURE__ */ e.createElement(o.Description, {
-  className: t(S, r.description)
+  className: t(R, r.description)
 }, D));
 export {
   u as D

package/dist/component/{dropdown-rac-CkkDEDje.js → dropdown-rac-CHYFrEjY.js}

@@ -1,5 +1,5 @@
 import o from "react";
-import { D as r } from "./dropdown-field-rac-C1KVtxwv.js";
+import { D as r } from "./dropdown-field-rac-ubZN_Abg.js";
 const n = () => /* @__PURE__ */ o.createElement(r, null);
 export {
   n as DropdownRAC

package/dist/component/{ecom-address-rac-BOuugSxX.js → ecom-address-rac-C7qJlrsv.js}

@@ -1,5 +1,5 @@
 import e from "react";
-import { M as r } from "./multiline-address-field-rac-Biyj2tIN.js";
+import { M as r } from "./multiline-address-field-rac-Dz0NEjSO.js";
 const l = () => /* @__PURE__ */ e.createElement(r, null);
 export {
   l as EcomAddressRAC

package/dist/component/{ecom-subscription-checkbox-rac-IZeMlljb.js → ecom-subscription-checkbox-rac-CONIZsTy.js}

@@ -1,7 +1,7 @@
 import o, { useMemo as a } from "react";
-import { ai as n, as as c, h as i } from "./form-C6WwBcGP.js";
-import { C } from "./checkbox-field-rac-BH3yEE5j.js";
-import { o as l, p, n as m } from "./form-element-classes-DDKCTFQj.js";
+import { ai as n, as as c, h as i } from "./form-DCmjj8mZ.js";
+import { C } from "./checkbox-field-rac-BLihwz3C.js";
+import { n as l, o as m, m as p } from "./form-element-classes-Dn33C01k.js";
 const _ = (e) => ({
   nodes: [
     {
@@ -38,9 +38,9 @@ const _ = (e) => ({
     }
   }, /* @__PURE__ */ o.createElement(C, {
     classes: {
-      container: m,
-      label: p,
-      control: l
+      container: p,
+      label: m,
+      indicator: l
     }
   }));
 };

package/dist/component/{email-input-field-rac-CNzmm1j7.js → email-input-field-rac-Dg0p6WZe.js}

@@ -1,19 +1,19 @@
 import { RicosViewer as ie } from "@wix/ricos/viewer";
-import j from "classnames";
-import u, { createContext as Q, useContext as Z, createElement as H, isValidElement as U, cloneElement as R, useState as le, useCallback as me, useEffect as ue } from "react";
+import D from "classnames";
+import u, { createContext as z, useContext as Z, createElement as H, isValidElement as U, cloneElement as R, useState as le, useCallback as me, useEffect as ue } from "react";
 import { TextField as pe } from "react-aria-components";
-import { af as fe, as as ge, ad as ve, c as ye, ai as Ee, am as de, ag as be, f as Se } from "./form-C6WwBcGP.js";
+import { af as fe, as as ge, ad as ve, c as ye, ai as Ee, am as de, ag as be, f as Se } from "./form-DCmjj8mZ.js";
 import { f as L } from "./find-child-C60k4CxG.js";
 import ee from "@babel/runtime/helpers/objectWithoutProperties";
-import M from "@babel/runtime/helpers/typeof";
+import _ from "@babel/runtime/helpers/typeof";
 import Oe from "@babel/runtime/helpers/defineProperty";
 import he from "html-parse-stringify";
 import Ie from "@babel/runtime/helpers/classCallCheck";
 import Ne from "@babel/runtime/helpers/createClass";
-import { T as B } from "./text-input-headless-BQ3TWU9G.js";
+import { T as B } from "./text-input-headless-fbiKci5q.js";
 import { E as Ae } from "./error-icon-hZxQ6DEy.js";
-import { s as C } from "./field-rac.module-Cac83bU5.js";
-import { z as Fe, R as ke, y as Te, q as De, j as je, $ as xe } from "./form-element-classes-DDKCTFQj.js";
+import { s as C } from "./field-rac.module-DjmaTYkc.js";
+import { y as Fe, Q as ke, x as Te, p as xe, i as De, _ as je } from "./form-element-classes-Dn33C01k.js";
 var Le = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#174|hellip|#8230|#x2F|#47);/g, Ce = {
   "&": "&",
   "&": "&",
@@ -35,11 +35,11 @@ var Le = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#1
   "…": "…",
   "/": "/",
   "/": "/"
-}, Me = function(t) {
+}, _e = function(t) {
   return Ce[t];
-}, Pe = function(t) {
-  return t.replace(Le, Me);
-}, _e = {
+}, Me = function(t) {
+  return t.replace(Le, _e);
+}, Pe = {
   bindI18n: "languageChanged",
   bindI18nStore: "",
   transEmptyNodeValue: "",
@@ -47,10 +47,10 @@ var Le = /&(?:amp|#38|lt|#60|gt|#62|apos|#39|quot|#34|nbsp|#160|copy|#169|reg|#1
   transWrapTextNodes: "",
   transKeepBasicHtmlNodesFor: ["br", "strong", "i", "p"],
   useSuspense: !0,
-  unescape: Pe
-}, we, Re = Q();
+  unescape: Me
+}, we, Re = z();
 function He() {
-  return _e;
+  return Pe;
 }
 (function() {
   function e() {
@@ -81,13 +81,13 @@ function K() {
     typeof a[0] == "string" && (a[0] = "react-i18next:: ".concat(a[0])), (e = console).warn.apply(e, a);
   }
 }
-var z = {};
+var X = {};
 function Ue() {
   for (var e = arguments.length, t = new Array(e), a = 0; a < e; a++)
     t[a] = arguments[a];
-  typeof t[0] == "string" && z[t[0]] || (typeof t[0] == "string" && (z[t[0]] = /* @__PURE__ */ new Date()), K.apply(void 0, t));
+  typeof t[0] == "string" && X[t[0]] || (typeof t[0] == "string" && (X[t[0]] = /* @__PURE__ */ new Date()), K.apply(void 0, t));
 }
-var Be = ["format"], qe = ["children", "count", "parent", "i18nKey", "context", "tOptions", "values", "defaults", "components", "ns", "i18n", "t", "shouldUnescape"];
+var Be = ["format"], Ve = ["children", "count", "parent", "i18nKey", "context", "tOptions", "values", "defaults", "components", "ns", "i18n", "t", "shouldUnescape"];
 function J(e, t) {
   var a = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
@@ -114,15 +114,15 @@ function Y(e, t) {
   var a = e.props ? e.props.children : e.children;
   return t ? a.length > 0 : !!a;
 }
-function $(e) {
+function G(e) {
   return e ? e.props ? e.props.children : e.children : [];
 }
-function Ve(e) {
+function qe(e) {
   return Object.prototype.toString.call(e) !== "[object Array]" ? !1 : e.every(function(t) {
     return U(t);
   });
 }
-function P(e) {
+function M(e) {
   return Array.isArray(e) ? e : [e];
 }
 function Ye(e, t) {
@@ -131,7 +131,7 @@ function Ye(e, t) {
 }
 function te(e, t) {
   if (!e) return "";
-  var a = "", o = P(e), c = t.transSupportBasicHtmlNodes && t.transKeepBasicHtmlNodesFor ? t.transKeepBasicHtmlNodesFor : [];
+  var a = "", o = M(e), c = t.transSupportBasicHtmlNodes && t.transKeepBasicHtmlNodesFor ? t.transKeepBasicHtmlNodesFor : [];
   return o.forEach(function(r, g) {
     if (typeof r == "string")
       a += "".concat(r);
@@ -151,7 +151,7 @@ function te(e, t) {
       }
     } else if (r === null)
       K("Trans: the passed in value is invalid - seems you passed in a null child.");
-    else if (M(r) === "object") {
+    else if (_(r) === "object") {
       var O = r.format, F = ee(r, Be), A = Object.keys(F);
       if (A.length === 1) {
         var S = O ? "".concat(A[0], ", ").concat(O) : A[0];
@@ -162,22 +162,22 @@ function te(e, t) {
       K("Trans: the passed in value is invalid - seems you passed in a variable like {number} - please pass in variables for interpolation as full objects like {{number}}.", r);
   }), a;
 }
-function $e(e, t, a, o, c, r) {
+function Ge(e, t, a, o, c, r) {
   if (t === "") return [];
   var g = o.transKeepBasicHtmlNodesFor || [], v = t && new RegExp(g.join("|")).test(t);
   if (!e && !v) return [t];
   var d = {};
   function b(y) {
-    var h = P(y);
+    var h = M(y);
     h.forEach(function(s) {
-      typeof s != "string" && (Y(s) ? b($(s)) : M(s) === "object" && !U(s) && Object.assign(d, s));
+      typeof s != "string" && (Y(s) ? b(G(s)) : _(s) === "object" && !U(s) && Object.assign(d, s));
     });
   }
   b(e);
   var T = he.parse("<0>".concat(t, "</0>")), O = p(p({}, d), c);
   function F(y, h, s) {
-    var i = $(y), I = S(i, h.children, s);
-    return Ve(i) && I.length === 0 ? i : I;
+    var i = G(y), I = S(i, h.children, s);
+    return qe(i) && I.length === 0 ? i : I;
   }
   function A(y, h, s, i, I) {
     y.dummy && (y.children = h), s.push(R(y, p(p({}, y.props), {}, {
@@ -185,7 +185,7 @@ function $e(e, t, a, o, c, r) {
     }), I ? void 0 : h));
   }
   function S(y, h, s) {
-    var i = P(y), I = P(h);
+    var i = M(y), I = M(h);
     return I.reduce(function(l, n, E) {
       var k = n.children && n.children[0] && n.children[0].content && a.services.interpolator.interpolate(n.children[0].content, O, a.language);
       if (n.type === "tag") {
@@ -193,14 +193,14 @@ function $e(e, t, a, o, c, r) {
         !N && s.length === 1 && s[0][n.name] && (N = s[0][n.name]), N || (N = {});
         var m = Object.keys(n.attrs).length !== 0 ? Ye({
           props: n.attrs
-        }, N) : N, D = U(m), q = D && Y(n, !0) && !n.voidElement, _ = v && M(m) === "object" && m.dummy && !D, w = M(e) === "object" && e !== null && Object.hasOwnProperty.call(e, n.name);
+        }, N) : N, x = U(m), V = x && Y(n, !0) && !n.voidElement, P = v && _(m) === "object" && m.dummy && !x, w = _(e) === "object" && e !== null && Object.hasOwnProperty.call(e, n.name);
         if (typeof m == "string") {
-          var V = a.services.interpolator.interpolate(m, O, a.language);
-          l.push(V);
-        } else if (Y(m) || q) {
+          var q = a.services.interpolator.interpolate(m, O, a.language);
+          l.push(q);
+        } else if (Y(m) || V) {
           var ne = F(m, n, s);
           A(m, ne, l, E);
-        } else if (_) {
+        } else if (P) {
           var oe = S(i, n.children, s);
           l.push(R(m, p(p({}, m.props), {}, {
             key: E
@@ -226,35 +226,35 @@ function $e(e, t, a, o, c, r) {
             var ce = S(i, n.children, s);
             l.push("<".concat(n.name, ">").concat(ce, "</").concat(n.name, ">"));
           }
-        else if (M(m) === "object" && !D) {
-          var G = n.children[0] ? k : null;
-          G && l.push(G);
+        else if (_(m) === "object" && !x) {
+          var $ = n.children[0] ? k : null;
+          $ && l.push($);
         } else n.children.length === 1 && k ? l.push(R(m, p(p({}, m.props), {}, {
           key: E
         }), k)) : l.push(R(m, p(p({}, m.props), {}, {
           key: E
         })));
       } else if (n.type === "text") {
-        var W = o.transWrapTextNodes, X = r ? o.unescape(a.services.interpolator.interpolate(n.content, O, a.language)) : a.services.interpolator.interpolate(n.content, O, a.language);
+        var W = o.transWrapTextNodes, Q = r ? o.unescape(a.services.interpolator.interpolate(n.content, O, a.language)) : a.services.interpolator.interpolate(n.content, O, a.language);
         W ? l.push(H(W, {
           key: "".concat(n.name, "-").concat(E)
-        }, X)) : l.push(X);
+        }, Q)) : l.push(Q);
       }
       return l;
     }, []);
   }
-  var x = S([{
+  var j = S([{
     dummy: !0,
     children: e || []
-  }], T, P(e || []));
-  return $(x[0]);
+  }], T, M(e || []));
+  return G(j[0]);
 }
-function Ge(e) {
-  var t = e.children, a = e.count, o = e.parent, c = e.i18nKey, r = e.context, g = e.tOptions, v = g === void 0 ? {} : g, d = e.values, b = e.defaults, T = e.components, O = e.ns, F = e.i18n, A = e.t, S = e.shouldUnescape, x = ee(e, qe), y = Z(Re) || {}, h = y.i18n, s = y.defaultNS, i = F || h || Ke();
+function $e(e) {
+  var t = e.children, a = e.count, o = e.parent, c = e.i18nKey, r = e.context, g = e.tOptions, v = g === void 0 ? {} : g, d = e.values, b = e.defaults, T = e.components, O = e.ns, F = e.i18n, A = e.t, S = e.shouldUnescape, j = ee(e, Ve), y = Z(Re) || {}, h = y.i18n, s = y.defaultNS, i = F || h || Ke();
   if (!i)
     return Ue("You will need to pass in an i18next instance by using i18nextReactModule"), t;
-  var I = A || i.t.bind(i) || function(V) {
-    return V;
+  var I = A || i.t.bind(i) || function(q) {
+    return q;
   };
   r && (v.context = r);
   var l = p(p({}, He()), i.options && i.options.react), n = O || I.ns || s || i.options && i.options.defaultNS;
@@ -264,16 +264,16 @@ function Ge(e) {
       prefix: "#$?",
       suffix: "?$#"
     })
-  }, D = p(p(p(p({}, v), {}, {
+  }, x = p(p(p(p({}, v), {}, {
     count: a
   }, d), m), {}, {
     defaultValue: E,
     ns: n
-  }), q = N ? I(N, D) : E, _ = $e(T || t, q, i, l, D, S), w = o !== void 0 ? o : l.defaultTransParent;
-  return w ? H(w, x, _) : _;
+  }), V = N ? I(N, x) : E, P = Ge(T || t, V, i, l, x, S), w = o !== void 0 ? o : l.defaultTransParent;
+  return w ? H(w, j, P) : P;
 }
-const We = "email-mistype-suggestion", Xe = "email-mistype-suggestion-link", ae = /* @__PURE__ */ Q(void 0);
-function ze() {
+const We = "email-mistype-suggestion", Qe = "email-mistype-suggestion-link", ae = /* @__PURE__ */ z(void 0);
+function Xe() {
   const e = Z(ae);
   if (e === void 0)
     throw new Error("useEmailSuggestion must be used inside <EmailInput>");
@@ -284,14 +284,14 @@ const Je = ({ activeSuggestion: e, applySuggestion: t, children: a }) => /* @__P
     activeSuggestion: e,
     applySuggestion: t
   }
-}, a), Qe = ({ className: e }) => {
-  const { suggestionId: t } = fe(), { activeSuggestion: a, applySuggestion: o } = ze(), { t: c, i18n: r } = ge();
+}, a), ze = ({ className: e }) => {
+  const { suggestionId: t } = fe(), { activeSuggestion: a, applySuggestion: o } = Xe(), { t: c, i18n: r } = ge();
   return /* @__PURE__ */ u.createElement("div", {
     id: t,
     "data-hook": We,
     "aria-live": "polite",
     className: e
-  }, a ? /* @__PURE__ */ u.createElement(Ge, {
+  }, a ? /* @__PURE__ */ u.createElement($e, {
     i18n: r,
     t: c,
     i18nKey: "input.email.mistype-check.suggestion",
@@ -302,7 +302,7 @@ const Je = ({ activeSuggestion: e, applySuggestion: t, children: a }) => /* @__P
       /* @__PURE__ */ u.createElement("button", {
         key: "0",
         type: "button",
-        "data-hook": Xe,
+        "data-hook": Qe,
         "aria-label": c("input.email.mistype-check.fix-aria-label", {
           email: a
         }),
@@ -449,13 +449,13 @@ const Je = ({ activeSuggestion: e, applySuggestion: t, children: a }) => /* @__P
     validate: v
   };
 }, f = ({ children: e }) => {
-  const { id: t, value: a, onChange: o, disabled: c, readOnly: r, required: g, hasError: v, onBlur: d, onFocus: b, error: T, description: O, FieldLayout: F } = Ee(), { isMistyped: A, suggestedEmail: S, validate: x } = at({
+  const { id: t, value: a, onChange: o, disabled: c, readOnly: r, required: g, hasError: v, onBlur: d, onFocus: b, error: T, description: O, FieldLayout: F } = Ee(), { isMistyped: A, suggestedEmail: S, validate: j } = at({
     email: a,
     hasError: v
   }), { setFocusedFieldId: y } = de(), s = A && (!r && !c) && S ? S : void 0, i = be(t, T, O, s), I = () => {
     o(s), y(t);
   }, l = () => {
-    x(), d == null || d();
+    j(), d == null || d();
   }, n = L(e, f.Label), E = L(e, f.Input), k = L(e, f.Description), N = L(e, f.Error), m = L(e, f.Suggestion);
   return /* @__PURE__ */ u.createElement(Se.Provider, {
     value: i
@@ -483,24 +483,24 @@ f.Label = B.Label;
 f.Input = B.Input;
 f.Description = B.Description;
 f.Error = B.Error;
-f.Suggestion = Qe;
+f.Suggestion = ze;
 const nt = "_suggestion_di65n_1", ot = {
   suggestion: nt
 }, rt = ({ content: e, locale: t }) => /* @__PURE__ */ u.createElement(ie, {
   content: e,
   locale: t
 }), ht = () => /* @__PURE__ */ u.createElement(f, null, /* @__PURE__ */ u.createElement(f.Label, {
-  className: j(Fe, C.label)
+  className: D(Fe, C.label)
 }, /* @__PURE__ */ u.createElement(f.Label.Required, {
-  className: j(ke, C.requiredMark)
+  className: D(ke, C.requiredMark)
 })), /* @__PURE__ */ u.createElement(f.Input, {
-  className: j(Te, C.input)
+  className: D(Te, C.input)
 }), /* @__PURE__ */ u.createElement(f.Error, {
-  className: j(De, C.error)
+  className: D(xe, C.error)
 }, /* @__PURE__ */ u.createElement(Ae, null), /* @__PURE__ */ u.createElement(f.Error.Text, null)), /* @__PURE__ */ u.createElement(f.Description, {
-  className: j(je, C.description)
+  className: D(De, C.description)
 }, rt), /* @__PURE__ */ u.createElement(f.Suggestion, {
-  className: j(xe, ot.suggestion)
+  className: D(je, ot.suggestion)
 }));
 export {
   ht as E