@gouvfr-lasuite/ui-kit 0.16.1 → 0.16.2

package/dist/index.js

@@ -1,5 +1,5 @@
 import * as P from "react";
-import R, { createContext as ee, useRef as U, useCallback as ne, useState as J, useContext as Q, useEffect as X, useMemo as G, version as Kf, cloneElement as Io, forwardRef as Me, useId as iu, Fragment as ml, Children as jf, memo as yl, createElement as Wn, PureComponent as Hf, isValidElement as Vf, useLayoutEffect as ou, useImperativeHandle as zf } from "react";
+import R, { createContext as ee, useRef as U, useCallback as re, useState as J, useContext as Q, useEffect as X, useMemo as G, version as Kf, cloneElement as Io, forwardRef as Me, useId as iu, Fragment as ml, Children as jf, memo as yl, createElement as Wn, PureComponent as Hf, isValidElement as Vf, useLayoutEffect as ou, useImperativeHandle as zf } from "react";
 import { frFR as Bf, enUS as Uf, CunninghamProvider as Wf, Button as Pe, useCunningham as Ue, Modal as Zf, ModalSize as ba } from "@openfun/cunningham-react";
 import * as Gf from "react-dom";
 import lu, { flushSync as bl, createPortal as qf } from "react-dom";
@@ -332,7 +332,7 @@ function Ce(t) {
     e.current = t;
   }, [
     t
-  ]), ne((...n) => {
+  ]), re((...n) => {
     const r = e.current;
     return r == null ? void 0 : r(...n);
   }, []);
@@ -438,7 +438,7 @@ function C1(t, e) {
   return r ? (r.forEach((i) => i.current = t), t) : e;
 }
 function wt(t = []) {
-  let e = Te(), [n, r] = c1(e), i = ne(() => {
+  let e = Te(), [n, r] = c1(e), i = re(() => {
     r(function* () {
       yield e, yield document.getElementById(e) ? e : void 0;
     });
@@ -624,7 +624,7 @@ function su(t) {
   } else for (n in t) t[n] && (r && (r += " "), r += n);
   return r;
 }
-function Re() {
+function _e() {
   for (var t, e, n = 0, r = "", i = arguments.length; n < i; n++) (t = arguments[n]) && (e = su(t)) && (r && (r += " "), r += e);
   return r;
 }
@@ -639,7 +639,7 @@ function ue(...t) {
       typeof o == "function" && typeof l == "function" && // This is a lot faster than a regex.
       i[0] === "o" && i[1] === "n" && i.charCodeAt(2) >= /* 'A' */
       65 && i.charCodeAt(2) <= /* 'Z' */
-      90 ? e[i] = Rt(o, l) : (i === "className" || i === "UNSAFE_className") && typeof o == "string" && typeof l == "string" ? e[i] = Re(o, l) : i === "id" && o && l ? e.id = C1(o, l) : e[i] = l !== void 0 ? l : o;
+      90 ? e[i] = Rt(o, l) : (i === "className" || i === "UNSAFE_className") && typeof o == "string" && typeof l == "string" ? e[i] = _e(o, l) : i === "id" && o && l ? e.id = C1(o, l) : e[i] = l !== void 0 ? l : o;
     }
   }
   return e;
@@ -842,7 +842,7 @@ function du(t) {
   });
 }
 function pi() {
-  let t = U(/* @__PURE__ */ new Map()), e = ne((i, o, l, a) => {
+  let t = U(/* @__PURE__ */ new Map()), e = re((i, o, l, a) => {
     let s = a != null && a.once ? (...c) => {
       t.current.delete(l), l(...c);
     } : l;
@@ -852,11 +852,11 @@ function pi() {
       fn: s,
       options: a
     }), i.addEventListener(o, s, a);
-  }, []), n = ne((i, o, l, a) => {
+  }, []), n = re((i, o, l, a) => {
     var s;
     let c = ((s = t.current.get(l)) === null || s === void 0 ? void 0 : s.fn) || l;
     i.removeEventListener(o, c, a), t.current.delete(l);
-  }, []), r = ne(() => {
+  }, []), r = re(() => {
     t.current.forEach((i, o) => {
       n(i.eventTarget, i.type, o, i.options);
     });
@@ -885,7 +885,7 @@ function vi(t, e) {
   };
 }
 function dt(t) {
-  const e = U(null), n = U(void 0), r = ne((i) => {
+  const e = U(null), n = U(void 0), r = re((i) => {
     if (typeof t == "function") {
       const o = t, l = o(i);
       return () => {
@@ -1089,7 +1089,7 @@ function q1(t, e = !0) {
   }, [
     t,
     i
-  ]), vu(t, i, ne(() => r(!1), [])), i;
+  ]), vu(t, i, re(() => r(!1), [])), i;
 }
 function Y1(t, e) {
   let [n, r] = J(e ? "open" : "closed");
@@ -1103,7 +1103,7 @@ function Y1(t, e) {
       break;
   }
   let i = n === "exiting";
-  return vu(t, i, ne(() => {
+  return vu(t, i, re(() => {
     r((o) => o === "exiting" ? "closed" : o);
   }, [])), i;
 }
@@ -1166,7 +1166,7 @@ function gi(t, e, n) {
   }, [
     l
   ]);
-  let a = l ? t : r, s = ne((c, ...u) => {
+  let a = l ? t : r, s = re((c, ...u) => {
     let d = (h, ...p) => {
       n && (Object.is(a, h) || n(h, ...p)), l || (a = h);
     };
@@ -1195,7 +1195,7 @@ function ft({ values: t, children: e }) {
     }, e);
   return e;
 }
-function _e(t) {
+function Ie(t) {
   let { className: e, style: n, children: r, defaultClassName: i, defaultChildren: o, defaultStyle: l, values: a } = t;
   return G(() => {
     let s, c, u;
@@ -1267,7 +1267,7 @@ function ot(t, e, n) {
   ];
 }
 function Pl(t = !0) {
-  let [e, n] = J(t), r = U(!1), i = ne((o) => {
+  let [e, n] = J(t), r = U(!1), i = re((o) => {
     r.current = !0, n(!!o);
   }, []);
   return ce(() => {
@@ -1711,7 +1711,7 @@ function Cu(t) {
   let n = Ce((r) => {
     t == null || t(r);
   });
-  return ne((r) => {
+  return re((r) => {
     if (r.target instanceof HTMLButtonElement || r.target instanceof HTMLInputElement || r.target instanceof HTMLTextAreaElement || r.target instanceof HTMLSelectElement) {
       e.current.isFocused = !0;
       let i = r.target, o = (l) => {
@@ -2302,13 +2302,13 @@ function xt(t) {
 }
 function Nl(t) {
   let { isDisabled: e, onFocus: n, onBlur: r, onFocusChange: i } = t;
-  const o = ne((s) => {
+  const o = re((s) => {
     if (s.target === s.currentTarget)
       return r && r(s), i && i(!1), !0;
   }, [
     r,
     i
-  ]), l = Cu(o), a = ne((s) => {
+  ]), l = Cu(o), a = re((s) => {
     const c = fe(s.target), u = c ? De(c) : De();
     s.target === s.currentTarget && u === de(s.nativeEvent) && (n && n(s), i && i(!0), l(s));
   }, [
@@ -2390,14 +2390,14 @@ function Sh({ children: t }) {
 function Ci(t) {
   let { isDisabled: e, onBlurWithin: n, onFocusWithin: r, onFocusWithinChange: i } = t, o = U({
     isFocusWithin: !1
-  }), { addGlobalListener: l, removeAllGlobalListeners: a } = pi(), s = ne((d) => {
+  }), { addGlobalListener: l, removeAllGlobalListeners: a } = pi(), s = re((d) => {
     d.currentTarget.contains(d.target) && o.current.isFocusWithin && !d.currentTarget.contains(d.relatedTarget) && (o.current.isFocusWithin = !1, a(), n && n(d), i && i(!1));
   }, [
     n,
     i,
     o,
     a
-  ]), c = Cu(s), u = ne((d) => {
+  ]), c = Cu(s), u = re((d) => {
     if (!d.currentTarget.contains(d.target)) return;
     const h = fe(d.target), p = De(h);
     if (!o.current.isFocusWithin && p === de(d.nativeEvent)) {
@@ -2740,7 +2740,7 @@ function _h({ collection: t, render: e }) {
 function Ih(t, e, n) {
   let r = lr(), i = U(r);
   i.current = r;
-  let o = ne(() => i.current ? n() : e(), [
+  let o = re(() => i.current ? n() : e(), [
     e,
     n
   ]);
@@ -2748,14 +2748,14 @@ function Ih(t, e, n) {
 }
 const Oh = typeof R.useSyncExternalStore == "function" ? R.useSyncExternalStore : Ih;
 function kh(t) {
-  let [e] = J(() => new th((t == null ? void 0 : t()) || new Tl())), n = ne((l) => e.subscribe(l), [
+  let [e] = J(() => new th((t == null ? void 0 : t()) || new Tl())), n = re((l) => e.subscribe(l), [
     e
-  ]), r = ne(() => {
+  ]), r = re(() => {
     let l = e.getCollection();
     return e.isSSR && e.resetAfterSSR(), l;
   }, [
     e
-  ]), i = ne(() => (e.isSSR = !0, e.getCollection()), [
+  ]), i = re(() => (e.isSSR = !0, e.getCollection()), [
     e
   ]), o = Oh(n, r, i);
   return ce(() => (e.isMounted = !0, () => {
@@ -2769,7 +2769,7 @@ function kh(t) {
 }
 const Ho = /* @__PURE__ */ ee(null);
 function Nh(t, e, n, r, i, o) {
-  let l = ne((s) => {
+  let l = re((s) => {
     s == null || s.setProps(e, n, r, o);
   }, [
     e,
@@ -3505,7 +3505,7 @@ function Tn(t = {}) {
   let { autoFocus: e = !1, isTextInput: n, within: r } = t, i = U({
     isFocused: !1,
     isFocusVisible: e || wn()
-  }), [o, l] = J(!1), [a, s] = J(() => i.current.isFocused && i.current.isFocusVisible), c = ne(() => s(i.current.isFocused && i.current.isFocusVisible), []), u = ne((p) => {
+  }), [o, l] = J(!1), [a, s] = J(() => i.current.isFocused && i.current.isFocusVisible), c = re(() => s(i.current.isFocused && i.current.isFocusVisible), []), u = re((p) => {
     i.current.isFocused = p, l(p), c();
   }, [
     c
@@ -4114,7 +4114,7 @@ function T5(t) {
   }, [
     p
   ]);
-  let E = ne(() => {
+  let E = re(() => {
     if (h === !1 || !p || !i.current || !r.current || !c || (me == null ? void 0 : me.scale) !== $.current) return;
     let V = null;
     if (o.current && o.current.contains(document.activeElement)) {
@@ -4181,7 +4181,7 @@ function T5(t) {
   }, [
     E
   ]);
-  let x = ne(() => {
+  let x = re(() => {
     S.current || m == null || m();
   }, [
     m,
@@ -4579,7 +4579,7 @@ function ss(t) {
     }
   }));
 }
-let Rn = /* @__PURE__ */ new WeakMap(), ke = [];
+let Rn = /* @__PURE__ */ new WeakMap(), Ne = [];
 function H5(t, e = document.body) {
   let n = new Set(t), r = /* @__PURE__ */ new Set(), i = (s) => {
     for (let h of s.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]")) n.add(h);
@@ -4601,7 +4601,7 @@ function H5(t, e = document.body) {
     let u = (c = Rn.get(s)) !== null && c !== void 0 ? c : 0;
     s.getAttribute("aria-hidden") === "true" && u === 0 || (u === 0 && s.setAttribute("aria-hidden", "true"), r.add(s), Rn.set(s, u + 1));
   };
-  ke.length && ke[ke.length - 1].disconnect(), i(e);
+  Ne.length && Ne[Ne.length - 1].disconnect(), i(e);
   let l = new MutationObserver((s) => {
     for (let c of s)
       if (!(c.type !== "childList" || c.addedNodes.length === 0) && ![
@@ -4630,17 +4630,17 @@ function H5(t, e = document.body) {
       l.disconnect();
     }
   };
-  return ke.push(a), () => {
+  return Ne.push(a), () => {
     l.disconnect();
     for (let s of r) {
       let c = Rn.get(s);
       c != null && (c === 1 ? (s.removeAttribute("aria-hidden"), Rn.delete(s)) : Rn.set(s, c - 1));
     }
-    a === ke[ke.length - 1] ? (ke.pop(), ke.length && ke[ke.length - 1].observe()) : ke.splice(ke.indexOf(a), 1);
+    a === Ne[Ne.length - 1] ? (Ne.pop(), Ne.length && Ne[Ne.length - 1].observe()) : Ne.splice(Ne.indexOf(a), 1);
   };
 }
 function V5(t) {
-  let e = ke[ke.length - 1];
+  let e = Ne[Ne.length - 1];
   if (e && !e.visibleNodes.has(t))
     return e.visibleNodes.add(t), () => {
       e.visibleNodes.delete(t);
@@ -6404,7 +6404,7 @@ const bd = /* @__PURE__ */ ee({}), yp = /* @__PURE__ */ _l(function(e, n) {
     isFocusVisible: c,
     isDisabled: e.isDisabled || !1,
     isPending: i ?? !1
-  }, p = _e({
+  }, p = Ie({
     ...e,
     values: h,
     defaultClassName: "react-aria-Button"
@@ -6840,7 +6840,7 @@ class ar {
 function Cd(t) {
   let { filter: e, layoutDelegate: n } = t, r = Bl(t), i = G(() => t.disabledKeys ? new Set(t.disabledKeys) : /* @__PURE__ */ new Set(), [
     t.disabledKeys
-  ]), o = ne((c) => e ? new gs(e(c)) : new gs(c), [
+  ]), o = re((c) => e ? new gs(e(c)) : new gs(c), [
     e
   ]), l = G(() => ({
     suppressTextValueWarning: t.suppressTextValueWarning
@@ -6939,15 +6939,15 @@ function Sd(t) {
 }
 function Ul(t) {
   let [e, n] = gi(t.isOpen, t.defaultOpen || !1, t.onOpenChange);
-  const r = ne(() => {
+  const r = re(() => {
     n(!0);
   }, [
     n
-  ]), i = ne(() => {
+  ]), i = re(() => {
     n(!1);
   }, [
     n
-  ]), o = ne(() => {
+  ]), o = re(() => {
     n(!e);
   }, [
     n,
@@ -7345,7 +7345,7 @@ class Ip {
 function Op(t) {
   let { onExpandedChange: e } = t, [n, r] = gi(t.expandedKeys ? new Set(t.expandedKeys) : void 0, t.defaultExpandedKeys ? new Set(t.defaultExpandedKeys) : /* @__PURE__ */ new Set(), e), i = Bl(t), o = G(() => t.disabledKeys ? new Set(t.disabledKeys) : /* @__PURE__ */ new Set(), [
     t.disabledKeys
-  ]), l = k0(t, ne((s) => new Ip(s, {
+  ]), l = k0(t, re((s) => new Ip(s, {
     expandedKeys: n
   }), [
     n
@@ -7415,7 +7415,7 @@ const xi = /* @__PURE__ */ ee({}), Pd = /* @__PURE__ */ ee(null), Lp = /* @__PUR
 });
 function Dd(t, e) {
   var n;
-  let r = t == null ? void 0 : t.renderDropIndicator, i = t == null || (n = t.isVirtualDragging) === null || n === void 0 ? void 0 : n.call(t), o = ne((l) => {
+  let r = t == null ? void 0 : t.renderDropIndicator, i = t == null || (n = t.isVirtualDragging) === null || n === void 0 ? void 0 : n.call(t), o = re((l) => {
     if (i || e != null && e.isDropTarget(l)) return r ? r(l) : /* @__PURE__ */ R.createElement(Lp, {
       target: l
     });
@@ -7577,7 +7577,7 @@ function Id({ state: t, props: e, listBoxRef: n }) {
     isFocusVisible: O,
     layout: e.layout || "stack",
     state: c
-  }, _ = _e({
+  }, _ = Ie({
     className: e.className,
     style: e.style,
     defaultClassName: "react-aria-ListBox",
@@ -7653,7 +7653,7 @@ function Fp(t, e, n, r = "react-aria-ListBoxSection") {
   let { headingProps: d, groupProps: h } = rp({
     heading: c,
     "aria-label": (u = t["aria-label"]) !== null && u !== void 0 ? u : void 0
-  }), p = _e({
+  }), p = Ie({
     defaultClassName: r,
     className: t.className,
     style: t.style,
@@ -7696,7 +7696,7 @@ const Kp = /* @__PURE__ */ Si("item", function(e, n, r) {
       dropPosition: "on"
     }
   }, s, i));
-  let y = a && a.isDragging(r.key), b = _e({
+  let y = a && a.isDragging(r.key), b = Ie({
     ...e,
     id: void 0,
     children: e.children,
@@ -7757,7 +7757,7 @@ function jp(t, e) {
   });
 }
 function Hp(t, e) {
-  let { dropIndicatorProps: n, isDropTarget: r, ...i } = t, o = _e({
+  let { dropIndicatorProps: n, isDropTarget: r, ...i } = t, o = Ie({
     ...i,
     defaultClassName: "react-aria-DropIndicator",
     values: {
@@ -7813,7 +7813,7 @@ function Bp({ state: t, isExiting: e, UNSTABLE_portalContainer: n, ...r }) {
     // If this is a submenu/subdialog, use the root popover's container
     // to detect outside interaction and add aria-hidden.
     groupRef: c ? s : a
-  }, t), f = r.popoverRef, v = q1(f, !!m) || r.isEntering || !1, y = _e({
+  }, t), f = r.popoverRef, v = q1(f, !!m) || r.isEntering || !1, y = Ie({
     ...r,
     defaultClassName: "react-aria-Popover",
     values: {
@@ -7918,7 +7918,7 @@ function qp({ props: t, collection: e, menuRef: n }) {
     ...i,
     isVirtualized: c,
     onClose: t.onClose || (s == null ? void 0 : s.close)
-  }, a, n), h = _e({
+  }, a, n), h = Ie({
     defaultClassName: "react-aria-Menu",
     className: t.className,
     style: t.style,
@@ -8018,7 +8018,7 @@ function Xp(t, e, n, r = "react-aria-MenuSection") {
   let { headingProps: d, groupProps: h } = sp({
     heading: c,
     "aria-label": (u = n.props["aria-label"]) !== null && u !== void 0 ? u : void 0
-  }), p = _e({
+  }), p = Ie({
     defaultClassName: r,
     className: (i = n.props) === null || i === void 0 ? void 0 : i.className,
     style: (o = n.props) === null || o === void 0 ? void 0 : o.style,
@@ -8058,7 +8058,7 @@ const Yo = /* @__PURE__ */ ee(null), Es = /* @__PURE__ */ Si("item", function(e,
     selectionManager: s
   }, l, a), { hoverProps: m, isHovered: f } = Dn({
     isDisabled: p.isDisabled
-  }), v = _e({
+  }), v = Ie({
     ...e,
     id: void 0,
     children: r.rendered,
@@ -8114,7 +8114,7 @@ const Yo = /* @__PURE__ */ ee(null), Es = /* @__PURE__ */ Si("item", function(e,
     "aria-labelledby": r
   }, n), l = Q(Yl);
   !i["aria-label"] && !i["aria-labelledby"] && (e["aria-labelledby"] ? i["aria-labelledby"] = e["aria-labelledby"] : process.env.NODE_ENV !== "production" && console.warn('If a Dialog does not contain a <Heading slot="title">, it must have an aria-label or aria-labelledby attribute for accessibility.'));
-  let a = _e({
+  let a = Ie({
     defaultClassName: "react-aria-Dialog",
     className: e.className,
     style: e.style,
@@ -8195,7 +8195,7 @@ function tv({ props: t, selectRef: e, collection: n }) {
     ...eh(t),
     label: h,
     validationBehavior: l
-  }, a, u), [$, E] = J(null), S = ne(() => {
+  }, a, u), [$, E] = J(null), S = re(() => {
     u.current && E(u.current.offsetWidth + "px");
   }, [
     u
@@ -8218,7 +8218,7 @@ function tv({ props: t, selectRef: e, collection: n }) {
     t.isDisabled,
     C.isInvalid,
     t.isRequired
-  ]), k = _e({
+  ]), k = Ie({
     ...t,
     values: x,
     defaultClassName: "react-aria-Select"
@@ -8350,7 +8350,7 @@ function iv({ props: t, tabsRef: e, collection: n }) {
     r,
     l,
     a
-  ]), c = _e({
+  ]), c = Ie({
     ...t,
     defaultClassName: "react-aria-Tabs",
     values: s
@@ -8389,7 +8389,7 @@ function lv({ props: t, forwardedRef: e }) {
     ...t,
     orientation: i,
     keyboardActivation: o
-  }, n, l), s = _e({
+  }, n, l), s = Ie({
     ...t,
     children: null,
     defaultClassName: "react-aria-TabList",
@@ -8418,7 +8418,7 @@ const av = /* @__PURE__ */ Si("item", (t, e, n) => {
     onHoverStart: t.onHoverStart,
     onHoverEnd: t.onHoverEnd,
     onHoverChange: t.onHoverChange
-  }), m = _e({
+  }), m = Ie({
     ...t,
     id: void 0,
     children: n.rendered,
@@ -8444,7 +8444,7 @@ const av = /* @__PURE__ */ Si("item", (t, e, n) => {
   }, m.children);
 }), sv = /* @__PURE__ */ _l(function(e, n) {
   const r = Q(Sn);
-  let i = dt(n), { tabPanelProps: o } = vp(e, r, i), { focusProps: l, isFocused: a, isFocusVisible: s } = Tn(), c = r.selectedKey === e.id, u = _e({
+  let i = dt(n), { tabPanelProps: o } = vp(e, r, i), { focusProps: l, isFocused: a, isFocusVisible: s } = Tn(), c = r.selectedKey === e.id, u = Ie({
     ...e,
     defaultClassName: "react-aria-TabPanel",
     values: {
@@ -8600,7 +8600,7 @@ const av = /* @__PURE__ */ Si("item", (t, e, n) => {
     /* @__PURE__ */ g.jsxs(
       wp,
       {
-        className: Re("c__filter__button", {
+        className: _e("c__filter__button", {
           "c__filter__button--active": !!n
         }),
         children: [
@@ -8613,7 +8613,7 @@ const av = /* @__PURE__ */ Si("item", (t, e, n) => {
             "span",
             {
               "aria-hidden": "true",
-              className: Re("material-icons c__filter__button__icon", {
+              className: _e("material-icons c__filter__button__icon", {
                 opened: e == null ? void 0 : e.isOpen
               }),
               children: "keyboard_arrow_down"
@@ -8742,7 +8742,7 @@ const bv = {
   ),
   /* @__PURE__ */ g.jsx(Cv, { variant: "small" })
 ] });
-var Le = /* @__PURE__ */ ((t) => (t.X_SMALL = "xsmall", t.SMALL = "small", t.MEDIUM = "medium", t.LARGE = "large", t.X_LARGE = "xlarge", t))(Le || {}), Rr = /* @__PURE__ */ ((t) => (t.OUTLINED = "outlined", t.FILLED = "filled", t))(Rr || {});
+var Re = /* @__PURE__ */ ((t) => (t.X_SMALL = "xsmall", t.SMALL = "small", t.MEDIUM = "medium", t.LARGE = "large", t.X_LARGE = "xlarge", t))(Re || {}), Rr = /* @__PURE__ */ ((t) => (t.OUTLINED = "outlined", t.FILLED = "filled", t))(Rr || {});
 const ri = ({
   name: t,
   size: e,
@@ -8751,7 +8751,7 @@ const ri = ({
   type: i = Rr.FILLED,
   ...o
 }) => {
-  const l = Re(
+  const l = _e(
     "",
     {
       [`icon--${e}`]: e !== void 0,
@@ -8765,17 +8765,17 @@ const ri = ({
   };
   return /* @__PURE__ */ g.jsx("span", { className: l, style: a, ...o, children: t });
 }, wv = {
-  [Le.X_SMALL]: 11,
-  [Le.SMALL]: 16,
-  [Le.MEDIUM]: 24,
-  [Le.LARGE]: 32,
-  [Le.X_LARGE]: 40
+  [Re.X_SMALL]: 11,
+  [Re.SMALL]: 16,
+  [Re.MEDIUM]: 24,
+  [Re.LARGE]: 32,
+  [Re.X_LARGE]: 40
 }, Sv = {
-  [Le.X_SMALL]: 16,
-  [Le.SMALL]: 24,
-  [Le.MEDIUM]: 32,
-  [Le.LARGE]: 40,
-  [Le.X_LARGE]: 48
+  [Re.X_SMALL]: 16,
+  [Re.SMALL]: 24,
+  [Re.MEDIUM]: 32,
+  [Re.LARGE]: 40,
+  [Re.X_LARGE]: 48
 }, i8 = (t) => Sv[t] ?? 24, o8 = (t) => wv[t] ?? 24, Ev = ({ languages: t, onChange: e, size: n, color: r = "primary-text", fullWidth: i }) => {
   var h;
   const { isOpen: o, setIsOpen: l } = Ft(), a = () => {
@@ -8787,11 +8787,11 @@ const ri = ({
     if (n)
       switch (n) {
         case "nano":
-          return Le.X_SMALL;
+          return Re.X_SMALL;
         case "small":
-          return Le.SMALL;
+          return Re.SMALL;
         case "medium":
-          return Le.MEDIUM;
+          return Re.MEDIUM;
       }
   }, [n]);
   return X(() => {
@@ -9204,7 +9204,7 @@ const ri = ({
   return n ? /* @__PURE__ */ g.jsx("div", { className: "c__left-panel", children: t }) : /* @__PURE__ */ g.jsx(
     "div",
     {
-      className: Re("c__left-panel__mobile", {
+      className: _e("c__left-panel__mobile", {
         open: e
       }),
       children: t
@@ -9214,20 +9214,20 @@ const ri = ({
   createElement: xn,
   createContext: Pv,
   forwardRef: Md,
-  useCallback: Oe,
+  useCallback: ke,
   useContext: Ad,
   useEffect: kt,
   useImperativeHandle: Fd,
   useLayoutEffect: Dv,
   useMemo: Tv,
-  useRef: Ne,
+  useRef: Le,
   useState: yn
 } = P, Ps = P[`useId${Math.random()}`.slice(0, 5)], _v = Dv, Pi = Pv(null);
 Pi.displayName = "PanelGroupContext";
 const Nt = _v, Iv = typeof Ps == "function" ? Ps : () => null;
 let Ov = 0;
 function Xl(t = null) {
-  const e = Iv(), n = Ne(t || e || null);
+  const e = Iv(), n = Le(t || e || null);
   return n.current === null && (n.current = "" + Ov++), t ?? n.current;
 }
 function Kd({
@@ -9262,7 +9262,7 @@ function Kd({
     registerPanel: k,
     resizePanel: F,
     unregisterPanel: V
-  } = v, w = Xl(l), L = Ne({
+  } = v, w = Xl(l), L = Le({
     callbacks: {
       onCollapse: c,
       onExpand: u,
@@ -9279,7 +9279,7 @@ function Kd({
     idIsFromProps: l !== void 0,
     order: h
   });
-  Ne({
+  Le({
     didLogMissingDefaultSizeWarning: !1
   }), Nt(() => {
     const {
@@ -9613,7 +9613,7 @@ function oi(t, e) {
 }
 function Vv() {
   const [t, e] = yn(0);
-  return Oe(() => e((n) => n + 1), []);
+  return ke(() => e((n) => n + 1), []);
 }
 function oe(t, e) {
   if (!t)
@@ -9829,7 +9829,7 @@ function Wv({
   panelGroupElement: o,
   setLayout: l
 }) {
-  Ne({
+  Le({
     didWarnAboutMissingResizeHandle: !1
   }), Nt(() => {
     if (!o)
@@ -10172,7 +10172,7 @@ function t2({
   tagName: u = "div",
   ...d
 }) {
-  const h = Xl(o), p = Ne(null), [m, f] = yn(null), [v, y] = yn([]), b = Vv(), C = Ne({}), $ = Ne(/* @__PURE__ */ new Map()), E = Ne(0), S = Ne({
+  const h = Xl(o), p = Le(null), [m, f] = yn(null), [v, y] = yn([]), b = Vv(), C = Le({}), $ = Le(/* @__PURE__ */ new Map()), E = Le(0), S = Le({
     autoSaveId: t,
     direction: r,
     dragState: m,
@@ -10180,12 +10180,12 @@ function t2({
     keyboardResizeBy: a,
     onLayout: l,
     storage: s
-  }), x = Ne({
+  }), x = Le({
     layout: v,
     panelDataArray: [],
     panelDataArrayChanged: !1
   });
-  Ne({
+  Le({
     didLogIdAndOrderWarning: !1,
     didLogPanelConstraintsWarning: !1,
     prevPanelIds: []
@@ -10233,7 +10233,7 @@ function t2({
     }
   }, [t, v, s]), kt(() => {
   });
-  const k = Oe((I) => {
+  const k = ke((I) => {
     const {
       onLayout: H
     } = S.current, {
@@ -10259,7 +10259,7 @@ function t2({
         Cr(K, se) || (y(se), x.current.layout = se, H && H(se), Xt(j, se, C.current));
       }
     }
-  }, []), F = Oe((I, H) => {
+  }, []), F = ke((I, H) => {
     const {
       onLayout: K
     } = S.current, {
@@ -10274,7 +10274,7 @@ function t2({
         pivotIndices: Y
       } = Pt(z, I, j), se = H ?? ve;
       if (at(ie, te)) {
-        const ge = $.current.get(I.id), ae = ge != null && ge >= se ? ge : se, _n = cn(z, I) === z.length - 1 ? ie - ae : ae - ie, Ie = zn({
+        const ge = $.current.get(I.id), ae = ge != null && ge >= se ? ge : se, _n = cn(z, I) === z.length - 1 ? ie - ae : ae - ie, Oe = zn({
           delta: _n,
           initialLayout: j,
           panelConstraints: Z,
@@ -10282,10 +10282,10 @@ function t2({
           prevLayout: j,
           trigger: "imperative-api"
         });
-        Cr(j, Ie) || (y(Ie), x.current.layout = Ie, K && K(Ie), Xt(z, Ie, C.current));
+        Cr(j, Oe) || (y(Oe), x.current.layout = Oe, K && K(Oe), Xt(z, Oe, C.current));
       }
     }
-  }, []), V = Oe((I) => {
+  }, []), V = ke((I) => {
     const {
       layout: H,
       panelDataArray: K
@@ -10293,7 +10293,7 @@ function t2({
       panelSize: j
     } = Pt(K, I, H);
     return oe(j != null, `Panel size not found for panel "${I.id}"`), j;
-  }, []), w = Oe((I, H) => {
+  }, []), w = ke((I, H) => {
     const {
       panelDataArray: K
     } = x.current, j = cn(K, I);
@@ -10304,7 +10304,7 @@ function t2({
       panelData: K,
       panelIndex: j
     });
-  }, [m, v]), L = Oe((I) => {
+  }, [m, v]), L = ke((I) => {
     const {
       layout: H,
       panelDataArray: K
@@ -10314,7 +10314,7 @@ function t2({
       panelSize: Z
     } = Pt(K, I, H);
     return oe(Z != null, `Panel size not found for panel "${I.id}"`), z === !0 && at(Z, j);
-  }, []), B = Oe((I) => {
+  }, []), B = ke((I) => {
     const {
       layout: H,
       panelDataArray: K
@@ -10324,7 +10324,7 @@ function t2({
       panelSize: Z
     } = Pt(K, I, H);
     return oe(Z != null, `Panel size not found for panel "${I.id}"`), !z || Kt(Z, j) > 0;
-  }, []), A = Oe((I) => {
+  }, []), A = ke((I) => {
     const {
       panelDataArray: H
     } = x.current;
@@ -10364,7 +10364,7 @@ function t2({
       I.layout = [];
     };
   }, []);
-  const W = Oe((I) => {
+  const W = ke((I) => {
     let H = !1;
     const K = p.current;
     return K && window.getComputedStyle(K, null).getPropertyValue("direction") === "rtl" && (H = !0), function(z) {
@@ -10384,20 +10384,20 @@ function t2({
       } = x.current, {
         initialLayout: ht
       } = ie ?? {}, _n = qd(ve, I, Z);
-      let Ie = Gv(z, I, te, ie, Y, Z);
+      let Oe = Gv(z, I, te, ie, Y, Z);
       const ma = te === "horizontal";
-      ma && H && (Ie = -Ie);
+      ma && H && (Oe = -Oe);
       const Af = ae.map((Ff) => Ff.constraints), In = zn({
-        delta: Ie,
+        delta: Oe,
         initialLayout: ht ?? ge,
         panelConstraints: Af,
         pivotIndices: _n,
         prevLayout: ge,
         trigger: jd(z) ? "keyboard" : "mouse-or-touch"
       }), ya = !Cr(ge, In);
-      (Hd(z) || Vd(z)) && E.current != Ie && (E.current = Ie, !ya && Ie !== 0 ? ma ? to(I, Ie < 0 ? Bd : Ud) : to(I, Ie < 0 ? Wd : Zd) : to(I, 0)), ya && (y(In), x.current.layout = In, se && se(In), Xt(ae, In, C.current));
+      (Hd(z) || Vd(z)) && E.current != Oe && (E.current = Oe, !ya && Oe !== 0 ? ma ? to(I, Oe < 0 ? Bd : Ud) : to(I, Oe < 0 ? Wd : Zd) : to(I, 0)), ya && (y(In), x.current.layout = In, se && se(In), Xt(ae, In, C.current));
     };
-  }, []), D = Oe((I, H) => {
+  }, []), D = ke((I, H) => {
     const {
       onLayout: K
     } = S.current, {
@@ -10417,7 +10417,7 @@ function t2({
       trigger: "imperative-api"
     });
     Cr(j, se) || (y(se), x.current.layout = se, K && K(se), Xt(z, se, C.current));
-  }, []), N = Oe((I, H) => {
+  }, []), N = ke((I, H) => {
     const {
       layout: K,
       panelDataArray: j
@@ -10433,7 +10433,7 @@ function t2({
       panelSize: se
     } = Pt(j, I, K);
     se != null && (Z && ie && at(se, z) ? at(z, te) || D(I, te) : se < Y ? D(I, Y) : se > ve && D(I, ve));
-  }, [D]), O = Oe((I, H) => {
+  }, [D]), O = ke((I, H) => {
     const {
       direction: K
     } = S.current, {
@@ -10450,9 +10450,9 @@ function t2({
       initialCursorPosition: Z,
       initialLayout: j
     });
-  }, []), q = Oe(() => {
+  }, []), q = ke(() => {
     f(null);
-  }, []), _ = Oe((I) => {
+  }, []), _ = ke((I) => {
     const {
       panelDataArray: H
     } = x.current, K = cn(H, I);
@@ -10573,7 +10573,7 @@ function r2({
   ...d
 }) {
   var h, p;
-  const m = Ne(null), f = Ne({
+  const m = Le(null), f = Le({
     onDragging: l
   });
   kt(() => {
@@ -10589,7 +10589,7 @@ function r2({
     startDragging: $,
     stopDragging: E,
     panelGroupElement: S
-  } = v, x = Xl(i), [k, F] = yn("inactive"), [V, w] = yn(!1), [L, B] = yn(null), A = Ne({
+  } = v, x = Xl(i), [k, F] = yn("inactive"), [V, w] = yn(!1), [L, B] = yn(null), A = Le({
     state: k
   });
   Nt(() => {
@@ -10682,7 +10682,7 @@ const ng = ({
   isOpen: e
 }) => {
   const { isDesktop: n } = cr();
-  return n ? /* @__PURE__ */ g.jsx("div", { className: Re("c__right-panel", { open: e }), children: t }) : /* @__PURE__ */ g.jsx("div", { className: Re("c__right-panel__mobile", { open: e }), children: t });
+  return n ? /* @__PURE__ */ g.jsx("div", { className: _e("c__right-panel", { open: e }), children: t }) : /* @__PURE__ */ g.jsx("div", { className: _e("c__right-panel__mobile", { open: e }), children: t });
 }, rg = (t, e, n) => {
   const [r, i] = R.useState(
     typeof e > "u" ? t : e
@@ -10786,7 +10786,7 @@ const ng = ({
   text: e,
   labelSide: n = "right",
   children: r
-}) => /* @__PURE__ */ g.jsxs("div", { className: Re("c__with-label", { [n]: !0 }), children: [
+}) => /* @__PURE__ */ g.jsxs("div", { className: _e("c__with-label", { [n]: !0 }), children: [
   /* @__PURE__ */ g.jsx(ig, { children: t, text: e }),
   r
 ] });
@@ -12397,7 +12397,7 @@ const j2 = ({ withPadding: t = !0, direction: e, width: n = "thin", size: r }) =
   "div",
   {
     style: { "--size": r },
-    className: Re(
+    className: _e(
       "c__separator",
       `c__separator--${e}`,
       `c__separator--${n}`,
@@ -12526,7 +12526,7 @@ const j2 = ({ withPadding: t = !0, direction: e, width: n = "thin", size: r }) =
     r && n && /* @__PURE__ */ g.jsx(
       "div",
       {
-        className: Re("c__quick-search-item-template__right", {
+        className: _e("c__quick-search-item-template__right", {
           "always-show-right": t,
           "show-right-on-focus": !t
         }),
@@ -12541,7 +12541,7 @@ const j2 = ({ withPadding: t = !0, direction: e, width: n = "thin", size: r }) =
 }) => t.length === 0 ? null : /* @__PURE__ */ g.jsx(
   "div",
   {
-    className: Re("c__tabs", {
+    className: _e("c__tabs", {
       "c__tabs__full-width": n
     }),
     children: /* @__PURE__ */ g.jsxs(rv, { defaultSelectedKey: e, children: [
@@ -13529,7 +13529,7 @@ var af = ee({
 (function(t) {
   t.SOURCE = "SOURCE", t.TARGET = "TARGET";
 })(Ve || (Ve = {}));
-function re(t, e) {
+function ne(t, e) {
   for (var n = arguments.length, r = new Array(n > 2 ? n - 2 : 0), i = 2; i < n; i++)
     r[i - 2] = arguments[i];
   if (process.env.NODE_ENV !== "production" && e === void 0)
@@ -13637,15 +13637,15 @@ function f3(t) {
   };
 }
 function h3(t, e, n) {
-  re(!e.isDragging(), "Cannot call beginDrag while dragging."), t.forEach(function(r) {
-    re(n.getSource(r), "Expected sourceIds to be registered.");
+  ne(!e.isDragging(), "Cannot call beginDrag while dragging."), t.forEach(function(r) {
+    ne(n.getSource(r), "Expected sourceIds to be registered.");
   });
 }
 function p3(t) {
-  re(typeof t == "function", "When clientOffset is provided, getSourceClientOffset must be a function.");
+  ne(typeof t == "function", "When clientOffset is provided, getSourceClientOffset must be a function.");
 }
 function v3(t) {
-  re(sf(t), "Item must be an object.");
+  ne(sf(t), "Item must be an object.");
 }
 function g3(t, e) {
   for (var n = null, r = t.length - 1; r >= 0; r--)
@@ -13686,15 +13686,15 @@ function y3(t) {
   };
 }
 function b3(t) {
-  re(Array.isArray(t), "Expected targetIds to be an array.");
+  ne(Array.isArray(t), "Expected targetIds to be an array.");
 }
 function C3(t, e, n) {
-  re(e.isDragging(), "Cannot call hover while not dragging."), re(!e.didDrop(), "Cannot call hover after drop.");
+  ne(e.isDragging(), "Cannot call hover while not dragging."), ne(!e.didDrop(), "Cannot call hover after drop.");
   for (var r = 0; r < t.length; r++) {
     var i = t[r];
-    re(t.lastIndexOf(i) === r, "Expected targetIds to be unique in the passed array.");
+    ne(t.lastIndexOf(i) === r, "Expected targetIds to be unique in the passed array.");
     var o = n.getTarget(i);
-    re(o, "Expected targetIds to be registered.");
+    ne(o, "Expected targetIds to be registered.");
   }
 }
 function w3(t, e, n) {
@@ -13750,14 +13750,14 @@ function x3(t) {
   };
 }
 function $3(t) {
-  re(t.isDragging(), "Cannot call drop while not dragging."), re(!t.didDrop(), "Cannot call drop twice during one drag operation.");
+  ne(t.isDragging(), "Cannot call drop while not dragging."), ne(!t.didDrop(), "Cannot call drop twice during one drag operation.");
 }
 function P3(t, e, n, r) {
   var i = n.getTarget(t), o = i ? i.drop(r, t) : void 0;
   return D3(o), typeof o > "u" && (o = e === 0 ? {} : r.getDropResult()), o;
 }
 function D3(t) {
-  re(typeof t > "u" || sf(t), "Drop result must either be an object or undefined.");
+  ne(typeof t > "u" || sf(t), "Drop result must either be an object or undefined.");
 }
 function T3(t) {
   var e = t.getTargetIds().filter(t.canDropOnTarget, t);
@@ -13778,7 +13778,7 @@ function _3(t) {
   };
 }
 function I3(t) {
-  re(t.isDragging(), "Cannot call endDrag while not dragging.");
+  ne(t.isDragging(), "Cannot call endDrag while not dragging.");
 }
 function O3(t) {
   return {
@@ -14323,7 +14323,7 @@ var d7 = /* @__PURE__ */ function() {
       var r = this, i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
         handlerIds: void 0
       }, o = i.handlerIds;
-      re(typeof n == "function", "listener must be a function."), re(typeof o > "u" || Array.isArray(o), "handlerIds, when specified, must be an array of strings.");
+      ne(typeof n == "function", "listener must be a function."), ne(typeof o > "u" || Array.isArray(o), "handlerIds, when specified, must be an array of strings.");
       var l = this.store.getState().stateId, a = function() {
         var c = r.store.getState(), u = c.stateId;
         try {
@@ -14339,7 +14339,7 @@ var d7 = /* @__PURE__ */ function() {
     key: "subscribeToOffsetChange",
     value: function(n) {
       var r = this;
-      re(typeof n == "function", "listener must be a function.");
+      ne(typeof n == "function", "listener must be a function.");
       var i = this.store.getState().dragOffset, o = function() {
         var a = r.store.getState().dragOffset;
         a !== i && (i = a, n());
@@ -14352,7 +14352,7 @@ var d7 = /* @__PURE__ */ function() {
       if (!n)
         return !1;
       var r = this.registry.getSource(n);
-      return re(r, "Expected to find a valid source. sourceId=".concat(n)), this.isDragging() ? !1 : r.canDrag(this, n);
+      return ne(r, "Expected to find a valid source. sourceId=".concat(n)), this.isDragging() ? !1 : r.canDrag(this, n);
     }
   }, {
     key: "canDropOnTarget",
@@ -14360,7 +14360,7 @@ var d7 = /* @__PURE__ */ function() {
       if (!n)
         return !1;
       var r = this.registry.getTarget(n);
-      if (re(r, "Expected to find a valid target. targetId=".concat(n)), !this.isDragging() || this.didDrop())
+      if (ne(r, "Expected to find a valid target. targetId=".concat(n)), !this.isDragging() || this.didDrop())
         return !1;
       var i = this.registry.getTargetType(n), o = this.getItemType();
       return ll(i, o) && r.canDrop(this, n);
@@ -14376,7 +14376,7 @@ var d7 = /* @__PURE__ */ function() {
       if (!n)
         return !1;
       var r = this.registry.getSource(n, !0);
-      if (re(r, "Expected to find a valid source. sourceId=".concat(n)), !this.isDragging() || !this.isSourcePublic())
+      if (ne(r, "Expected to find a valid source. sourceId=".concat(n)), !this.isDragging() || !this.isSourcePublic())
         return !1;
       var i = this.registry.getSourceType(n), o = this.getItemType();
       return i !== o ? !1 : r.isDragging(this, n);
@@ -14475,10 +14475,10 @@ function Vr(t) {
   }, Vr(t);
 }
 function p7(t) {
-  re(typeof t.canDrag == "function", "Expected canDrag to be a function."), re(typeof t.beginDrag == "function", "Expected beginDrag to be a function."), re(typeof t.endDrag == "function", "Expected endDrag to be a function.");
+  ne(typeof t.canDrag == "function", "Expected canDrag to be a function."), ne(typeof t.beginDrag == "function", "Expected beginDrag to be a function."), ne(typeof t.endDrag == "function", "Expected endDrag to be a function.");
 }
 function v7(t) {
-  re(typeof t.canDrop == "function", "Expected canDrop to be a function."), re(typeof t.hover == "function", "Expected hover to be a function."), re(typeof t.drop == "function", "Expected beginDrag to be a function.");
+  ne(typeof t.canDrop == "function", "Expected canDrop to be a function."), ne(typeof t.hover == "function", "Expected hover to be a function."), ne(typeof t.drop == "function", "Expected beginDrag to be a function.");
 }
 function al(t, e) {
   if (e && Array.isArray(t)) {
@@ -14487,7 +14487,7 @@ function al(t, e) {
     });
     return;
   }
-  re(typeof t == "string" || Vr(t) === "symbol", e ? "Type can only be a string, a symbol, or an array of either." : "Type can only be a string or a symbol.");
+  ne(typeof t == "string" || Vr(t) === "symbol", e ? "Type can only be a string, a symbol, or an array of either." : "Type can only be a string or a symbol.");
 }
 const bc = typeof global < "u" ? global : self, df = bc.MutationObserver || bc.WebKitMutationObserver;
 function ff(t) {
@@ -14688,7 +14688,7 @@ function wc(t) {
     case "T":
       return Ve.TARGET;
     default:
-      re(!1, "Cannot parse handler ID: ".concat(t));
+      ne(!1, "Cannot parse handler ID: ".concat(t));
   }
 }
 function Sc(t, e) {
@@ -14728,24 +14728,24 @@ var k7 = /* @__PURE__ */ function() {
     key: "getSource",
     value: function(n) {
       var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-      re(this.isSourceId(n), "Expected a valid source ID.");
+      ne(this.isSourceId(n), "Expected a valid source ID.");
       var i = r && n === this.pinnedSourceId, o = i ? this.pinnedSource : this.dragSources.get(n);
       return o;
     }
   }, {
     key: "getTarget",
     value: function(n) {
-      return re(this.isTargetId(n), "Expected a valid target ID."), this.dropTargets.get(n);
+      return ne(this.isTargetId(n), "Expected a valid target ID."), this.dropTargets.get(n);
     }
   }, {
     key: "getSourceType",
     value: function(n) {
-      return re(this.isSourceId(n), "Expected a valid source ID."), this.types.get(n);
+      return ne(this.isSourceId(n), "Expected a valid source ID."), this.types.get(n);
     }
   }, {
     key: "getTargetType",
     value: function(n) {
-      return re(this.isTargetId(n), "Expected a valid target ID."), this.types.get(n);
+      return ne(this.isTargetId(n), "Expected a valid target ID."), this.types.get(n);
     }
   }, {
     key: "isSourceId",
@@ -14763,25 +14763,25 @@ var k7 = /* @__PURE__ */ function() {
     key: "removeSource",
     value: function(n) {
       var r = this;
-      re(this.getSource(n), "Expected an existing source."), this.store.dispatch(G3(n)), S7(function() {
+      ne(this.getSource(n), "Expected an existing source."), this.store.dispatch(G3(n)), S7(function() {
         r.dragSources.delete(n), r.types.delete(n);
       });
     }
   }, {
     key: "removeTarget",
     value: function(n) {
-      re(this.getTarget(n), "Expected an existing target."), this.store.dispatch(q3(n)), this.dropTargets.delete(n), this.types.delete(n);
+      ne(this.getTarget(n), "Expected an existing target."), this.store.dispatch(q3(n)), this.dropTargets.delete(n), this.types.delete(n);
     }
   }, {
     key: "pinSource",
     value: function(n) {
       var r = this.getSource(n);
-      re(r, "Expected an existing source."), this.pinnedSourceId = n, this.pinnedSource = r;
+      ne(r, "Expected an existing source."), this.pinnedSourceId = n, this.pinnedSource = r;
     }
   }, {
     key: "unpinSource",
     value: function() {
-      re(this.pinnedSource, "No source is pinned at the time."), this.pinnedSourceId = null, this.pinnedSource = null;
+      ne(this.pinnedSource, "No source is pinned at the time."), this.pinnedSourceId = null, this.pinnedSource = null;
     }
   }, {
     key: "addHandler",
@@ -14930,7 +14930,7 @@ var mo = !1, yo = !1, q7 = /* @__PURE__ */ function() {
   }, {
     key: "canDrag",
     value: function() {
-      re(!mo, "You may not call monitor.canDrag() inside your canDrag() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor");
+      ne(!mo, "You may not call monitor.canDrag() inside your canDrag() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor");
       try {
         return mo = !0, this.internalMonitor.canDragSource(this.sourceId);
       } finally {
@@ -14942,7 +14942,7 @@ var mo = !1, yo = !1, q7 = /* @__PURE__ */ function() {
     value: function() {
       if (!this.sourceId)
         return !1;
-      re(!yo, "You may not call monitor.isDragging() inside your isDragging() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor");
+      ne(!yo, "You may not call monitor.isDragging() inside your isDragging() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor");
       try {
         return yo = !0, this.internalMonitor.isDraggingSource(this.sourceId);
       } finally {
@@ -15081,7 +15081,7 @@ var bo = !1, Q7 = /* @__PURE__ */ function() {
     value: function() {
       if (!this.targetId)
         return !1;
-      re(!bo, "You may not call monitor.canDrop() inside your canDrop() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drop-target-monitor");
+      ne(!bo, "You may not call monitor.canDrop() inside your canDrop() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drop-target-monitor");
       try {
         return bo = !0, this.internalMonitor.canDropOnTarget(this.targetId);
       } finally {
@@ -15180,7 +15180,7 @@ function Dc(t, e) {
 }
 function nm(t, e) {
   var n = t.ref;
-  return re(typeof n != "string", "Cannot connect React DnD to an element with an existing string ref. Please convert it to use a callback ref instead, or wrap it into a <span> or <div>. Read more: https://reactjs.org/docs/refs-and-the-dom.html#callback-refs"), n ? Io(t, {
+  return ne(typeof n != "string", "Cannot connect React DnD to an element with an existing string ref. Please convert it to use a callback ref instead, or wrap it into a <span> or <div>. Read more: https://reactjs.org/docs/refs-and-the-dom.html#callback-refs"), n ? Io(t, {
     ref: function(i) {
       Dc(n, i), Dc(e, i);
     }
@@ -15529,12 +15529,12 @@ function mm(t, e, n) {
 }
 function Gt() {
   var t = Q(af), e = t.dragDropManager;
-  return re(e != null, "Expected drag drop context"), e;
+  return ne(e != null, "Expected drag drop context"), e;
 }
 function ym(t) {
   return G(function() {
     var e = t.type;
-    return re(e != null, "spec.type must be defined"), e;
+    return ne(e != null, "spec.type must be defined"), e;
   }, [t]);
 }
 function bm(t, e) {
@@ -15718,7 +15718,7 @@ function Km(t) {
 function mf(t, e, n) {
   var r = J(function() {
     return e(t);
-  }), i = Rm(r, 2), o = i[0], l = i[1], a = ne(function() {
+  }), i = Rm(r, 2), o = i[0], l = i[1], a = re(function() {
     var s = e(t);
     Lm(o, s) || (l(s), n && n());
   }, [o, t, n]);
@@ -15796,14 +15796,14 @@ function Zm(t) {
 }
 function Gm(t, e) {
   var n = gf(t, e);
-  re(!n.begin, "useDrag::spec.begin was deprecated in v14. Replace spec.begin() with spec.item(). (see more here - https://react-dnd.github.io/react-dnd/docs/api/use-drag)");
+  ne(!n.begin, "useDrag::spec.begin was deprecated in v14. Replace spec.begin() with spec.item(). (see more here - https://react-dnd.github.io/react-dnd/docs/api/use-drag)");
   var r = Im(), i = Om(n.options, n.previewOptions);
   return xm(n, r, i), [yf(n.collect, r, i), Wm(i), Zm(i)];
 }
 function qm(t) {
   var e = t.accept;
   return G(function() {
-    return re(t.accept != null, "accept must be defined"), Array.isArray(e) ? e : [e];
+    return ne(t.accept != null, "accept must be defined"), Array.isArray(e) ? e : [e];
   }, [e]);
 }
 function Ym(t, e) {
@@ -16837,7 +16837,7 @@ function Yy(t) {
 }
 const Xy = R.memo(function({ index: e, style: n }) {
   U2(), m9();
-  const r = Fe(), i = Yy(e), o = U(null), l = Uy(i), a = qy(o, i), s = ne((f) => {
+  const r = Fe(), i = Yy(e), o = U(null), l = Uy(i), a = qy(o, i), s = re((f) => {
     o.current = f, a(f);
   }, [a]), c = r.indent * i.level, u = G(() => ({ paddingLeft: c }), [c]), d = G(() => {
     var f, v;
@@ -17918,7 +17918,7 @@ function xb(t, e) {
   X(function() {
     o();
   });
-  var o = ne(function() {
+  var o = re(function() {
     var l = i.current, a = r.current, s = l || (a ? a instanceof Element ? a : a.current : null);
     n.current && n.current.element === s && n.current.subscriber === t || (n.current && n.current.cleanup && n.current.cleanup(), n.current = {
       element: s,
@@ -17932,7 +17932,7 @@ function xb(t, e) {
     return function() {
       n.current && n.current.cleanup && (n.current.cleanup(), n.current = null);
     };
-  }, []), ne(function(l) {
+  }, []), re(function(l) {
     i.current = l, o();
   }, [o]);
 }
@@ -17960,7 +17960,7 @@ function $b(t) {
   var c = U({
     width: void 0,
     height: void 0
-  }), u = xb(ne(function(d) {
+  }), u = xb(re(function(d) {
     return (!i.current || i.current.box !== t.box || i.current.round !== r) && (i.current = {
       box: t.box,
       round: r,
@@ -18249,7 +18249,7 @@ const fl = (t) => t ? t.nodeType === qe.SEPARATOR : !1, hl = (t) => t ? t.nodeTy
     C && (s ? s(C, () => {
       p == null || p.treeData.handleMove(C), a == null || a(C);
     }) : (p == null || p.treeData.handleMove(C), a == null || a(C)));
-  }, y = ne(
+  }, y = re(
     (b) => l ? !l(b) : !1,
     [l]
   );
@@ -18308,7 +18308,19 @@ const fl = (t) => t ? t.nodeType === qe.SEPARATOR : !1, hl = (t) => t ? t.nodeTy
       }
     );
 }, Db = ({ children: t, ...e }) => {
-  const n = e.node.data.value.nodeType === qe.TITLE, r = e.node.data.value.nodeType === qe.SEPARATOR, { style: i } = e.attrs, o = { ...i };
+  const n = e.node.data.value.nodeType === qe.TITLE, r = e.node.data.value.nodeType === qe.SEPARATOR, { style: i } = e.attrs, o = { ...i }, l = (a) => {
+    const s = a.target;
+    if (s) {
+      const c = s.closest(".actions"), d = s.closest('button, a[href], input, textarea, select, [role="menuitem"], [role="button"]');
+      if (c || d)
+        return;
+    }
+    if ((a.key === "Enter" || a.key === " ") && a.currentTarget.click(), a.key === "F2") {
+      a.preventDefault();
+      const c = a.currentTarget.querySelector("button");
+      c && c.focus();
+    }
+  };
   return n || r ? /* @__PURE__ */ Wn(
     "div",
     {
@@ -18316,7 +18328,7 @@ const fl = (t) => t ? t.nodeType === qe.SEPARATOR : !1, hl = (t) => t ? t.nodeTy
       key: e.node.id,
       style: o,
       ref: e.innerRef,
-      onFocus: (l) => l.stopPropagation(),
+      onFocus: (a) => a.stopPropagation(),
       onClick: e.node.handleClick
     },
     t
@@ -18327,8 +18339,9 @@ const fl = (t) => t ? t.nodeType === qe.SEPARATOR : !1, hl = (t) => t ? t.nodeTy
       style: o,
       key: e.node.id,
       ref: e.innerRef,
-      onFocus: (l) => l.stopPropagation(),
-      onClick: e.node.handleClick
+      onFocus: (a) => a.stopPropagation(),
+      onClick: e.node.handleClick,
+      onKeyDown: l
     },
     /* @__PURE__ */ g.jsx("div", { className: "c__tree-view--row-content", children: t })
   );
@@ -18337,7 +18350,7 @@ function Mf(t) {
   const e = U(t);
   return Rf(() => {
     e.current = t;
-  }), ne(function() {
+  }), re(function() {
     for (var n = arguments.length, r = new Array(n), i = 0; i < n; i++)
       r[i] = arguments[i];
     return e.current == null ? void 0 : e.current(...r);
@@ -18351,7 +18364,7 @@ function Gc(t, e) {
   }, e), n;
 }
 function _b(t) {
-  const e = Mf(t), n = U(null), r = ne(
+  const e = Mf(t), n = U(null), r = re(
     (i) => {
       i !== n.current && (e == null || e(i, n.current)), n.current = i;
     },
@@ -18475,7 +18488,7 @@ function Ab(t) {
   } = {
     ...Mb,
     ...i
-  }, y = Gc(f ?? r), b = ne(
+  }, y = Gc(f ?? r), b = re(
     () => {
       if (!d.current) {
         d.current = !0;
@@ -18490,7 +18503,7 @@ function Ab(t) {
   ), C = kb({
     callback: b,
     disabled: m || !l
-  }), $ = ne((k, F) => {
+  }), $ = re((k, F) => {
     C && (F && (C.unobserve(F), d.current = !1), k && C.observe(k));
   }, [C]), [E, S] = _b($), x = Gc(e);
   return X(() => {
@@ -18546,26 +18559,22 @@ const Fb = (t) => {
   style: i,
   forceLoading: o
 }) => {
-  var C, $;
-  const l = Lf(), a = U(null), [s, c] = J(!1), [u, d] = J(!1), h = o ?? s, p = n.willReceiveDrop || u, m = n.data.value.childrenCount !== void 0 && n.data.value.childrenCount > 0 || (((C = n.data.children) == null ? void 0 : C.length) ?? 0) > 0, f = (($ = n.children) == null ? void 0 : $.length) ?? !1, v = n.isLeaf || !m, y = ne(async () => {
-    if (!v) {
-      if (f || n.data.value.hasLoadedChildren) {
-        n.toggle();
-        return;
-      }
-      c(!0), await (l == null ? void 0 : l.treeData.handleLoadChildren(n.data.value.id)), c(!1), n.open();
-    }
-  }, [v, f, n, l == null ? void 0 : l.treeData]), b = ne(
-    (E) => {
-      E && !n.isOpen && !n.isDragging && (a.current = setTimeout(() => {
-        y();
-      }, 500)), a.current && !E && clearTimeout(a.current);
-    },
-    [y, n.isOpen, n.isDragging]
-  );
+  var y, b;
+  const l = Lf(), a = U(null), [s, c] = J(!1), [u, d] = J(!1), h = o ?? s, p = n.willReceiveDrop || u, m = n.data.value.childrenCount !== void 0 && n.data.value.childrenCount > 0 || (((y = n.data.children) == null ? void 0 : y.length) ?? 0) > 0, f = ((b = n.children) == null ? void 0 : b.length) ?? !1, v = n.isLeaf || !m;
   return X(() => {
-    b(p);
-  }, [p, b]), n.data.value.nodeType === qe.SEPARATOR ? /* @__PURE__ */ g.jsx("div", { className: "c__tree-view--node__separator" }) : n.data.value.nodeType === qe.TITLE ? /* @__PURE__ */ g.jsx("div", { className: "c__tree-view--node__title", children: n.data.value.headerTitle }) : /* @__PURE__ */ g.jsx(
+    v || f || n.data.value.hasLoadedChildren || n.isOpen && (c(!0), l == null || l.treeData.handleLoadChildren(n.data.value.id).then(() => c(!1)));
+  }, [
+    n.isOpen,
+    v,
+    f,
+    n.data.value.hasLoadedChildren,
+    n.data.value.id,
+    l == null ? void 0 : l.treeData
+  ]), X(() => (p && !n.isOpen && !n.isDragging && (a.current = setTimeout(() => {
+    n.open();
+  }, 500)), () => {
+    a.current && clearTimeout(a.current);
+  }), [p, n.isOpen, n.isDragging, n]), n.data.value.nodeType === qe.SEPARATOR ? /* @__PURE__ */ g.jsx("div", { className: "c__tree-view--node__separator" }) : n.data.value.nodeType === qe.TITLE ? /* @__PURE__ */ g.jsx("div", { className: "c__tree-view--node__title", children: n.data.value.headerTitle }) : /* @__PURE__ */ g.jsx(
     Fb,
     {
       id: n.id,
@@ -18574,19 +18583,19 @@ const Fb = (t) => {
       children: /* @__PURE__ */ g.jsxs(
         "div",
         {
-          onClick: (E) => {
-            if (!E.target.closest(".c__tree-view--node")) {
-              E.stopPropagation();
+          onClick: (C) => {
+            if (!C.target.closest(".c__tree-view--node")) {
+              C.stopPropagation();
               return;
             }
             e == null || e();
           },
-          onKeyDown: (E) => {
-            E.target.closest(".c__tree-view--node") || E.stopPropagation();
+          onKeyDown: (C) => {
+            C.target.closest(".c__tree-view--node") || C.stopPropagation();
           },
           ref: r,
           style: i,
-          className: Re("c__tree-view--node", {
+          className: _e("c__tree-view--node", {
             ...n.state,
             canDrop: n.data.value.canDrop ?? !0,
             externalDrop: u
@@ -18598,8 +18607,8 @@ const Fb = (t) => {
               !h && /* @__PURE__ */ g.jsx(
                 "span",
                 {
-                  onClick: (E) => {
-                    E.stopPropagation(), y();
+                  onClick: (C) => {
+                    C.stopPropagation(), n.toggle();
                   },
                   className: "c__tree-view--node__arrow material-icons",
                   children: n.isOpen ? "keyboard_arrow_down" : "keyboard_arrow_right"
@@ -18612,7 +18621,54 @@ const Fb = (t) => {
       )
     }
   );
-}, va = ({
+}, g8 = ({
+  children: t,
+  uppercased: e = !1,
+  type: n = "accent",
+  className: r,
+  ...i
+}) => /* @__PURE__ */ g.jsx(
+  "div",
+  {
+    className: _e(r, "c__badge", {
+      "c__badge--uppercased": e,
+      [`c__badge--${n}`]: n
+    }),
+    ...i,
+    children: t
+  }
+);
+function m8(t) {
+  X(() => {
+    if (!t) return;
+    let e = !1;
+    const n = () => Array.from(t.querySelectorAll("button")).filter(
+      (l) => !l.disabled && l.getAttribute("aria-disabled") !== "true"
+    ), r = (l) => {
+      const a = l.key === "ArrowLeft" || l.key === "ArrowRight", s = l.key === " ";
+      if (!(l.target instanceof HTMLElement)) return;
+      if (s) {
+        const f = l.target.closest("button");
+        f instanceof HTMLButtonElement && t.contains(f) && f.click();
+        return;
+      }
+      if (!a) return;
+      const u = l.target.closest("button");
+      if (!(u instanceof HTMLButtonElement && t.contains(u))) return;
+      const h = n(), p = h.indexOf(u);
+      if (p < 0) return;
+      l.preventDefault(), l.stopPropagation();
+      const m = l.key === "ArrowRight" ? (p + 1) % h.length : (p - 1 + h.length) % h.length;
+      h[m].focus(), e = !0;
+    }, i = (l) => {
+      e && ((l.key === " " || l.key === "Enter") && (l.preventDefault(), l.stopPropagation()), e = !1);
+    }, o = { capture: !0 };
+    return t.addEventListener("keydown", r, o), t.addEventListener("keyup", i, o), () => {
+      t.removeEventListener("keydown", r, o), t.removeEventListener("keyup", i, o);
+    };
+  }, [t]);
+}
+const va = ({
   roles: t,
   onSelect: e,
   canUpdate: n = !0,
@@ -18726,7 +18782,7 @@ const Fb = (t) => {
     "div",
     {
       style: { backgroundColor: n || void 0 },
-      className: Re(`c__avatar ${e}`, {
+      className: _e(`c__avatar ${e}`, {
         [i]: !n && i
       }),
       children: /* @__PURE__ */ g.jsx("div", { className: "c__avatar__initials", children: r })
@@ -18745,7 +18801,7 @@ const Fb = (t) => {
       n && e && /* @__PURE__ */ g.jsx(
         "span",
         {
-          className: Re("c__user-row__email", {
+          className: _e("c__user-row__email", {
             "has-only-email": e && (t === "" || !t)
           }),
           children: e
@@ -19012,7 +19068,7 @@ const Fb = (t) => {
       `components.share.linkSettings.reach.choices.${p}.description`
     ) })
   ] });
-}, g8 = ({
+}, y8 = ({
   searchUsersResult: t,
   children: e,
   outsideSearchContent: n,
@@ -19051,7 +19107,7 @@ const Fb = (t) => {
     }, 300);
   }, A = (j) => {
     E(j), B(j);
-  }, W = S !== "" || k.length > 0, D = ne(
+  }, W = S !== "" || k.length > 0, D = re(
     (j) => {
       F((z) => [...z, j]), E(""), x(""), p.onSearchUsers("");
     },
@@ -19254,7 +19310,7 @@ const Fb = (t) => {
       children: n("components.share.members.load_more")
     }
   ) }) : null;
-}, m8 = ({
+}, b8 = ({
   onCopyLink: t,
   onOk: e
 }) => {
@@ -19271,7 +19327,7 @@ const Fb = (t) => {
     ),
     /* @__PURE__ */ g.jsx(Pe, { color: "primary", onClick: e, children: n("components.share.ok") })
   ] });
-}, y8 = ({
+}, C8 = ({
   user: t,
   settingsCTA: e,
   logout: n,
@@ -19342,6 +19398,7 @@ const Fb = (t) => {
 };
 export {
   va as AccessRoleDropdown,
+  g8 as Badge,
   Jb as CunninghamProvider,
   f8 as CustomTabs,
   En as DropdownMenu,
@@ -19352,7 +19409,7 @@ export {
   n8 as HomeGutter,
   Xs as HorizontalSeparator,
   ri as Icon,
-  Le as IconSize,
+  Re as IconSize,
   Rr as IconType,
   jb as InvitationUserSelectorItem,
   Kb as InvitationUserSelectorList,
@@ -19370,8 +19427,8 @@ export {
   nu as SearchUserItem,
   Bb as ShareInvitationItem,
   zb as ShareMemberItem,
-  g8 as ShareModal,
-  m8 as ShareModalCopyLinkFooter,
+  y8 as ShareModal,
+  b8 as ShareModalCopyLinkFooter,
   i2 as Spinner,
   Gn as TreeApi,
   Nf as TreeContext,
@@ -19382,7 +19439,7 @@ export {
   qe as TreeViewNodeTypeEnum,
   Eb as TreeViewSeparator,
   gl as UserAvatar,
-  y8 as UserMenu,
+  C8 as UserMenu,
   ga as UserRow,
   d8 as VerticalSeparator,
   s8 as WithLabel,
@@ -19398,6 +19455,7 @@ export {
   fl as isSeparator,
   hl as isTitle,
   i1 as locales,
+  m8 as useArrowRoving,
   Zb as useCustomTranslations,
   Ft as useDropdownMenu,
   cr as useResponsive,