@ws-ui/localization-editor 1.11.7-rc2 → 1.11.7-rc4

package/dist/index.es.js

@@ -3,7 +3,7 @@ import * as _t from "react";
 import tr, { createContext as Gt, memo as _o, useState as vt, useRef as De, useCallback as pe, useEffect as Ee, useContext as ln, useReducer as So, useMemo as Dt, forwardRef as ft, PureComponent as Cv, useImperativeHandle as Av, Fragment as Hi, useLayoutEffect as Io, cloneElement as cp, Component as hp } from "react";
 import St from "classnames";
 import { FdInfoBold as Eo, FdPen as pp, FdTrash as dp, FdCheckCircle as Co, FdClose as Ao, FdPlus as To, FdDownload as $a, FdOutload as fp, FdDown as gp, FdUpload as Tv, FdLocalization as mp } from "@ws-ui/icons";
-import { i18nSubject as vp, getSupportedLanguages as xp, ModalType as ns, ModalCloseReason as Nv, FileFolderType as bp, useStateObject as un, useStudioContext as Ts, useDsChangeRenderer as yp, QODLY_NAMESPACE as Wa, USER_LANGUAGE_DATASOURCE_ID as Ua, useDsRendererAdapter as Ov, ModalColor as wp, Tip as kp, SearchInput as Pv, getNodeInfo as No, DesignerRequestVerb as rs, tasksManagerSubject as Nn, webformSubject as Dv, WebformActions as Rv, saveContent as Vv, ESetting as Vu, useOutsideClick as Lv, toastSubject as Mv, Portal as Fv, Modal as zv, TipsProvider as Bv, useDidMountEffect as Lu } from "@ws-ui/shared";
+import { i18nSubject as vp, getSupportedLanguages as xp, ModalType as ns, ModalCloseReason as Nv, FileFolderType as bp, useStateObject as un, useStudioContext as Ts, useDsChangeRenderer as yp, QODLY_NAMESPACE as Wa, USER_LANGUAGE_DATASOURCE_ID as Ua, useDsRendererAdapter as Ov, ModalColor as wp, Tip as kp, SearchInput as Pv, getNodeInfo as No, DesignerRequestVerb as rs, Portal as Dv, tasksManagerSubject as Nn, webformSubject as Rv, WebformActions as Vv, saveContent as Lv, ESetting as Vu, useOutsideClick as Mv, toastSubject as Fv, Modal as zv, TipsProvider as Bv, useDidMountEffect as Lu } from "@ws-ui/shared";
 import { debounce as Qs, get as Xe, set as ht, isEqual as jv, entries as Hv, escapeRegExp as $v, isObject as is, has as Oo, cloneDeep as mr, merge as Wv, isEmpty as Mu } from "lodash";
 import { useAppDispatch as Uv, useAppSelector as mi, selectTabs as qv, selectActiveTab as Kv, selectAllTabsByType as Jv, selectI18nCurrent as Gv, setTabContent as Yv, setI18nCurrent as Qv, setTabs as Xv, openModal as Zv } from "@ws-ui/store";
 import { generate as Po } from "short-uuid";
@@ -566,7 +566,7 @@ const Op = Gt(
   i18nFileFetched: !1
 }, I0 = {
   tr_key: "__t"
-}, { tr_key: xi } = I0, kA = {
+}, { tr_key: xi } = I0, _A = {
   buildPathFullObject: (e) => `${xi}.${e}`,
   getKeyValueFromCustom: (e, t) => Xe(e, `${xi}.${t}.key`),
   getDefaultValueFromCustom: (e, t) => Xe(e, `${xi}.${t}.default`),
@@ -789,7 +789,7 @@ function rr() {
     );
   return e;
 }
-function _A(e, t) {
+function SA(e, t) {
   const n = Uv(), r = mi(qv), i = mi(Kv), s = mi(Jv("webform")), o = mi(Gv);
   return {
     getTabs: pe(() => r ?? [], [r]),
@@ -1151,7 +1151,7 @@ const Rp = Gt(
         k && h("selected", k);
       }
     }
-  }, [d, s, i]), /* @__PURE__ */ V(Vp.Provider, { value: { selected: t }, children: e });
+  }, [d, s, i]), /* @__PURE__ */ V(Vp.Provider, { value: { selected: t, supported: u }, children: e });
 }, L0 = _o(({ children: e }) => {
   const t = rr(), {
     state: { supported: n },
@@ -26708,12 +26708,12 @@ const mm = async () => (await No({
     propName: r,
     restOfPropPath: i.join(".")
   };
-}, vm = ({
+}, vm = () => document.querySelector(`.${Sp}`) || document.body, i2 = ({ container: e, ...t }) => /* @__PURE__ */ V(Dv, { ...t, container: e || vm() }), xm = ({
   children: e,
   isOpen: t,
   onClose: n,
   title: r
-}) => /* @__PURE__ */ V(Xs, { appear: !0, show: t, as: Hi, children: /* @__PURE__ */ ve(Fu, { as: "div", className: "relative z-[1000]", onClose: n, children: [
+}) => /* @__PURE__ */ V(i2, { children: /* @__PURE__ */ V(Xs, { appear: !0, show: t, as: Hi, children: /* @__PURE__ */ ve(Fu, { as: "div", className: "relative z-[1000]", onClose: n, children: [
   /* @__PURE__ */ V(
     Xs.Child,
     {
@@ -26746,10 +26746,10 @@ const mm = async () => (await No({
       ] })
     }
   ) }) })
-] }) }), zh = {
+] }) }) }), zh = {
   DROP_EVENT_ERROR: "Not Suported File type! Only .json and .csv are Supported.",
   DROP_VALID_FILE: "Drop or Add a File !"
-}, i2 = ({ disable: e, enable: t }) => {
+}, s2 = ({ disable: e, enable: t }) => {
   const n = rr(), {
     state: { file: r, isOpen: i, supprtedExtension: s, error: o, content: l },
     actions: u
@@ -26798,14 +26798,14 @@ const mm = async () => (await No({
       await n.actions.setTabContent({
         path: W,
         content: D.content
-      }), Dv.next({
+      }), Rv.next({
         path: W,
-        action: Rv.RECOMPUTE,
+        action: Vv.RECOMPUTE,
         payload: D.content.components
       });
     } else {
       const W = { ...D };
-      await Vv({
+      await Lv({
         verb: rs.SAVE_CONTENT,
         content: W.content,
         path: `WebForms/${T}.WebForm`
@@ -27081,7 +27081,7 @@ const mm = async () => (await No({
         children: /* @__PURE__ */ V($a, { className: "h-4 w-4" })
       }
     ) }),
-    /* @__PURE__ */ ve(vm, { isOpen: i, onClose: y, title: "Import", children: [
+    /* @__PURE__ */ ve(xm, { isOpen: i, onClose: y, title: "Import", children: [
       /* @__PURE__ */ V("div", { className: "mt-4 space-y-2", children: /* @__PURE__ */ ve("div", { ...g(), children: [
         /* @__PURE__ */ V("input", { ...m() }),
         /* @__PURE__ */ V(
@@ -27153,7 +27153,7 @@ var Li = { exports: {} }, Mi = { exports: {} }, rt = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Bh;
-function s2() {
+function a2() {
   if (Bh) return rt;
   Bh = 1;
   var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, o = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, u = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, g = e ? Symbol.for("react.suspense_list") : 60120, m = e ? Symbol.for("react.memo") : 60115, w = e ? Symbol.for("react.lazy") : 60116, _ = e ? Symbol.for("react.block") : 60121, y = e ? Symbol.for("react.fundamental") : 60117, k = e ? Symbol.for("react.responder") : 60118, x = e ? Symbol.for("react.scope") : 60119;
@@ -27219,7 +27219,7 @@ function s2() {
   }, rt.typeOf = S, rt;
 }
 var it = {}, jh;
-function a2() {
+function o2() {
   if (jh) return it;
   jh = 1;
   var e = {};
@@ -27313,11 +27313,11 @@ function a2() {
   })(), it;
 }
 var Hh;
-function xm() {
+function bm() {
   if (Hh) return Mi.exports;
   Hh = 1;
   var e = {};
-  return e.NODE_ENV === "production" ? Mi.exports = s2() : Mi.exports = a2(), Mi.exports;
+  return e.NODE_ENV === "production" ? Mi.exports = a2() : Mi.exports = o2(), Mi.exports;
 }
 /*
 object-assign
@@ -27325,7 +27325,7 @@ object-assign
 @license MIT
 */
 var La, $h;
-function o2() {
+function l2() {
   if ($h) return La;
   $h = 1;
   var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
@@ -27378,17 +27378,17 @@ function Kl() {
   return Ma = e, Ma;
 }
 var Fa, Uh;
-function bm() {
+function ym() {
   return Uh || (Uh = 1, Fa = Function.call.bind(Object.prototype.hasOwnProperty)), Fa;
 }
 var za, qh;
-function l2() {
+function u2() {
   if (qh) return za;
   qh = 1;
   var e = {}, t = function() {
   };
   if (e.NODE_ENV !== "production") {
-    var n = /* @__PURE__ */ Kl(), r = {}, i = /* @__PURE__ */ bm();
+    var n = /* @__PURE__ */ Kl(), r = {}, i = /* @__PURE__ */ ym();
     t = function(o) {
       var l = "Warning: " + o;
       typeof console < "u" && console.error(l);
@@ -27431,10 +27431,10 @@ function l2() {
   }, za = s, za;
 }
 var Ba, Kh;
-function u2() {
+function c2() {
   if (Kh) return Ba;
   Kh = 1;
-  var e = {}, t = xm(), n = o2(), r = /* @__PURE__ */ Kl(), i = /* @__PURE__ */ bm(), s = /* @__PURE__ */ l2(), o = function() {
+  var e = {}, t = bm(), n = l2(), r = /* @__PURE__ */ Kl(), i = /* @__PURE__ */ ym(), s = /* @__PURE__ */ u2(), o = function() {
   };
   e.NODE_ENV !== "production" && (o = function(u) {
     var c = "Warning: " + u;
@@ -27752,7 +27752,7 @@ Valid keys: ` + JSON.stringify(Object.keys(L), null, "  ")
   }, Ba;
 }
 var ja, Jh;
-function c2() {
+function h2() {
   if (Jh) return ja;
   Jh = 1;
   var e = /* @__PURE__ */ Kl();
@@ -27800,19 +27800,19 @@ function c2() {
   }, ja;
 }
 var Gh;
-function h2() {
+function p2() {
   if (Gh) return Li.exports;
   Gh = 1;
   var e = {};
   if (e.NODE_ENV !== "production") {
-    var t = xm(), n = !0;
-    Li.exports = /* @__PURE__ */ u2()(t.isElement, n);
+    var t = bm(), n = !0;
+    Li.exports = /* @__PURE__ */ c2()(t.isElement, n);
   } else
-    Li.exports = /* @__PURE__ */ c2()();
+    Li.exports = /* @__PURE__ */ h2()();
   return Li.exports;
 }
-var p2 = /* @__PURE__ */ h2();
-const le = /* @__PURE__ */ zl(p2);
+var d2 = /* @__PURE__ */ p2();
+const le = /* @__PURE__ */ zl(d2);
 var Fi = { exports: {} }, ot = {};
 /** @license React v17.0.2
  * react-is.production.min.js
@@ -27823,7 +27823,7 @@ var Fi = { exports: {} }, ot = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Yh;
-function d2() {
+function f2() {
   if (Yh) return ot;
   Yh = 1;
   var e = 60103, t = 60106, n = 60107, r = 60108, i = 60114, s = 60109, o = 60110, l = 60112, u = 60113, c = 60120, d = 60115, h = 60116, g = 60121, m = 60122, w = 60117, _ = 60129, y = 60131;
@@ -27892,7 +27892,7 @@ function d2() {
   }, ot.typeOf = x, ot;
 }
 var lt = {}, Qh;
-function f2() {
+function g2() {
   if (Qh) return lt;
   Qh = 1;
   var e = {};
@@ -27989,13 +27989,13 @@ function f2() {
   })(), lt;
 }
 var Xh;
-function g2() {
+function m2() {
   if (Xh) return Fi.exports;
   Xh = 1;
   var e = {};
-  return e.NODE_ENV === "production" ? Fi.exports = d2() : Fi.exports = f2(), Fi.exports;
+  return e.NODE_ENV === "production" ? Fi.exports = f2() : Fi.exports = g2(), Fi.exports;
 }
-var Zh = g2();
+var Zh = m2();
 function ep(e) {
   return typeof e == "object" && e != null && e.nodeType === 1;
 }
@@ -28022,7 +28022,7 @@ function Ha(e, t) {
 function zi(e, t, n, r, i, s, o, l) {
   return s < e && o > t || s > e && o < t ? 0 : s <= e && l <= n || o >= t && l >= n ? s - e - r : o > t && l < n || s < e && l > n ? o - t + i : 0;
 }
-var m2 = function(e, t) {
+var v2 = function(e, t) {
   var n = window, r = t.inline, i = t.boundary, s = t.skipOverflowHiddenElements, o = typeof i == "function" ? i : function(J) {
     return J !== i;
   };
@@ -28048,16 +28048,16 @@ var m2 = function(e, t) {
   }
   return D;
 }, Ae = {};
-let v2 = 0;
+let x2 = 0;
 function np(e) {
   return typeof e == "function" ? e : rn;
 }
 function rn() {
 }
-function ym(e, t) {
+function wm(e, t) {
   if (!e)
     return;
-  m2(e, {
+  v2(e, {
     boundary: t
   }).forEach((r) => {
     let {
@@ -28103,10 +28103,10 @@ function Gr() {
     });
   };
 }
-function wm() {
-  return String(v2++);
+function km() {
+  return String(x2++);
 }
-function x2(e) {
+function b2(e) {
   let {
     isOpen: t,
     resultCount: n,
@@ -28120,20 +28120,20 @@ function ip(e, t) {
     e[0]
   ) : e, !e && t ? t : e;
 }
-function km(e) {
+function _m(e) {
   return typeof e.type == "string";
 }
-function _m(e) {
+function Sm(e) {
   return e.props;
 }
-function b2(e, t) {
+function y2(e, t) {
   console.error(`The property "${t}" is required in "${e}"`);
 }
-const y2 = ["highlightedIndex", "inputValue", "isOpen", "selectedItem", "type"];
+const w2 = ["highlightedIndex", "inputValue", "isOpen", "selectedItem", "type"];
 function Bi(e) {
   e === void 0 && (e = {});
   const t = {};
-  return y2.forEach((n) => {
+  return w2.forEach((n) => {
     e.hasOwnProperty(n) && (t[n] = e[n]);
   }), t;
 }
@@ -28150,7 +28150,7 @@ function Is(e) {
   } = e;
   return n >= 37 && n <= 40 && t.indexOf("Arrow") !== 0 ? `Arrow${t}` : t;
 }
-function w2(e) {
+function k2(e) {
   return Object.prototype.toString.call(e) === "[object Object]";
 }
 function wr(e, t, n, r, i) {
@@ -28187,14 +28187,14 @@ Ae.NODE_ENV !== "production" && (Jl = (e, t, n) => {
     t[i] !== void 0 && n[i] === void 0 ? console.error(`downshift: A component has changed the controlled prop "${i}" to be uncontrolled. ${r}`) : t[i] === void 0 && n[i] !== void 0 && console.error(`downshift: A component has changed the uncontrolled prop "${i}" to be controlled. ${r}`);
   });
 });
-const k2 = Js((e) => {
-  Im(e).textContent = "";
+const _2 = Js((e) => {
+  Em(e).textContent = "";
 }, 500);
-function Sm(e, t) {
-  const n = Im(t);
-  e && (n.textContent = e, k2(t));
+function Im(e, t) {
+  const n = Em(t);
+  e && (n.textContent = e, _2(t));
 }
-function Im(e) {
+function Em(e) {
   e === void 0 && (e = document);
   let t = e.getElementById("a11y-status-message");
   return t || (t = e.createElement("div"), t.setAttribute("id", "a11y-status-message"), t.setAttribute("role", "status"), t.setAttribute("aria-live", "polite"), t.setAttribute("aria-relevant", "additions text"), Object.assign(t.style, {
@@ -28208,32 +28208,32 @@ function Im(e) {
     width: "1px"
   }), e.body.appendChild(t), t);
 }
-const Em = Ae.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0, Cm = Ae.NODE_ENV !== "production" ? "__autocomplete_mouseup__" : 1, Am = Ae.NODE_ENV !== "production" ? "__autocomplete_item_mouseenter__" : 2, es = Ae.NODE_ENV !== "production" ? "__autocomplete_keydown_arrow_up__" : 3, ts = Ae.NODE_ENV !== "production" ? "__autocomplete_keydown_arrow_down__" : 4, Tm = Ae.NODE_ENV !== "production" ? "__autocomplete_keydown_escape__" : 5, Nm = Ae.NODE_ENV !== "production" ? "__autocomplete_keydown_enter__" : 6, Om = Ae.NODE_ENV !== "production" ? "__autocomplete_keydown_home__" : 7, Pm = Ae.NODE_ENV !== "production" ? "__autocomplete_keydown_end__" : 8, Dm = Ae.NODE_ENV !== "production" ? "__autocomplete_click_item__" : 9, Rm = Ae.NODE_ENV !== "production" ? "__autocomplete_blur_input__" : 10, Vm = Ae.NODE_ENV !== "production" ? "__autocomplete_change_input__" : 11, Lm = Ae.NODE_ENV !== "production" ? "__autocomplete_keydown_space_button__" : 12, wo = Ae.NODE_ENV !== "production" ? "__autocomplete_click_button__" : 13, Mm = Ae.NODE_ENV !== "production" ? "__autocomplete_blur_button__" : 14, Fm = Ae.NODE_ENV !== "production" ? "__autocomplete_controlled_prop_updated_selected_item__" : 15, zm = Ae.NODE_ENV !== "production" ? "__autocomplete_touchend__" : 16;
-var _2 = /* @__PURE__ */ Object.freeze({
+const Cm = Ae.NODE_ENV !== "production" ? "__autocomplete_unknown__" : 0, Am = Ae.NODE_ENV !== "production" ? "__autocomplete_mouseup__" : 1, Tm = Ae.NODE_ENV !== "production" ? "__autocomplete_item_mouseenter__" : 2, es = Ae.NODE_ENV !== "production" ? "__autocomplete_keydown_arrow_up__" : 3, ts = Ae.NODE_ENV !== "production" ? "__autocomplete_keydown_arrow_down__" : 4, Nm = Ae.NODE_ENV !== "production" ? "__autocomplete_keydown_escape__" : 5, Om = Ae.NODE_ENV !== "production" ? "__autocomplete_keydown_enter__" : 6, Pm = Ae.NODE_ENV !== "production" ? "__autocomplete_keydown_home__" : 7, Dm = Ae.NODE_ENV !== "production" ? "__autocomplete_keydown_end__" : 8, Rm = Ae.NODE_ENV !== "production" ? "__autocomplete_click_item__" : 9, Vm = Ae.NODE_ENV !== "production" ? "__autocomplete_blur_input__" : 10, Lm = Ae.NODE_ENV !== "production" ? "__autocomplete_change_input__" : 11, Mm = Ae.NODE_ENV !== "production" ? "__autocomplete_keydown_space_button__" : 12, wo = Ae.NODE_ENV !== "production" ? "__autocomplete_click_button__" : 13, Fm = Ae.NODE_ENV !== "production" ? "__autocomplete_blur_button__" : 14, zm = Ae.NODE_ENV !== "production" ? "__autocomplete_controlled_prop_updated_selected_item__" : 15, Bm = Ae.NODE_ENV !== "production" ? "__autocomplete_touchend__" : 16;
+var S2 = /* @__PURE__ */ Object.freeze({
   __proto__: null,
-  unknown: Em,
-  mouseUp: Cm,
-  itemMouseEnter: Am,
+  unknown: Cm,
+  mouseUp: Am,
+  itemMouseEnter: Tm,
   keyDownArrowUp: es,
   keyDownArrowDown: ts,
-  keyDownEscape: Tm,
-  keyDownEnter: Nm,
-  keyDownHome: Om,
-  keyDownEnd: Pm,
-  clickItem: Dm,
-  blurInput: Rm,
-  changeInput: Vm,
-  keyDownSpaceButton: Lm,
+  keyDownEscape: Nm,
+  keyDownEnter: Om,
+  keyDownHome: Pm,
+  keyDownEnd: Dm,
+  clickItem: Rm,
+  blurInput: Vm,
+  changeInput: Lm,
+  keyDownSpaceButton: Mm,
   clickButton: wo,
-  blurButton: Mm,
-  controlledPropUpdatedSelectedItem: Fm,
-  touchEnd: zm
+  blurButton: Fm,
+  controlledPropUpdatedSelectedItem: zm,
+  touchEnd: Bm
 });
-const S2 = /* @__PURE__ */ (() => {
+const I2 = /* @__PURE__ */ (() => {
   class e extends hp {
     constructor(n) {
       var r;
-      super(n), r = this, this.id = this.props.id || `downshift-${wm()}`, this.menuId = this.props.menuId || `${this.id}-menu`, this.labelId = this.props.labelId || `${this.id}-label`, this.inputId = this.props.inputId || `${this.id}-input`, this.getItemId = this.props.getItemId || ((h) => `${this.id}-item-${h}`), this.input = null, this.items = [], this.itemCount = null, this.previousResultCount = 0, this.timeoutIds = [], this.internalSetTimeout = (h, g) => {
+      super(n), r = this, this.id = this.props.id || `downshift-${km()}`, this.menuId = this.props.menuId || `${this.id}-menu`, this.labelId = this.props.labelId || `${this.id}-label`, this.inputId = this.props.inputId || `${this.id}-input`, this.getItemId = this.props.getItemId || ((h) => `${this.id}-item-${h}`), this.input = null, this.items = [], this.itemCount = null, this.previousResultCount = 0, this.timeoutIds = [], this.internalSetTimeout = (h, g) => {
         const m = setTimeout(() => {
           this.timeoutIds = this.timeoutIds.filter((w) => w !== m), h();
         }, g);
@@ -28276,7 +28276,7 @@ const S2 = /* @__PURE__ */ (() => {
           let x = y ? h(k) : h;
           x = this.props.stateReducer(k, x), m = x.hasOwnProperty("selectedItem");
           const S = {};
-          return m && x.selectedItem !== k.selectedItem && (w = x.selectedItem), x.type = x.type || Em, Object.keys(x).forEach((C) => {
+          return m && x.selectedItem !== k.selectedItem && (w = x.selectedItem), x.type = x.type || Cm, Object.keys(x).forEach((C) => {
             k[C] !== x[C] && (_[C] = x[C]), C !== "type" && (x[C], yo(this.props, C) || (S[C] = x[C]));
           }), y && x.hasOwnProperty("inputValue") && this.props.onInputValueChange(x.inputValue, {
             ...this.getStateAndHelpers(),
@@ -28364,13 +28364,13 @@ const S2 = /* @__PURE__ */ (() => {
             if (w == null || _ && _.hasAttribute("disabled"))
               return;
             this.selectHighlightedItem({
-              type: Nm
+              type: Om
             });
           }
         },
         Escape(h) {
           h.preventDefault(), this.reset({
-            type: Tm,
+            type: Nm,
             ...!this.state.isOpen && {
               selectedItem: null,
               inputValue: ""
@@ -28381,7 +28381,7 @@ const S2 = /* @__PURE__ */ (() => {
         ...this.keyDownHandlers,
         " "(h) {
           h.preventDefault(), this.toggleMenu({
-            type: Lm
+            type: Mm
           });
         }
       }, this.inputKeyDownHandlers = {
@@ -28398,7 +28398,7 @@ const S2 = /* @__PURE__ */ (() => {
             return;
           const w = nr(1, 0, m, (_) => this.getItemNodeFromIndex(_), !1);
           this.setHighlightedIndex(w, {
-            type: Om
+            type: Pm
           });
         },
         End(h) {
@@ -28413,7 +28413,7 @@ const S2 = /* @__PURE__ */ (() => {
             return;
           const w = nr(-1, m - 1, m, (_) => this.getItemNodeFromIndex(_), !1);
           this.setHighlightedIndex(w, {
-            type: Pm
+            type: Dm
           });
         }
       }, this.getToggleButtonProps = function(h) {
@@ -28457,7 +28457,7 @@ const S2 = /* @__PURE__ */ (() => {
         const g = h.target;
         this.internalSetTimeout(() => {
           !this.isMouseDown && (this.props.environment.document.activeElement == null || this.props.environment.document.activeElement.id !== this.inputId) && this.props.environment.document.activeElement !== g && this.reset({
-            type: Mm
+            type: Fm
           });
         });
       }, this.getLabelProps = (h) => ({
@@ -28501,7 +28501,7 @@ const S2 = /* @__PURE__ */ (() => {
         g && this.inputKeyDownHandlers[g] && this.inputKeyDownHandlers[g].call(this, h);
       }, this.inputHandleChange = (h) => {
         this.internalSetState({
-          type: Vm,
+          type: Lm,
           isOpen: !0,
           inputValue: h.target.value,
           highlightedIndex: this.props.defaultHighlightedIndex
@@ -28510,7 +28510,7 @@ const S2 = /* @__PURE__ */ (() => {
         this.internalSetTimeout(() => {
           const h = this.props.environment.document && !!this.props.environment.document.activeElement && !!this.props.environment.document.activeElement.dataset && this.props.environment.document.activeElement.dataset.toggle && this._rootNode && this._rootNode.contains(this.props.environment.document.activeElement);
           !this.isMouseDown && !h && this.reset({
-            type: Rm
+            type: Vm
           });
         });
       }, this.menuRef = (h) => {
@@ -28540,7 +28540,7 @@ const S2 = /* @__PURE__ */ (() => {
           item: k = Ae.NODE_ENV === "production" ? (
             /* istanbul ignore next */
             void 0
-          ) : b2("getItemProps", "item"),
+          ) : y2("getItemProps", "item"),
           ...x
         } = h === void 0 ? {} : h;
         y === void 0 ? (r.items.push(k), y = r.items.indexOf(k)) : r.items[y] = k;
@@ -28550,7 +28550,7 @@ const S2 = /* @__PURE__ */ (() => {
           // can fire on DOM changes, interrupting keyboard navigation
           onMouseMove: Et(g, () => {
             y !== r.getState().highlightedIndex && (r.setHighlightedIndex(y, {
-              type: Am
+              type: Tm
             }), r.avoidScrolling = !0, r.internalSetTimeout(() => r.avoidScrolling = !1, 250));
           }),
           onMouseDown: Et(m, (P) => {
@@ -28558,7 +28558,7 @@ const S2 = /* @__PURE__ */ (() => {
           }),
           [S]: Et(C, () => {
             r.selectItemAtIndex(y, {
-              type: Dm
+              type: Rm
             });
           })
         }, f = x.disabled ? {
@@ -28620,7 +28620,7 @@ const S2 = /* @__PURE__ */ (() => {
           highlightedItem: g,
           ...h
         });
-        this.previousResultCount = m, Sm(w, this.props.environment.document);
+        this.previousResultCount = m, Im(w, this.props.environment.document);
       }, 200);
       const {
         defaultHighlightedIndex: i,
@@ -28751,7 +28751,7 @@ const S2 = /* @__PURE__ */ (() => {
           this.isMouseDown = !0;
         }, r = (u) => {
           this.isMouseDown = !1, !Es(u.target, [this._rootNode, this._menuNode], this.props.environment) && this.getState().isOpen && this.reset({
-            type: Cm
+            type: Am
           }, () => this.props.onOuterClick(this.getStateAndHelpers()));
         }, i = () => {
           this.isTouchMove = !1;
@@ -28760,7 +28760,7 @@ const S2 = /* @__PURE__ */ (() => {
         }, o = (u) => {
           const c = Es(u.target, [this._rootNode, this._menuNode], this.props.environment, !1);
           !this.isTouchMove && !c && this.getState().isOpen && this.reset({
-            type: zm
+            type: Bm
           }, () => this.props.onOuterClick(this.getStateAndHelpers()));
         }, {
           environment: l
@@ -28780,7 +28780,7 @@ const S2 = /* @__PURE__ */ (() => {
     }
     componentDidUpdate(n, r) {
       Ae.NODE_ENV !== "production" && (Jl(this.state, n, this.props), this.getMenuProps.called && !this.getMenuProps.suppressRefError && sp(this._menuNode, this.getMenuProps)), yo(this.props, "selectedItem") && this.props.selectedItemChanged(n.selectedItem, this.props.selectedItem) && this.internalSetState({
-        type: Fm,
+        type: zm,
         inputValue: this.props.itemToString(this.props.selectedItem)
       }), !this.avoidScrolling && this.shouldScroll(r, n) && this.scrollHighlightedItemIntoView(), this.updateStatus();
     }
@@ -28794,9 +28794,9 @@ const S2 = /* @__PURE__ */ (() => {
       if (!r)
         return null;
       if (this.getRootProps.called || this.props.suppressRefError)
-        return Ae.NODE_ENV !== "production" && !this.getRootProps.suppressRefError && !this.props.suppressRefError && I2(r, this.getRootProps), r;
-      if (km(r))
-        return /* @__PURE__ */ cp(r, this.getRootProps(_m(r)));
+        return Ae.NODE_ENV !== "production" && !this.getRootProps.suppressRefError && !this.props.suppressRefError && E2(r, this.getRootProps), r;
+      if (_m(r))
+        return /* @__PURE__ */ cp(r, this.getRootProps(Sm(r)));
       if (Ae.NODE_ENV !== "production")
         throw new Error("downshift: If you return a non-DOM element, you must apply the getRootProps function");
     }
@@ -28804,8 +28804,8 @@ const S2 = /* @__PURE__ */ (() => {
   return e.defaultProps = {
     defaultHighlightedIndex: null,
     defaultIsOpen: !1,
-    getA11yStatusMessage: x2,
-    itemToString: (t) => t == null ? "" : (Ae.NODE_ENV !== "production" && w2(t) && !t.hasOwnProperty("toString") && console.warn("downshift: An object was passed to the default implementation of `itemToString`. You should probably provide your own `itemToString` implementation. Please refer to the `itemToString` API documentation.", "The object that was passed:", t), String(t)),
+    getA11yStatusMessage: b2,
+    itemToString: (t) => t == null ? "" : (Ae.NODE_ENV !== "production" && k2(t) && !t.hasOwnProperty("toString") && console.warn("downshift: An object was passed to the default implementation of `itemToString`. You should probably provide your own `itemToString` implementation. Please refer to the `itemToString` API documentation.", "The object that was passed:", t), String(t)),
     onStateChange: rn,
     onInputValueChange: rn,
     onUserAction: rn,
@@ -28819,10 +28819,10 @@ const S2 = /* @__PURE__ */ (() => {
     ),
     stateReducer: (t, n) => n,
     suppressRefError: !1,
-    scrollIntoView: ym
-  }, e.stateChangeTypes = _2, e;
+    scrollIntoView: wm
+  }, e.stateChangeTypes = S2, e;
 })();
-Ae.NODE_ENV !== "production" && (S2.propTypes = {
+Ae.NODE_ENV !== "production" && (I2.propTypes = {
   children: le.func,
   defaultHighlightedIndex: le.number,
   defaultIsOpen: le.bool,
@@ -28872,32 +28872,32 @@ function sp(e, t) {
   } = t;
   e || console.error(`downshift: The ref prop "${n}" from getMenuProps was not applied correctly on your menu element.`);
 }
-function I2(e, t) {
+function E2(e, t) {
   let {
     refKey: n
   } = t;
-  const r = n !== "ref", i = !km(e);
-  i && !r && !Zh.isForwardRef(e) ? console.error("downshift: You returned a non-DOM element. You must specify a refKey in getRootProps") : !i && r && console.error(`downshift: You returned a DOM element. You should not specify a refKey in getRootProps. You specified "${n}"`), !Zh.isForwardRef(e) && !_m(e)[n] && console.error(`downshift: You must apply the ref prop "${n}" from getRootProps onto your root element.`);
+  const r = n !== "ref", i = !_m(e);
+  i && !r && !Zh.isForwardRef(e) ? console.error("downshift: You returned a non-DOM element. You must specify a refKey in getRootProps") : !i && r && console.error(`downshift: You returned a DOM element. You should not specify a refKey in getRootProps. You specified "${n}"`), !Zh.isForwardRef(e) && !Sm(e)[n] && console.error(`downshift: You must apply the ref prop "${n}" from getRootProps onto your root element.`);
 }
-const Bm = {
+const jm = {
   highlightedIndex: -1,
   isOpen: !1,
   selectedItem: null,
   inputValue: ""
 };
-function E2(e, t, n) {
+function C2(e, t, n) {
   const {
     props: r,
     type: i
   } = e, s = {};
   Object.keys(t).forEach((o) => {
-    C2(o, e, t, n), n[o] !== t[o] && (s[o] = n[o]);
+    A2(o, e, t, n), n[o] !== t[o] && (s[o] = n[o]);
   }), r.onStateChange && Object.keys(s).length && r.onStateChange({
     type: i,
     ...s
   });
 }
-function C2(e, t, n, r) {
+function A2(e, t, n, r) {
   const {
     props: i,
     type: s
@@ -28907,22 +28907,22 @@ function C2(e, t, n, r) {
     ...r
   });
 }
-function A2(e, t) {
+function T2(e, t) {
   return t.changes;
 }
-function T2(e) {
+function N2(e) {
   const {
     selectedItem: t,
     itemToString: n
   } = e;
   return t ? `${n(t)} has been selected.` : "";
 }
-const N2 = Js((e, t) => {
-  Sm(e(), t);
-}, 200), O2 = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? Io : Ee;
-function P2(e) {
+const O2 = Js((e, t) => {
+  Im(e(), t);
+}, 200), P2 = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u" ? Io : Ee;
+function D2(e) {
   let {
-    id: t = `downshift-${wm()}`,
+    id: t = `downshift-${km()}`,
     labelId: n,
     menuId: r,
     getItemId: i,
@@ -28937,10 +28937,10 @@ function P2(e) {
     inputId: o || `${t}-input`
   }).current;
 }
-function D2(e, t, n) {
+function R2(e, t, n) {
   return e !== void 0 ? e : n.length === 0 ? -1 : n.indexOf(t);
 }
-function R2(e) {
+function V2(e) {
   return e ? String(e) : "";
 }
 function ap(e) {
@@ -28949,11 +28949,11 @@ function ap(e) {
 function Gl(e) {
   return `${e.slice(0, 1).toUpperCase()}${e.slice(1)}`;
 }
-function jm(e) {
+function Hm(e) {
   const t = De(e);
   return t.current = e, t;
 }
-function V2(e, t, n) {
+function L2(e, t, n) {
   const r = De(), i = De(), s = pe((h, g) => {
     i.current = g, h = Ss(h, g.props);
     const m = e(h, g);
@@ -28961,23 +28961,23 @@ function V2(e, t, n) {
       ...g,
       changes: m
     });
-  }, [e]), [o, l] = So(s, t), u = jm(n), c = pe((h) => l({
+  }, [e]), [o, l] = So(s, t), u = Hm(n), c = pe((h) => l({
     props: u.current,
     ...h
   }), [u]), d = i.current;
   return Ee(() => {
-    d && r.current && r.current !== o && E2(d, Ss(r.current, d.props), o), r.current = o;
+    d && r.current && r.current !== o && C2(d, Ss(r.current, d.props), o), r.current = o;
   }, [o, n, d]), [o, c];
 }
-function L2(e, t, n) {
-  const [r, i] = V2(e, t, n);
+function M2(e, t, n) {
+  const [r, i] = L2(e, t, n);
   return [Ss(r, n), i];
 }
 const Yr = {
-  itemToString: R2,
-  stateReducer: A2,
-  getA11ySelectionMessage: T2,
-  scrollIntoView: ym,
+  itemToString: V2,
+  stateReducer: T2,
+  getA11ySelectionMessage: N2,
+  scrollIntoView: wm,
   circularNavigation: !1,
   environment: (
     /* istanbul ignore next (ssr) */
@@ -28985,19 +28985,19 @@ const Yr = {
   )
 };
 function Pn(e, t, n) {
-  n === void 0 && (n = Bm);
+  n === void 0 && (n = jm);
   const r = e[`default${Gl(t)}`];
   return r !== void 0 ? r : n[t];
 }
 function ji(e, t, n) {
-  n === void 0 && (n = Bm);
+  n === void 0 && (n = jm);
   const r = e[t];
   if (r !== void 0)
     return r;
   const i = e[`initial${Gl(t)}`];
   return i !== void 0 ? i : Pn(e, t, n);
 }
-function M2(e) {
+function F2(e) {
   const t = ji(e, "selectedItem"), n = ji(e, "isOpen"), r = ji(e, "highlightedIndex"), i = ji(e, "inputValue");
   return {
     highlightedIndex: r < 0 && t && n ? e.items.indexOf(t) : r,
@@ -29017,7 +29017,7 @@ function Cs(e, t, n, r) {
   } = t;
   return i.length === 0 ? -1 : s !== void 0 && u === s ? s : o !== void 0 ? o : l ? n === 0 ? i.indexOf(l) : wr(n, i.indexOf(l), i.length, r, !1) : n === 0 ? -1 : n < 0 ? i.length - 1 : 0;
 }
-function F2(e, t, n, r) {
+function z2(e, t, n, r) {
   const i = De({
     isMouseDown: !1,
     isTouchMove: !1
@@ -29039,8 +29039,8 @@ function F2(e, t, n, r) {
     };
   }, [e, n]), i;
 }
-let Hm = () => rn;
-Ae.NODE_ENV !== "production" && (Hm = function() {
+let $m = () => rn;
+Ae.NODE_ENV !== "production" && ($m = function() {
   const e = De(!0);
   for (var t = arguments.length, n = new Array(t), r = 0; r < t; r++)
     n[r] = arguments[r];
@@ -29076,7 +29076,7 @@ function op(e, t, n) {
     ...l
   } = n;
   Ee(() => {
-    r || N2(() => e({
+    r || O2(() => e({
       highlightedIndex: i,
       highlightedItem: s[i],
       resultCount: s.length,
@@ -29084,7 +29084,7 @@ function op(e, t, n) {
     }), o.document);
   }, t);
 }
-function z2(e) {
+function B2(e) {
   let {
     highlightedIndex: t,
     isOpen: n,
@@ -29094,12 +29094,12 @@ function z2(e) {
     scrollIntoView: o
   } = e;
   const l = De(!0);
-  return O2(() => {
+  return P2(() => {
     t < 0 || !n || !Object.keys(r.current).length || (l.current === !1 ? l.current = !0 : o(i(t), s));
   }, [t]), l;
 }
-let $m = rn;
-Ae.NODE_ENV !== "production" && ($m = (e) => {
+let Wm = rn;
+Ae.NODE_ENV !== "production" && (Wm = (e) => {
   let {
     isInitialMount: t,
     props: n,
@@ -29110,7 +29110,7 @@ Ae.NODE_ENV !== "production" && ($m = (e) => {
     t || (Jl(r, i.current, n), i.current = n);
   }, [r, n, t]);
 });
-function B2(e, t, n) {
+function j2(e, t, n) {
   const {
     type: r,
     props: i
@@ -29182,7 +29182,7 @@ function lp(e) {
   }
   return n;
 }
-var j2 = {
+var H2 = {
   items: le.array.isRequired,
   itemToString: le.func,
   getA11yStatusMessage: le.func,
@@ -29217,16 +29217,16 @@ var j2 = {
     })
   })
 };
-function H2(e) {
+function $2(e) {
   var t = e.isOpen, n = e.resultCount, r = e.previousResultCount;
   return t ? n ? n !== r ? "".concat(n, " result").concat(n === 1 ? " is" : "s are", " available, use up and down arrow keys to navigate. Press Enter or Space Bar keys to select.") : "" : "No results are available." : "";
 }
-var $2 = ss(ss({}, Yr), { getA11yStatusMessage: H2 }), Wm = rn;
-Ae.NODE_ENV !== "production" && (Wm = function(e, t) {
-  le.checkPropTypes(j2, e, "prop", t.name);
+var W2 = ss(ss({}, Yr), { getA11yStatusMessage: $2 }), Um = rn;
+Ae.NODE_ENV !== "production" && (Um = function(e, t) {
+  le.checkPropTypes(H2, e, "prop", t.name);
 });
-const Yl = Ae.NODE_ENV !== "production" ? "__menu_keydown_arrow_down__" : 0, Ql = Ae.NODE_ENV !== "production" ? "__menu_keydown_arrow_up__" : 1, Xl = Ae.NODE_ENV !== "production" ? "__menu_keydown_escape__" : 2, Zl = Ae.NODE_ENV !== "production" ? "__menu_keydown_home__" : 3, eu = Ae.NODE_ENV !== "production" ? "__menu_keydown_end__" : 4, tu = Ae.NODE_ENV !== "production" ? "__menu_keydown_enter__" : 5, nu = Ae.NODE_ENV !== "production" ? "__menu_keydown_space_button__" : 6, ru = Ae.NODE_ENV !== "production" ? "__menu_keydown_character__" : 7, As = Ae.NODE_ENV !== "production" ? "__menu_blur__" : 8, Um = Ae.NODE_ENV !== "production" ? "__menu_mouse_leave__" : 9, qm = Ae.NODE_ENV !== "production" ? "__item_mouse_move__" : 10, iu = Ae.NODE_ENV !== "production" ? "__item_click__" : 11, Km = Ae.NODE_ENV !== "production" ? "__togglebutton_click__" : 12, su = Ae.NODE_ENV !== "production" ? "__togglebutton_keydown_arrow_down__" : 13, au = Ae.NODE_ENV !== "production" ? "__togglebutton_keydown_arrow_up__" : 14, ou = Ae.NODE_ENV !== "production" ? "__togglebutton_keydown_character__" : 15, Jm = Ae.NODE_ENV !== "production" ? "__function_toggle_menu__" : 16, Gm = Ae.NODE_ENV !== "production" ? "__function_open_menu__" : 17, Ym = Ae.NODE_ENV !== "production" ? "__function_close_menu__" : 18, Qm = Ae.NODE_ENV !== "production" ? "__function_set_highlighted_index__" : 19, lu = Ae.NODE_ENV !== "production" ? "__function_select_item__" : 20, ko = Ae.NODE_ENV !== "production" ? "__function_set_input_value__" : 21, Xm = Ae.NODE_ENV !== "production" ? "__function_reset__" : 22;
-var Zm = /* @__PURE__ */ Object.freeze({
+const Yl = Ae.NODE_ENV !== "production" ? "__menu_keydown_arrow_down__" : 0, Ql = Ae.NODE_ENV !== "production" ? "__menu_keydown_arrow_up__" : 1, Xl = Ae.NODE_ENV !== "production" ? "__menu_keydown_escape__" : 2, Zl = Ae.NODE_ENV !== "production" ? "__menu_keydown_home__" : 3, eu = Ae.NODE_ENV !== "production" ? "__menu_keydown_end__" : 4, tu = Ae.NODE_ENV !== "production" ? "__menu_keydown_enter__" : 5, nu = Ae.NODE_ENV !== "production" ? "__menu_keydown_space_button__" : 6, ru = Ae.NODE_ENV !== "production" ? "__menu_keydown_character__" : 7, As = Ae.NODE_ENV !== "production" ? "__menu_blur__" : 8, qm = Ae.NODE_ENV !== "production" ? "__menu_mouse_leave__" : 9, Km = Ae.NODE_ENV !== "production" ? "__item_mouse_move__" : 10, iu = Ae.NODE_ENV !== "production" ? "__item_click__" : 11, Jm = Ae.NODE_ENV !== "production" ? "__togglebutton_click__" : 12, su = Ae.NODE_ENV !== "production" ? "__togglebutton_keydown_arrow_down__" : 13, au = Ae.NODE_ENV !== "production" ? "__togglebutton_keydown_arrow_up__" : 14, ou = Ae.NODE_ENV !== "production" ? "__togglebutton_keydown_character__" : 15, Gm = Ae.NODE_ENV !== "production" ? "__function_toggle_menu__" : 16, Ym = Ae.NODE_ENV !== "production" ? "__function_open_menu__" : 17, Qm = Ae.NODE_ENV !== "production" ? "__function_close_menu__" : 18, Xm = Ae.NODE_ENV !== "production" ? "__function_set_highlighted_index__" : 19, lu = Ae.NODE_ENV !== "production" ? "__function_select_item__" : 20, ko = Ae.NODE_ENV !== "production" ? "__function_set_input_value__" : 21, Zm = Ae.NODE_ENV !== "production" ? "__function_reset__" : 22;
+var ev = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   MenuKeyDownArrowDown: Yl,
   MenuKeyDownArrowUp: Ql,
@@ -29237,22 +29237,22 @@ var Zm = /* @__PURE__ */ Object.freeze({
   MenuKeyDownSpaceButton: nu,
   MenuKeyDownCharacter: ru,
   MenuBlur: As,
-  MenuMouseLeave: Um,
-  ItemMouseMove: qm,
+  MenuMouseLeave: qm,
+  ItemMouseMove: Km,
   ItemClick: iu,
-  ToggleButtonClick: Km,
+  ToggleButtonClick: Jm,
   ToggleButtonKeyDownArrowDown: su,
   ToggleButtonKeyDownArrowUp: au,
   ToggleButtonKeyDownCharacter: ou,
-  FunctionToggleMenu: Jm,
-  FunctionOpenMenu: Gm,
-  FunctionCloseMenu: Ym,
-  FunctionSetHighlightedIndex: Qm,
+  FunctionToggleMenu: Gm,
+  FunctionOpenMenu: Ym,
+  FunctionCloseMenu: Qm,
+  FunctionSetHighlightedIndex: Xm,
   FunctionSelectItem: lu,
   FunctionSetInputValue: ko,
-  FunctionReset: Xm
+  FunctionReset: Zm
 });
-function W2(e, t) {
+function U2(e, t) {
   const {
     type: n,
     props: r,
@@ -29361,18 +29361,18 @@ function W2(e, t) {
       };
       break;
     default:
-      return B2(e, t, Zm);
+      return j2(e, t, ev);
   }
   return {
     ...e,
     ...s
   };
 }
-uu.stateChangeTypes = Zm;
+uu.stateChangeTypes = ev;
 function uu(e) {
-  e === void 0 && (e = {}), Wm(e, uu);
+  e === void 0 && (e = {}), Um(e, uu);
   const t = {
-    ...$2,
+    ...W2,
     ...e
   }, {
     items: n,
@@ -29383,12 +29383,12 @@ function uu(e) {
     itemToString: l,
     getA11ySelectionMessage: u,
     getA11yStatusMessage: c
-  } = t, d = M2(t), [h, g] = L2(W2, d, t), {
+  } = t, d = F2(t), [h, g] = M2(U2, d, t), {
     isOpen: m,
     highlightedIndex: w,
     selectedItem: _,
     inputValue: y
-  } = h, k = De(null), x = De(null), S = De({}), C = De(!0), v = De(null), f = P2(t), P = De(), R = De(!0), D = jm({
+  } = h, k = De(null), x = De(null), S = De({}), C = De(!0), v = De(null), f = D2(t), P = De(), R = De(!0), D = Hm({
     state: h,
     props: t
   }), T = pe((F) => S.current[f.getItemId(F)], [f]);
@@ -29407,7 +29407,7 @@ function uu(e) {
     itemToString: l,
     ...h
   });
-  const H = z2({
+  const H = B2({
     menuElement: x.current,
     highlightedIndex: w,
     isOpen: m,
@@ -29424,7 +29424,7 @@ function uu(e) {
     v.current.cancel();
   }), []), Ee(() => {
     y && v.current(g);
-  }, [g, y]), $m({
+  }, [g, y]), Wm({
     isInitialMount: R.current,
     props: t,
     state: h
@@ -29441,11 +29441,11 @@ function uu(e) {
   }, [m]), Ee(() => {
     R.current || (P.current = n.length);
   });
-  const W = F2(m, [x, k], i, () => {
+  const W = z2(m, [x, k], i, () => {
     g({
       type: As
     });
-  }), K = Hm("getMenuProps", "getToggleButtonProps");
+  }), K = $m("getMenuProps", "getToggleButtonProps");
   Ee(() => {
     R.current = !1;
   }, []), Ee(() => {
@@ -29510,19 +29510,19 @@ function uu(e) {
     }
   }), [g, T]), X = pe(() => {
     g({
-      type: Jm
+      type: Gm
     });
   }, [g]), U = pe(() => {
     g({
-      type: Ym
+      type: Qm
     });
   }, [g]), q = pe(() => {
     g({
-      type: Gm
+      type: Ym
     });
   }, [g]), re = pe((F) => {
     g({
-      type: Qm,
+      type: Xm,
       highlightedIndex: F
     });
   }, [g]), I = pe((F) => {
@@ -29532,7 +29532,7 @@ function uu(e) {
     });
   }, [g]), L = pe(() => {
     g({
-      type: Xm
+      type: Zm
     });
   }, [g]), j = pe((F) => {
     g({
@@ -29571,7 +29571,7 @@ function uu(e) {
       });
     }, Oe = () => {
       g({
-        type: Um
+        type: qm
       });
     };
     return K("getMenuProps", Ie, te, x), {
@@ -29602,7 +29602,7 @@ function uu(e) {
     } = ee === void 0 ? {} : ee;
     const Ie = () => {
       g({
-        type: Km
+        type: Jm
       });
     }, Ce = (Me) => {
       const Oe = Is(Me);
@@ -29638,7 +29638,7 @@ function uu(e) {
       props: Re
     } = D.current, Me = () => {
       Z !== Ce.highlightedIndex && (H.current = !1, g({
-        type: qm,
+        type: Km,
         index: Z,
         disabled: ue
       }));
@@ -29647,7 +29647,7 @@ function uu(e) {
         type: iu,
         index: Z
       });
-    }, Ne = D2(Z, ee, Re.items);
+    }, Ne = R2(Z, ee, Re.items);
     if (Ne < 0)
       throw new Error("Pass either item or item index in getItemProps!");
     const Je = {
@@ -29714,7 +29714,7 @@ const up = [
     label: "csv",
     value: "csv"
   }
-], U2 = ({ onSelect: e }) => {
+], q2 = ({ onSelect: e }) => {
   const {
     isOpen: t,
     selectedItem: n,
@@ -29768,7 +29768,7 @@ const up = [
       }
     )
   ] });
-}, q2 = ({ enable: e, onSelect: t }) => {
+}, K2 = ({ enable: e, onSelect: t }) => {
   const { state: n, actions: r } = un({
     delimiters: [
       { label: "Comma", value: "," },
@@ -29790,9 +29790,9 @@ const up = [
       }
     )
   ] }) : /* @__PURE__ */ V(zt, {});
-}, K2 = {
+}, J2 = {
   SELECT_FILE_TYPE: "Please Select a File Format !"
-}, J2 = ({ toExport: e }) => {
+}, G2 = ({ toExport: e }) => {
   var X;
   const [t, n] = vt(), r = rr(), i = r.getWebformTabs(), s = De(null), o = De([]), l = De([]), { i18n: u } = Ir(), c = ((X = r.getUserComponents) == null ? void 0 : X.call(r)) ?? {}, d = r.buildResolver ?? {}, [h, g] = vt(!1), [m] = vt(!0), {
     state: { isOpen: w, fileType: _, error: y, csvDelimier: k },
@@ -30087,15 +30087,15 @@ const up = [
         children: /* @__PURE__ */ V(Tv, { className: "h-4 w-4" })
       }
     ) }),
-    /* @__PURE__ */ ve(vm, { isOpen: w, onClose: v, title: "Export", children: [
+    /* @__PURE__ */ ve(xm, { isOpen: w, onClose: v, title: "Export", children: [
       /* @__PURE__ */ V("div", { className: "mt-4", children: /* @__PURE__ */ V(
-        U2,
+        q2,
         {
           onSelect: (U) => x.setFileType(U)
         }
       ) }),
       /* @__PURE__ */ V(
-        q2,
+        K2,
         {
           enable: _ === "csv",
           onSelect: G
@@ -30128,7 +30128,7 @@ const up = [
             "button",
             {
               onClick: () => {
-                _ ? (x.setIsOpen(!1), Y()) : x.setError(K2.SELECT_FILE_TYPE);
+                _ ? (x.setIsOpen(!1), Y()) : x.setError(J2.SELECT_FILE_TYPE);
               },
               className: "rounded w-16 px-2 py-1 text-xs font-medium text-grey-50 bg-primary-dark hover:border-white hover:border hover:bg-primary-hover hover:text-white hover:font-bold",
               children: "Export"
@@ -30139,7 +30139,7 @@ const up = [
       y && /* @__PURE__ */ V("div", { className: "flex items-center justify-center p-2", children: /* @__PURE__ */ V("span", { className: "text-sm text-red-500", children: y }) })
     ] })
   ] });
-}, G2 = ({ onClick: e }) => /* @__PURE__ */ V(Pt, { label: "Edit", children: /* @__PURE__ */ V(
+}, Y2 = ({ onClick: e }) => /* @__PURE__ */ V(Pt, { label: "Edit", children: /* @__PURE__ */ V(
   Ft,
   {
     color: "white",
@@ -30149,7 +30149,7 @@ const up = [
     },
     children: /* @__PURE__ */ V(pp, {})
   }
-) }), Y2 = ({ onClick: e, disable: t }) => t ? /* @__PURE__ */ V(zt, {}) : /* @__PURE__ */ V(Pt, { label: "Remove", children: /* @__PURE__ */ V(
+) }), Q2 = ({ onClick: e, disable: t }) => t ? /* @__PURE__ */ V(zt, {}) : /* @__PURE__ */ V(Pt, { label: "Remove", children: /* @__PURE__ */ V(
   Ft,
   {
     color: "white",
@@ -30160,7 +30160,7 @@ const up = [
     },
     children: /* @__PURE__ */ V(dp, {})
   }
-) }), Q2 = ({ collapse: e, onClick: t }) => /* @__PURE__ */ V(Pt, { label: "Collapse", children: /* @__PURE__ */ V(
+) }), X2 = ({ collapse: e, onClick: t }) => /* @__PURE__ */ V(Pt, { label: "Collapse", children: /* @__PURE__ */ V(
   Ft,
   {
     color: "white",
@@ -30177,7 +30177,7 @@ const up = [
       }
     )
   }
-) }), X2 = ({
+) }), Z2 = ({
   lang: e,
   onCancel: t,
   onConfirm: n
@@ -30202,7 +30202,7 @@ const up = [
     editing: !1,
     selectedLanguage: null,
     highlightedLanguageIndex: -1
-  }), d = Lv(() => {
+  }), d = Mv(() => {
     u && n(u);
   }), h = () => {
     t();
@@ -30262,10 +30262,10 @@ const up = [
       ]
     }
   );
-}, ev = ({
+}, tv = ({
   activate: e,
   ...t
-}) => e ? /* @__PURE__ */ V(X2, { ...t }) : /* @__PURE__ */ V(zt, {}), Z2 = ({
+}) => e ? /* @__PURE__ */ V(Z2, { ...t }) : /* @__PURE__ */ V(zt, {}), eA = ({
   primary: e,
   selected: t,
   selectMode: n,
@@ -30308,7 +30308,7 @@ const up = [
   }, [t]), Ee(() => {
     C && y(r);
   }, []), d ? /* @__PURE__ */ V(
-    ev,
+    tv,
     {
       lang: r,
       activate: d,
@@ -30350,10 +30350,10 @@ const up = [
           ] }),
           /* @__PURE__ */ ve("div", { className: "flex flex-row items-center space-x-1", children: [
             C && /* @__PURE__ */ V("div", { className: "bg-primary-dark rounded p-0.5 text-xs text-center shrink-0 h-5 w-12", children: "Primary" }),
-            /* @__PURE__ */ V(G2, { onClick: R }),
-            /* @__PURE__ */ V(Y2, { disable: C, onClick: D }),
+            /* @__PURE__ */ V(Y2, { onClick: R }),
+            /* @__PURE__ */ V(Q2, { disable: C, onClick: D }),
             /* @__PURE__ */ V(
-              Q2,
+              X2,
               {
                 collapse: c,
                 onClick: () => m(!c)
@@ -30388,7 +30388,7 @@ const up = [
       ]
     }
   );
-}, eA = () => {
+}, tA = () => {
   const {
     state: { selectedLanguages: e, shouldAddNewLocal: t, selectAll: n },
     actions: r
@@ -30510,7 +30510,7 @@ const up = [
             color: "white",
             variant: "ghost",
             onClick: () => {
-              t ? Mv.next({
+              t ? Fv.next({
                 kind: "warning",
                 message: "To add a new locale, please confirm your selection by clicking 'Confirm'"
               }) : S(!0);
@@ -30535,12 +30535,12 @@ const up = [
         }
       ),
       /* @__PURE__ */ ve("div", { className: "flex flex-row items-center justify-center space-x-1", children: [
-        /* @__PURE__ */ V(J2, { enable: !0, disable: !1, toExport: e }),
-        /* @__PURE__ */ V(i2, { enable: !0, disable: !1 })
+        /* @__PURE__ */ V(G2, { enable: !0, disable: !1, toExport: e }),
+        /* @__PURE__ */ V(s2, { enable: !0, disable: !1 })
       ] })
     ] }),
     /* @__PURE__ */ V(
-      ev,
+      tv,
       {
         activate: t,
         onConfirm: v,
@@ -30559,7 +30559,7 @@ const up = [
             d
           );
           return /* @__PURE__ */ V(
-            Z2,
+            eA,
             {
               primary: s,
               selected: n || e.includes(
@@ -30577,7 +30577,7 @@ const up = [
       }
     )
   ] });
-}, tA = ({ onAddLocal: e }) => /* @__PURE__ */ ve(
+}, nA = ({ onAddLocal: e }) => /* @__PURE__ */ ve(
   Nr,
   {
     depth: 1,
@@ -30591,12 +30591,12 @@ const up = [
       ] })
     ]
   }
-), nA = () => {
+), rA = () => {
   var o;
   const { userLanguages: e, addFirstLanguage: t, setAddFirstLanguage: n } = Er(), i = (((o = e.supported) == null ? void 0 : o.length) ?? 0) === 0 && !t, s = () => {
     n(!0);
   };
-  return i ? /* @__PURE__ */ V(tA, { onAddLocal: s }) : /* @__PURE__ */ ve(
+  return i ? /* @__PURE__ */ V(nA, { onAddLocal: s }) : /* @__PURE__ */ ve(
     Nr,
     {
       depth: 1,
@@ -30604,12 +30604,12 @@ const up = [
         "justify-center items-center": i
       }),
       children: [
-        /* @__PURE__ */ V(eA, {}),
+        /* @__PURE__ */ V(tA, {}),
         /* @__PURE__ */ V(Bw, {})
       ]
     }
   );
-}, rA = () => /* @__PURE__ */ V(F0, { children: /* @__PURE__ */ V(nA, {}) }), tv = () => document.querySelector(`.${Sp}`) || document.body, SA = ({ container: e, ...t }) => /* @__PURE__ */ V(Fv, { ...t, container: e || tv() }), iA = () => {
+}, iA = () => /* @__PURE__ */ V(F0, { children: /* @__PURE__ */ V(rA, {}) }), sA = () => {
   const { modals: e, closeModal: t, editModal: n } = D0();
   return /* @__PURE__ */ V(zt, { children: e.map((r, i) => /* @__PURE__ */ V(
     zv,
@@ -30618,11 +30618,11 @@ const up = [
       ...r,
       onClose: t,
       onEdit: n,
-      container: tv()
+      container: vm()
     },
     r.id
   )) });
-}, sA = ({
+}, aA = ({
   onTabsChange: e,
   onI18nCurrentChange: t
 }) => {
@@ -30636,12 +30636,12 @@ const up = [
       "div",
       {
         className: `relative h-screen z-10 overflow-hidden ${Sp}`,
-        children: /* @__PURE__ */ V(rA, {})
+        children: /* @__PURE__ */ V(iA, {})
       }
     ),
-    /* @__PURE__ */ V(iA, {})
+    /* @__PURE__ */ V(sA, {})
   ] });
-}, aA = ({
+}, oA = ({
   userComponents: e,
   buildResolver: t,
   supportedLanguages: n,
@@ -30649,27 +30649,27 @@ const up = [
 }) => {
   const i = P0(e, t, n);
   return /* @__PURE__ */ V(C0, { adapter: i, children: /* @__PURE__ */ V(E0, { isI18nEnabled: !0, onI18nChange: () => {
-  }, children: /* @__PURE__ */ V(R0, { children: /* @__PURE__ */ V(Bv, { children: /* @__PURE__ */ V(sA, { ...r }) }) }) }) });
+  }, children: /* @__PURE__ */ V(R0, { children: /* @__PURE__ */ V(Bv, { children: /* @__PURE__ */ V(aA, { ...r }) }) }) }) });
 }, IA = ({
   tabs: e = [],
   i18nCurrent: t = "",
   ...n
-}) => /* @__PURE__ */ V(O0, { tabs: e, i18nCurrent: t, children: /* @__PURE__ */ V(aA, { ...n }) });
+}) => /* @__PURE__ */ V(O0, { tabs: e, i18nCurrent: t, children: /* @__PURE__ */ V(oA, { ...n }) });
 export {
   C0 as EditorStateAdapterProvider,
   Ro as EditorStateContext,
-  kA as I18N_ACTIONS,
+  _A as I18N_ACTIONS,
   I0 as I18N_CONSTANT,
   E0 as I18nProvider,
   Sp as LOCALIZATION_EDITOR_SCOPE_CLASS,
-  rA as LocalizationEditor,
+  iA as LocalizationEditor,
   F0 as LocalizationEditorProvider,
   R0 as LocalizationProvider,
-  SA as Portal,
+  i2 as Portal,
   O0 as ReducerAdapterProvider,
   IA as Standalone,
-  rA as default,
-  tv as getDefaultContainer,
+  iA as default,
+  vm as getDefaultContainer,
   N0 as getDefaultInitialState,
   so as getLanguageDetails,
   T0 as localizationReducer,
@@ -30679,6 +30679,6 @@ export {
   Er as useLocalizationEditor,
   D0 as useModals,
   P0 as useReducerAdapter,
-  _A as useReduxAdapter
+  SA as useReduxAdapter
 };
 //# sourceMappingURL=index.es.js.map