@ethnolib/language-chooser-react-mui 0.0.6 → 0.0.8

package/index.mjs

@@ -1080,7 +1080,7 @@ var m3 = function(n) {
     }), /* @__PURE__ */ v.createElement(r, d));
   }
 ), nh = p3;
-function nn(a, n, t) {
+function an(a, n, t) {
   return dl.call(n, "css") ? Wr.jsx(nh, ah(a, n), t) : Wr.jsx(a, n, t);
 }
 function je(a, n, t) {
@@ -4308,10 +4308,10 @@ function $w(a, n) {
   });
 }
 const Qw = 0.2, aM = 0.14, nM = 0.12;
-function Bn(...a) {
+function In(...a) {
   return [`${a[0]}px ${a[1]}px ${a[2]}px ${a[3]}px rgba(0,0,0,${Qw})`, `${a[4]}px ${a[5]}px ${a[6]}px ${a[7]}px rgba(0,0,0,${aM})`, `${a[8]}px ${a[9]}px ${a[10]}px ${a[11]}px rgba(0,0,0,${nM})`].join(",");
 }
-const eM = ["none", Bn(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), Bn(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), Bn(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), Bn(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), Bn(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), Bn(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), Bn(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), Bn(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), Bn(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), Bn(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), Bn(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), Bn(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), Bn(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), Bn(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), Bn(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), Bn(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), Bn(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), Bn(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), Bn(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), Bn(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), Bn(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), Bn(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), Bn(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), Bn(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], tM = ["duration", "easing", "delay"], sM = {
+const eM = ["none", In(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), In(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), In(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), In(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), In(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), In(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), In(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), In(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), In(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), In(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), In(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), In(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), In(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), In(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), In(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), In(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), In(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), In(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), In(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), In(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), In(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), In(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), In(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), In(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], tM = ["duration", "easing", "delay"], sM = {
   // This is the most common easing curve.
   easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
   // Objects enter the screen at full velocity from off-screen and
@@ -5913,16 +5913,16 @@ const sC = Ya("MuiButtonBase", ["root", "disabled", "focusVisible"]), oC = ["act
       W.current.pulsate(ha);
     })), T && T(ha), _ && ha.target === ha.currentTarget && en() && ha.key === " " && !ha.defaultPrevented && _(ha);
   });
-  let an = d;
-  an === "button" && (O.href || O.to) && (an = f);
+  let nn = d;
+  nn === "button" && (O.href || O.to) && (nn = f);
   const Sn = {};
-  an === "button" ? (Sn.type = sa === void 0 ? "button" : sa, Sn.disabled = y) : (!O.href && !O.to && (Sn.role = "button"), y && (Sn["aria-disabled"] = y));
+  nn === "button" ? (Sn.type = sa === void 0 ? "button" : sa, Sn.disabled = y) : (!O.href && !O.to && (Sn.role = "button"), y && (Sn["aria-disabled"] = y));
   const Rn = On(t, pa, oa);
   process.env.NODE_ENV !== "production" && v.useEffect(() => {
     la && !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(`
 `));
   }, [la]);
-  const jn = N({}, i, {
+  const Gn = N({}, i, {
     centerRipple: g,
     component: d,
     disabled: y,
@@ -5931,11 +5931,11 @@ const sC = Ya("MuiButtonBase", ["root", "disabled", "focusVisible"]), oC = ["act
     focusRipple: x,
     tabIndex: U,
     focusVisible: ia
-  }), za = iC(jn);
+  }), za = iC(Gn);
   return /* @__PURE__ */ dn(rC, N({
-    as: an,
+    as: nn,
     className: wa(za.root, m),
-    ownerState: jn,
+    ownerState: Gn,
     onBlur: Ga,
     onClick: _,
     onContextMenu: va,
@@ -6737,17 +6737,17 @@ function wC(a) {
       da = typeof Ba == "string" ? Ba : "";
     }
     Ga !== da && (fn(da), O && O(F, da, "reset"));
-  }, [ga, Ga, U, O, fn, m, ka]), [rn, an] = Is({
+  }, [ga, Ga, U, O, fn, m, ka]), [rn, nn] = Is({
     controlled: W,
     default: !1,
     name: y,
     state: "open"
-  }), [Sn, Rn] = v.useState(!0), jn = !U && ka != null && Ga === ga(ka), za = rn && !Q, ha = za ? w(
+  }), [Sn, Rn] = v.useState(!0), Gn = !U && ka != null && Ga === ga(ka), za = rn && !Q, ha = za ? w(
     R.filter((F) => !(P && (U ? ka : [ka]).some((E) => E !== null && ta(F, E)))),
     // we use the empty string to manipulate `filterOptions` to not filter any options
     // i.e. the filter predicate always returns true
     {
-      inputValue: jn && Sn ? "" : Ga,
+      inputValue: Gn && Sn ? "" : Ga,
       getOptionLabel: ga
     }
   ) : [], sn = hw({
@@ -6906,9 +6906,9 @@ function wC(a) {
     Fn();
   }, [Fn]);
   const le = (F) => {
-    rn || (an(!0), Rn(!0), oa && oa(F));
+    rn || (nn(!0), Rn(!0), oa && oa(F));
   }, _e = (F, E) => {
-    rn && (an(!1), X && X(F, E));
+    rn && (nn(!1), X && X(F, E));
   }, ye = (F, E, ya, da) => {
     if (U) {
       if (ka.length === E.length && ka.every((Ba, xa) => Ba === E[xa]))
@@ -7016,7 +7016,7 @@ function wC(a) {
             if (E.preventDefault(), da)
               return;
             Ue(E, ya, "selectOption"), i && la.current.setSelectionRange(la.current.value.length, la.current.value.length);
-          } else I && Ga !== "" && jn === !1 && (U && E.preventDefault(), Ue(E, Ga, "createOption", "freeSolo"));
+          } else I && Ga !== "" && Gn === !1 && (U && E.preventDefault(), Ue(E, Ga, "createOption", "freeSolo"));
           break;
         case "Escape":
           za ? (E.preventDefault(), E.stopPropagation(), _e(E, "escape")) : d && (Ga !== "" || U && ka.length > 0) && (E.preventDefault(), E.stopPropagation(), as(E));
@@ -7918,7 +7918,7 @@ function fA(a) {
       z[C] = ka, U[C] = ka - oa;
     }
     if (m) {
-      var un, Ga = C === "x" ? Ne : ve, fn = C === "x" ? ot : it, en = z[T], Za = T === "y" ? "height" : "width", gn = en + w[Ga], rn = en - w[fn], an = [Ne, ve].indexOf(P) !== -1, Sn = (un = ta == null ? void 0 : ta[T]) != null ? un : 0, Rn = an ? gn : en - j[Za] - Y[Za] - Sn + H.altAxis, jn = an ? en + j[Za] + Y[Za] - Sn - H.altAxis : rn, za = f && an ? XC(Rn, en, jn) : ui(f ? Rn : gn, en, f ? jn : rn);
+      var un, Ga = C === "x" ? Ne : ve, fn = C === "x" ? ot : it, en = z[T], Za = T === "y" ? "height" : "width", gn = en + w[Ga], rn = en - w[fn], nn = [Ne, ve].indexOf(P) !== -1, Sn = (un = ta == null ? void 0 : ta[T]) != null ? un : 0, Rn = nn ? gn : en - j[Za] - Y[Za] - Sn + H.altAxis, Gn = nn ? en + j[Za] + Y[Za] - Sn - H.altAxis : rn, za = f && nn ? XC(Rn, en, Gn) : ui(f ? Rn : gn, en, f ? Gn : rn);
       z[T] = za, U[T] = za - en;
     }
     n.modifiersData[i] = U;
@@ -9692,7 +9692,7 @@ const ze = Ya("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     size: K.size,
     startAdornment: R,
     type: Q
-  }), an = cP(rn), Sn = La.root || y.Root || jl, Rn = W.root || L.root || {}, jn = La.input || y.Input || zl;
+  }), nn = cP(rn), Sn = La.root || y.Root || jl, Rn = W.root || L.root || {}, Gn = La.input || y.Input || zl;
   return Za = N({}, Za, (i = W.input) != null ? i : L.input), /* @__PURE__ */ dn(v.Fragment, {
     children: [!f && dP, /* @__PURE__ */ dn(Sn, N({}, Rn, !ko(Sn) && {
       ownerState: N({}, rn, Rn.ownerState)
@@ -9700,10 +9700,10 @@ const ze = Ya("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
       ref: t,
       onClick: fn
     }, pa, {
-      className: wa(an.root, Rn.className, d, sa && "MuiInputBase-readOnly"),
+      className: wa(nn.root, Rn.className, d, sa && "MuiInputBase-readOnly"),
       children: [R, /* @__PURE__ */ Z(zi.Provider, {
         value: null,
-        children: /* @__PURE__ */ Z(jn, N({
+        children: /* @__PURE__ */ Z(Gn, N({
           ownerState: rn,
           "aria-invalid": K.error,
           "aria-describedby": g,
@@ -9722,12 +9722,12 @@ const ze = Ya("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
           onKeyDown: U,
           onKeyUp: na,
           type: Q
-        }, Za, !ko(jn) && {
+        }, Za, !ko(Gn) && {
           as: en,
           ownerState: N({}, rn, Za.ownerState)
         }, {
           ref: la,
-          className: wa(an.input, Za.className, sa && "MuiInputBase-readOnly"),
+          className: wa(nn.input, Za.className, sa && "MuiInputBase-readOnly"),
           onBlur: un,
           onChange: Ga,
           onFocus: ka
@@ -10404,10 +10404,10 @@ const pP = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
     getRootProps: Za,
     getInputProps: gn,
     getInputLabelProps: rn,
-    getPopupIndicatorProps: an,
+    getPopupIndicatorProps: nn,
     getClearProps: Sn,
     getTagProps: Rn,
-    getListboxProps: jn,
+    getListboxProps: Gn,
     getOptionProps: za,
     value: ha,
     dirty: sn,
@@ -10426,7 +10426,7 @@ const pP = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
     onMouseDown: Ee
   } = gn(), {
     ref: Ue
-  } = Ta ?? {}, Rt = jn(), {
+  } = Ta ?? {}, Rt = Gn(), {
     ref: qt
   } = Rt, as = Pa(Rt, TP), ns = On(qt, Ue), He = O || ((da) => {
     var Ba;
@@ -10572,7 +10572,7 @@ const pP = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
             }, St, {
               className: wa(wn.clearIndicator, St == null ? void 0 : St.className),
               children: S
-            })) : null, ye ? /* @__PURE__ */ Z(fP, N({}, an(), {
+            })) : null, ye ? /* @__PURE__ */ Z(fP, N({}, nn(), {
               disabled: j,
               "aria-label": $n ? I : la,
               title: $n ? I : la,
@@ -15800,19 +15800,19 @@ const Fj = (a) => {
     let un = ka.top - Sa.vertical, Ga = ka.left - Sa.horizontal;
     const fn = un + $.height, en = Ga + $.width, Za = hs(Hr(d)), gn = Za.innerHeight - w, rn = Za.innerWidth - w;
     if (w !== null && un < w) {
-      const an = un - w;
-      un -= an, Sa.vertical += an;
+      const nn = un - w;
+      un -= nn, Sa.vertical += nn;
     } else if (w !== null && fn > gn) {
-      const an = fn - gn;
-      un -= an, Sa.vertical += an;
+      const nn = fn - gn;
+      un -= nn, Sa.vertical += nn;
     }
     if (process.env.NODE_ENV !== "production" && $.height > gn && $.height && gn && console.error(["MUI: The popover component is too tall.", `Some part of it can not be seen on the screen (${$.height - gn}px).`, "Please consider adding a `max-height` to improve the user-experience."].join(`
 `)), w !== null && Ga < w) {
-      const an = Ga - w;
-      Ga -= an, Sa.horizontal += an;
+      const nn = Ga - w;
+      Ga -= nn, Sa.horizontal += nn;
     } else if (en > rn) {
-      const an = en - rn;
-      Ga -= an, Sa.horizontal += an;
+      const nn = en - rn;
+      Ga -= nn, Sa.horizontal += nn;
     }
     return {
       top: `${Math.round(un)}px`,
@@ -17146,10 +17146,10 @@ const Sz = (a) => {
   delete oa["aria-invalid"];
   let Za, gn;
   const rn = [];
-  let an = !1, Sn = !1;
+  let nn = !1, Sn = !1;
   (el({
     value: W
-  }) || f) && (U ? Za = U(W) : an = !0);
+  }) || f) && (U ? Za = U(W) : nn = !0);
   const Rn = Sa.map((fa) => {
     if (!/* @__PURE__ */ v.isValidElement(fa))
       return null;
@@ -17159,9 +17159,9 @@ const Sz = (a) => {
     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`." : Ks(2));
-      Ia = W.some((mn) => CL(mn, fa.props.value)), Ia && an && rn.push(fa.props.children);
+      Ia = W.some((mn) => CL(mn, fa.props.value)), Ia && nn && rn.push(fa.props.children);
     } else
-      Ia = CL(W, fa.props.value), Ia && an && (gn = fa.props.children);
+      Ia = CL(W, fa.props.value), Ia && nn && (gn = fa.props.children);
     return Ia && (Sn = !0), /* @__PURE__ */ v.cloneElement(fa, {
       "aria-selected": Ia ? "true" : "false",
       onClick: un(fa),
@@ -17182,9 +17182,9 @@ const Sz = (a) => {
       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((Ia) => Ia != null).map((Ia) => `\`${Ia}\``).join(", ") || '""'}.`].join(`
 `));
     }
-  }, [Sn, Sa, M, C, W]), an && (M ? rn.length === 0 ? Za = null : Za = rn.reduce((fa, Ia, mn) => (fa.push(Ia), mn < rn.length - 1 && fa.push(", "), fa), []) : Za = gn);
-  let jn = _a;
-  !m && ca && ia && (jn = va.clientWidth);
+  }, [Sn, Sa, M, C, W]), nn && (M ? rn.length === 0 ? Za = null : Za = rn.reduce((fa, Ia, mn) => (fa.push(Ia), mn < rn.length - 1 && fa.push(", "), fa), []) : Za = gn);
+  let Gn = _a;
+  !m && ca && ia && (Gn = va.clientWidth);
   let za;
   typeof X < "u" ? za = X : za = x ? null : 0;
   const ha = na.id || (C ? `mui-component-select-${C}` : void 0), sn = N({}, n, {
@@ -17260,7 +17260,7 @@ const Sz = (a) => {
       slotProps: N({}, I.slotProps, {
         paper: N({}, Dn, {
           style: N({
-            minWidth: jn
+            minWidth: Gn
           }, Dn != null ? Dn.style : null)
         })
       }),
@@ -17872,7 +17872,7 @@ const Pb = /* @__PURE__ */ v.forwardRef(function(n, t) {
     TransitionProps: Ca
   } = z, $ = Pa(z, Gz), Sa = /* @__PURE__ */ v.isValidElement(Y) ? Y : /* @__PURE__ */ Z("span", {
     children: Y
-  }), ka = Ci(), un = fh(), [Ga, fn] = v.useState(), [en, Za] = v.useState(null), gn = v.useRef(!1), rn = X || La, an = yo(), Sn = yo(), Rn = yo(), jn = yo(), [za, ha] = Is({
+  }), ka = Ci(), un = fh(), [Ga, fn] = v.useState(), [en, Za] = v.useState(null), gn = v.useRef(!1), rn = X || La, nn = yo(), Sn = yo(), Rn = yo(), Gn = yo(), [za, ha] = Is({
     controlled: ga,
     default: !1,
     name: "Tooltip",
@@ -17889,7 +17889,7 @@ const Pb = /* @__PURE__ */ v.forwardRef(function(n, t) {
     }, [va, Ga, xa]);
   }
   const Jn = Ao(R), Dn = v.useRef(), $n = Ke(() => {
-    Dn.current !== void 0 && (document.body.style.WebkitUserSelect = Dn.current, Dn.current = void 0), jn.clear();
+    Dn.current !== void 0 && (document.body.style.WebkitUserSelect = Dn.current, Dn.current = void 0), Gn.clear();
   });
   v.useEffect(() => $n, [$n]);
   const fa = (xa) => {
@@ -17901,7 +17901,7 @@ const Pb = /* @__PURE__ */ v.forwardRef(function(n, t) {
     (xa) => {
       AL.start(800 + Q, () => {
         Gr = !1;
-      }), ha(!1), pa && sn && pa(xa), an.start(ka.transitions.duration.shortest, () => {
+      }), ha(!1), pa && sn && pa(xa), nn.start(ka.transitions.duration.shortest, () => {
         gn.current = !1;
       });
     }
@@ -17927,7 +17927,7 @@ const Pb = /* @__PURE__ */ v.forwardRef(function(n, t) {
     const Oa = Sa.props;
     Oa.onTouchStart && Oa.onTouchStart(xa);
   }, as = (xa) => {
-    qt(xa), Rn.clear(), an.clear(), $n(), Dn.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", jn.start(W, () => {
+    qt(xa), Rn.clear(), nn.clear(), $n(), Dn.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", Gn.start(W, () => {
       document.body.style.WebkitUserSelect = Dn.current, mn(xa);
     });
   }, ns = (xa) => {
@@ -103713,7 +103713,7 @@ ol.exports;
       ["partial", T],
       ["partialRight", z],
       ["rearg", Y]
-    ], ga = "[object Arguments]", ca = "[object Array]", _a = "[object AsyncFunction]", la = "[object Boolean]", ma = "[object Date]", Ma = "[object DOMException]", va = "[object Error]", K = "[object Function]", Ca = "[object GeneratorFunction]", $ = "[object Map]", Sa = "[object Number]", ka = "[object Null]", un = "[object Object]", Ga = "[object Promise]", fn = "[object Proxy]", en = "[object RegExp]", Za = "[object Set]", gn = "[object String]", rn = "[object Symbol]", an = "[object Undefined]", Sn = "[object WeakMap]", Rn = "[object WeakSet]", jn = "[object ArrayBuffer]", za = "[object DataView]", ha = "[object Float32Array]", sn = "[object Float64Array]", Jn = "[object Int8Array]", Dn = "[object Int16Array]", $n = "[object Int32Array]", fa = "[object Uint8Array]", Ia = "[object Uint8ClampedArray]", mn = "[object Uint16Array]", Fn = "[object Uint32Array]", lt = /\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, Us = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, He = /^\w*$/, Vn = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, wn = /[\\^$.*+?()[\]{}|]/g, te = RegExp(wn.source), Qn = /^\s+/, gt = /\s/, ks = /\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/, ut = /\{\n\/\* \[wrapped with (.+)\] \*/, vt = /,? & /, St = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g, Oe = /[()=,{}\[\]\/\s]/, mt = /\\(\\)?/g, F = /\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g, E = /\w*$/, ya = /^[-+]0x[0-9a-f]+$/i, da = /^0b[01]+$/i, Ba = /^\[object .+?Constructor\]$/, xa = /^0o[0-7]+$/i, Oa = /^(?:0|[1-9]\d*)$/, se = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, ct = /($^)/, ip = /['\n\r\u2028\u2029\\]/g, Bi = "\\ud800-\\udfff", rp = "\\u0300-\\u036f", lp = "\\ufe20-\\ufe2f", gp = "\\u20d0-\\u20ff", Dm = rp + lp + gp, Km = "\\u2700-\\u27bf", Rm = "a-z\\xdf-\\xf6\\xf8-\\xff", up = "\\xac\\xb1\\xd7\\xf7", mp = "\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf", cp = "\\u2000-\\u206f", dp = " \\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", qm = "A-Z\\xc0-\\xd6\\xd8-\\xde", Zm = "\\ufe0e\\ufe0f", Em = up + mp + cp + dp, Zl = "['’]", yp = "[" + Bi + "]", Um = "[" + Em + "]", Di = "[" + Dm + "]", Hm = "\\d+", Lp = "[" + Km + "]", Om = "[" + Rm + "]", Wm = "[^" + Bi + Em + Hm + Km + Rm + qm + "]", El = "\\ud83c[\\udffb-\\udfff]", hp = "(?:" + Di + "|" + El + ")", Ym = "[^" + Bi + "]", Ul = "(?:\\ud83c[\\udde6-\\uddff]){2}", Hl = "[\\ud800-\\udbff][\\udc00-\\udfff]", Hs = "[" + qm + "]", Fm = "\\u200d", Vm = "(?:" + Om + "|" + Wm + ")", bp = "(?:" + Hs + "|" + Wm + ")", Xm = "(?:" + Zl + "(?:d|ll|m|re|s|t|ve))?", Jm = "(?:" + Zl + "(?:D|LL|M|RE|S|T|VE))?", $m = hp + "?", Qm = "[" + Zm + "]?", pp = "(?:" + Fm + "(?:" + [Ym, Ul, Hl].join("|") + ")" + Qm + $m + ")*", Tp = "\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])", xp = "\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])", ac = Qm + $m + pp, kp = "(?:" + [Lp, Ul, Hl].join("|") + ")" + ac, Np = "(?:" + [Ym + Di + "?", Di, Ul, Hl, yp].join("|") + ")", vp = RegExp(Zl, "g"), Sp = RegExp(Di, "g"), Ol = RegExp(El + "(?=" + El + ")|" + Np + ac, "g"), _p = RegExp([
+    ], ga = "[object Arguments]", ca = "[object Array]", _a = "[object AsyncFunction]", la = "[object Boolean]", ma = "[object Date]", Ma = "[object DOMException]", va = "[object Error]", K = "[object Function]", Ca = "[object GeneratorFunction]", $ = "[object Map]", Sa = "[object Number]", ka = "[object Null]", un = "[object Object]", Ga = "[object Promise]", fn = "[object Proxy]", en = "[object RegExp]", Za = "[object Set]", gn = "[object String]", rn = "[object Symbol]", nn = "[object Undefined]", Sn = "[object WeakMap]", Rn = "[object WeakSet]", Gn = "[object ArrayBuffer]", za = "[object DataView]", ha = "[object Float32Array]", sn = "[object Float64Array]", Jn = "[object Int8Array]", Dn = "[object Int16Array]", $n = "[object Int32Array]", fa = "[object Uint8Array]", Ia = "[object Uint8ClampedArray]", mn = "[object Uint16Array]", Fn = "[object Uint32Array]", lt = /\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, Us = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, He = /^\w*$/, Vn = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, wn = /[\\^$.*+?()[\]{}|]/g, te = RegExp(wn.source), Qn = /^\s+/, gt = /\s/, ks = /\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/, ut = /\{\n\/\* \[wrapped with (.+)\] \*/, vt = /,? & /, St = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g, Oe = /[()=,{}\[\]\/\s]/, mt = /\\(\\)?/g, F = /\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g, E = /\w*$/, ya = /^[-+]0x[0-9a-f]+$/i, da = /^0b[01]+$/i, Ba = /^\[object .+?Constructor\]$/, xa = /^0o[0-7]+$/i, Oa = /^(?:0|[1-9]\d*)$/, se = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, ct = /($^)/, ip = /['\n\r\u2028\u2029\\]/g, Bi = "\\ud800-\\udfff", rp = "\\u0300-\\u036f", lp = "\\ufe20-\\ufe2f", gp = "\\u20d0-\\u20ff", Dm = rp + lp + gp, Km = "\\u2700-\\u27bf", Rm = "a-z\\xdf-\\xf6\\xf8-\\xff", up = "\\xac\\xb1\\xd7\\xf7", mp = "\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf", cp = "\\u2000-\\u206f", dp = " \\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", qm = "A-Z\\xc0-\\xd6\\xd8-\\xde", Zm = "\\ufe0e\\ufe0f", Em = up + mp + cp + dp, Zl = "['’]", yp = "[" + Bi + "]", Um = "[" + Em + "]", Di = "[" + Dm + "]", Hm = "\\d+", Lp = "[" + Km + "]", Om = "[" + Rm + "]", Wm = "[^" + Bi + Em + Hm + Km + Rm + qm + "]", El = "\\ud83c[\\udffb-\\udfff]", hp = "(?:" + Di + "|" + El + ")", Ym = "[^" + Bi + "]", Ul = "(?:\\ud83c[\\udde6-\\uddff]){2}", Hl = "[\\ud800-\\udbff][\\udc00-\\udfff]", Hs = "[" + qm + "]", Fm = "\\u200d", Vm = "(?:" + Om + "|" + Wm + ")", bp = "(?:" + Hs + "|" + Wm + ")", Xm = "(?:" + Zl + "(?:d|ll|m|re|s|t|ve))?", Jm = "(?:" + Zl + "(?:D|LL|M|RE|S|T|VE))?", $m = hp + "?", Qm = "[" + Zm + "]?", pp = "(?:" + Fm + "(?:" + [Ym, Ul, Hl].join("|") + ")" + Qm + $m + ")*", Tp = "\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])", xp = "\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])", ac = Qm + $m + pp, kp = "(?:" + [Lp, Ul, Hl].join("|") + ")" + ac, Np = "(?:" + [Ym + Di + "?", Di, Ul, Hl, yp].join("|") + ")", vp = RegExp(Zl, "g"), Sp = RegExp(Di, "g"), Ol = RegExp(El + "(?=" + El + ")|" + Np + ac, "g"), _p = RegExp([
       Hs + "?" + Om + "+" + Xm + "(?=" + [Um, Hs, "$"].join("|") + ")",
       bp + "+" + Jm + "(?=" + [Um, Hs + Vm, "$"].join("|") + ")",
       Hs + "?" + Vm + "+" + Xm,
@@ -103753,10 +103753,10 @@ ol.exports;
       "isFinite",
       "parseInt",
       "setTimeout"
-    ], Cp = -1, zn = {};
-    zn[ha] = zn[sn] = zn[Jn] = zn[Dn] = zn[$n] = zn[fa] = zn[Ia] = zn[mn] = zn[Fn] = !0, zn[ga] = zn[ca] = zn[jn] = zn[la] = zn[za] = zn[ma] = zn[va] = zn[K] = zn[$] = zn[Sa] = zn[un] = zn[en] = zn[Za] = zn[gn] = zn[Sn] = !1;
+    ], Cp = -1, jn = {};
+    jn[ha] = jn[sn] = jn[Jn] = jn[Dn] = jn[$n] = jn[fa] = jn[Ia] = jn[mn] = jn[Fn] = !0, jn[ga] = jn[ca] = jn[Gn] = jn[la] = jn[za] = jn[ma] = jn[va] = jn[K] = jn[$] = jn[Sa] = jn[un] = jn[en] = jn[Za] = jn[gn] = jn[Sn] = !1;
     var An = {};
-    An[ga] = An[ca] = An[jn] = An[za] = An[la] = An[ma] = An[ha] = An[sn] = An[Jn] = An[Dn] = An[$n] = An[$] = An[Sa] = An[un] = An[en] = An[Za] = An[gn] = An[rn] = An[fa] = An[Ia] = An[mn] = An[Fn] = !0, An[va] = An[K] = An[Sn] = !1;
+    An[ga] = An[ca] = An[Gn] = An[za] = An[la] = An[ma] = An[ha] = An[sn] = An[Jn] = An[Dn] = An[$n] = An[$] = An[Sa] = An[un] = An[en] = An[Za] = An[gn] = An[rn] = An[fa] = An[Ia] = An[mn] = An[Fn] = !0, An[va] = An[K] = An[Sn] = !1;
     var Ap = {
       // Latin-1 Supplement block.
       À: "A",
@@ -104029,7 +104029,7 @@ ol.exports;
           return !0;
       return !1;
     }
-    function In(B, V) {
+    function zn(B, V) {
       for (var q = -1, Aa = B == null ? 0 : B.length, Ua = Array(Aa); ++q < Aa; )
         Ua[q] = V(B[q], q, B);
       return Ua;
@@ -104127,7 +104127,7 @@ ol.exports;
       return Aa;
     }
     function Op(B, V) {
-      return In(V, function(q) {
+      return zn(V, function(q) {
         return [q, B[q]];
       });
     }
@@ -104140,7 +104140,7 @@ ol.exports;
       };
     }
     function ng(B, V) {
-      return In(V, function(q) {
+      return zn(V, function(q) {
         return B[q];
       });
     }
@@ -104623,7 +104623,7 @@ ol.exports;
         var h = -1, k = Ki, A = !0, G = e.length, D = [], aa = s.length;
         if (!G)
           return D;
-        l && (s = In(s, we(l))), c ? (k = Fl, A = !1) : s.length >= r && (k = Bo, A = !1, s = new _s(s));
+        l && (s = zn(s, we(l))), c ? (k = Fl, A = !1) : s.length >= r && (k = Bo, A = !1, s = new _s(s));
         a:
           for (; ++h < G; ) {
             var ea = e[h], ra = l == null ? ea : l(ea);
@@ -104694,7 +104694,7 @@ ol.exports;
         return Ha(e) ? c : ts(c, l(e));
       }
       function Le(e) {
-        return e == null ? e === t ? an : ka : vs && vs in Mn(e) ? qx(e) : Qx(e);
+        return e == null ? e === t ? nn : ka : vs && vs in Mn(e) ? qx(e) : Qx(e);
       }
       function mg(e, s) {
         return e > s;
@@ -104711,7 +104711,7 @@ ol.exports;
       function cg(e, s, l) {
         for (var c = l ? Fl : Ki, h = e[0].length, k = e.length, A = k, G = q(k), D = 1 / 0, aa = []; A--; ) {
           var ea = e[A];
-          A && s && (ea = In(ea, we(s))), D = ge(ea.length, D), G[A] = !l && (s || h >= 120 && ea.length >= 120) ? new _s(A && ea) : t;
+          A && s && (ea = zn(ea, we(s))), D = ge(ea.length, D), G[A] = !l && (s || h >= 120 && ea.length >= 120) ? new _s(A && ea) : t;
         }
         ea = e[0];
         var ra = -1, Na = G[0];
@@ -104743,7 +104743,7 @@ ol.exports;
         return qn(e) && Le(e) == ga;
       }
       function gx(e) {
-        return qn(e) && Le(e) == jn;
+        return qn(e) && Le(e) == Gn;
       }
       function ux(e) {
         return qn(e) && Le(e) == ma;
@@ -104812,7 +104812,7 @@ ol.exports;
         return qn(e) && ue(e) == Za;
       }
       function Lx(e) {
-        return qn(e) && xr(e.length) && !!zn[Le(e)];
+        return qn(e) && xr(e.length) && !!jn[Le(e)];
       }
       function Kc(e) {
         return typeof e == "function" ? e : e == null ? ke : typeof e == "object" ? Ha(e) ? Zc(e[0], e[1]) : qc(e) : iy(e);
@@ -104883,15 +104883,15 @@ ol.exports;
           return s += s < 0 ? l : 0, Wt(s, l) ? e[s] : t;
       }
       function Uc(e, s, l) {
-        s.length ? s = In(s, function(k) {
+        s.length ? s = zn(s, function(k) {
           return Ha(k) ? function(A) {
             return ws(A, k.length === 1 ? k[0] : k);
           } : k;
         }) : s = [ke];
         var c = -1;
-        s = In(s, we(Da()));
+        s = zn(s, we(Da()));
         var h = Rc(e, function(k, A, G) {
-          var D = In(s, function(aa) {
+          var D = zn(s, function(aa) {
             return aa(k);
           });
           return { criteria: D, index: ++c, value: k };
@@ -104919,7 +104919,7 @@ ol.exports;
       }
       function hg(e, s, l, c) {
         var h = c ? Up : Os, k = -1, A = s.length, G = e;
-        for (e === s && (s = pe(s)), l && (G = In(e, we(l))); ++k < A; )
+        for (e === s && (s = pe(s)), l && (G = zn(e, we(l))); ++k < A; )
           for (var D = 0, aa = s[k], ea = l ? l(aa) : aa; (D = h(G, ea, D, c)) > -1; )
             G !== e && Fi.call(G, D, 1), Fi.call(e, D, 1);
         return e;
@@ -105045,7 +105045,7 @@ ol.exports;
         if (typeof e == "string")
           return e;
         if (Ha(e))
-          return In(e, Me) + "";
+          return zn(e, Me) + "";
         if (Ce(e))
           return fc ? fc.call(e) : "";
         var s = e + "";
@@ -105401,7 +105401,7 @@ ol.exports;
       }
       function _g(e) {
         return Ot(function(s) {
-          return s = In(s, we(Da())), Qa(function(l) {
+          return s = zn(s, we(Da())), Qa(function(l) {
             var c = this;
             return e(s, function(h) {
               return fe(h, c, l);
@@ -105549,7 +105549,7 @@ ol.exports;
             if (e.byteLength != s.byteLength || e.byteOffset != s.byteOffset)
               return !1;
             e = e.buffer, s = s.buffer;
-          case jn:
+          case Gn:
             return !(e.byteLength != s.byteLength || !k(new Wi(e), new Wi(s)));
           case la:
           case ma:
@@ -105732,7 +105732,7 @@ ol.exports;
       function Hx(e, s, l) {
         var c = e.constructor;
         switch (s) {
-          case jn:
+          case Gn:
             return Sg(e);
           case la:
           case ma:
@@ -106034,13 +106034,13 @@ ol.exports;
         return s ? Je(e, 0, -1) : [];
       }
       var pk = Qa(function(e) {
-        var s = In(e, Ng);
+        var s = zn(e, Ng);
         return s.length && s[0] === e[0] ? cg(s) : [];
       }), Tk = Qa(function(e) {
-        var s = $e(e), l = In(e, Ng);
+        var s = $e(e), l = zn(e, Ng);
         return s === $e(l) ? s = t : l.pop(), l.length && l[0] === e[0] ? cg(l, Da(s, 2)) : [];
       }), xk = Qa(function(e) {
-        var s = $e(e), l = In(e, Ng);
+        var s = $e(e), l = zn(e, Ng);
         return s = typeof s == "function" ? s : t, s && l.pop(), l.length && l[0] === e[0] ? cg(l, t, s) : [];
       });
       function kk(e, s) {
@@ -106072,7 +106072,7 @@ ol.exports;
       }
       var wk = Ot(function(e, s) {
         var l = e == null ? 0 : e.length, c = lg(e, s);
-        return Oc(e, In(s, function(h) {
+        return Oc(e, zn(s, function(h) {
           return Wt(h, l) ? +h : h;
         }).sort(nd)), c;
       });
@@ -106173,14 +106173,14 @@ ol.exports;
           if (Un(l))
             return s = ne(l.length, s), !0;
         }), ag(s, function(l) {
-          return In(e, Jl(l));
+          return zn(e, Jl(l));
         });
       }
       function jd(e, s) {
         if (!(e && e.length))
           return [];
         var l = Dg(e);
-        return s == null ? l : In(l, function(c) {
+        return s == null ? l : zn(l, function(c) {
           return fe(s, t, c);
         });
       }
@@ -106311,7 +106311,7 @@ ol.exports;
         Ut(e, l, s);
       });
       function hr(e, s) {
-        var l = Ha(e) ? In : Rc;
+        var l = Ha(e) ? zn : Rc;
         return l(e, Da(s, 3));
       }
       function SN(e, s, l, c) {
@@ -106501,7 +106501,7 @@ ol.exports;
         return Kd(2, e);
       }
       var qN = fx(function(e, s) {
-        s = s.length == 1 && Ha(s[0]) ? In(s[0], we(Da())) : In(ie(s, 1), we(Da()));
+        s = s.length == 1 && Ha(s[0]) ? zn(s[0], we(Da())) : zn(ie(s, 1), we(Da()));
         var l = s.length;
         return Qa(function(c) {
           for (var h = -1, k = ge(c.length, l); ++h < k; )
@@ -106844,7 +106844,7 @@ ol.exports;
         if (e == null)
           return l;
         var c = !1;
-        s = In(s, function(k) {
+        s = zn(s, function(k) {
           return k = ls(k, e), c || (c = k.length > 1), k;
         }), ft(e, Mg(e), l), c && (l = Xe(l, b | x | f, Dx));
         for (var h = s.length; h--; )
@@ -106860,7 +106860,7 @@ ol.exports;
       function Qd(e, s) {
         if (e == null)
           return {};
-        var l = In(Mg(e), function(c) {
+        var l = zn(Mg(e), function(c) {
           return [c];
         });
         return s = Da(s), Hc(e, l, function(c, h) {
@@ -107117,7 +107117,7 @@ function print() { __p += __j.call(arguments, '') }
       });
       function AS(e) {
         var s = e == null ? 0 : e.length, l = Da();
-        return e = s ? In(e, function(c) {
+        return e = s ? zn(e, function(c) {
           if (typeof c[1] != "function")
             throw new Fe(u);
           return [l(c[0]), c[1]];
@@ -107188,7 +107188,7 @@ function print() { __p += __j.call(arguments, '') }
           return Ec(s, e);
         });
       }
-      var ZS = _g(In), ES = _g(gc), US = _g(Xl);
+      var ZS = _g(zn), ES = _g(gc), US = _g(Xl);
       function iy(e) {
         return Gg(e) ? Jl(wt(e)) : Tx(e);
       }
@@ -107223,7 +107223,7 @@ function print() { __p += __j.call(arguments, '') }
         return h;
       }
       function JS(e) {
-        return Ha(e) ? In(e, wt) : Ce(e) ? [e] : pe(fd(bn(e)));
+        return Ha(e) ? zn(e, wt) : Ce(e) ? [e] : pe(fd(bn(e)));
       }
       function $S(e) {
         var s = ++gT;
@@ -306151,24 +306151,24 @@ function VI() {
     code: a.code
   }));
 }
-const Gn = {
+const Bn = {
   white: "#FFFFFF",
   blues: ["#BFDFFC", "#E5F2FE", "#1F49A3"],
   greys: ["#F9F9F9", "#DADADA", "#B5B5B5", "#5E6366"]
 }, Vb = (a) => {
-  const n = a.isSelected ? a.backgroundColorWhenSelected || Gn.white : a.backgroundColorWhenNotSelected || Gn.white;
-  return /* @__PURE__ */ nn(gb, { onClick: a.onClick || (() => {
-  }), children: /* @__PURE__ */ nn(
+  const n = a.isSelected ? a.backgroundColorWhenSelected || Bn.white : a.backgroundColorWhenNotSelected || Bn.white;
+  return /* @__PURE__ */ an(gb, { onClick: a.onClick || (() => {
+  }), children: /* @__PURE__ */ an(
     lb,
     {
       variant: "outlined",
       css: qa`
           position: relative; // so children can be positioned absolutely
-          box-shadow: ${Gn.greys[2]} 0px 3px 5px;
+          box-shadow: ${Bn.greys[2]} 0px 3px 5px;
           background-color: ${n};
         `,
       className: a.className,
-      children: /* @__PURE__ */ nn(
+      children: /* @__PURE__ */ an(
         ub,
         {
           css: qa`
@@ -306203,8 +306203,8 @@ const si = ({ children: a, ...n }) => {
   var i;
   const t = {
     ...n,
-    backgroundColorWhenNotSelected: Gn.white,
-    backgroundColorWhenSelected: Gn.blues[0]
+    backgroundColorWhenNotSelected: Bn.white,
+    backgroundColorWhenSelected: Bn.blues[0]
   };
   return /* @__PURE__ */ je(Vb, { ...t, children: [
     /* @__PURE__ */ je(
@@ -306213,11 +306213,12 @@ const si = ({ children: a, ...n }) => {
         css: qa`
           display: flex;
           flex-direction: row;
+          flex-wrap: wrap;
           gap: 20px;
           align-items: flex-end;
         `,
         children: [
-          /* @__PURE__ */ nn(
+          /* @__PURE__ */ an(
             si,
             {
               variant: "h2",
@@ -306227,7 +306228,7 @@ const si = ({ children: a, ...n }) => {
               children: a.autonym || a.exonym
             }
           ),
-          a.autonym && /* @__PURE__ */ nn(
+          a.autonym && /* @__PURE__ */ an(
             si,
             {
               variant: "h2",
@@ -306237,13 +306238,13 @@ const si = ({ children: a, ...n }) => {
               children: a.exonym
             }
           ),
-          /* @__PURE__ */ nn(
+          /* @__PURE__ */ an(
             si,
             {
               variant: "body2",
               css: qa`
             flex-grow: 0;
-            color: ${Gn.greys[3]};
+            color: ${Bn.greys[3]};
           `,
               children: a.languageSubtag
             }
@@ -306251,7 +306252,7 @@ const si = ({ children: a, ...n }) => {
         ]
       }
     ),
-    ((i = a.regionNames) == null ? void 0 : i.length) > 0 && /* @__PURE__ */ nn(
+    ((i = a.regionNames) == null ? void 0 : i.length) > 0 && /* @__PURE__ */ an(
       si,
       {
         variant: "subtitle1",
@@ -306263,18 +306264,18 @@ const si = ({ children: a, ...n }) => {
             -webkit-line-clamp: 2;
             -webkit-box-orient: vertical;
             overflow: hidden;
-            color: ${Gn.greys[3]};
+            color: ${Bn.greys[3]};
           `,
         children: `A language of ${a.regionNames}`
       }
     ),
-    a.names.length > 0 && /* @__PURE__ */ nn(
+    a.names.length > 0 && /* @__PURE__ */ an(
       si,
       {
         variant: "subtitle1",
         css: qa`
             text-wrap: balance;
-            color: ${Gn.greys[3]};
+            color: ${Bn.greys[3]};
           `,
         children: a.names.join(", ")
       }
@@ -306283,17 +306284,17 @@ const si = ({ children: a, ...n }) => {
 }), $I = ({ scriptData: a, ...n }) => {
   const t = {
     ...n,
-    backgroundColorWhenNotSelected: Gn.white,
-    backgroundColorWhenSelected: Gn.blues[1]
+    backgroundColorWhenNotSelected: Bn.white,
+    backgroundColorWhenSelected: Bn.blues[1]
   };
   return /* @__PURE__ */ je(Vb, { ...t, children: [
-    /* @__PURE__ */ nn(ce, { variant: "h2", children: a.name }),
-    /* @__PURE__ */ nn(
+    /* @__PURE__ */ an(ce, { variant: "h2", children: a.name }),
+    /* @__PURE__ */ an(
       ce,
       {
         variant: "subtitle1",
         css: qa`
-          color: ${Gn.greys[3]};
+          color: ${Bn.greys[3]};
         `,
         children: "TODO sample text here"
       }
@@ -306396,7 +306397,7 @@ const rB = ({
     variant: "outlined",
     color: "primary",
     css: qa`
-        border: 1.5px solid ${Gn.blues[2]};
+        border: 1.5px solid ${Bn.blues[2]};
         box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
         display: flex;
         flex-direction: column;
@@ -306411,12 +306412,12 @@ const rB = ({
         {
           css: qa`
           text-transform: uppercase;
-          color: ${Gn.blues[2]};
+          color: ${Bn.blues[2]};
           font-weight: bold;
           display: flex; // for the icon
         `,
           children: [
-            !n && /* @__PURE__ */ nn(
+            !n && /* @__PURE__ */ an(
               Jb,
               {
                 css: qa`
@@ -306438,26 +306439,26 @@ const rB = ({
           justify-content: space-between;
         `,
           children: [
-            /* @__PURE__ */ nn(
+            /* @__PURE__ */ an(
               ce,
               {
                 variant: "body2",
                 css: qa`
             text-align: left;
-            color: ${Gn.greys[3]};
+            color: ${Bn.greys[3]};
           `,
                 children: a
               }
             ),
-            /* @__PURE__ */ nn(
+            /* @__PURE__ */ an(
               Pb,
               {
                 title: n ? "If you cannot find a language and it does not appear in ethnologue.com, you can instead define the language here." : "If you found main the language but need to change some of the specifics like Script or Dialect, you can do that here.",
-                children: /* @__PURE__ */ nn(
+                children: /* @__PURE__ */ an(
                   $b,
                   {
                     css: qa`
-              color: ${Gn.greys[3]};
+              color: ${Bn.greys[3]};
               margin-left: 10px;
             `
                   }
@@ -306474,7 +306475,7 @@ const rB = ({
     ce,
     {
       css: qa`
-            color: ${Gn.greys[3]};
+            color: ${Bn.greys[3]};
             font-weight: bold;
             margin-bottom: 5px;
           `,
@@ -306555,7 +306556,7 @@ const uB = (a) => {
               ce,
               {
                 css: qa`
-                  color: ${Gn.greys[3]};
+                  color: ${Bn.greys[3]};
                   font-weight: bold;
                   margin-bottom: 5px;
                 `,
@@ -306579,7 +306580,7 @@ const uB = (a) => {
               ce,
               {
                 css: qa`
-                  color: ${Gn.greys[3]};
+                  color: ${Bn.greys[3]};
                   font-weight: bold;
                   margin-bottom: 5px;
                 `,
@@ -307000,7 +307001,7 @@ const GB = (a) => {
   }, m = zh({
     palette: {
       primary: {
-        main: Gn.blues[2]
+        main: Bn.blues[2]
       }
     },
     typography: {
@@ -307012,7 +307013,7 @@ const GB = (a) => {
         letterSpacing: "0.0075em"
       },
       h2: {
-        // Used for the primary langauge and script name(s)
+        // Used for the primary language and script name(s)
         fontSize: "1rem",
         fontWeight: 400,
         lineHeight: 1.5,
@@ -307033,36 +307034,33 @@ const GB = (a) => {
       }
     }
   }), d = "100px";
-  return /* @__PURE__ */ nn(h3, { theme: m, children: /* @__PURE__ */ je(
+  return /* @__PURE__ */ an(h3, { theme: m, children: /* @__PURE__ */ je(
     "div",
     {
       id: "lang-chooser",
       css: qa`
-          width: 979px;
-          // TODO (currently working on it) make it shrink if the screen is too small
-          // max-width: 979px;
-          // width: 100%;
-          height: 586px;
+          width: 100%;
+          height: 100%;
           display: flex;
           flex-direction: column;
           border-radius: 5px;
           position: relative;
           margin-left: auto;
           margin-right: auto;
-          overflow: hidden;
+          overflow: scroll;
         `,
       children: [
-        /* @__PURE__ */ nn(
+        /* @__PURE__ */ an(
           Eh,
           {
             position: "static",
             css: qa`
             background-color: white;
             box-shadow: none;
-            border-bottom: 2px solid ${Gn.greys[1]};
+            border-bottom: 2px solid ${Bn.greys[1]};
             flex-grow: 0;
           `,
-            children: /* @__PURE__ */ nn(
+            children: /* @__PURE__ */ an(
               Gb,
               {
                 disableGutters: !0,
@@ -307071,7 +307069,7 @@ const GB = (a) => {
               padding-top: 5px;
               padding-left: 15px;
             `,
-                children: /* @__PURE__ */ nn(
+                children: /* @__PURE__ */ an(
                   ce,
                   {
                     variant: "h1",
@@ -307101,19 +307099,19 @@ const GB = (a) => {
                   id: "left-pane",
                   css: qa`
               flex-grow: 1;
-              height: 100%;
+              // height: 100%;
               position: relative;
               display: flex; // to make the language list overflow scroll work
               flex-direction: column;
               padding: 10px 20px 20px 20px;
-              background-color: ${Gn.greys[0]};
+              background-color: ${Bn.greys[0]};
             `,
                   children: [
-                    /* @__PURE__ */ nn("label", { htmlFor: "search-bar", children: /* @__PURE__ */ nn(
+                    /* @__PURE__ */ an("label", { htmlFor: "search-bar", children: /* @__PURE__ */ an(
                       ce,
                       {
                         css: qa`
-                  color: ${Gn.greys[3]};
+                  color: ${Bn.greys[3]};
                   font-weight: bold;
                   font-size: 0.875rem; // 14px
                   letter-spacing: normal;
@@ -307122,7 +307120,7 @@ const GB = (a) => {
                         children: "Search by name, code, or country"
                       }
                     ) }),
-                    /* @__PURE__ */ nn(
+                    /* @__PURE__ */ an(
                       wo,
                       {
                         type: "text",
@@ -307134,29 +307132,27 @@ const GB = (a) => {
                 width: 100%;
                 min-width: 100px;
                 max-width: 436px;
-                // TODO (currently working on it) border interferes with the focus indicator outline
-                // border: 1px solid ${Gn.greys[3]};
               `,
                         size: "small",
-                        startAdornment: /* @__PURE__ */ nn(
+                        startAdornment: /* @__PURE__ */ an(
                           pb,
                           {
                             position: "start",
                             css: qa`
                     margin-left: 0;
-                    color: ${Gn.greys[2]};
+                    color: ${Bn.greys[2]};
                   `,
-                            children: /* @__PURE__ */ nn(Nm, { component: jb })
+                            children: /* @__PURE__ */ an(Nm, { component: jb })
                           }
                         ),
-                        endAdornment: /* @__PURE__ */ nn(
+                        endAdornment: /* @__PURE__ */ an(
                           Ml,
                           {
                             onClick: u,
                             css: qa`
                     margin-right: 0;
                   `,
-                            children: /* @__PURE__ */ nn(zb, {})
+                            children: /* @__PURE__ */ an(zb, {})
                           }
                         ),
                         id: "search-bar",
@@ -307168,7 +307164,7 @@ const GB = (a) => {
                         }
                       }
                     ),
-                    /* @__PURE__ */ nn(
+                    /* @__PURE__ */ an(
                       "div",
                       {
                         id: "language-card-list",
@@ -307190,7 +307186,7 @@ const GB = (a) => {
                               height: d,
                               overflow: !0,
                               children: [
-                                /* @__PURE__ */ nn(
+                                /* @__PURE__ */ an(
                                   JI,
                                   {
                                     css: qa`
@@ -307210,7 +307206,7 @@ const GB = (a) => {
                                 To(
                                   S.iso639_3_code,
                                   (P = n.selectedLanguage) == null ? void 0 : P.iso639_3_code
-                                ) && S.scripts.length > 1 && /* @__PURE__ */ nn(
+                                ) && S.scripts.length > 1 && /* @__PURE__ */ an(
                                   vm,
                                   {
                                     css: qa`
@@ -307223,14 +307219,14 @@ const GB = (a) => {
                           `,
                                     children: S.scripts.map((I) => {
                                       var M;
-                                      return /* @__PURE__ */ nn(
+                                      return /* @__PURE__ */ an(
                                         xb,
                                         {
                                           css: qa`
                                   padding: 5px 10px;
                                   width: fit-content;
                                 `,
-                                          children: /* @__PURE__ */ nn(
+                                          children: /* @__PURE__ */ an(
                                             $I,
                                             {
                                               css: qa`
@@ -307257,19 +307253,18 @@ const GB = (a) => {
                         })
                       }
                     ),
-                    /* @__PURE__ */ nn(
+                    /* @__PURE__ */ an("div", { id: "bottom-of-left-pane", children: /* @__PURE__ */ an(
                       rB,
                       {
                         currentTagPreview: r,
                         forUnlistedLanguage: !n.selectedLanguage || Xb(n.selectedLanguage),
                         css: qa`
-                // TODO (currently working on it) I would like to make this a fixed width, but need make it still shrink if the screen is too small
-                width: fit-content;
-                margin-top: 10px;
-              `,
+                  min-width: 60%;
+                  margin-top: 10px;
+                `,
                         onClick: () => i(!0)
                       }
-                    )
+                    ) })
                   ]
                 }
               ),
@@ -307288,7 +307283,7 @@ const GB = (a) => {
             `,
                   children: [
                     n.selectedLanguage && /* @__PURE__ */ je("div", { id: "right-pane-language-details=section", children: [
-                      /* @__PURE__ */ nn("label", { htmlFor: "language-name-bar", children: /* @__PURE__ */ nn(
+                      /* @__PURE__ */ an("label", { htmlFor: "language-name-bar", children: /* @__PURE__ */ an(
                         ce,
                         {
                           css: qa`
@@ -307298,7 +307293,7 @@ const GB = (a) => {
                           children: "Display this language this way"
                         }
                       ) }),
-                      /* @__PURE__ */ nn(
+                      /* @__PURE__ */ an(
                         wo,
                         {
                           type: "text",
@@ -307306,9 +307301,6 @@ const GB = (a) => {
                     background-color: white;
                     margin-right: 16px;
                     margin-bottom: 10px;
-                    // TODO (currently working on it) border interferes with the focus indicator outline
-                    // border: 2px solid ${Gn.blues[2]};
-                    // border-radius: 0;
                     font-size: 1.625rem; // 26px
                     font-weight: 700;
                   `,
@@ -307327,12 +307319,12 @@ const GB = (a) => {
                           }
                         }
                       ),
-                      /* @__PURE__ */ nn(
+                      /* @__PURE__ */ an(
                         ce,
                         {
                           variant: "body2",
                           css: qa`
-                    color: ${Gn.greys[3]};
+                    color: ${Bn.greys[3]};
                   `,
                           children: r
                         }
@@ -307349,7 +307341,7 @@ const GB = (a) => {
                 padding-top: 15px;
               `,
                         children: [
-                          /* @__PURE__ */ nn(
+                          /* @__PURE__ */ an(
                             fo,
                             {
                               css: qa`
@@ -307368,7 +307360,7 @@ const GB = (a) => {
                               children: "OK"
                             }
                           ),
-                          /* @__PURE__ */ nn(
+                          /* @__PURE__ */ an(
                             fo,
                             {
                               css: qa`
@@ -307389,7 +307381,7 @@ const GB = (a) => {
             ]
           }
         ),
-        /* @__PURE__ */ nn(
+        /* @__PURE__ */ an(
           uB,
           {
             open: t,