@ethnolib/language-chooser-react-mui 0.0.9 → 0.0.11

package/index.mjs

@@ -1083,7 +1083,7 @@ var k3 = function(n) {
 function Ia(a, n, t) {
   return Lg.call(n, "css") ? Vr.jsx(uh, mh(a, n), t) : Vr.jsx(a, n, t);
 }
-function Un(a, n, t) {
+function Rn(a, n, t) {
   return Lg.call(n, "css") ? Vr.jsxs(uh, mh(a, n), t) : Vr.jsxs(a, n, t);
 }
 var C3 = /* @__PURE__ */ Vm(function(a, n) {
@@ -1111,13 +1111,13 @@ var C3 = /* @__PURE__ */ Vm(function(a, n) {
     n.insert("", i, m, !1);
   }, [n, i.name]), null;
 });
-function Da() {
+function Ba() {
   for (var a = arguments.length, n = new Array(a), t = 0; t < a; t++)
     n[t] = arguments[t];
   return yg(n);
 }
 var hg = function() {
-  var n = Da.apply(void 0, arguments), t = "animation-" + n.name;
+  var n = Ba.apply(void 0, arguments), t = "animation-" + n.name;
   return {
     name: t,
     styles: "@keyframes " + t + "{" + n.styles + "}",
@@ -2187,7 +2187,7 @@ const X3 = (a, n) => {
   GlobalStyles: $m,
   StyledEngineProvider: Lh,
   ThemeContext: Ks,
-  css: Da,
+  css: Ba,
   default: V3,
   internal_processStyles: X3,
   keyframes: hg
@@ -2438,16 +2438,16 @@ function Th(a, n) {
   const t = ph(a.theme);
   return Object.keys(a).map((i) => cf(a, n, i, t)).reduce(li, {});
 }
-function Zn(a) {
+function En(a) {
   return Th(a, pg);
 }
-Zn.propTypes = process.env.NODE_ENV !== "production" ? pg.reduce((a, n) => (a[n] = ps, a), {}) : {};
-Zn.filterProps = pg;
-function En(a) {
+En.propTypes = process.env.NODE_ENV !== "production" ? pg.reduce((a, n) => (a[n] = ps, a), {}) : {};
+En.filterProps = pg;
+function Un(a) {
   return Th(a, Tg);
 }
-En.propTypes = process.env.NODE_ENV !== "production" ? Tg.reduce((a, n) => (a[n] = ps, a), {}) : {};
-En.filterProps = Tg;
+Un.propTypes = process.env.NODE_ENV !== "production" ? Tg.reduce((a, n) => (a[n] = ps, a), {}) : {};
+Un.filterProps = Tg;
 process.env.NODE_ENV !== "production" && mf.reduce((a, n) => (a[n] = ps, a), {});
 function df(a = 8) {
   if (a.mui)
@@ -2682,124 +2682,124 @@ const Ci = {
   },
   // spacing
   p: {
-    style: En
+    style: Un
   },
   pt: {
-    style: En
+    style: Un
   },
   pr: {
-    style: En
+    style: Un
   },
   pb: {
-    style: En
+    style: Un
   },
   pl: {
-    style: En
+    style: Un
   },
   px: {
-    style: En
+    style: Un
   },
   py: {
-    style: En
+    style: Un
   },
   padding: {
-    style: En
+    style: Un
   },
   paddingTop: {
-    style: En
+    style: Un
   },
   paddingRight: {
-    style: En
+    style: Un
   },
   paddingBottom: {
-    style: En
+    style: Un
   },
   paddingLeft: {
-    style: En
+    style: Un
   },
   paddingX: {
-    style: En
+    style: Un
   },
   paddingY: {
-    style: En
+    style: Un
   },
   paddingInline: {
-    style: En
+    style: Un
   },
   paddingInlineStart: {
-    style: En
+    style: Un
   },
   paddingInlineEnd: {
-    style: En
+    style: Un
   },
   paddingBlock: {
-    style: En
+    style: Un
   },
   paddingBlockStart: {
-    style: En
+    style: Un
   },
   paddingBlockEnd: {
-    style: En
+    style: Un
   },
   m: {
-    style: Zn
+    style: En
   },
   mt: {
-    style: Zn
+    style: En
   },
   mr: {
-    style: Zn
+    style: En
   },
   mb: {
-    style: Zn
+    style: En
   },
   ml: {
-    style: Zn
+    style: En
   },
   mx: {
-    style: Zn
+    style: En
   },
   my: {
-    style: Zn
+    style: En
   },
   margin: {
-    style: Zn
+    style: En
   },
   marginTop: {
-    style: Zn
+    style: En
   },
   marginRight: {
-    style: Zn
+    style: En
   },
   marginBottom: {
-    style: Zn
+    style: En
   },
   marginLeft: {
-    style: Zn
+    style: En
   },
   marginX: {
-    style: Zn
+    style: En
   },
   marginY: {
-    style: Zn
+    style: En
   },
   marginInline: {
-    style: Zn
+    style: En
   },
   marginInlineStart: {
-    style: Zn
+    style: En
   },
   marginInlineEnd: {
-    style: Zn
+    style: En
   },
   marginBlock: {
-    style: Zn
+    style: En
   },
   marginBlockStart: {
-    style: Zn
+    style: En
   },
   marginBlockEnd: {
-    style: Zn
+    style: En
   },
   // display
   displayPrint: {
@@ -5917,7 +5917,7 @@ const yC = Fa("MuiButtonBase", ["root", "disabled", "focusVisible"]), LC = ["act
   nn === "button" && (O.href || O.to) && (nn = f);
   const vn = {};
   nn === "button" ? (vn.type = sa === void 0 ? "button" : sa, vn.disabled = y) : (!O.href && !O.to && (vn.role = "button"), y && (vn["aria-disabled"] = y));
-  const Rn = Wn(t, pa, oa);
+  const qn = Wn(t, pa, oa);
   process.env.NODE_ENV !== "production" && v.useEffect(() => {
     ga && !W.current && console.error(["MUI: The `component` prop provided to ButtonBase is invalid.", "Please make sure the children prop is rendered in this custom component."].join(`
 `));
@@ -5949,7 +5949,7 @@ const yC = Fa("MuiButtonBase", ["root", "disabled", "focusVisible"]), LC = ["act
     onTouchEnd: ka,
     onTouchMove: mn,
     onTouchStart: Sa,
-    ref: Rn,
+    ref: qn,
     tabIndex: y ? -1 : U,
     type: sa
   }, vn, O, {
@@ -6742,7 +6742,7 @@ function DC(a) {
     default: !1,
     name: y,
     state: "open"
-  }), [vn, Rn] = v.useState(!0), jn = !U && ka != null && Ga === la(ka), za = rn && !Q, ha = za ? w(
+  }), [vn, qn] = v.useState(!0), jn = !U && ka != null && Ga === la(ka), za = rn && !Q, ha = za ? w(
     R.filter((Y) => !(P && (U ? ka : [ka]).some((Z) => Z !== null && ta(Y, Z)))),
     // we use the empty string to manipulate `filterOptions` to not filter any options
     // i.e. the filter predicate always returns true
@@ -6804,7 +6804,7 @@ function DC(a) {
       const Wa = xa, oe = Ka.clientHeight + Ka.scrollTop, ct = Wa.offsetTop + Wa.offsetHeight;
       ct > oe ? Ka.scrollTop = ct - Ka.clientHeight : Wa.offsetTop - Wa.offsetHeight * (j ? 1.3 : 0) < Ka.scrollTop && (Ka.scrollTop = Wa.offsetTop - Wa.offsetHeight * (j ? 1.3 : 0));
     }
-  }), Ba = De(({
+  }), Da = De(({
     event: Y,
     diff: Z,
     direction: ya = "next",
@@ -6855,7 +6855,7 @@ function DC(a) {
     }
     const Z = U ? ka[0] : ka;
     if (ha.length === 0 || Z == null) {
-      Ba({
+      Da({
         diff: "reset"
       });
       return;
@@ -6866,7 +6866,7 @@ function DC(a) {
         if (U && ya && Pr(ka, (Ka) => ta(ya, Ka)) !== -1)
           return;
         const da = Pr(ha, (Ka) => ta(Ka, Z));
-        da === -1 ? Ba({
+        da === -1 ? Da({
           diff: "reset"
         }) : fa({
           index: da
@@ -6890,7 +6890,7 @@ function DC(a) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     U ? !1 : ka,
     P,
-    Ba,
+    Da,
     fa,
     za,
     Ga,
@@ -6906,7 +6906,7 @@ function DC(a) {
     Vn();
   }, [Vn]);
   const le = (Y) => {
-    rn || (nn(!0), Rn(!0), oa && oa(Y));
+    rn || (nn(!0), qn(!0), oa && oa(Y));
   }, _e = (Y, Z) => {
     rn && (nn(!1), X && X(Y, Z));
   }, ye = (Y, Z, ya, da) => {
@@ -6957,7 +6957,7 @@ function DC(a) {
     if (Y.onKeyDown && Y.onKeyDown(Z), !Z.defaultMuiPrevented && (K !== -1 && ["ArrowLeft", "ArrowRight"].indexOf(Z.key) === -1 && (Ca(-1), Dn(-1)), Z.which !== 229))
       switch (Z.key) {
         case "Home":
-          za && z && (Z.preventDefault(), Ba({
+          za && z && (Z.preventDefault(), Da({
             diff: "start",
             direction: "next",
             reason: "keyboard",
@@ -6965,7 +6965,7 @@ function DC(a) {
           }));
           break;
         case "End":
-          za && z && (Z.preventDefault(), Ba({
+          za && z && (Z.preventDefault(), Da({
             diff: "end",
             direction: "previous",
             reason: "keyboard",
@@ -6973,7 +6973,7 @@ function DC(a) {
           }));
           break;
         case "PageUp":
-          Z.preventDefault(), Ba({
+          Z.preventDefault(), Da({
             diff: -uL,
             direction: "previous",
             reason: "keyboard",
@@ -6981,7 +6981,7 @@ function DC(a) {
           }), le(Z);
           break;
         case "PageDown":
-          Z.preventDefault(), Ba({
+          Z.preventDefault(), Da({
             diff: uL,
             direction: "next",
             reason: "keyboard",
@@ -6989,7 +6989,7 @@ function DC(a) {
           }), le(Z);
           break;
         case "ArrowDown":
-          Z.preventDefault(), Ba({
+          Z.preventDefault(), Da({
             diff: 1,
             direction: "next",
             reason: "keyboard",
@@ -6997,7 +6997,7 @@ function DC(a) {
           }), le(Z);
           break;
         case "ArrowUp":
-          Z.preventDefault(), Ba({
+          Z.preventDefault(), Da({
             diff: -1,
             direction: "previous",
             reason: "keyboard",
@@ -7048,7 +7048,7 @@ function DC(a) {
     Ea(!1), _a.current = !0, ca.current = !1, l && Sa.current !== -1 && za ? Ue(Y, ha[Sa.current], "blur") : l && I && Ga !== "" ? Ue(Y, Ga, "blur", "freeSolo") : u && ln(Y, ka), _e(Y, "blur");
   }, Xn = (Y) => {
     const Z = Y.target.value;
-    Ga !== Z && (_n(Z), Rn(!1), O && O(Y, Z, "input")), Z === "" ? !b && !U && ye(Y, null, "clear") : le(Y);
+    Ga !== Z && (_n(Z), qn(!1), O && O(Y, Z, "input")), Z === "" ? !b && !U && ye(Y, null, "clear") : le(Y);
   }, fn = (Y) => {
     const Z = Number(Y.currentTarget.getAttribute("data-option-index"));
     Sa.current !== Z && fa({
@@ -7918,7 +7918,7 @@ function BA(a) {
       j[C] = ka, U[C] = ka - oa;
     }
     if (u) {
-      var mn, Ga = C === "x" ? Ne : ve, _n = C === "x" ? ot : it, en = j[x], Ea = x === "y" ? "height" : "width", ln = en + w[Ga], rn = en - w[_n], nn = [Ne, ve].indexOf(P) !== -1, vn = (mn = ta == null ? void 0 : ta[x]) != null ? mn : 0, Rn = nn ? ln : en - z[Ea] - E[Ea] - vn + H.altAxis, jn = nn ? en + z[Ea] + E[Ea] - vn - H.altAxis : rn, za = f && nn ? iA(Rn, en, jn) : mi(f ? Rn : ln, en, f ? jn : rn);
+      var mn, Ga = C === "x" ? Ne : ve, _n = C === "x" ? ot : it, en = j[x], Ea = x === "y" ? "height" : "width", ln = en + w[Ga], rn = en - w[_n], nn = [Ne, ve].indexOf(P) !== -1, vn = (mn = ta == null ? void 0 : ta[x]) != null ? mn : 0, qn = nn ? ln : en - z[Ea] - E[Ea] - vn + H.altAxis, jn = nn ? en + z[Ea] + E[Ea] - vn - H.altAxis : rn, za = f && nn ? iA(qn, en, jn) : mi(f ? qn : ln, en, f ? jn : rn);
       j[x] = za, U[x] = za - en;
     }
     n.modifiersData[i] = U;
@@ -9692,15 +9692,15 @@ const je = Fa("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     size: K.size,
     startAdornment: R,
     type: Q
-  }), nn = NP(rn), vn = La.root || y.Root || Ig, Rn = W.root || L.root || {}, jn = La.input || y.Input || Bg;
+  }), nn = NP(rn), vn = La.root || y.Root || Ig, qn = W.root || L.root || {}, jn = La.input || y.Input || Bg;
   return Ea = N({}, Ea, (i = W.input) != null ? i : L.input), /* @__PURE__ */ Gn(v.Fragment, {
-    children: [!f && vP, /* @__PURE__ */ Gn(vn, N({}, Rn, !vo(vn) && {
-      ownerState: N({}, rn, Rn.ownerState)
+    children: [!f && vP, /* @__PURE__ */ Gn(vn, N({}, qn, !vo(vn) && {
+      ownerState: N({}, rn, qn.ownerState)
     }, {
       ref: t,
       onClick: _n
     }, pa, {
-      className: wa(nn.root, Rn.className, d, sa && "MuiInputBase-readOnly"),
+      className: wa(nn.root, qn.className, d, sa && "MuiInputBase-readOnly"),
       children: [R, /* @__PURE__ */ V(Bi.Provider, {
         value: null,
         children: /* @__PURE__ */ V(jn, N({
@@ -10406,7 +10406,7 @@ const MP = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
     getInputLabelProps: rn,
     getPopupIndicatorProps: nn,
     getClearProps: vn,
-    getTagProps: Rn,
+    getTagProps: qn,
     getListboxProps: jn,
     getOptionProps: za,
     value: ha,
@@ -10415,7 +10415,7 @@ const MP = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
     id: Dn,
     popupOpen: Qn,
     focused: fa,
-    focusedTag: Ba,
+    focusedTag: Da,
     anchorEl: un,
     setAnchorEl: Vn,
     inputValue: gt,
@@ -10439,7 +10439,7 @@ const MP = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
     getOptionLabel: He,
     hasClearIcon: _e,
     hasPopupIcon: ye,
-    inputFocused: Ba === -1,
+    inputFocused: Da === -1,
     popupOpen: Qn,
     size: Ga
   }), fn = GP(Xn);
@@ -10448,7 +10448,7 @@ const MP = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
     const da = (Ka) => N({
       className: fn.tag,
       disabled: z
-    }, Rn(Ka));
+    }, qn(Ka));
     ka ? se = ka(ha, da, Xn) : se = ha.map((Ka, xa) => {
       const Wa = da({
         index: xa
@@ -17087,34 +17087,34 @@ const zz = (a) => {
       return;
     const fa = de(pa.current).getElementById(P);
     if (fa) {
-      const Ba = () => {
+      const Da = () => {
         getSelection().isCollapsed && pa.current.focus();
       };
-      return fa.addEventListener("click", Ba), () => {
-        fa.removeEventListener("click", Ba);
+      return fa.addEventListener("click", Da), () => {
+        fa.removeEventListener("click", Da);
       };
     }
   }, [P]);
-  const K = (fa, Ba) => {
-    fa ? J && J(Ba) : z && z(Ba), ca || (ga(u ? null : va.clientWidth), Q(fa));
+  const K = (fa, Da) => {
+    fa ? J && J(Da) : z && z(Da), ca || (ga(u ? null : va.clientWidth), Q(fa));
   }, Ca = (fa) => {
     fa.button === 0 && (fa.preventDefault(), pa.current.focus(), K(!0, fa));
   }, $ = (fa) => {
     K(!1, fa);
   }, Sa = v.Children.toArray(d), ka = (fa) => {
-    const Ba = Sa.find((un) => un.props.value === fa.target.value);
-    Ba !== void 0 && (La(Ba.props.value), j && j(fa, Ba));
-  }, mn = (fa) => (Ba) => {
+    const Da = Sa.find((un) => un.props.value === fa.target.value);
+    Da !== void 0 && (La(Da.props.value), j && j(fa, Da));
+  }, mn = (fa) => (Da) => {
     let un;
-    if (Ba.currentTarget.hasAttribute("tabindex")) {
+    if (Da.currentTarget.hasAttribute("tabindex")) {
       if (M) {
         un = Array.isArray(W) ? W.slice() : [];
         const Vn = W.indexOf(fa.props.value);
         Vn === -1 ? un.push(fa.props.value) : un.splice(Vn, 1);
       } else
         un = fa.props.value;
-      if (fa.props.onClick && fa.props.onClick(Ba), W !== un && (La(un), j)) {
-        const Vn = Ba.nativeEvent || Ba, gt = new Vn.constructor(Vn.type, Vn);
+      if (fa.props.onClick && fa.props.onClick(Da), W !== un && (La(un), j)) {
+        const Vn = Da.nativeEvent || Da, gt = new Vn.constructor(Vn.type, Vn);
         Object.defineProperty(gt, "target", {
           writable: !0,
           value: {
@@ -17123,7 +17123,7 @@ const zz = (a) => {
           }
         }), j(gt, fa);
       }
-      M || K(!1, Ba);
+      M || K(!1, Da);
     }
   }, Ga = (fa) => {
     ta || [
@@ -17150,26 +17150,26 @@ const zz = (a) => {
   (og({
     value: W
   }) || f) && (U ? Ea = U(W) : nn = !0);
-  const Rn = Sa.map((fa) => {
+  const qn = Sa.map((fa) => {
     if (!/* @__PURE__ */ v.isValidElement(fa))
       return null;
     process.env.NODE_ENV !== "production" && pi.isFragment(fa) && console.error(["MUI: The Select component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
 `));
-    let Ba;
+    let Da;
     if (M) {
       if (!Array.isArray(W))
         throw new Error(process.env.NODE_ENV !== "production" ? "MUI: The `value` prop must be an array when using the `Select` component with `multiple`." : Rs(2));
-      Ba = W.some((un) => DL(un, fa.props.value)), Ba && nn && rn.push(fa.props.children);
+      Da = W.some((un) => DL(un, fa.props.value)), Da && nn && rn.push(fa.props.children);
     } else
-      Ba = DL(W, fa.props.value), Ba && nn && (ln = fa.props.children);
-    return Ba && (vn = !0), /* @__PURE__ */ v.cloneElement(fa, {
-      "aria-selected": Ba ? "true" : "false",
+      Da = DL(W, fa.props.value), Da && nn && (ln = fa.props.children);
+    return Da && (vn = !0), /* @__PURE__ */ v.cloneElement(fa, {
+      "aria-selected": Da ? "true" : "false",
       onClick: mn(fa),
       onKeyUp: (un) => {
         un.key === " " && un.preventDefault(), fa.props.onKeyUp && fa.props.onKeyUp(un);
       },
       role: "option",
-      selected: Ba,
+      selected: Da,
       value: void 0,
       // The value is most likely not a valid HTML attribute.
       "data-value": fa.props.value
@@ -17178,11 +17178,11 @@ const zz = (a) => {
   });
   process.env.NODE_ENV !== "production" && v.useEffect(() => {
     if (!vn && !M && W !== "") {
-      const fa = Sa.map((Ba) => Ba.props.value);
-      console.warn([`MUI: You have provided an out-of-range value \`${W}\` for the select ${C ? `(name="${C}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${fa.filter((Ba) => Ba != null).map((Ba) => `\`${Ba}\``).join(", ") || '""'}.`].join(`
+      const fa = Sa.map((Da) => Da.props.value);
+      console.warn([`MUI: You have provided an out-of-range value \`${W}\` for the select ${C ? `(name="${C}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${fa.filter((Da) => Da != null).map((Da) => `\`${Da}\``).join(", ") || '""'}.`].join(`
 `));
     }
-  }, [vn, Sa, M, C, W]), nn && (M ? rn.length === 0 ? Ea = null : Ea = rn.reduce((fa, Ba, un) => (fa.push(Ba), un < rn.length - 1 && fa.push(", "), fa), []) : Ea = ln);
+  }, [vn, Sa, M, C, W]), nn && (M ? rn.length === 0 ? Ea = null : Ea = rn.reduce((fa, Da, un) => (fa.push(Da), un < rn.length - 1 && fa.push(", "), fa), []) : Ea = ln);
   let jn = _a;
   !u && ca && ia && (jn = va.clientWidth);
   let za;
@@ -17264,7 +17264,7 @@ const zz = (a) => {
           }, Dn != null ? Dn.style : null)
         })
       }),
-      children: Rn
+      children: qn
     }))]
   });
 });
@@ -17872,7 +17872,7 @@ const Rb = /* @__PURE__ */ v.forwardRef(function(n, t) {
     TransitionProps: Ca
   } = j, $ = Pa(j, Ez), Sa = /* @__PURE__ */ v.isValidElement(E) ? E : /* @__PURE__ */ V("span", {
     children: E
-  }), ka = Pi(), mn = Bh(), [Ga, _n] = v.useState(), [en, Ea] = v.useState(null), ln = v.useRef(!1), rn = X || La, nn = bo(), vn = bo(), Rn = bo(), jn = bo(), [za, ha] = Bs({
+  }), ka = Pi(), mn = Bh(), [Ga, _n] = v.useState(), [en, Ea] = v.useState(null), ln = v.useRef(!1), rn = X || La, nn = bo(), vn = bo(), qn = bo(), jn = bo(), [za, ha] = Bs({
     controlled: la,
     default: !1,
     name: "Tooltip",
@@ -17894,7 +17894,7 @@ const Rb = /* @__PURE__ */ v.forwardRef(function(n, t) {
   v.useEffect(() => Qn, [Qn]);
   const fa = (xa) => {
     KL.clear(), Ir = !0, ha(!0), ia && !sn && ia(xa);
-  }, Ba = De(
+  }, Da = De(
     /**
      * @param {React.SyntheticEvent | Event} event
      */
@@ -17906,12 +17906,12 @@ const Rb = /* @__PURE__ */ v.forwardRef(function(n, t) {
       });
     }
   ), un = (xa) => {
-    ln.current && xa.type !== "touchstart" || (Ga && Ga.removeAttribute("title"), vn.clear(), Rn.clear(), O || Ir && oa ? vn.start(Ir ? oa : O, () => {
+    ln.current && xa.type !== "touchstart" || (Ga && Ga.removeAttribute("title"), vn.clear(), qn.clear(), O || Ir && oa ? vn.start(Ir ? oa : O, () => {
       fa(xa);
     }) : fa(xa));
   }, Vn = (xa) => {
-    vn.clear(), Rn.start(Q, () => {
-      Ba(xa);
+    vn.clear(), qn.start(Q, () => {
+      Da(xa);
     });
   }, {
     isFocusVisibleRef: gt,
@@ -17927,24 +17927,24 @@ const Rb = /* @__PURE__ */ v.forwardRef(function(n, t) {
     const Wa = Sa.props;
     Wa.onTouchStart && Wa.onTouchStart(xa);
   }, as = (xa) => {
-    qt(xa), Rn.clear(), nn.clear(), Qn(), Dn.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", jn.start(W, () => {
+    qt(xa), qn.clear(), nn.clear(), Qn(), Dn.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", jn.start(W, () => {
       document.body.style.WebkitUserSelect = Dn.current, un(xa);
     });
   }, ns = (xa) => {
-    Sa.props.onTouchEnd && Sa.props.onTouchEnd(xa), Qn(), Rn.start(Ta, () => {
-      Ba(xa);
+    Sa.props.onTouchEnd && Sa.props.onTouchEnd(xa), Qn(), qn.start(Ta, () => {
+      Da(xa);
     });
   };
   v.useEffect(() => {
     if (!sn)
       return;
     function xa(Wa) {
-      (Wa.key === "Escape" || Wa.key === "Esc") && Ba(Wa);
+      (Wa.key === "Escape" || Wa.key === "Esc") && Da(Wa);
     }
     return document.addEventListener("keydown", xa), () => {
       document.removeEventListener("keydown", xa);
     };
-  }, [Ba, sn]);
+  }, [Da, sn]);
   const Ws = Wn(Sa.ref, ye, _n, t);
   !va && va !== 0 && (sn = !1);
   const He = v.useRef(), Xn = (xa) => {
@@ -103713,7 +103713,7 @@ gg.exports;
       ["partial", x],
       ["partialRight", j],
       ["rearg", E]
-    ], la = "[object Arguments]", ca = "[object Array]", _a = "[object AsyncFunction]", ga = "[object Boolean]", ua = "[object Date]", Ma = "[object DOMException]", va = "[object Error]", K = "[object Function]", Ca = "[object GeneratorFunction]", $ = "[object Map]", Sa = "[object Number]", ka = "[object Null]", mn = "[object Object]", Ga = "[object Promise]", _n = "[object Proxy]", en = "[object RegExp]", Ea = "[object Set]", ln = "[object String]", rn = "[object Symbol]", nn = "[object Undefined]", vn = "[object WeakMap]", Rn = "[object WeakSet]", jn = "[object ArrayBuffer]", za = "[object DataView]", ha = "[object Float32Array]", sn = "[object Float64Array]", $n = "[object Int8Array]", Dn = "[object Int16Array]", Qn = "[object Int32Array]", fa = "[object Uint8Array]", Ba = "[object Uint8ClampedArray]", un = "[object Uint16Array]", Vn = "[object Uint32Array]", gt = /\b__p \+= '';/g, le = /\b(__p \+=) '' \+/g, _e = /(__e\(.*?\)|\b__t\)) \+\n'';/g, ye = /&(?:amp|lt|gt|quot|#39);/g, Ee = /[&<>"']/g, Ue = RegExp(ye.source), Rt = RegExp(Ee.source), qt = /<%-([\s\S]+?)%>/g, as = /<%([\s\S]+?)%>/g, ns = /<%=([\s\S]+?)%>/g, Ws = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, He = /^\w*$/, Xn = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, fn = /[\\^$.*+?()[\]{}|]/g, se = RegExp(fn.source), ae = /^\s+/, lt = /\s/, Ns = /\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/, mt = /\{\n\/\* \[wrapped with (.+)\] \*/, St = /,? & /, _t = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g, Oe = /[()=,{}\[\]\/\s]/, ut = /\\(\\)?/g, Y = /\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g, Z = /\w*$/, ya = /^[-+]0x[0-9a-f]+$/i, da = /^0b[01]+$/i, Ka = /^\[object .+?Constructor\]$/, xa = /^0o[0-7]+$/i, Wa = /^(?:0|[1-9]\d*)$/, oe = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, ct = /($^)/, hp = /['\n\r\u2028\u2029\\]/g, Ri = "\\ud800-\\udfff", bp = "\\u0300-\\u036f", pp = "\\ufe20-\\ufe2f", Tp = "\\u20d0-\\u20ff", Ou = bp + pp + Tp, Wu = "\\u2700-\\u27bf", Yu = "a-z\\xdf-\\xf6\\xf8-\\xff", xp = "\\xac\\xb1\\xd7\\xf7", kp = "\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf", Np = "\\u2000-\\u206f", vp = " \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000", Fu = "A-Z\\xc0-\\xd6\\xd8-\\xde", Vu = "\\ufe0e\\ufe0f", Xu = xp + kp + Np + vp, Eg = "['’]", Sp = "[" + Ri + "]", Ju = "[" + Xu + "]", qi = "[" + Ou + "]", $u = "\\d+", _p = "[" + Wu + "]", Qu = "[" + Yu + "]", ac = "[^" + Ri + Xu + $u + Wu + Yu + Fu + "]", Ug = "\\ud83c[\\udffb-\\udfff]", fp = "(?:" + qi + "|" + Ug + ")", nc = "[^" + Ri + "]", Hg = "(?:\\ud83c[\\udde6-\\uddff]){2}", Og = "[\\ud800-\\udbff][\\udc00-\\udfff]", Ys = "[" + Fu + "]", ec = "\\u200d", tc = "(?:" + Qu + "|" + ac + ")", wp = "(?:" + Ys + "|" + ac + ")", sc = "(?:" + Eg + "(?:d|ll|m|re|s|t|ve))?", oc = "(?:" + Eg + "(?:D|LL|M|RE|S|T|VE))?", ic = fp + "?", rc = "[" + Vu + "]?", Mp = "(?:" + ec + "(?:" + [nc, Hg, Og].join("|") + ")" + rc + ic + ")*", Cp = "\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])", Ap = "\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])", gc = rc + ic + Mp, Pp = "(?:" + [_p, Hg, Og].join("|") + ")" + gc, Gp = "(?:" + [nc + qi + "?", qi, Hg, Og, Sp].join("|") + ")", jp = RegExp(Eg, "g"), zp = RegExp(qi, "g"), Wg = RegExp(Ug + "(?=" + Ug + ")|" + Gp + gc, "g"), Ip = RegExp([
+    ], la = "[object Arguments]", ca = "[object Array]", _a = "[object AsyncFunction]", ga = "[object Boolean]", ua = "[object Date]", Ma = "[object DOMException]", va = "[object Error]", K = "[object Function]", Ca = "[object GeneratorFunction]", $ = "[object Map]", Sa = "[object Number]", ka = "[object Null]", mn = "[object Object]", Ga = "[object Promise]", _n = "[object Proxy]", en = "[object RegExp]", Ea = "[object Set]", ln = "[object String]", rn = "[object Symbol]", nn = "[object Undefined]", vn = "[object WeakMap]", qn = "[object WeakSet]", jn = "[object ArrayBuffer]", za = "[object DataView]", ha = "[object Float32Array]", sn = "[object Float64Array]", $n = "[object Int8Array]", Dn = "[object Int16Array]", Qn = "[object Int32Array]", fa = "[object Uint8Array]", Da = "[object Uint8ClampedArray]", un = "[object Uint16Array]", Vn = "[object Uint32Array]", gt = /\b__p \+= '';/g, le = /\b(__p \+=) '' \+/g, _e = /(__e\(.*?\)|\b__t\)) \+\n'';/g, ye = /&(?:amp|lt|gt|quot|#39);/g, Ee = /[&<>"']/g, Ue = RegExp(ye.source), Rt = RegExp(Ee.source), qt = /<%-([\s\S]+?)%>/g, as = /<%([\s\S]+?)%>/g, ns = /<%=([\s\S]+?)%>/g, Ws = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, He = /^\w*$/, Xn = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, fn = /[\\^$.*+?()[\]{}|]/g, se = RegExp(fn.source), ae = /^\s+/, lt = /\s/, Ns = /\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/, mt = /\{\n\/\* \[wrapped with (.+)\] \*/, St = /,? & /, _t = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g, Oe = /[()=,{}\[\]\/\s]/, ut = /\\(\\)?/g, Y = /\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g, Z = /\w*$/, ya = /^[-+]0x[0-9a-f]+$/i, da = /^0b[01]+$/i, Ka = /^\[object .+?Constructor\]$/, xa = /^0o[0-7]+$/i, Wa = /^(?:0|[1-9]\d*)$/, oe = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, ct = /($^)/, hp = /['\n\r\u2028\u2029\\]/g, Ri = "\\ud800-\\udfff", bp = "\\u0300-\\u036f", pp = "\\ufe20-\\ufe2f", Tp = "\\u20d0-\\u20ff", Ou = bp + pp + Tp, Wu = "\\u2700-\\u27bf", Yu = "a-z\\xdf-\\xf6\\xf8-\\xff", xp = "\\xac\\xb1\\xd7\\xf7", kp = "\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf", Np = "\\u2000-\\u206f", vp = " \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000", Fu = "A-Z\\xc0-\\xd6\\xd8-\\xde", Vu = "\\ufe0e\\ufe0f", Xu = xp + kp + Np + vp, Eg = "['’]", Sp = "[" + Ri + "]", Ju = "[" + Xu + "]", qi = "[" + Ou + "]", $u = "\\d+", _p = "[" + Wu + "]", Qu = "[" + Yu + "]", ac = "[^" + Ri + Xu + $u + Wu + Yu + Fu + "]", Ug = "\\ud83c[\\udffb-\\udfff]", fp = "(?:" + qi + "|" + Ug + ")", nc = "[^" + Ri + "]", Hg = "(?:\\ud83c[\\udde6-\\uddff]){2}", Og = "[\\ud800-\\udbff][\\udc00-\\udfff]", Ys = "[" + Fu + "]", ec = "\\u200d", tc = "(?:" + Qu + "|" + ac + ")", wp = "(?:" + Ys + "|" + ac + ")", sc = "(?:" + Eg + "(?:d|ll|m|re|s|t|ve))?", oc = "(?:" + Eg + "(?:D|LL|M|RE|S|T|VE))?", ic = fp + "?", rc = "[" + Vu + "]?", Mp = "(?:" + ec + "(?:" + [nc, Hg, Og].join("|") + ")" + rc + ic + ")*", Cp = "\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])", Ap = "\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])", gc = rc + ic + Mp, Pp = "(?:" + [_p, Hg, Og].join("|") + ")" + gc, Gp = "(?:" + [nc + qi + "?", qi, Hg, Og, Sp].join("|") + ")", jp = RegExp(Eg, "g"), zp = RegExp(qi, "g"), Wg = RegExp(Ug + "(?=" + Ug + ")|" + Gp + gc, "g"), Ip = RegExp([
       Ys + "?" + Qu + "+" + sc + "(?=" + [Ju, Ys, "$"].join("|") + ")",
       wp + "+" + oc + "(?=" + [Ju, Ys + tc, "$"].join("|") + ")",
       Ys + "?" + tc + "+" + sc,
@@ -103754,9 +103754,9 @@ gg.exports;
       "parseInt",
       "setTimeout"
     ], Rp = -1, zn = {};
-    zn[ha] = zn[sn] = zn[$n] = zn[Dn] = zn[Qn] = zn[fa] = zn[Ba] = zn[un] = zn[Vn] = !0, zn[la] = zn[ca] = zn[jn] = zn[ga] = zn[za] = zn[ua] = zn[va] = zn[K] = zn[$] = zn[Sa] = zn[mn] = zn[en] = zn[Ea] = zn[ln] = zn[vn] = !1;
+    zn[ha] = zn[sn] = zn[$n] = zn[Dn] = zn[Qn] = zn[fa] = zn[Da] = zn[un] = zn[Vn] = !0, zn[la] = zn[ca] = zn[jn] = zn[ga] = zn[za] = zn[ua] = zn[va] = zn[K] = zn[$] = zn[Sa] = zn[mn] = zn[en] = zn[Ea] = zn[ln] = zn[vn] = !1;
     var Cn = {};
-    Cn[la] = Cn[ca] = Cn[jn] = Cn[za] = Cn[ga] = Cn[ua] = Cn[ha] = Cn[sn] = Cn[$n] = Cn[Dn] = Cn[Qn] = Cn[$] = Cn[Sa] = Cn[mn] = Cn[en] = Cn[Ea] = Cn[ln] = Cn[rn] = Cn[fa] = Cn[Ba] = Cn[un] = Cn[Vn] = !0, Cn[va] = Cn[K] = Cn[vn] = !1;
+    Cn[la] = Cn[ca] = Cn[jn] = Cn[za] = Cn[ga] = Cn[ua] = Cn[ha] = Cn[sn] = Cn[$n] = Cn[Dn] = Cn[Qn] = Cn[$] = Cn[Sa] = Cn[mn] = Cn[en] = Cn[Ea] = Cn[ln] = Cn[rn] = Cn[fa] = Cn[Da] = Cn[un] = Cn[Vn] = !0, Cn[va] = Cn[K] = Cn[vn] = !1;
     var qp = {
       // Latin-1 Supplement block.
       À: "A",
@@ -104260,7 +104260,7 @@ gg.exports;
         }
       }(), vT = F.clearTimeout !== ie.clearTimeout && F.clearTimeout, ST = Aa && Aa.now !== ie.Date.now && Aa.now, _T = F.setTimeout !== ie.setTimeout && F.setTimeout, Qi = ne.ceil, ar = ne.floor, ol = wn.getOwnPropertySymbols, fT = Fi ? Fi.isBuffer : t, Gc = F.isFinite, wT = Hi.join, MT = _c(wn.keys, wn), ee = ne.max, me = ne.min, CT = Aa.now, AT = F.parseInt, jc = ne.random, PT = Hi.reverse, il = Cs(F, "DataView"), Ko = Cs(F, "Map"), rl = Cs(F, "Promise"), Qs = Cs(F, "Set"), Ro = Cs(F, "WeakMap"), qo = Cs(wn, "create"), nr = Ro && new Ro(), ao = {}, GT = As(il), jT = As(Ko), zT = As(rl), IT = As(Qs), BT = As(Ro), er = os ? os.prototype : t, Zo = er ? er.valueOf : t, zc = er ? er.toString : t;
       function p(e) {
-        if (qn(e) && !Oa(e) && !(e instanceof on)) {
+        if (Zn(e) && !Oa(e) && !(e instanceof on)) {
           if (e instanceof Ve)
             return e;
           if (Sn.call(e, "__wrapped__"))
@@ -104740,16 +104740,16 @@ gg.exports;
         return c == null ? t : fe(c, e, g);
       }
       function Hc(e) {
-        return qn(e) && Le(e) == la;
+        return Zn(e) && Le(e) == la;
       }
       function Tx(e) {
-        return qn(e) && Le(e) == jn;
+        return Zn(e) && Le(e) == jn;
       }
       function xx(e) {
-        return qn(e) && Le(e) == ua;
+        return Zn(e) && Le(e) == ua;
       }
       function Oo(e, s, g, c, h) {
-        return e === s ? !0 : e == null || s == null || !qn(e) && !qn(s) ? e !== e && s !== s : kx(e, s, g, c, Oo, h);
+        return e === s ? !0 : e == null || s == null || !Zn(e) && !Zn(s) ? e !== e && s !== s : kx(e, s, g, c, Oo, h);
       }
       function kx(e, s, g, c, h, k) {
         var A = Oa(e), G = Oa(s), D = A ? ca : ue(e), aa = G ? ca : ue(s);
@@ -104772,7 +104772,7 @@ gg.exports;
         return Na ? (k || (k = new yt()), Vx(e, s, g, c, h, k)) : !1;
       }
       function Nx(e) {
-        return qn(e) && ue(e) == $;
+        return Zn(e) && ue(e) == $;
       }
       function yl(e, s, g, c) {
         var h = g.length, k = h, A = !c;
@@ -104806,13 +104806,13 @@ gg.exports;
         return s.test(As(e));
       }
       function vx(e) {
-        return qn(e) && Le(e) == en;
+        return Zn(e) && Le(e) == en;
       }
       function Sx(e) {
-        return qn(e) && ue(e) == Ea;
+        return Zn(e) && ue(e) == Ea;
       }
       function _x(e) {
-        return qn(e) && vr(e.length) && !!zn[Le(e)];
+        return Zn(e) && vr(e.length) && !!zn[Le(e)];
       }
       function Wc(e) {
         return typeof e == "function" ? e : e == null ? ke : typeof e == "object" ? Oa(e) ? Vc(e[0], e[1]) : Fc(e) : yy(e);
@@ -105745,7 +105745,7 @@ gg.exports;
           case Dn:
           case Qn:
           case fa:
-          case Ba:
+          case Da:
           case un:
           case Vn:
             return gd(e, g);
@@ -106575,20 +106575,20 @@ gg.exports;
       }), Ps = Hc(/* @__PURE__ */ function() {
         return arguments;
       }()) ? Hc : function(e) {
-        return qn(e) && Sn.call(e, "callee") && !Ac.call(e, "callee");
+        return Zn(e) && Sn.call(e, "callee") && !Ac.call(e, "callee");
       }, Oa = q.isArray, uv = uc ? we(uc) : Tx;
       function Te(e) {
         return e != null && vr(e.length) && !Yt(e);
       }
       function Hn(e) {
-        return qn(e) && Te(e);
+        return Zn(e) && Te(e);
       }
       function cv(e) {
-        return e === !0 || e === !1 || qn(e) && Le(e) == ga;
+        return e === !0 || e === !1 || Zn(e) && Le(e) == ga;
       }
       var ms = fT || Jl, dv = cc ? we(cc) : xx;
       function yv(e) {
-        return qn(e) && e.nodeType === 1 && !Xo(e);
+        return Zn(e) && e.nodeType === 1 && !Xo(e);
       }
       function Lv(e) {
         if (e == null)
@@ -106614,7 +106614,7 @@ gg.exports;
         return c === t ? Oo(e, s, t, g) : !!c;
       }
       function Zl(e) {
-        if (!qn(e))
+        if (!Zn(e))
           return !1;
         var s = Le(e);
         return s == va || s == Ma || typeof e.message == "string" && typeof e.name == "string" && !Xo(e);
@@ -106638,7 +106638,7 @@ gg.exports;
         var s = typeof e;
         return e != null && (s == "object" || s == "function");
       }
-      function qn(e) {
+      function Zn(e) {
         return e != null && typeof e == "object";
       }
       var Qd = dc ? we(dc) : Nx;
@@ -106663,10 +106663,10 @@ gg.exports;
         return e == null;
       }
       function ay(e) {
-        return typeof e == "number" || qn(e) && Le(e) == Sa;
+        return typeof e == "number" || Zn(e) && Le(e) == Sa;
       }
       function Xo(e) {
-        if (!qn(e) || Le(e) != mn)
+        if (!Zn(e) || Le(e) != mn)
           return !1;
         var s = Xi(e);
         if (s === null)
@@ -106680,20 +106680,20 @@ gg.exports;
       }
       var ny = Lc ? we(Lc) : Sx;
       function Sr(e) {
-        return typeof e == "string" || !Oa(e) && qn(e) && Le(e) == ln;
+        return typeof e == "string" || !Oa(e) && Zn(e) && Le(e) == ln;
       }
       function Ce(e) {
-        return typeof e == "symbol" || qn(e) && Le(e) == rn;
+        return typeof e == "symbol" || Zn(e) && Le(e) == rn;
       }
       var oo = hc ? we(hc) : _x;
       function fv(e) {
         return e === t;
       }
       function wv(e) {
-        return qn(e) && ue(e) == vn;
+        return Zn(e) && ue(e) == vn;
       }
       function Mv(e) {
-        return qn(e) && Le(e) == Rn;
+        return Zn(e) && Le(e) == qn;
       }
       var Cv = yr(hl), Av = yr(function(e, s) {
         return e <= s;
@@ -107263,7 +107263,7 @@ function print() { __p += __j.call(arguments, '') }
       function v_(e, s) {
         return e && e.length ? al(e, Ra(s, 2)) : 0;
       }
-      return p.after = ON, p.ary = Od, p.assign = Gv, p.assignIn = oy, p.assignInWith = _r, p.assignWith = jv, p.at = zv, p.before = Wd, p.bind = Rl, p.bindAll = RS, p.bindKey = Yd, p.castArray = tv, p.chain = Ed, p.chunk = ck, p.compact = dk, p.concat = yk, p.cond = qS, p.conforms = ZS, p.constant = Wl, p.countBy = NN, p.create = Iv, p.curry = Fd, p.curryRight = Vd, p.debounce = Xd, p.defaults = Bv, p.defaultsDeep = Dv, p.defer = WN, p.delay = YN, p.difference = Lk, p.differenceBy = hk, p.differenceWith = bk, p.drop = pk, p.dropRight = Tk, p.dropRightWhile = xk, p.dropWhile = kk, p.fill = Nk, p.filter = SN, p.flatMap = wN, p.flatMapDeep = MN, p.flatMapDepth = CN, p.flatten = Kd, p.flattenDeep = vk, p.flattenDepth = Sk, p.flip = FN, p.flow = US, p.flowRight = HS, p.fromPairs = _k, p.functions = Hv, p.functionsIn = Ov, p.groupBy = AN, p.initial = wk, p.intersection = Mk, p.intersectionBy = Ck, p.intersectionWith = Ak, p.invert = Yv, p.invertBy = Fv, p.invokeMap = GN, p.iteratee = Yl, p.keyBy = jN, p.keys = te, p.keysIn = xe, p.map = Tr, p.mapKeys = Xv, p.mapValues = Jv, p.matches = OS, p.matchesProperty = WS, p.memoize = kr, p.merge = $v, p.mergeWith = iy, p.method = YS, p.methodOf = FS, p.mixin = Fl, p.negate = Nr, p.nthArg = XS, p.omit = Qv, p.omitBy = aS, p.once = VN, p.orderBy = zN, p.over = JS, p.overArgs = XN, p.overEvery = $S, p.overSome = QS, p.partial = ql, p.partialRight = Jd, p.partition = IN, p.pick = nS, p.pickBy = ry, p.property = yy, p.propertyOf = a_, p.pull = zk, p.pullAll = qd, p.pullAllBy = Ik, p.pullAllWith = Bk, p.pullAt = Dk, p.range = n_, p.rangeRight = e_, p.rearg = JN, p.reject = KN, p.remove = Kk, p.rest = $N, p.reverse = Dl, p.sampleSize = qN, p.set = tS, p.setWith = sS, p.shuffle = ZN, p.slice = Rk, p.sortBy = HN, p.sortedUniq = Wk, p.sortedUniqBy = Yk, p.split = wS, p.spread = QN, p.tail = Fk, p.take = Vk, p.takeRight = Xk, p.takeRightWhile = Jk, p.takeWhile = $k, p.tap = dN, p.throttle = av, p.thru = pr, p.toArray = ey, p.toPairs = gy, p.toPairsIn = ly, p.toPath = r_, p.toPlainObject = sy, p.transform = oS, p.unary = nv, p.union = Qk, p.unionBy = aN, p.unionWith = nN, p.uniq = eN, p.uniqBy = tN, p.uniqWith = sN, p.unset = iS, p.unzip = Kl, p.unzipWith = Zd, p.update = rS, p.updateWith = gS, p.values = io, p.valuesIn = lS, p.without = oN, p.words = cy, p.wrap = ev, p.xor = iN, p.xorBy = rN, p.xorWith = gN, p.zip = lN, p.zipObject = mN, p.zipObjectDeep = uN, p.zipWith = cN, p.entries = gy, p.entriesIn = ly, p.extend = oy, p.extendWith = _r, Fl(p, p), p.add = l_, p.attempt = dy, p.camelCase = dS, p.capitalize = my, p.ceil = m_, p.clamp = mS, p.clone = sv, p.cloneDeep = iv, p.cloneDeepWith = rv, p.cloneWith = ov, p.conformsTo = gv, p.deburr = uy, p.defaultTo = ES, p.divide = u_, p.endsWith = yS, p.eq = Lt, p.escape = LS, p.escapeRegExp = hS, p.every = vN, p.find = _N, p.findIndex = Bd, p.findKey = Kv, p.findLast = fN, p.findLastIndex = Dd, p.findLastKey = Rv, p.floor = c_, p.forEach = Ud, p.forEachRight = Hd, p.forIn = qv, p.forInRight = Zv, p.forOwn = Ev, p.forOwnRight = Uv, p.get = Ul, p.gt = lv, p.gte = mv, p.has = Wv, p.hasIn = Hl, p.head = Rd, p.identity = ke, p.includes = PN, p.indexOf = fk, p.inRange = uS, p.invoke = Vv, p.isArguments = Ps, p.isArray = Oa, p.isArrayBuffer = uv, p.isArrayLike = Te, p.isArrayLikeObject = Hn, p.isBoolean = cv, p.isBuffer = ms, p.isDate = dv, p.isElement = yv, p.isEmpty = Lv, p.isEqual = hv, p.isEqualWith = bv, p.isError = Zl, p.isFinite = pv, p.isFunction = Yt, p.isInteger = $d, p.isLength = vr, p.isMap = Qd, p.isMatch = Tv, p.isMatchWith = xv, p.isNaN = kv, p.isNative = Nv, p.isNil = Sv, p.isNull = vv, p.isNumber = ay, p.isObject = Kn, p.isObjectLike = qn, p.isPlainObject = Xo, p.isRegExp = El, p.isSafeInteger = _v, p.isSet = ny, p.isString = Sr, p.isSymbol = Ce, p.isTypedArray = oo, p.isUndefined = fv, p.isWeakMap = wv, p.isWeakSet = Mv, p.join = Pk, p.kebabCase = bS, p.last = $e, p.lastIndexOf = Gk, p.lowerCase = pS, p.lowerFirst = TS, p.lt = Cv, p.lte = Av, p.max = d_, p.maxBy = y_, p.mean = L_, p.meanBy = h_, p.min = b_, p.minBy = p_, p.stubArray = Xl, p.stubFalse = Jl, p.stubObject = t_, p.stubString = s_, p.stubTrue = o_, p.multiply = T_, p.nth = jk, p.noConflict = VS, p.noop = Vl, p.now = xr, p.pad = xS, p.padEnd = kS, p.padStart = NS, p.parseInt = vS, p.random = cS, p.reduce = BN, p.reduceRight = DN, p.repeat = SS, p.replace = _S, p.result = eS, p.round = x_, p.runInContext = B, p.sample = RN, p.size = EN, p.snakeCase = fS, p.some = UN, p.sortedIndex = qk, p.sortedIndexBy = Zk, p.sortedIndexOf = Ek, p.sortedLastIndex = Uk, p.sortedLastIndexBy = Hk, p.sortedLastIndexOf = Ok, p.startCase = MS, p.startsWith = CS, p.subtract = k_, p.sum = N_, p.sumBy = v_, p.template = AS, p.times = i_, p.toFinite = Ft, p.toInteger = Va, p.toLength = ty, p.toLower = PS, p.toNumber = Qe, p.toSafeInteger = Pv, p.toString = hn, p.toUpper = GS, p.trim = jS, p.trimEnd = zS, p.trimStart = IS, p.truncate = BS, p.unescape = DS, p.uniqueId = g_, p.upperCase = KS, p.upperFirst = Ol, p.each = Ud, p.eachRight = Hd, p.first = Rd, Fl(p, function() {
+      return p.after = ON, p.ary = Od, p.assign = Gv, p.assignIn = oy, p.assignInWith = _r, p.assignWith = jv, p.at = zv, p.before = Wd, p.bind = Rl, p.bindAll = RS, p.bindKey = Yd, p.castArray = tv, p.chain = Ed, p.chunk = ck, p.compact = dk, p.concat = yk, p.cond = qS, p.conforms = ZS, p.constant = Wl, p.countBy = NN, p.create = Iv, p.curry = Fd, p.curryRight = Vd, p.debounce = Xd, p.defaults = Bv, p.defaultsDeep = Dv, p.defer = WN, p.delay = YN, p.difference = Lk, p.differenceBy = hk, p.differenceWith = bk, p.drop = pk, p.dropRight = Tk, p.dropRightWhile = xk, p.dropWhile = kk, p.fill = Nk, p.filter = SN, p.flatMap = wN, p.flatMapDeep = MN, p.flatMapDepth = CN, p.flatten = Kd, p.flattenDeep = vk, p.flattenDepth = Sk, p.flip = FN, p.flow = US, p.flowRight = HS, p.fromPairs = _k, p.functions = Hv, p.functionsIn = Ov, p.groupBy = AN, p.initial = wk, p.intersection = Mk, p.intersectionBy = Ck, p.intersectionWith = Ak, p.invert = Yv, p.invertBy = Fv, p.invokeMap = GN, p.iteratee = Yl, p.keyBy = jN, p.keys = te, p.keysIn = xe, p.map = Tr, p.mapKeys = Xv, p.mapValues = Jv, p.matches = OS, p.matchesProperty = WS, p.memoize = kr, p.merge = $v, p.mergeWith = iy, p.method = YS, p.methodOf = FS, p.mixin = Fl, p.negate = Nr, p.nthArg = XS, p.omit = Qv, p.omitBy = aS, p.once = VN, p.orderBy = zN, p.over = JS, p.overArgs = XN, p.overEvery = $S, p.overSome = QS, p.partial = ql, p.partialRight = Jd, p.partition = IN, p.pick = nS, p.pickBy = ry, p.property = yy, p.propertyOf = a_, p.pull = zk, p.pullAll = qd, p.pullAllBy = Ik, p.pullAllWith = Bk, p.pullAt = Dk, p.range = n_, p.rangeRight = e_, p.rearg = JN, p.reject = KN, p.remove = Kk, p.rest = $N, p.reverse = Dl, p.sampleSize = qN, p.set = tS, p.setWith = sS, p.shuffle = ZN, p.slice = Rk, p.sortBy = HN, p.sortedUniq = Wk, p.sortedUniqBy = Yk, p.split = wS, p.spread = QN, p.tail = Fk, p.take = Vk, p.takeRight = Xk, p.takeRightWhile = Jk, p.takeWhile = $k, p.tap = dN, p.throttle = av, p.thru = pr, p.toArray = ey, p.toPairs = gy, p.toPairsIn = ly, p.toPath = r_, p.toPlainObject = sy, p.transform = oS, p.unary = nv, p.union = Qk, p.unionBy = aN, p.unionWith = nN, p.uniq = eN, p.uniqBy = tN, p.uniqWith = sN, p.unset = iS, p.unzip = Kl, p.unzipWith = Zd, p.update = rS, p.updateWith = gS, p.values = io, p.valuesIn = lS, p.without = oN, p.words = cy, p.wrap = ev, p.xor = iN, p.xorBy = rN, p.xorWith = gN, p.zip = lN, p.zipObject = mN, p.zipObjectDeep = uN, p.zipWith = cN, p.entries = gy, p.entriesIn = ly, p.extend = oy, p.extendWith = _r, Fl(p, p), p.add = l_, p.attempt = dy, p.camelCase = dS, p.capitalize = my, p.ceil = m_, p.clamp = mS, p.clone = sv, p.cloneDeep = iv, p.cloneDeepWith = rv, p.cloneWith = ov, p.conformsTo = gv, p.deburr = uy, p.defaultTo = ES, p.divide = u_, p.endsWith = yS, p.eq = Lt, p.escape = LS, p.escapeRegExp = hS, p.every = vN, p.find = _N, p.findIndex = Bd, p.findKey = Kv, p.findLast = fN, p.findLastIndex = Dd, p.findLastKey = Rv, p.floor = c_, p.forEach = Ud, p.forEachRight = Hd, p.forIn = qv, p.forInRight = Zv, p.forOwn = Ev, p.forOwnRight = Uv, p.get = Ul, p.gt = lv, p.gte = mv, p.has = Wv, p.hasIn = Hl, p.head = Rd, p.identity = ke, p.includes = PN, p.indexOf = fk, p.inRange = uS, p.invoke = Vv, p.isArguments = Ps, p.isArray = Oa, p.isArrayBuffer = uv, p.isArrayLike = Te, p.isArrayLikeObject = Hn, p.isBoolean = cv, p.isBuffer = ms, p.isDate = dv, p.isElement = yv, p.isEmpty = Lv, p.isEqual = hv, p.isEqualWith = bv, p.isError = Zl, p.isFinite = pv, p.isFunction = Yt, p.isInteger = $d, p.isLength = vr, p.isMap = Qd, p.isMatch = Tv, p.isMatchWith = xv, p.isNaN = kv, p.isNative = Nv, p.isNil = Sv, p.isNull = vv, p.isNumber = ay, p.isObject = Kn, p.isObjectLike = Zn, p.isPlainObject = Xo, p.isRegExp = El, p.isSafeInteger = _v, p.isSet = ny, p.isString = Sr, p.isSymbol = Ce, p.isTypedArray = oo, p.isUndefined = fv, p.isWeakMap = wv, p.isWeakSet = Mv, p.join = Pk, p.kebabCase = bS, p.last = $e, p.lastIndexOf = Gk, p.lowerCase = pS, p.lowerFirst = TS, p.lt = Cv, p.lte = Av, p.max = d_, p.maxBy = y_, p.mean = L_, p.meanBy = h_, p.min = b_, p.minBy = p_, p.stubArray = Xl, p.stubFalse = Jl, p.stubObject = t_, p.stubString = s_, p.stubTrue = o_, p.multiply = T_, p.nth = jk, p.noConflict = VS, p.noop = Vl, p.now = xr, p.pad = xS, p.padEnd = kS, p.padStart = NS, p.parseInt = vS, p.random = cS, p.reduce = BN, p.reduceRight = DN, p.repeat = SS, p.replace = _S, p.result = eS, p.round = x_, p.runInContext = B, p.sample = RN, p.size = EN, p.snakeCase = fS, p.some = UN, p.sortedIndex = qk, p.sortedIndexBy = Zk, p.sortedIndexOf = Ek, p.sortedLastIndex = Uk, p.sortedLastIndexBy = Hk, p.sortedLastIndexOf = Ok, p.startCase = MS, p.startsWith = CS, p.subtract = k_, p.sum = N_, p.sumBy = v_, p.template = AS, p.times = i_, p.toFinite = Ft, p.toInteger = Va, p.toLength = ty, p.toLower = PS, p.toNumber = Qe, p.toSafeInteger = Pv, p.toString = hn, p.toUpper = GS, p.trim = jS, p.trimEnd = zS, p.trimStart = IS, p.truncate = BS, p.unescape = DS, p.uniqueId = g_, p.upperCase = KS, p.upperFirst = Ol, p.each = Ud, p.eachRight = Hd, p.first = Rd, Fl(p, function() {
         var e = {};
         return ft(p, function(s, g) {
           Sn.call(p.prototype, g) || (e[g] = s);
@@ -303337,7 +303337,7 @@ const Pn = {
     Nu,
     {
       variant: "outlined",
-      css: Da`
+      css: Ba`
           position: relative; // so children can be positioned absolutely
           box-shadow: ${Pn.greys[2]} 0px 3px 5px;
           background-color: ${n};
@@ -303346,7 +303346,7 @@ const Pn = {
       children: /* @__PURE__ */ Ia(
         Tb,
         {
-          css: Da`
+          css: Ba`
             padding: 10px;
             :last-child {
               // otherwise mui puts a lot of bottom padding on the last child
@@ -303381,11 +303381,11 @@ const si = ({ children: a, ...n }) => {
     backgroundColorWhenNotSelected: Pn.white,
     backgroundColorWhenSelected: Pn.blues[0]
   };
-  return /* @__PURE__ */ Un(op, { ...t, children: [
-    /* @__PURE__ */ Un(
+  return /* @__PURE__ */ Rn(op, { ...t, children: [
+    /* @__PURE__ */ Rn(
       "div",
       {
-        css: Da`
+        css: Ba`
           display: flex;
           flex-direction: row;
           flex-wrap: wrap;
@@ -303397,7 +303397,7 @@ const si = ({ children: a, ...n }) => {
             si,
             {
               variant: "h2",
-              css: Da`
+              css: Ba`
             flex-grow: 1;
           `,
               children: a.autonym || a.exonym
@@ -303407,7 +303407,7 @@ const si = ({ children: a, ...n }) => {
             si,
             {
               variant: "h2",
-              css: Da`
+              css: Ba`
               flex-grow: 0;
             `,
               children: a.exonym
@@ -303417,7 +303417,7 @@ const si = ({ children: a, ...n }) => {
             si,
             {
               variant: "body2",
-              css: Da`
+              css: Ba`
             flex-grow: 0;
             margin-bottom: 1px; // for visual alignment
             color: ${Pn.greys[3]};
@@ -303433,7 +303433,7 @@ const si = ({ children: a, ...n }) => {
       {
         variant: "subtitle1",
         gutterBottom: !0,
-        css: Da`
+        css: Ba`
             margin-top: 8px;
             // Copilot gave me this to cut off after 2 lines with an ellipsis
             display: -webkit-box;
@@ -303449,7 +303449,7 @@ const si = ({ children: a, ...n }) => {
       si,
       {
         variant: "subtitle1",
-        css: Da`
+        css: Ba`
             text-wrap: balance;
             color: ${Pn.greys[3]};
           `,
@@ -303463,13 +303463,13 @@ const si = ({ children: a, ...n }) => {
     backgroundColorWhenNotSelected: Pn.white,
     backgroundColorWhenSelected: Pn.blues[1]
   };
-  return /* @__PURE__ */ Un(op, { ...t, children: [
+  return /* @__PURE__ */ Rn(op, { ...t, children: [
     /* @__PURE__ */ Ia(qe, { variant: "h2", children: a.name }),
     /* @__PURE__ */ Ia(
       qe,
       {
         variant: "subtitle1",
-        css: Da`
+        css: Ba`
           color: ${Pn.greys[3]};
         `,
         children: "TODO sample text here"
@@ -303568,12 +303568,12 @@ const fB = ({
   currentTagPreview: a,
   forUnlistedLanguage: n,
   ...t
-}) => /* @__PURE__ */ Un(
+}) => /* @__PURE__ */ Rn(
   Mo,
   {
     variant: "outlined",
     color: "primary",
-    css: Da`
+    css: Ba`
         border: 1.5px solid ${Pn.greys[1]};
         :hover {
           border-color: ${Pn.black};
@@ -303588,10 +303588,10 @@ const fB = ({
       `,
     ...t,
     children: [
-      /* @__PURE__ */ Un(
+      /* @__PURE__ */ Rn(
         qe,
         {
-          css: Da`
+          css: Ba`
           text-transform: uppercase;
           color: ${Pn.black};
           font-size: 0.75rem;
@@ -303603,7 +303603,7 @@ const fB = ({
             !n && /* @__PURE__ */ Ia(
               ip,
               {
-                css: Da`
+                css: Ba`
               height: 0.75rem;
               width: 0.75rem;
               // for visual alignment
@@ -303616,11 +303616,11 @@ const fB = ({
           ]
         }
       ),
-      /* @__PURE__ */ Un(
+      /* @__PURE__ */ Rn(
         "div",
         {
           id: "custom-language-card-bottom",
-          css: Da`
+          css: Ba`
           display: flex;
           align-items: center;
           width: 100%;
@@ -303631,7 +303631,7 @@ const fB = ({
               qe,
               {
                 variant: "body2",
-                css: Da`
+                css: Ba`
             text-align: left;
             color: ${Pn.greys[3]};
           `,
@@ -303645,7 +303645,7 @@ const fB = ({
                 children: /* @__PURE__ */ Ia(
                   rp,
                   {
-                    css: Da`
+                    css: Ba`
               color: ${Pn.greys[3]};
               margin-left: 10px;
             `
@@ -303667,35 +303667,45 @@ var gp = qu.default = void 0, MB = wB(Di()), CB = _i;
 gp = qu.default = (0, MB.default)(/* @__PURE__ */ (0, CB.jsx)("path", {
   d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z"
 }), "Info");
-const Si = ({ label: a, required: n, ...t }) => /* @__PURE__ */ Ia(fu, { ...t, children: /* @__PURE__ */ Un(
-  qe,
+const Si = ({ label: a, required: n, ...t }) => /* @__PURE__ */ Ia(
+  fu,
   {
-    css: Da`
+    ...t,
+    css: Ba`
+        // Otherwise it is nowrap and the labels get in the way of horizontal shrinking on narrow screens
+        text-wrap: wrap;
+      `,
+    children: /* @__PURE__ */ Rn(
+      qe,
+      {
+        css: Ba`
           color: ${Pn.greys[3]};
           font-weight: bold;
           margin-bottom: 3px;
         `,
-    children: [
-      a,
-      n && /* @__PURE__ */ Ia(
-        "sup",
-        {
-          css: Da`
+        children: [
+          a,
+          n && /* @__PURE__ */ Ia(
+            "sup",
+            {
+              css: Ba`
               font-weight: normal;
               color: ${Pn.error};
             `,
-          children: "(required)"
-        }
-      )
-    ]
+              children: "(required)"
+            }
+          )
+        ]
+      }
+    )
   }
-) }), YL = ({ id: a, label: n, required: t, ...i }) => /* @__PURE__ */ Un("div", { children: [
+), YL = ({ id: a, label: n, required: t, ...i }) => /* @__PURE__ */ Rn("div", { children: [
   /* @__PURE__ */ Ia(Si, { htmlFor: a, label: n, required: t }),
   /* @__PURE__ */ Ia(
     rg,
     {
       type: "text",
-      css: Da`
+      css: Ba`
           background-color: white;
           margin-right: 0;
           margin-bottom: 10px;
@@ -303739,12 +303749,12 @@ const GB = (a) => {
       // starting point for the unlisted language name (which is actually stored in the dialect field)
       a.selectedLanguage ? a.customizableLanguageDetails.dialect || "" : a.searchString
     );
-  }, [a, t]), /* @__PURE__ */ Un(
+  }, [a, t]), /* @__PURE__ */ Rn(
     xb,
     {
       onClose: a.onClose,
       open: a.open,
-      css: Da`
+      css: Ba`
         .MuiDialog-paper {
           padding: 20px 25px 25px 25px;
           display: flex;
@@ -303757,17 +303767,17 @@ const GB = (a) => {
         /* @__PURE__ */ Ia(
           vb,
           {
-            css: Da`
+            css: Ba`
           font-weight: bold;
           padding: 0; //using padding on the entire dialog instead, plus gap between sections
         `,
             children: n ? "Unlisted Language Tag" : "Custom Language Tag"
           }
         ),
-        /* @__PURE__ */ Un(
+        /* @__PURE__ */ Rn(
           Nb,
           {
-            css: Da`
+            css: Ba`
           display: flex;
           flex-direction: column;
           gap: 15px;
@@ -303778,15 +303788,15 @@ const GB = (a) => {
                 Nu,
                 {
                   variant: "outlined",
-                  css: Da`
+                  css: Ba`
             border: 1px solid ${Pn.blues[2]};
             padding: 7px;
             flex-shrink: 0;
           `,
-                  children: /* @__PURE__ */ Un(
+                  children: /* @__PURE__ */ Rn(
                     qe,
                     {
-                      css: Da`
+                      css: Ba`
               color: ${Pn.blues[2]};
               font-size: 0.875rem;
               display: flex;
@@ -303811,13 +303821,13 @@ const GB = (a) => {
                     d(b.target.value);
                   },
                   size: "small",
-                  css: Da`
+                  css: Ba`
               width: 100%;
             `,
                   required: !0
                 }
               ),
-              !n && /* @__PURE__ */ Un("div", { id: "customize-script", children: [
+              !n && /* @__PURE__ */ Rn("div", { id: "customize-script", children: [
                 /* @__PURE__ */ Ia(Si, { htmlFor: "customize-script-field", label: "Script" }),
                 /* @__PURE__ */ Ia(
                   Gm,
@@ -303834,7 +303844,7 @@ const GB = (a) => {
                   }
                 )
               ] }),
-              /* @__PURE__ */ Un("div", { id: "customize-region", children: [
+              /* @__PURE__ */ Rn("div", { id: "customize-region", children: [
                 /* @__PURE__ */ Ia(
                   Si,
                   {
@@ -303868,7 +303878,7 @@ const GB = (a) => {
                     d(b.target.value);
                   },
                   size: "small",
-                  css: Da`
+                  css: Ba`
               width: 100%;
             `,
                   inputProps: {
@@ -303876,13 +303886,13 @@ const GB = (a) => {
                   }
                 }
               ),
-              /* @__PURE__ */ Un(qe, { children: [
+              /* @__PURE__ */ Rn(qe, { children: [
                 "BCP 47 Tag:",
                 " ",
                 /* @__PURE__ */ Ia(
                   "span",
                   {
-                    css: Da`
+                    css: Ba`
               font-weight: bold;
             `,
                     children: Hb({
@@ -303902,14 +303912,14 @@ const GB = (a) => {
         /* @__PURE__ */ Ia(
           kb,
           {
-            css: Da`
+            css: Ba`
           padding: 0; //using padding on the entire dialog instead, plus gap between sections
         `,
-            children: /* @__PURE__ */ Un(
+            children: /* @__PURE__ */ Rn(
               "div",
               {
                 id: "buttons-container",
-                css: Da`
+                css: Ba`
             // position: absolute;
             width: 100%;
             display: flex;
@@ -303919,7 +303929,7 @@ const GB = (a) => {
                   /* @__PURE__ */ Ia(
                     Mo,
                     {
-                      css: Da`
+                      css: Ba`
               margin-left: auto;
               margin-right: 10px;
               min-width: 100px;
@@ -303949,7 +303959,7 @@ const GB = (a) => {
                   /* @__PURE__ */ Ia(
                     Mo,
                     {
-                      css: Da`
+                      css: Ba`
               min-width: 100px;
             `,
                       variant: "outlined",
@@ -304309,11 +304319,11 @@ const n6 = (a) => {
       }
     }
   }), d = "90px";
-  return /* @__PURE__ */ Ia(f3, { theme: u, children: /* @__PURE__ */ Un(
+  return /* @__PURE__ */ Ia(f3, { theme: u, children: /* @__PURE__ */ Rn(
     "div",
     {
       id: "lang-chooser",
-      css: Da`
+      css: Ba`
           width: 100%;
           height: 100%;
           display: flex;
@@ -304329,7 +304339,7 @@ const n6 = (a) => {
           $h,
           {
             position: "static",
-            css: Da`
+            css: Ba`
             background-color: white;
             box-shadow: none;
             border-bottom: 2px solid ${Pn.greys[1]};
@@ -304340,7 +304350,7 @@ const n6 = (a) => {
               {
                 disableGutters: !0,
                 variant: "dense",
-                css: Da`
+                css: Ba`
               padding-top: 5px;
               padding-left: 15px;
             `,
@@ -304349,7 +304359,7 @@ const n6 = (a) => {
                   {
                     variant: "h1",
                     component: "div",
-                    css: Da`
+                    css: Ba`
                 color: black;
               `,
                     children: "Choose Language"
@@ -304359,20 +304369,20 @@ const n6 = (a) => {
             )
           }
         ),
-        /* @__PURE__ */ Un(
+        /* @__PURE__ */ Rn(
           "div",
           {
             id: "lang-chooser-body",
-            css: Da`
+            css: Ba`
             flex-grow: 1;
             display: flex;
           `,
             children: [
-              /* @__PURE__ */ Un(
+              /* @__PURE__ */ Rn(
                 "div",
                 {
                   id: "left-pane",
-                  css: Da`
+                  css: Ba`
               flex-grow: 1;
               // height: 100%;
               position: relative;
@@ -304394,7 +304404,7 @@ const n6 = (a) => {
                       {
                         type: "text",
                         inputRef: (S) => l = S,
-                        css: Da`
+                        css: Ba`
                 background-color: white;
                 margin-bottom: 10px;
                 width: 100%;
@@ -304410,7 +304420,7 @@ const n6 = (a) => {
                           wb,
                           {
                             position: "start",
-                            css: Da`
+                            css: Ba`
                     margin-left: 0;
                     color: ${Pn.greys[2]};
                   `,
@@ -304421,7 +304431,7 @@ const n6 = (a) => {
                           Ag,
                           {
                             onClick: m,
-                            css: Da`
+                            css: Ba`
                     padding-right: 0px;
                   `,
                             children: /* @__PURE__ */ Ia(Eb, {})
@@ -304440,7 +304450,7 @@ const n6 = (a) => {
                       "div",
                       {
                         id: "language-card-list",
-                        css: Da`
+                        css: Ba`
                 overflow-y: auto;
                 scrollbar-width: thick;
                 flex-basis: 0;
@@ -304448,7 +304458,7 @@ const n6 = (a) => {
               `,
                         children: n.languageData.map((S, _) => {
                           var w, P;
-                          return /* @__PURE__ */ Un(
+                          return /* @__PURE__ */ Rn(
                             XB,
                             {
                               height: d,
@@ -304457,7 +304467,7 @@ const n6 = (a) => {
                                 /* @__PURE__ */ Ia(
                                   hB,
                                   {
-                                    css: Da`
+                                    css: Ba`
                         min-height: ${d};
                         flex-direction: column;
                         margin: 5px 10px 5px 0px;
@@ -304476,7 +304486,7 @@ const n6 = (a) => {
                                 ) && S.scripts.length > 1 && /* @__PURE__ */ Ia(
                                   wu,
                                   {
-                                    css: Da`
+                                    css: Ba`
                             width: 100%;
                             display: flex;
                             flex-direction: row;
@@ -304489,14 +304499,14 @@ const n6 = (a) => {
                                       return /* @__PURE__ */ Ia(
                                         Mb,
                                         {
-                                          css: Da`
+                                          css: Ba`
                                   padding: 5px 10px;
                                   width: fit-content;
                                 `,
                                           children: /* @__PURE__ */ Ia(
                                             bB,
                                             {
-                                              css: Da`
+                                              css: Ba`
                                     min-width: 100px;
                                   `,
                                               scriptData: I,
@@ -304525,7 +304535,7 @@ const n6 = (a) => {
                       {
                         currentTagPreview: r,
                         forUnlistedLanguage: !n.selectedLanguage || Du(n.selectedLanguage),
-                        css: Da`
+                        css: Ba`
                   min-width: 60%;
                   margin-top: 10px;
                 `,
@@ -304535,116 +304545,119 @@ const n6 = (a) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ Un(
+              /* @__PURE__ */ Rn(
                 "div",
                 {
                   id: "right-pane",
-                  css: Da`
+                  css: Ba`
               width: 421px;
               flex-shrink: 0;
               display: flex;
               flex-direction: column;
-              justify-content: flex-end;
+              justify-content: space-between;
               background-color: white;
               padding: 10px 15px 10px 20px;
             `,
                   children: [
-                    n.selectedLanguage && /* @__PURE__ */ Un("div", { id: "right-pane-language-details=section", children: [
-                      /* @__PURE__ */ Ia(
-                        Si,
-                        {
-                          htmlFor: "language-name-bar",
-                          label: "Display this language this way"
-                        }
-                      ),
-                      /* @__PURE__ */ Ia(
-                        Co,
+                    /* @__PURE__ */ Ia("div", { id: "right-panel-component-container", children: a.rightPanelComponent }),
+                    /* @__PURE__ */ Rn("div", { id: "right-pane-language-chooser-section", children: [
+                      n.selectedLanguage && /* @__PURE__ */ Rn("div", { id: "right-pane-language-details=section", children: [
+                        /* @__PURE__ */ Ia(
+                          Si,
+                          {
+                            htmlFor: "language-name-bar",
+                            label: "Display this language this way"
+                          }
+                        ),
+                        /* @__PURE__ */ Ia(
+                          Co,
+                          {
+                            type: "text",
+                            inputProps: {
+                              spellCheck: !1
+                            },
+                            css: Ba`
+                      background-color: white;
+                      margin-right: 16px;
+                      margin-bottom: 10px;
+                      font-size: 1.625rem; // 26px
+                      font-weight: 700;
+                    `,
+                            id: "language-name-bar",
+                            size: "small",
+                            fullWidth: !0,
+                            value: n.customizableLanguageDetails.displayName,
+                            onChange: (S) => {
+                              n.saveLanguageDetails(
+                                {
+                                  ...n.customizableLanguageDetails,
+                                  displayName: S.target.value
+                                },
+                                n.selectedScript
+                              );
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ Ia(
+                          qe,
+                          {
+                            variant: "body2",
+                            css: Ba`
+                      color: ${Pn.greys[3]};
+                    `,
+                            children: r
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ Rn(
+                        "div",
                         {
-                          type: "text",
-                          inputProps: {
-                            spellCheck: !1
-                          },
-                          css: Da`
-                    background-color: white;
-                    margin-right: 16px;
-                    margin-bottom: 10px;
-                    font-size: 1.625rem; // 26px
-                    font-weight: 700;
+                          id: "buttons-container",
+                          css: Ba`
+                  width: 100%;
+                  display: flex;
+                  justify-content: flex-end;
+                  padding-top: 15px;
+                  padding-bottom: 5px;
+                `,
+                          children: [
+                            /* @__PURE__ */ Ia(
+                              Mo,
+                              {
+                                css: Ba`
+                    margin-left: auto;
+                    margin-right: 10px;
+                    min-width: 100px;
                   `,
-                          id: "language-name-bar",
-                          size: "small",
-                          fullWidth: !0,
-                          value: n.customizableLanguageDetails.displayName,
-                          onChange: (S) => {
-                            n.saveLanguageDetails(
+                                variant: "contained",
+                                color: "primary",
+                                disabled: !n.isReadyToSubmit,
+                                onClick: () => a.onClose(
+                                  qm({
+                                    language: n.selectedLanguage,
+                                    script: n.selectedScript,
+                                    customDetails: n.customizableLanguageDetails
+                                  })
+                                ),
+                                children: "OK"
+                              }
+                            ),
+                            /* @__PURE__ */ Ia(
+                              Mo,
                               {
-                                ...n.customizableLanguageDetails,
-                                displayName: S.target.value
-                              },
-                              n.selectedScript
-                            );
-                          }
-                        }
-                      ),
-                      /* @__PURE__ */ Ia(
-                        qe,
-                        {
-                          variant: "body2",
-                          css: Da`
-                    color: ${Pn.greys[3]};
+                                css: Ba`
+                    min-width: 100px;
                   `,
-                          children: r
+                                variant: "outlined",
+                                color: "primary",
+                                onClick: () => a.onClose(void 0),
+                                children: "Cancel"
+                              }
+                            )
+                          ]
                         }
                       )
-                    ] }),
-                    /* @__PURE__ */ Un(
-                      "div",
-                      {
-                        id: "buttons-container",
-                        css: Da`
-                width: 100%;
-                display: flex;
-                justify-content: flex-end;
-                padding-top: 15px;
-                padding-bottom: 5px;
-              `,
-                        children: [
-                          /* @__PURE__ */ Ia(
-                            Mo,
-                            {
-                              css: Da`
-                  margin-left: auto;
-                  margin-right: 10px;
-                  min-width: 100px;
-                `,
-                              variant: "contained",
-                              color: "primary",
-                              disabled: !n.isReadyToSubmit,
-                              onClick: () => a.onClose(
-                                qm({
-                                  language: n.selectedLanguage,
-                                  script: n.selectedScript,
-                                  customDetails: n.customizableLanguageDetails
-                                })
-                              ),
-                              children: "OK"
-                            }
-                          ),
-                          /* @__PURE__ */ Ia(
-                            Mo,
-                            {
-                              css: Da`
-                  min-width: 100px;
-                `,
-                              variant: "outlined",
-                              color: "primary",
-                              onClick: () => a.onClose(void 0),
-                              children: "Cancel"
-                            }
-                          )
-                        ]
-                      }
-                    )
+                    ] })
                   ]
                 }
               )