@donkit-ai/design-system 1.4.50 → 1.4.51

package/dist/index.es.js

@@ -8,7 +8,7 @@ const I = {
   4: 28,
   5: 48
 };
-var _e = { exports: {} }, fe = {};
+var je = { exports: {} }, fe = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -76,7 +76,7 @@ function is() {
         switch (typeof c.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), c.$$typeof) {
-          case j:
+          case _:
             return "Portal";
           case T:
             return c.displayName || "Context";
@@ -246,7 +246,7 @@ React keys must be passed directly to JSX without using spread:
     function h(c) {
       return typeof c == "object" && c !== null && c.$$typeof === b;
     }
-    var u = U, b = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), L = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), T = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), A = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), v = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), X = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, x = Array.isArray, N = console.createTask ? console.createTask : function() {
+    var u = U, b = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), L = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), T = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), A = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), v = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), X = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, x = Array.isArray, N = console.createTask ? console.createTask : function() {
       return null;
     };
     u = {
@@ -281,8 +281,8 @@ React keys must be passed directly to JSX without using spread:
     };
   }()), me;
 }
-process.env.NODE_ENV === "production" ? _e.exports = os() : _e.exports = is();
-var e = _e.exports;
+process.env.NODE_ENV === "production" ? je.exports = os() : je.exports = is();
+var e = je.exports;
 function ls({ size: s = "m", color: t = "default", className: r = "", ...o }) {
   return /* @__PURE__ */ e.jsx(
     "span",
@@ -310,7 +310,7 @@ function ce({
   className: p = "",
   ...h
 }) {
-  const u = a && !s, b = i === "loading", j = i === "success", R = i === "error", E = b || j || R, L = r === "xs" ? "s" : "m", y = t === "danger" ? "on-accent" : "default", T = cs[r] ?? 16, z = b ? /* @__PURE__ */ e.jsx(ls, { size: L, color: y }) : j ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(we, { size: T, strokeWidth: 2.5 }) }) : R ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(te, { size: T, strokeWidth: 2.5 }) }) : null, A = [
+  const u = a && !s, b = i === "loading", _ = i === "success", R = i === "error", E = b || _ || R, L = r === "xs" ? "s" : "m", y = t === "danger" ? "on-accent" : "default", T = cs[r] ?? 16, z = b ? /* @__PURE__ */ e.jsx(ls, { size: L, color: y }) : _ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(we, { size: T, strokeWidth: 2.5 }) }) : R ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(te, { size: T, strokeWidth: 2.5 }) }) : null, A = [
     "ds-button",
     `ds-button--${t}`,
     `ds-button--${r}`,
@@ -448,7 +448,7 @@ function qs({
   id: d,
   ...f
 }) {
-  const [p, h] = D(!1), [u, b] = D(!1), [j, R] = D({}), [E, L] = D("down"), [y, T] = D(-1), z = k(null), A = k(null), q = k(null), H = k(null), F = d || `select-${U.useId()}`, v = `${F}-label`, C = n ? `${F}-error` : void 0, X = 150, V = (g = !1) => {
+  const [p, h] = D(!1), [u, b] = D(!1), [_, R] = D({}), [E, L] = D("down"), [y, T] = D(-1), z = k(null), A = k(null), q = k(null), H = k(null), F = d || `select-${U.useId()}`, v = `${F}-label`, C = n ? `${F}-error` : void 0, X = 150, V = (g = !1) => {
     u || (b(!0), T(-1), H.current = setTimeout(() => {
       var c;
       h(!1), b(!1), g && ((c = q.current) == null || c.focus());
@@ -522,7 +522,7 @@ function qs({
         `ds-select-dropdown--${E}`,
         u && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
-      style: j,
+      style: _,
       children: o.map((g, c) => /* @__PURE__ */ e.jsx(
         "button",
         {
@@ -623,14 +623,14 @@ function Hs({
     "ds-stepper-wrapper",
     l && "ds-stepper-wrapper--disabled",
     d && "ds-stepper-wrapper--error"
-  ].filter(Boolean).join(" "), j = [
+  ].filter(Boolean).join(" "), _ = [
     "ds-stepper",
     `ds-stepper--${i}`,
     l && "ds-stepper--disabled"
   ].filter(Boolean).join(" "), R = i === "xs" ? I[1] : i === "small" ? I[2] : I[3];
   return /* @__PURE__ */ e.jsxs("div", { className: b, children: [
     s && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: s }),
-    /* @__PURE__ */ e.jsxs("div", { className: j, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: _, children: [
       /* @__PURE__ */ e.jsx(
         "button",
         {
@@ -808,16 +808,16 @@ function st({
     }, fs));
   };
   B(() => {
-    const j = (E) => {
+    const _ = (E) => {
       E.key === "Escape" && p();
     }, R = (E) => {
       l.current && !l.current.contains(E.target) && !E.target.closest("[data-ds-portal]") && p();
     };
-    return document.addEventListener("keydown", j), document.addEventListener("mousedown", R), () => {
-      document.removeEventListener("keydown", j), document.removeEventListener("mousedown", R);
+    return document.addEventListener("keydown", _), document.addEventListener("mousedown", R), () => {
+      document.removeEventListener("keydown", _), document.removeEventListener("mousedown", R);
     };
   }, [r, d]);
-  const h = U.Children.toArray(s), u = h.find((j) => (j == null ? void 0 : j.type) === he), b = h.filter((j) => (j == null ? void 0 : j.type) !== he);
+  const h = U.Children.toArray(s), u = h.find((_) => (_ == null ? void 0 : _.type) === he), b = h.filter((_) => (_ == null ? void 0 : _.type) !== he);
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", d && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...i, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -827,20 +827,19 @@ function st({
       "aria-modal": "true",
       "aria-labelledby": t ? m : void 0,
       children: [
-        (t || r || n) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
-          (t || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header-row", children: [
-            t && /* @__PURE__ */ e.jsx("h3", { id: m, className: "ds-modal__title", children: t }),
-            r && /* @__PURE__ */ e.jsx(
-              ce,
-              {
-                variant: "ghost",
-                size: "small",
-                icon: /* @__PURE__ */ e.jsx(te, { size: I[2], strokeWidth: 1.5 }),
-                onClick: p,
-                "aria-label": "Close modal"
-              }
-            )
-          ] }),
+        r && /* @__PURE__ */ e.jsx(
+          ce,
+          {
+            className: "ds-modal__close",
+            variant: "ghost",
+            size: "small",
+            icon: /* @__PURE__ */ e.jsx(te, { size: I[2], strokeWidth: 1.5 }),
+            onClick: p,
+            "aria-label": "Close modal"
+          }
+        ),
+        (t || n) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
+          t && /* @__PURE__ */ e.jsx("h3", { id: m, className: "ds-modal__title", children: t }),
           n && /* @__PURE__ */ e.jsx("div", { className: "ds-modal__subheader", children: n })
         ] }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: b }),
@@ -866,10 +865,10 @@ function tt({
     }, ms));
   };
   B(() => {
-    const u = (j) => {
-      j.key === "Escape" && d();
-    }, b = (j) => {
-      n.current && !n.current.contains(j.target) && !j.target.closest("[data-ds-portal]") && d();
+    const u = (_) => {
+      _.key === "Escape" && d();
+    }, b = (_) => {
+      n.current && !n.current.contains(_.target) && !_.target.closest("[data-ds-portal]") && d();
     };
     return document.addEventListener("keydown", u), document.addEventListener("mousedown", b), () => {
       document.removeEventListener("keydown", u), document.removeEventListener("mousedown", b);
@@ -891,20 +890,19 @@ function tt({
           "aria-labelledby": t ? i : void 0,
           children: [
             /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__handle", "aria-hidden": "true" }),
-            (t || r || o) && /* @__PURE__ */ e.jsxs("div", { className: "ds-bottom-sheet__header", children: [
-              (t || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-bottom-sheet__header-row", children: [
-                t && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-bottom-sheet__title", children: t }),
-                r && /* @__PURE__ */ e.jsx(
-                  ce,
-                  {
-                    variant: "ghost",
-                    size: "small",
-                    icon: /* @__PURE__ */ e.jsx(te, { size: I[2], strokeWidth: 1.5 }),
-                    onClick: d,
-                    "aria-label": "Close"
-                  }
-                )
-              ] }),
+            r && /* @__PURE__ */ e.jsx(
+              ce,
+              {
+                className: "ds-bottom-sheet__close",
+                variant: "ghost",
+                size: "small",
+                icon: /* @__PURE__ */ e.jsx(te, { size: I[2], strokeWidth: 1.5 }),
+                onClick: d,
+                "aria-label": "Close"
+              }
+            ),
+            (t || o) && /* @__PURE__ */ e.jsxs("div", { className: "ds-bottom-sheet__header", children: [
+              t && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-bottom-sheet__title", children: t }),
               o && /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__subheader", children: o })
             ] }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__body ds-scrollable", children: h }),
@@ -1029,7 +1027,7 @@ function it({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1
     if (!n.current) return;
     const u = n.current.querySelector(`[data-value="${t}"]`);
     if (!u) return;
-    const b = n.current.getBoundingClientRect(), j = u.getBoundingClientRect(), R = j.left - b.left, E = j.width;
+    const b = n.current.getBoundingClientRect(), _ = u.getBoundingClientRect(), R = _.left - b.left, E = _.width;
     i.current ? (i.current.style.transition = d.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = R + "px", i.current.style.width = E + "px", d.current = !1) : (m(!0), requestAnimationFrame(() => {
       if (!i.current || !n.current) return;
       const L = n.current.querySelector(`[data-value="${t}"]`);
@@ -1161,7 +1159,7 @@ function xs(s, t, r) {
 function lt({ children: s, content: t, position: r, ...o }) {
   const [a, n] = D(!1), [i, l] = D({ visibility: "hidden" }), [m, d] = D(r || "top"), f = k(null), p = k(null), h = k(!1), u = () => {
     if (!f.current || !p.current) return;
-    const j = f.current.getBoundingClientRect(), R = p.current.getBoundingClientRect(), E = r || xs(j, R.height, R.width), { top: L, left: y, arrowOffset: T } = hs(E, j, R);
+    const _ = f.current.getBoundingClientRect(), R = p.current.getBoundingClientRect(), E = r || xs(_, R.height, R.width), { top: L, left: y, arrowOffset: T } = hs(E, _, R);
     d(E), l({
       position: "fixed",
       top: L,
@@ -1173,16 +1171,16 @@ function lt({ children: s, content: t, position: r, ...o }) {
   if (B(() => {
     if (!a) return;
     l({ position: "fixed", visibility: "hidden" });
-    const j = requestAnimationFrame(u);
+    const _ = requestAnimationFrame(u);
     return window.addEventListener("scroll", u, !0), window.addEventListener("resize", u), () => {
-      cancelAnimationFrame(j), window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
+      cancelAnimationFrame(_), window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
     };
   }, [a, r]), B(() => {
     if (!a) return;
-    const j = (R) => {
+    const _ = (R) => {
       f.current && !f.current.contains(R.target) && n(!1);
     };
-    return document.addEventListener("touchstart", j), () => document.removeEventListener("touchstart", j);
+    return document.addEventListener("touchstart", _), () => document.removeEventListener("touchstart", _);
   }, [a]), !t) return s;
   const b = a && /* @__PURE__ */ e.jsx(
     "div",
@@ -1207,7 +1205,7 @@ function lt({ children: s, content: t, position: r, ...o }) {
         h.current || n(!1);
       },
       onTouchStart: () => {
-        h.current = !0, n((j) => !j);
+        h.current = !0, n((_) => !_);
       },
       ...o,
       children: [
@@ -1332,7 +1330,7 @@ function bs({ width: s, height: t, shape: r = "rect", aspectRatio: o, className:
     }
   );
 }
-function js({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: o = "", style: a = {}, ...n }) {
+function _s({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: o = "", style: a = {}, ...n }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -1351,8 +1349,8 @@ function js({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: o = "",
     }
   );
 }
-bs.Text = js;
-function _s(s) {
+bs.Text = _s;
+function js(s) {
   let t = 2166136261;
   for (let r = 0; r < s.length; r++)
     t ^= s.charCodeAt(r), t = Math.imul(t, 16777619) >>> 0;
@@ -1364,7 +1362,7 @@ function vs(s) {
   return t.length >= 2 ? (t[0][0] + t[1][0]).toUpperCase() : s[0].toUpperCase();
 }
 function ft({ seed: s, icon: t, src: r, size: o = 32, className: a = "", style: n = {}, ...i }) {
-  const l = _s(s ?? ""), [m, d] = D(!1), f = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: vs(s) });
+  const l = js(s ?? ""), [m, d] = D(!1), f = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: vs(s) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1434,7 +1432,7 @@ function xt({ children: s, interactive: t, selected: r, subheader: o, exiting: a
 function bt({ children: s, colSpan: t = 999, ...r }) {
   return /* @__PURE__ */ e.jsx("tr", { className: "ds-table-row ds-table-row--subheader", ...r, children: /* @__PURE__ */ e.jsx("td", { colSpan: t, children: s }) });
 }
-function jt({ children: s, align: t = "left", sortDir: r, onSort: o, width: a, className: n = "", style: i = {}, ...l }) {
+function _t({ children: s, align: t = "left", sortDir: r, onSort: o, width: a, className: n = "", style: i = {}, ...l }) {
   const m = !!o || r !== void 0, d = r === "asc" ? He : r === "desc" ? xe : Ke;
   return /* @__PURE__ */ e.jsx(
     "th",
@@ -1456,7 +1454,7 @@ function jt({ children: s, align: t = "left", sortDir: r, onSort: o, width: a, c
     }
   );
 }
-function _t({ children: s, align: t = "left", secondary: r, muted: o, truncate: a, nowrap: n, className: i = "", ...l }) {
+function jt({ children: s, align: t = "left", secondary: r, muted: o, truncate: a, nowrap: n, className: i = "", ...l }) {
   return /* @__PURE__ */ e.jsx(
     "td",
     {
@@ -1649,10 +1647,10 @@ function kt({
     }, ws));
   };
   B(() => {
-    const u = (j) => {
-      j.key === "Escape" && d();
-    }, b = (j) => {
-      n.current && !n.current.contains(j.target) && !j.target.closest("[data-ds-portal]") && d();
+    const u = (_) => {
+      _.key === "Escape" && d();
+    }, b = (_) => {
+      n.current && !n.current.contains(_.target) && !_.target.closest("[data-ds-portal]") && d();
     };
     return document.addEventListener("keydown", u), document.addEventListener("mousedown", b), () => {
       document.removeEventListener("keydown", u), document.removeEventListener("mousedown", b);
@@ -1747,7 +1745,7 @@ function $t({
   style: i,
   ...l
 }) {
-  const [m, d] = D(!1), [f, p] = D(!1), h = r !== void 0, u = h ? r : m, b = k(null), j = k(null), R = k(null), E = k(null), [L, y] = D({}), T = k(null), z = 150, A = () => {
+  const [m, d] = D(!1), [f, p] = D(!1), h = r !== void 0, u = h ? r : m, b = k(null), _ = k(null), R = k(null), E = k(null), [L, y] = D({}), T = k(null), z = 150, A = () => {
     if (h)
       o == null || o(!1);
     else {
@@ -1788,7 +1786,7 @@ function $t({
     if (!u) return;
     const x = ($) => {
       var M, K;
-      !((M = b.current) != null && M.contains($.target)) && !((K = j.current) != null && K.contains($.target)) && A();
+      !((M = b.current) != null && M.contains($.target)) && !((K = _.current) != null && K.contains($.target)) && A();
     }, N = ($) => {
       $.key === "Escape" && (A(), F());
     };
@@ -1796,11 +1794,11 @@ function $t({
       document.removeEventListener("mousedown", x), document.removeEventListener("keydown", N);
     };
   }, [u]), B(() => {
-    if (!u || !E.current || !j.current) return;
+    if (!u || !E.current || !_.current) return;
     const x = v(), N = E.current === "last" ? x[x.length - 1] : x[0];
     N == null || N.focus(), E.current = null;
   }, [u]);
-  const v = () => j.current ? [...j.current.querySelectorAll(
+  const v = () => _.current ? [..._.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
   )] : [], C = (x) => {
     var N, $;
@@ -1836,7 +1834,7 @@ function $t({
   }, V = u && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: j,
+      ref: _,
       role: "menu",
       "data-ds-portal": "",
       className: [
@@ -2268,7 +2266,7 @@ function As({
   betweenTime: n = 380,
   manualPauseMs: i = 5e3
 }) {
-  const [l, m] = D(0), [d, f] = D(""), p = k("typing"), h = k(0), u = k(0), b = k(null), j = k(0);
+  const [l, m] = D(0), [d, f] = D(""), p = k("typing"), h = k(0), u = k(0), b = k(null), _ = k(0);
   B(() => {
     u.current = l;
   }, [l]), B(() => {
@@ -2278,8 +2276,8 @@ function As({
     }
     const T = () => {
       const z = Date.now();
-      if (j.current > z) {
-        b.current = setTimeout(T, j.current - z);
+      if (_.current > z) {
+        b.current = setTimeout(T, _.current - z);
         return;
       }
       const A = s[u.current % s.length] ?? "";
@@ -2292,7 +2290,7 @@ function As({
   const R = (T) => {
     if (s.length === 0) return;
     const z = (T % s.length + s.length) % s.length, A = s[z];
-    u.current = z, h.current = A.length, p.current = "holding", j.current = Date.now() + i, m(z), f(A);
+    u.current = z, h.current = A.length, p.current = "holding", _.current = Date.now() + i, m(z), f(A);
   }, E = () => R(u.current + 1), L = () => R(u.current - 1), y = s[l % s.length] ?? "";
   return { displayed: d, currentPrompt: y, index: l, next: E, prev: L };
 }
@@ -2313,7 +2311,7 @@ function Ot({
   onAttachImages: h,
   onRemoveAttachment: u,
   onRemoveImage: b,
-  acceptImage: j,
+  acceptImage: _,
   acceptFile: R,
   maxImages: E,
   maxImageSize: L,
@@ -2322,48 +2320,48 @@ function Ot({
   className: z = "",
   ...A
 }) {
-  const q = k(null), H = k(null), F = k(0), [v, C] = D(!1), [X, V] = D([]), x = (_) => {
+  const q = k(null), H = k(null), F = k(0), [v, C] = D(!1), [X, V] = D([]), x = (j) => {
     const S = ++Bs;
-    V((Y) => [...Y, { id: S, msg: _ }]), setTimeout(() => V((Y) => Y.filter((J) => J.id !== S)), 6e3);
-  }, N = (_) => V((S) => S.filter((Y) => Y.id !== _)), $ = (_) => _.type.startsWith("image/"), M = () => !0, K = j ?? $, G = R ?? M, g = (_) => {
+    V((Y) => [...Y, { id: S, msg: j }]), setTimeout(() => V((Y) => Y.filter((J) => J.id !== S)), 6e3);
+  }, N = (j) => V((S) => S.filter((Y) => Y.id !== j)), $ = (j) => j.type.startsWith("image/"), M = () => !0, K = _ ?? $, G = R ?? M, g = (j) => {
     const S = [], Y = [], J = [], Z = [];
     let ee = 0, ie = E != null ? E - ((f == null ? void 0 : f.length) ?? 0) : 1 / 0;
-    for (const se of _)
+    for (const se of j)
       K(se) ? L && se.size > L ? J.push(se.name) : ie > 0 ? (S.push(se), ie--) : ee++ : G(se) ? Y.push(se) : Z.push(se.name);
     return { imageFiles: S, docFiles: Y, tooLarge: J, skipped: Z, limitExceeded: ee };
-  }, c = (_) => {
-    const { imageFiles: S, docFiles: Y, tooLarge: J, skipped: Z, limitExceeded: ee } = g(_);
+  }, c = (j) => {
+    const { imageFiles: S, docFiles: Y, tooLarge: J, skipped: Z, limitExceeded: ee } = g(j);
     J.length && x(`File${J.length > 1 ? "s" : ""} too large${L ? ` (max ${L / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && x(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`), ee && x(`Max ${E} images per message`), h && S.length && h(S);
     const ie = Y.concat(h ? [] : S);
     p && ie.length && p(ie);
   };
   B(() => {
-    const _ = H.current;
-    _ && (_.style.height = "auto", _.style.height = `${Math.min(_.scrollHeight, 200)}px`);
+    const j = H.current;
+    j && (j.style.height = "auto", j.style.height = `${Math.min(j.scrollHeight, 200)}px`);
   }, [s]), B(() => {
-    const _ = (S) => {
+    const j = (S) => {
       var J, Z, ee;
       if (n || i) return;
       const Y = (J = S.target) == null ? void 0 : J.tagName;
       Y === "INPUT" || Y === "TEXTAREA" || Y === "SELECT" || (Z = S.target) != null && Z.isContentEditable || S.ctrlKey || S.metaKey || S.altKey || S.key.length !== 1 && S.key !== "Backspace" && S.key !== "Delete" || (ee = H.current) == null || ee.focus();
     };
-    return document.addEventListener("keydown", _), () => document.removeEventListener("keydown", _);
+    return document.addEventListener("keydown", j), () => document.removeEventListener("keydown", j);
   }, [n, i]);
-  const w = (_) => {
-    _.preventDefault(), F.current++, _.dataTransfer.types.includes("Files") && C(!0);
-  }, P = (_) => {
-    _.preventDefault(), F.current--, F.current === 0 && C(!1);
-  }, O = (_) => _.preventDefault(), re = (_) => {
-    _.preventDefault(), F.current = 0, C(!1);
-    const S = Array.from(_.dataTransfer.files);
+  const w = (j) => {
+    j.preventDefault(), F.current++, j.dataTransfer.types.includes("Files") && C(!0);
+  }, P = (j) => {
+    j.preventDefault(), F.current--, F.current === 0 && C(!1);
+  }, O = (j) => j.preventDefault(), re = (j) => {
+    j.preventDefault(), F.current = 0, C(!1);
+    const S = Array.from(j.dataTransfer.files);
     S.length && c(S);
-  }, ae = (_) => {
-    const S = Array.from(_.target.files || []);
+  }, ae = (j) => {
+    const S = Array.from(j.target.files || []);
     q.current && (q.current.value = ""), S.length && c(S);
-  }, W = (_) => {
+  }, W = (j) => {
     var se;
     if (!h) return;
-    const S = (se = _.clipboardData) == null ? void 0 : se.items;
+    const S = (se = j.clipboardData) == null ? void 0 : se.items;
     if (!S) return;
     const Y = [];
     for (const Ue of S) {
@@ -2372,26 +2370,26 @@ function Ot({
     }
     if (Y.length === 0) return;
     const { imageFiles: J, tooLarge: Z, skipped: ee, limitExceeded: ie } = g(Y);
-    Z.length && x(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), ee.length && x(`Skipped unsupported file${ee.length > 1 ? "s" : ""}: ${ee.join(", ")}`), ie && x(`Max ${E} images per message`), J.length && (_.preventDefault(), h(J));
+    Z.length && x(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), ee.length && x(`Skipped unsupported file${ee.length > 1 ? "s" : ""}: ${ee.join(", ")}`), ie && x(`Max ${E} images per message`), J.length && (j.preventDefault(), h(J));
   }, Q = !n && !i && !!(m != null && m.length) && s.length === 0, oe = As({
     prompts: m ?? [],
     enabled: Q
-  }), be = (_) => {
+  }), be = (j) => {
     if (Q) {
-      if (_.key === "ArrowDown" || _.key === "ArrowRight") {
-        _.preventDefault(), oe.next();
+      if (j.key === "ArrowDown" || j.key === "ArrowRight") {
+        j.preventDefault(), oe.next();
         return;
       }
-      if (_.key === "ArrowUp" || _.key === "ArrowLeft") {
-        _.preventDefault(), oe.prev();
+      if (j.key === "ArrowUp" || j.key === "ArrowLeft") {
+        j.preventDefault(), oe.prev();
         return;
       }
-      if (_.key === "Tab" && !_.shiftKey) {
-        _.preventDefault(), t == null || t(oe.currentPrompt);
+      if (j.key === "Tab" && !j.shiftKey) {
+        j.preventDefault(), t == null || t(oe.currentPrompt);
         return;
       }
     }
-    a == null || a(_);
+    a == null || a(j);
   }, Ce = (s.trim() || (f == null ? void 0 : f.length) > 0 || (d == null ? void 0 : d.length) > 0) && !i, Te = p || h;
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", z].filter(Boolean).join(" "), ...A, children: [
     Te && /* @__PURE__ */ e.jsx(
@@ -2420,7 +2418,7 @@ function Ot({
             {
               ref: H,
               value: s,
-              onChange: (_) => t == null ? void 0 : t(_.target.value),
+              onChange: (j) => t == null ? void 0 : t(j.target.value),
               onKeyDown: be,
               onPaste: W,
               placeholder: Q ? "" : l,
@@ -2433,8 +2431,8 @@ function Ot({
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-text", children: oe.displayed }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-cursor" })
           ] }),
-          f && f.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: f.map((_, S) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
-            /* @__PURE__ */ e.jsx("img", { src: _.preview, alt: "" }),
+          f && f.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: f.map((j, S) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
+            /* @__PURE__ */ e.jsx("img", { src: j.preview, alt: "" }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
@@ -2446,23 +2444,23 @@ function Ot({
               }
             )
           ] }, S)) }),
-          X.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: X.map((_) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
-            /* @__PURE__ */ e.jsx("span", { children: _.msg }),
+          X.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: X.map((j) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
+            /* @__PURE__ */ e.jsx("span", { children: j.msg }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
                 className: "ds-prompt-input__warning-close",
-                onClick: () => N(_.id),
+                onClick: () => N(j.id),
                 "aria-label": "Dismiss",
                 children: /* @__PURE__ */ e.jsx(te, { size: I[1], strokeWidth: 1.5 })
               }
             )
-          ] }, _.id)) }),
-          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: d.map((_, S) => /* @__PURE__ */ e.jsx(de, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
-            _.uploading ? /* @__PURE__ */ e.jsx(Qe, { size: I[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Se, { size: I[1], strokeWidth: 1.5 }),
-            _.filename,
-            _.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: "Uploading..." }) : /* @__PURE__ */ e.jsx(
+          ] }, j.id)) }),
+          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: d.map((j, S) => /* @__PURE__ */ e.jsx(de, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
+            j.uploading ? /* @__PURE__ */ e.jsx(Qe, { size: I[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Se, { size: I[1], strokeWidth: 1.5 }),
+            j.filename,
+            j.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: "Uploading..." }) : /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
@@ -2481,8 +2479,8 @@ function Ot({
                 icon: /* @__PURE__ */ e.jsx(Se, { size: I[2], strokeWidth: 1.5 }),
                 "aria-label": "Attach files",
                 onClick: () => {
-                  var _;
-                  return (_ = q.current) == null ? void 0 : _.click();
+                  var j;
+                  return (j = q.current) == null ? void 0 : j.click();
                 }
               }
             ),
@@ -2527,7 +2525,7 @@ function Ft({
   className: l = "",
   ...m
 }) {
-  const [d, f] = D(!1), p = k(null), h = k(null), u = k(null), [b, j] = D({}), R = s.filter((v) => !a || v.name === "auto" ? !0 : (Me[v.tier] ?? 1) >= (Me[a] ?? 1)), E = R.find((v) => v.name === "auto"), L = R.filter((v) => v.name !== "auto"), y = s.find((v) => v.name === t), z = new Set(L.map((v) => v.tier).filter(Boolean)).size > 1;
+  const [d, f] = D(!1), p = k(null), h = k(null), u = k(null), [b, _] = D({}), R = s.filter((v) => !a || v.name === "auto" ? !0 : (Me[v.tier] ?? 1) >= (Me[a] ?? 1)), E = R.find((v) => v.name === "auto"), L = R.filter((v) => v.name !== "auto"), y = s.find((v) => v.name === t), z = new Set(L.map((v) => v.tier).filter(Boolean)).size > 1;
   B(() => {
     if (!d) return;
     const v = 320, C = () => {
@@ -2535,7 +2533,7 @@ function Ft({
       const x = (M = h.current) == null ? void 0 : M.getBoundingClientRect();
       if (!x) return;
       const N = window.innerHeight - x.bottom, $ = N < v + 8 && x.top > N;
-      j({
+      _({
         position: "fixed",
         zIndex: "var(--z-dropdown, 500)",
         left: x.left,
@@ -2650,7 +2648,7 @@ function Wt({
   const [n, i] = D(!1), l = Ms(s), m = l.length > o, d = n ? l : l.slice(0, o), f = s.some((h) => h.snippet), p = ["ds-sources-panel", t === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
   return t === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: p, children: [
     d.map((h) => {
-      const u = h.items.map((j) => j.page).filter(Boolean), b = !!a;
+      const u = h.items.map((_) => _.page).filter(Boolean), b = !!a;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -2673,18 +2671,18 @@ function Wt({
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: p, children: [
     r && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: r }),
     d.map((h) => {
-      const u = h.items.map((j) => j.page).filter(Boolean), b = !!a;
+      const u = h.items.map((_) => _.page).filter(Boolean), b = !!a;
       return f ? /* @__PURE__ */ e.jsx(
         $e,
         {
           title: /* @__PURE__ */ e.jsx(Ls, { filename: h.filename, pages: u }),
           padding: "s",
-          children: h.items.map((j, R) => /* @__PURE__ */ e.jsx(
+          children: h.items.map((_, R) => /* @__PURE__ */ e.jsx(
             "div",
             {
               className: `ds-sources-panel__snippet${b ? " ds-sources-panel__snippet--clickable" : ""}`,
-              onClick: b ? () => a(j) : void 0,
-              children: j.snippet ?? `p. ${j.page}`
+              onClick: b ? () => a(_) : void 0,
+              children: _.snippet ?? `p. ${_.page}`
             },
             R
           ))
@@ -2782,7 +2780,7 @@ function Ut({
   ] });
 }
 const zs = { add: "+", remove: "-", context: " " };
-function je({ line: s, lineNumbers: t }) {
+function _e({ line: s, lineNumbers: t }) {
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-diff-view__line ds-diff-view__line--${s.type}`, children: [
     t && s.lineNo != null && /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__lineno", children: s.lineNo }),
     /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__prefix", children: zs[s.type] }),
@@ -2807,14 +2805,14 @@ function Vt({
     return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
       n && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: n }),
       /* @__PURE__ */ e.jsxs("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: m.map((f, p) => /* @__PURE__ */ e.jsx(je, { line: f, lineNumbers: o }, p)) }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: d.map((f, p) => /* @__PURE__ */ e.jsx(je, { line: f, lineNumbers: o }, p)) })
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: m.map((f, p) => /* @__PURE__ */ e.jsx(_e, { line: f, lineNumbers: o }, p)) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: d.map((f, p) => /* @__PURE__ */ e.jsx(_e, { line: f, lineNumbers: o }, p)) })
       ] })
     ] });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: n }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: s.map((m, d) => /* @__PURE__ */ e.jsx(je, { line: m, lineNumbers: o }, d)) })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: s.map((m, d) => /* @__PURE__ */ e.jsx(_e, { line: m, lineNumbers: o }, d)) })
   ] });
 }
 function Os({
@@ -3035,9 +3033,9 @@ export {
   xt as TableRow,
   bt as TableSubheaderRow,
   at as Tabs,
-  _t as Td,
+  jt as Td,
   Ys as Textarea,
-  jt as Th,
+  _t as Th,
   qt as ThinkingDot,
   It as ToastContainer,
   ct as Toggle,