teodor-new-chat-ui 3.0.71 → 3.0.72

package/dist/index.esm.js

@@ -214,7 +214,7 @@ function fm() {
       var le = typeof WeakMap == "function" ? WeakMap : Map;
       ne = new le();
     }
-    function se(T, U) {
+    function ie(T, U) {
       if (!T || Z)
         return "";
       {
@@ -286,7 +286,7 @@ function fm() {
       return typeof T == "function" && ne.set(T, za), za;
     }
     function ke(T, U, te) {
-      return se(T, !1);
+      return ie(T, !1);
     }
     function Fe(T) {
       var U = T.prototype;
@@ -296,7 +296,7 @@ function fm() {
       if (T == null)
         return "";
       if (typeof T == "function")
-        return se(T, Fe(T));
+        return ie(T, Fe(T));
       if (typeof T == "string")
         return P(T);
       switch (T) {
@@ -466,13 +466,13 @@ function fm() {
         return Rs(T, Te, ft, _e, ge, Ve.current, Ie);
       }
     }
-    var J = b.ReactCurrentOwner, ie = b.ReactDebugCurrentFrame;
+    var J = b.ReactCurrentOwner, se = b.ReactDebugCurrentFrame;
     function Re(T) {
       if (T) {
         var U = T._owner, te = Le(T.type, T._source, U ? U.type : null);
-        ie.setExtraStackFrame(te);
+        se.setExtraStackFrame(te);
       } else
-        ie.setExtraStackFrame(null);
+        se.setExtraStackFrame(null);
     }
     var Pe;
     Pe = !1;
@@ -3073,10 +3073,10 @@ function ao({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
   }, [u, z, q, I]), le = We(async () => {
     if (!z) throw new Error("No active thread");
     await P(z);
-  }, [z, P]), se = at(!1);
+  }, [z, P]), ie = at(!1);
   Ge(() => {
-    const H = se.current;
-    if (se.current = d, H && !d && z) {
+    const H = ie.current;
+    if (ie.current = d, H && !d && z) {
       const ae = w.lastCheckpointId ?? void 0;
       (async () => {
         try {
@@ -4708,8 +4708,8 @@ const _n = Ne(
               let Y = 0;
               for (const P of Yo(O, he, be)) {
                 const Z = P.value, ne = Math.max(P.start, he), le = Math.min(P.end, be);
-                for (let se = ne; se <= le; se++)
-                  z.push({ data: $ == null ? void 0 : $[se], index: se, offset: Y, size: Z }), Y += Z;
+                for (let ie = ne; ie <= le; ie++)
+                  z.push({ data: $ == null ? void 0 : $[ie], index: ie, offset: Y, size: Z }), Y += Z;
               }
             }
             if (!M)
@@ -4724,13 +4724,13 @@ const _n = Ne(
                 const ne = Y.size;
                 if (Y.offset < C) {
                   Z += Math.floor((C - Y.offset + N) / (ne + N));
-                  const se = Z - be.start;
-                  P += se * ne + se * N;
+                  const ie = Z - be.start;
+                  P += ie * ne + ie * N;
                 }
                 Z < X && (P += (X - Z) * ne, Z = X);
                 const le = Math.min(be.end, F);
-                for (let se = Z; se <= le && !(P >= R); se++)
-                  he.push({ data: $ == null ? void 0 : $[se], index: se, offset: P, size: ne }), P += ne + N;
+                for (let ie = Z; ie <= le && !(P >= R); ie++)
+                  he.push({ data: $ == null ? void 0 : $[ie], index: ie, offset: P, size: ne }), P += ne + N;
               }
             });
             return co(ee, z, I, N, L, G);
@@ -5908,7 +5908,7 @@ const yv = /* @__PURE__ */ Ne(
     ), Oe(
       B(
         Ze(g, z, k, A, _, X),
-        pe(([P, Z, ne, le, , se]) => P && !Z && ne.height !== 0 && le.height !== 0 && !se)
+        pe(([P, Z, ne, le, , ie]) => P && !Z && ne.height !== 0 && le.height !== 0 && !ie)
       ),
       ([, , , , P]) => {
         ye(X, !0), Gi(1, () => {
@@ -5977,7 +5977,7 @@ const yv = /* @__PURE__ */ Ne(
             P,
             [Z, ne],
             le,
-            se,
+            ie,
             ke,
             Fe,
             Le,
@@ -5985,7 +5985,7 @@ const yv = /* @__PURE__ */ Ne(
             ue,
             je
           ]) => {
-            const { column: xe, row: H } = le, { height: ae, width: Be } = se, { width: nt } = ke;
+            const { column: xe, row: H } = le, { height: ae, width: Be } = ie, { width: nt } = ke;
             if (Le === 0 && (P === 0 || nt === 0))
               return jl;
             if (Be === 0) {
@@ -5995,7 +5995,7 @@ const yv = /* @__PURE__ */ Ne(
             const dt = Ru(nt, Be, xe);
             let rt, Qe;
             ue ? Z === 0 && ne === 0 && Le > 0 ? (rt = 0, Qe = Le - 1) : (rt = dt * No((Z + H) / (ae + H)), Qe = dt * Al((ne + H) / (ae + H)) - 1, Qe = Ds(P - 1, vr(Qe, dt - 1)), rt = Ds(Qe, vr(0, rt))) : (rt = 0, Qe = -1);
-            const Ct = Pl(rt, Qe, Fe), { bottom: Ve, top: st } = _l(ke, le, se, Ct), Ke = Al(P / dt), it = Ke * ae + (Ke - 1) * H - Ve;
+            const Ct = Pl(rt, Qe, Fe), { bottom: Ve, top: st } = _l(ke, le, ie, Ct), Ke = Al(P / dt), it = Ke * ae + (Ke - 1) * H - Ve;
             return { bottom: Ve, itemHeight: ae, items: Ct, itemWidth: Be, offsetBottom: it, offsetTop: st, top: st };
           }
         )
@@ -6013,8 +6013,8 @@ const yv = /* @__PURE__ */ Ne(
         Ze(A, k, I, $),
         pe(([P, Z, { items: ne }]) => ne.length > 0 && Z.height !== 0 && P.height !== 0),
         re(([P, Z, { items: ne }, le]) => {
-          const { bottom: se, top: ke } = _l(P, le, Z, ne);
-          return [ke, se];
+          const { bottom: ie, top: ke } = _l(P, le, Z, ne);
+          return [ke, ie];
         }),
         He(Tr)
       ),
@@ -6065,11 +6065,11 @@ const yv = /* @__PURE__ */ Ne(
       B(
         M,
         Se(A, k, C, $),
-        re(([P, Z, ne, le, se]) => {
+        re(([P, Z, ne, le, ie]) => {
           const ke = lu(P), { align: Fe, behavior: Le, offset: ue } = ke;
           let je = ke.index;
           je === "LAST" && (je = le - 1), je = vr(0, je, Ds(le - 1, je));
-          let xe = hi(Z, se, ne, je);
+          let xe = hi(Z, ie, ne, je);
           return Fe === "end" ? xe = kl(xe - Z.height + ne.height) : Fe === "center" && (xe = kl(xe - Z.height / 2 + ne.height / 2)), ue && (xe += ue), { behavior: Le, top: xe };
         })
       ),
@@ -8504,7 +8504,7 @@ const Nw = K.memo(function({
       default:
         return ue;
     }
-  }, se = () => {
+  }, ie = () => {
     const ue = D(
       "rounded-lg px-4 py-3 relative transition-all duration-200 min-w-0 max-w-full break-words",
       O && "px-3 py-2 text-sm"
@@ -8633,7 +8633,7 @@ const Nw = K.memo(function({
     ] });
   }, Le = wn(() => Mw(t), [t]);
   return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-    /* @__PURE__ */ l.jsx("div", { className: D(le(), g.container), children: /* @__PURE__ */ l.jsxs("div", { className: D(se(), g.content), children: [
+    /* @__PURE__ */ l.jsx("div", { className: D(le(), g.container), children: /* @__PURE__ */ l.jsxs("div", { className: D(ie(), g.content), children: [
       (a || c || z) && /* @__PURE__ */ l.jsxs(
         "div",
         {
@@ -10479,7 +10479,7 @@ var Od = "PopperAnchor", Md = f.forwardRef(
 Md.displayName = Od;
 var va = "PopperContent", [rS, oS] = kd(va), Dd = f.forwardRef(
   (e, t) => {
-    var Y, P, Z, ne, le, se;
+    var Y, P, Z, ne, le, ie;
     const {
       __scopePopper: n,
       side: r = "bottom",
@@ -10555,7 +10555,7 @@ var va = "PopperContent", [rS, oS] = kd(va), Dd = f.forwardRef(
           // hide the content if using the hide middleware and should be hidden
           // set visibility to hidden and disable pointer events so the UI behaves
           // as if the PopperContent isn't there at all
-          ...((se = O.hide) == null ? void 0 : se.referenceHidden) && {
+          ...((ie = O.hide) == null ? void 0 : ie.referenceHidden) && {
             visibility: "hidden",
             pointerEvents: "none"
           }
@@ -11712,46 +11712,46 @@ function vo({
     isLoadingHistory: I,
     loadOlderMessages: A,
     api: k
-  } = Hi(), [M, W] = de(null), [G, N] = de(""), [$, L] = de(null), [q, O] = de([]), [_, z] = de(!1), [X, oe] = de(null), [F, ee] = de(null), [he, be] = de(!1), [Y, P] = de(null), [Z, ne] = de([]), [le, se] = de(null);
+  } = Hi(), [M, W] = de(null), [G, N] = de(""), [$, L] = de(null), [q, O] = de([]), [_, z] = de(!1), [X, oe] = de(null), [F, ee] = de(null), [he, be] = de(!1), [Y, P] = de(null), [Z, ne] = de([]), [le, ie] = de(null);
   at(null);
   const ke = at(null), Fe = at(null), Le = at(null), ue = at(!1), je = at(!0), xe = at(0), H = at(null), [ae, Be] = de("desktop");
   Ge(() => {
     const J = () => {
-      const ie = window.innerWidth;
-      Be(ie < 640 ? "phone" : ie < 1024 ? "tablet" : "desktop");
+      const se = window.innerWidth;
+      Be(se < 640 ? "phone" : se < 1024 ? "tablet" : "desktop");
     };
     return J(), window.addEventListener("resize", J), () => window.removeEventListener("resize", J);
   }, []), Ge(() => {
     let J = !1;
     if (!p) {
-      ne([]), se(null), H.current = null;
+      ne([]), ie(null), H.current = null;
       return;
     }
-    const ie = {
+    const se = {
       threadId: p,
       checkpointId: y ?? null
     }, Re = H.current;
-    if (!(Re && Re.threadId === ie.threadId && Re.checkpointId === ie.checkpointId))
+    if (!(Re && Re.threadId === se.threadId && Re.checkpointId === se.checkpointId))
       return E(p).then((Pe) => {
         if (J) return;
         const Qt = ((Pe == null ? void 0 : Pe.checkpoints) ?? []).slice().sort((on, Ln) => new Date(Ln.createdAt).getTime() - new Date(on.createdAt).getTime());
-        ne(Qt), se((on) => {
+        ne(Qt), ie((on) => {
           var Ln;
           return on ?? ((Ln = Qt[0]) == null ? void 0 : Ln.checkpointId) ?? null;
-        }), H.current = ie;
+        }), H.current = se;
       }).catch((Pe) => {
         console.error("ChatInterface - listCheckpoints error:", Pe), J || (ne([]), H.current = null);
       }), () => {
         J = !0;
       };
   }, [p, y, E]), Ge(() => {
-    y && se(y);
+    y && ie(y);
   }, [y]);
   const nt = We(async () => {
     if (!R || I) return;
     const J = Le.current;
     if (!J) return;
-    const ie = J.scrollHeight, Re = J.scrollTop;
+    const se = J.scrollHeight, Re = J.scrollTop;
     ue.current = !0;
     try {
       await A();
@@ -11765,7 +11765,7 @@ function vo({
           return;
         }
         const Qt = Pe.scrollHeight;
-        Pe.scrollTop = Re + (Qt - ie);
+        Pe.scrollTop = Re + (Qt - se);
         const on = Qt - Pe.scrollTop - Pe.clientHeight;
         je.current = on <= 32, ue.current = !1;
       });
@@ -11779,10 +11779,10 @@ function vo({
   }, [v]), Ge(() => {
     (async () => {
       try {
-        const ie = await k.getAgent("default");
-        P(ie.uiDefaultMessage || null);
-      } catch (ie) {
-        console.warn("Failed to fetch default message:", ie), P(null);
+        const se = await k.getAgent("default");
+        P(se.uiDefaultMessage || null);
+      } catch (se) {
+        console.warn("Failed to fetch default message:", se), P(null);
       }
     })();
   }, [k]), Ge(() => {
@@ -11793,60 +11793,60 @@ function vo({
       return `Message too long (${J.length}/${go} characters)`;
     try {
       return zw(J), null;
-    } catch (ie) {
-      return (ie == null ? void 0 : ie.message) || "Invalid message";
+    } catch (se) {
+      return (se == null ? void 0 : se.message) || "Invalid message";
     }
   }, rt = (J) => {
-    const ie = J.content || [], Re = ie.filter((Pe) => Pe.type === "text").map((Pe) => Pe.text).join("");
+    const se = J.content || [], Re = se.filter((Pe) => Pe.type === "text").map((Pe) => Pe.text).join("");
     if (Re) return Re;
     try {
-      return JSON.stringify(ie, null, 2);
+      return JSON.stringify(se, null, 2);
     } catch {
-      return String(ie);
+      return String(se);
     }
   }, Qe = async (J) => {
-    const ie = J.trim();
-    if (!(!ie && q.length === 0)) {
-      if (ie) {
-        const Re = dt(ie);
+    const se = J.trim();
+    if (!(!se && q.length === 0)) {
+      if (se) {
+        const Re = dt(se);
         if (Re) {
           L(Re);
           return;
         }
       }
       try {
-        await b(ie, { checkpointId: le || y || void 0, payloadExtras: M ? { edit: !0, originalMessageId: M } : void 0, attachments: q }), u == null || u(ie), L(null), O([]), W(null), N("");
+        await b(se, { checkpointId: le || y || void 0, payloadExtras: M ? { edit: !0, originalMessageId: M } : void 0, attachments: q }), u == null || u(se), L(null), O([]), W(null), N("");
       } catch (Re) {
         const Pe = (Re == null ? void 0 : Re.message) || "Failed to send message";
         L(Pe), h == null || h(Pe);
       }
     }
-  }, Ct = K.useCallback((J, ie) => {
-    a && (W(J), N(ie), L(null));
+  }, Ct = K.useCallback((J, se) => {
+    a && (W(J), N(se), L(null));
   }, [a]), Ve = K.useCallback(() => {
     W(null), N(""), L(null);
-  }, []), st = We((J, ie) => {
-    Ct(J, ie);
+  }, []), st = We((J, se) => {
+    Ct(J, se);
   }, [Ct]), Ke = We((J) => {
-    for (let ie = J - 1; ie >= 0; ie--)
-      if (v[ie].role === "user") {
-        const Re = rt(v[ie]);
+    for (let se = J - 1; se >= 0; se--)
+      if (v[se].role === "user") {
+        const Re = rt(v[se]);
         Re && b(Re, { checkpointId: le || y || void 0 });
         break;
       }
   }, [v, b, le, y, rt]), it = (J) => {
-    const ie = Array.from(J.target.files || []);
-    O((Re) => [...Re, ...ie]);
-  }, Pt = (J) => O((ie) => ie.filter((Re, Pe) => J !== Pe)), vn = async (J) => {
-    const ie = (J.target.files || [])[0];
-    if (ie) {
+    const se = Array.from(J.target.files || []);
+    O((Re) => [...Re, ...se]);
+  }, Pt = (J) => O((se) => se.filter((Re, Pe) => J !== Pe)), vn = async (J) => {
+    const se = (J.target.files || [])[0];
+    if (se) {
       oe(null), ee(null), z(!0);
       try {
         await b("", {
           checkpointId: le || y || void 0,
-          attachments: [ie]
+          attachments: [se]
         });
-        const Re = `Uploaded ${ie.name} - processing through chat stream`;
+        const Re = `Uploaded ${se.name} - processing through chat stream`;
         ee(Re);
       } catch (Re) {
         const Pe = Re instanceof Error ? Re.message : "Failed to upload Excel file";
@@ -11857,15 +11857,15 @@ function vo({
     }
   }, Dn = (J) => {
     if (!J) return "Unknown";
-    const ie = Date.parse(J);
-    return Number.isNaN(ie) ? J : new Date(ie).toLocaleString();
+    const se = Date.parse(J);
+    return Number.isNaN(se) ? J : new Date(se).toLocaleString();
   }, Ue = async (J) => {
     if (p) {
       if (!J) {
-        await C(), se(null);
+        await C(), ie(null);
         return;
       }
-      await S(J), se(J);
+      await S(J), ie(J);
     }
   }, ur = `flex flex-1 w-full flex-col min-h-0 min-w-0 max-h-full overflow-hidden bg-transparent ${e} ${c.container || ""}`, Rs = `flex-1 min-h-0 min-w-0 max-h-full w-full overflow-y-auto overflow-x-auto overscroll-contain break-words break-anywhere p-4 space-y-4 bg-transparent ${c.messagesArea || ""}`, Es = `flex-shrink-0 w-full border-t p-4 bg-transparent ${c.inputArea || ""}`;
   return /* @__PURE__ */ l.jsxs("div", { className: ur, children: [
@@ -11891,8 +11891,8 @@ function vo({
           className: "border border-border rounded px-2 py-1 text-xs bg-card text-foreground focus:outline-none focus:ring-1 focus:ring-ring dark:bg-secondary",
           value: le ?? "",
           onChange: (J) => {
-            const ie = J.target.value || null;
-            Ue(ie);
+            const se = J.target.value || null;
+            Ue(se);
           },
           children: [
             /* @__PURE__ */ l.jsx("option", { value: "", children: "Latest" }),
@@ -11913,35 +11913,36 @@ function vo({
           gv,
           {
             data: v,
-            followOutput: "smooth",
+            followOutput: g ? "auto" : "smooth",
             overscan: 120,
             increaseViewportBy: { top: 200, bottom: 200 },
             startReached: () => {
               nt();
             },
             style: { height: "100%", overscrollBehavior: "contain" },
+            computeItemKey: (J, se) => se.id ?? `message-${J}`,
             components: {
-              Scroller: K.forwardRef((J, ie) => /* @__PURE__ */ l.jsx(
+              Scroller: K.forwardRef((J, se) => /* @__PURE__ */ l.jsx(
                 "div",
                 {
                   ...J,
-                  ref: ie,
+                  ref: se,
                   style: {
-                    overflowAnchor: "auto",
+                    overflowAnchor: "none",
                     willChange: "transform",
                     ...(J == null ? void 0 : J.style) ?? {}
                   }
                 }
               ))
             },
-            itemContent: (J, ie) => /* @__PURE__ */ l.jsx(
+            itemContent: (J, se) => /* @__PURE__ */ l.jsx(
               Nw,
               {
-                message: ie,
+                message: se,
                 messageIndex: J,
-                isStreamingMessage: g && x === ie.id,
+                isStreamingMessage: g && x === se.id,
                 streamingDebounceMs: o,
-                isEditing: M === ie.id,
+                isEditing: M === se.id,
                 showActions: a,
                 showTimestamp: !1,
                 showAgentName: !0,
@@ -11952,7 +11953,7 @@ function vo({
                 onRegenerate: () => Ke(J),
                 onCancelEdit: Ve
               },
-              ie.id ?? `msg-${ie.role}-${J}-${ie.createdAt ?? ""}`
+              se.id ?? `msg-${se.role}-${J}-${se.createdAt ?? ""}`
             )
           }
         )
@@ -11987,7 +11988,7 @@ function vo({
               className: "hidden"
             }
           ),
-          q.length > 0 && /* @__PURE__ */ l.jsx("div", { className: "flex flex-wrap gap-2", children: q.map((J, ie) => /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-2 bg-gray-100 dark:bg-gray-800 rounded-lg px-3 py-2 text-sm text-gray-900 dark:text-gray-100", children: [
+          q.length > 0 && /* @__PURE__ */ l.jsx("div", { className: "flex flex-wrap gap-2", children: q.map((J, se) => /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-2 bg-gray-100 dark:bg-gray-800 rounded-lg px-3 py-2 text-sm text-gray-900 dark:text-gray-100", children: [
             /* @__PURE__ */ l.jsx(Ka, { size: 14 }),
             /* @__PURE__ */ l.jsx("span", { className: "truncate max-w-[150px]", children: J.name }),
             /* @__PURE__ */ l.jsx(
@@ -11995,13 +11996,13 @@ function vo({
               {
                 variant: "ghost",
                 size: "sm",
-                onClick: () => Pt(ie),
+                onClick: () => Pt(se),
                 className: "h-4 w-4 p-0 text-gray-500 dark:text-gray-400 hover:text-red-500 dark:hover:text-red-400",
                 "aria-label": `Remove ${J.name}`,
                 children: /* @__PURE__ */ l.jsx(Vn, { size: 12 })
               }
             )
-          ] }, ie)) })
+          ] }, se)) })
         ] }),
         i && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
           /* @__PURE__ */ l.jsx(
@@ -14258,9 +14259,9 @@ var Ot = 10, [ep, xn] = cr(kn), dT = "SelectContentImpl", fT = Xn("SelectContent
     }, [y]), sa();
     const L = f.useCallback(
       (Y) => {
-        const [P, ...Z] = W().map((se) => se.ref.current), [ne] = Z.slice(-1), le = document.activeElement;
-        for (const se of Y)
-          if (se === le || (se == null || se.scrollIntoView({ block: "nearest" }), se === P && S && (S.scrollTop = 0), se === ne && S && (S.scrollTop = S.scrollHeight), se == null || se.focus(), document.activeElement !== le)) return;
+        const [P, ...Z] = W().map((ie) => ie.ref.current), [ne] = Z.slice(-1), le = document.activeElement;
+        for (const ie of Y)
+          if (ie === le || (ie == null || ie.scrollIntoView({ block: "nearest" }), ie === P && S && (S.scrollTop = 0), ie === ne && S && (S.scrollTop = S.scrollHeight), ie == null || ie.focus(), document.activeElement !== le)) return;
       },
       [W, S]
     ), q = f.useCallback(
@@ -14275,10 +14276,10 @@ var Ot = 10, [ep, xn] = cr(kn), dT = "SelectContentImpl", fT = Xn("SelectContent
       if (y) {
         let Y = { x: 0, y: 0 };
         const P = (ne) => {
-          var le, se;
+          var le, ie;
           Y = {
             x: Math.abs(Math.round(ne.pageX) - (((le = _.current) == null ? void 0 : le.x) ?? 0)),
-            y: Math.abs(Math.round(ne.pageY) - (((se = _.current) == null ? void 0 : se.y) ?? 0))
+            y: Math.abs(Math.round(ne.pageY) - (((ie = _.current) == null ? void 0 : ie.y) ?? 0))
           };
         }, Z = (ne) => {
           Y.x <= 10 && Y.y <= 10 ? ne.preventDefault() : y.contains(ne.target) || O(!1), document.removeEventListener("pointermove", P), _.current = null;
@@ -14382,8 +14383,8 @@ var Ot = 10, [ep, xn] = cr(kn), dT = "SelectContentImpl", fT = Xn("SelectContent
                       if (Y.key === "Tab" && Y.preventDefault(), !P && Y.key.length === 1 && X(Y.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(Y.key)) {
                         let ne = W().filter((le) => !le.disabled).map((le) => le.ref.current);
                         if (["ArrowUp", "End"].includes(Y.key) && (ne = ne.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(Y.key)) {
-                          const le = Y.target, se = ne.indexOf(le);
-                          ne = ne.slice(se + 1);
+                          const le = Y.target, ie = ne.indexOf(le);
+                          ne = ne.slice(ie + 1);
                         }
                         setTimeout(() => L(ne)), Y.preventDefault();
                       }
@@ -14404,7 +14405,7 @@ var hT = "SelectItemAlignedPosition", np = f.forwardRef((e, t) => {
     if (s.trigger && s.valueNode && a && u && x && m && b) {
       const R = s.trigger.getBoundingClientRect(), I = u.getBoundingClientRect(), A = s.valueNode.getBoundingClientRect(), k = b.getBoundingClientRect();
       if (s.dir !== "rtl") {
-        const le = k.left - I.left, se = A.left - le, ke = R.left - se, Fe = R.width + ke, Le = Math.max(Fe, I.width), ue = window.innerWidth - Ot, je = Ri(se, [
+        const le = k.left - I.left, ie = A.left - le, ke = R.left - ie, Fe = R.width + ke, Le = Math.max(Fe, I.width), ue = window.innerWidth - Ot, je = Ri(ie, [
           Ot,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
@@ -14415,7 +14416,7 @@ var hT = "SelectItemAlignedPosition", np = f.forwardRef((e, t) => {
         ]);
         a.style.minWidth = Fe + "px", a.style.left = je + "px";
       } else {
-        const le = I.right - k.right, se = window.innerWidth - A.right - le, ke = window.innerWidth - R.right - se, Fe = R.width + ke, Le = Math.max(Fe, I.width), ue = window.innerWidth - Ot, je = Ri(se, [
+        const le = I.right - k.right, ie = window.innerWidth - A.right - le, ke = window.innerWidth - R.right - ie, Fe = R.width + ke, Le = Math.max(Fe, I.width), ue = window.innerWidth - Ot, je = Ri(ie, [
           Ot,
           Math.max(Ot, ue - Le)
         ]);
@@ -14425,10 +14426,10 @@ var hT = "SelectItemAlignedPosition", np = f.forwardRef((e, t) => {
       if (P <= ee) {
         const le = M.length > 0 && m === M[M.length - 1].ref.current;
         a.style.bottom = "0px";
-        const se = u.clientHeight - x.offsetTop - x.offsetHeight, ke = Math.max(
+        const ie = u.clientHeight - x.offsetTop - x.offsetHeight, ke = Math.max(
           he,
           be + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (le ? F : 0) + se + q
+          (le ? F : 0) + ie + q
         ), Fe = P + ke;
         a.style.height = Fe + "px";
       } else {