@donkit-ai/design-system 1.4.7 → 1.4.9

package/dist/index.es.js

@@ -1,14 +1,14 @@
 import K, { useState as A, useRef as E, useEffect as M, useLayoutEffect as Ve } from "react";
-import { Check as he, X as ne, ChevronDown as xe, Minus as Ye, Plus as He, XCircle as we, AlertTriangle as ge, CheckCircle as ye, Info as ke, ChevronUp as qe, ChevronsUpDown as Ke, ChevronLeft as Ge, ChevronRight as Xe, Copy as Je, Brain as Ze, Loader as Qe, Paperclip as Re, Square as es, ArrowUp as ss, Zap as ts, Cpu as Se, FileText as rs, ThumbsUp as ns, ThumbsDown as as } from "lucide-react";
+import { Check as Ne, X as ne, ChevronDown as he, Minus as Ye, Plus as He, XCircle as we, AlertTriangle as ge, CheckCircle as ye, Info as ke, ChevronUp as qe, ChevronsUpDown as Ke, ChevronLeft as Ge, ChevronRight as Xe, Copy as Je, Brain as Ze, Loader as Qe, Paperclip as Re, Square as es, ArrowUp as ss, Zap as ts, Cpu as Se, FileText as rs, ThumbsUp as ns, ThumbsDown as as } from "lucide-react";
 import pe from "react-dom";
-const D = {
+const I = {
   1: 16,
   2: 20,
   3: 24,
   4: 28,
   5: 48
 };
-var je = { exports: {} }, ue = {};
+var _e = { exports: {} }, ue = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -65,7 +65,7 @@ function os() {
           return "Profiler";
         case R:
           return "StrictMode";
-        case I:
+        case D:
           return "Suspense";
         case Y:
           return "SuspenseList";
@@ -207,8 +207,8 @@ function os() {
         else p(W);
       if (U.call(w, "key")) {
         W = s(c);
-        var Q = Object.keys(w).filter(function(be) {
-          return be !== "key";
+        var Q = Object.keys(w).filter(function(xe) {
+          return xe !== "key";
         });
         F = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", g[W + F] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
@@ -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 = K, b = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), R = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), Y = Symbol.for("react.suspense_list"), q = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), N = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), G = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, x = Array.isArray, v = console.createTask ? console.createTask : function() {
+    var u = K, b = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), R = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), Y = Symbol.for("react.suspense_list"), q = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), N = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), G = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, x = Array.isArray, v = console.createTask ? console.createTask : function() {
       return null;
     };
     u = {
@@ -281,8 +281,8 @@ React keys must be passed directly to JSX without using spread:
     };
   }()), fe;
 }
-process.env.NODE_ENV === "production" ? je.exports = is() : je.exports = os();
-var e = je.exports;
+process.env.NODE_ENV === "production" ? _e.exports = is() : _e.exports = os();
+var e = _e.exports;
 function ls({ size: s = "m", color: t = "default", className: r = "", ...i }) {
   return /* @__PURE__ */ e.jsx(
     "span",
@@ -310,14 +310,14 @@ function me({
   className: p = "",
   ...h
 }) {
-  const u = a && !s, b = o === "loading", j = o === "success", S = o === "error", R = b || j || S, B = r === "xs" ? "s" : "m", y = cs[r] ?? 16, $ = b ? /* @__PURE__ */ e.jsx(ls, { size: B }) : j ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(he, { size: y, strokeWidth: 2.5 }) }) : S ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ne, { size: y, strokeWidth: 2.5 }) }) : null, O = [
+  const u = a && !s, b = o === "loading", j = o === "success", S = o === "error", R = b || j || S, B = r === "xs" ? "s" : "m", y = cs[r] ?? 16, $ = b ? /* @__PURE__ */ e.jsx(ls, { size: B }) : j ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Ne, { size: y, strokeWidth: 2.5 }) }) : S ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ne, { size: y, strokeWidth: 2.5 }) }) : null, O = [
     "ds-button",
     `ds-button--${t}`,
     `ds-button--${r}`,
     i && "ds-button--full",
     u && "ds-button--icon-only",
     p
-  ].filter(Boolean).join(" "), I = o !== "idle" ? o : void 0, Y = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  ].filter(Boolean).join(" "), D = o !== "idle" ? o : void 0, Y = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     R ? $ : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
     s
   ] });
@@ -338,7 +338,7 @@ function me({
         "aria-label": f,
         "aria-disabled": n || b ? "true" : void 0,
         "aria-busy": b ? "true" : void 0,
-        "data-state": I,
+        "data-state": D,
         ...h,
         children: Y
       }
@@ -353,7 +353,7 @@ function me({
       onClick: b ? void 0 : l,
       "aria-label": f,
       "aria-busy": b ? "true" : void 0,
-      "data-state": I,
+      "data-state": D,
       ...h,
       children: Y
     }
@@ -448,7 +448,7 @@ function Hs({
   id: d,
   ...f
 }) {
-  const [p, h] = A(!1), [u, b] = A(!1), [j, S] = A({}), [R, B] = A("down"), [y, $] = A(-1), O = E(null), I = E(null), Y = E(null), q = E(null), P = d || `select-${K.useId()}`, N = `${P}-label`, C = n ? `${P}-error` : void 0, G = 150, U = (g = !1) => {
+  const [p, h] = A(!1), [u, b] = A(!1), [j, S] = A({}), [R, B] = A("down"), [y, $] = A(-1), O = E(null), D = E(null), Y = E(null), q = E(null), P = d || `select-${K.useId()}`, N = `${P}-label`, C = n ? `${P}-error` : void 0, G = 150, U = (g = !1) => {
     u || (b(!0), $(-1), q.current = setTimeout(() => {
       var c;
       h(!1), b(!1), g && ((c = Y.current) == null || c.focus());
@@ -475,13 +475,13 @@ function Hs({
       };
   }, [p]), M(() => {
     const g = (c) => {
-      O.current && !O.current.contains(c.target) && I.current && !I.current.contains(c.target) && U();
+      O.current && !O.current.contains(c.target) && D.current && !D.current.contains(c.target) && U();
     };
     return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
   }, [u]), M(() => {
     var c;
-    if (!p || y < 0 || !I.current) return;
-    (c = I.current.querySelectorAll(".ds-select-option")[y]) == null || c.scrollIntoView({ block: "nearest" });
+    if (!p || y < 0 || !D.current) return;
+    (c = D.current.querySelectorAll(".ds-select-option")[y]) == null || c.scrollIntoView({ block: "nearest" });
   }, [y, p]);
   const k = (g) => {
     switch (g.key) {
@@ -508,10 +508,10 @@ function Hs({
         p && U(!1);
         break;
     }
-  }, L = i.find((g) => g.value === t), H = l === "xs" ? D[1] : l === "small" ? D[2] : D[3], X = p && /* @__PURE__ */ e.jsx(
+  }, L = i.find((g) => g.value === t), H = l === "xs" ? I[1] : l === "small" ? I[2] : I[3], X = p && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: I,
+      ref: D,
       role: "listbox",
       "aria-labelledby": s ? N : void 0,
       tabIndex: -1,
@@ -570,7 +570,7 @@ function Hs({
         children: [
           /* @__PURE__ */ e.jsx("span", { className: L ? "" : "ds-select-placeholder", children: (L == null ? void 0 : L.label) || a }),
           /* @__PURE__ */ e.jsx(
-            xe,
+            he,
             {
               size: H,
               strokeWidth: 1.5,
@@ -626,7 +626,7 @@ function qs({
     "ds-stepper",
     `ds-stepper--${o}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), S = o === "xs" ? D[1] : o === "small" ? D[2] : D[3];
+  ].filter(Boolean).join(" "), S = o === "xs" ? I[1] : o === "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: [
@@ -774,7 +774,7 @@ function et({
 }) {
   const o = us[t], l = a || (t === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-alert ds-alert--${t} ${r ? "" : "ds-alert--no-title"}`, role: l, ...n, children: [
-    o && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(o, { size: D[3], strokeWidth: 1.5 }) }),
+    o && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(o, { size: I[3], strokeWidth: 1.5 }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-alert__content", children: [
       r && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: r }),
       s && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: s })
@@ -786,7 +786,7 @@ function et({
         className: "ds-alert__close",
         onClick: i,
         "aria-label": "Close alert",
-        children: /* @__PURE__ */ e.jsx(ne, { size: D[3], strokeWidth: 1.5 })
+        children: /* @__PURE__ */ e.jsx(ne, { size: I[3], strokeWidth: 1.5 })
       }
     )
   ] });
@@ -831,7 +831,7 @@ function st({
             {
               variant: "ghost",
               size: "small",
-              icon: /* @__PURE__ */ e.jsx(ne, { size: D[2], strokeWidth: 1.5 }),
+              icon: /* @__PURE__ */ e.jsx(ne, { size: I[2], strokeWidth: 1.5 }),
               onClick: d,
               "aria-label": "Close modal"
             }
@@ -875,9 +875,9 @@ function ms({
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: t }),
           /* @__PURE__ */ e.jsx(
-            xe,
+            he,
             {
-              size: D[2],
+              size: I[2],
               strokeWidth: 1.5,
               className: `ds-code-accordion__icon ${p ? "ds-code-accordion__icon--expanded" : ""}`
             }
@@ -1044,9 +1044,9 @@ function Ee({
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-accordion__title", children: t }),
           /* @__PURE__ */ e.jsx(
-            xe,
+            he,
             {
-              size: D[2],
+              size: I[2],
               strokeWidth: 1.5,
               className: `ds-accordion__icon ${f ? "ds-accordion__icon--expanded" : ""}`
             }
@@ -1206,7 +1206,7 @@ function ct({
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: s && /* @__PURE__ */ e.jsx(
-      he,
+      Ne,
       {
         size: d,
         strokeWidth: 2.5,
@@ -1365,7 +1365,7 @@ function xt({ 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 bt({ children: s, align: t = "left", sortDir: r, onSort: i, width: a, className: n = "", style: o = {}, ...l }) {
-  const m = !!i || r !== void 0, d = r === "asc" ? qe : r === "desc" ? xe : Ke;
+  const m = !!i || r !== void 0, d = r === "asc" ? qe : r === "desc" ? he : Ke;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
@@ -1606,7 +1606,7 @@ function yt({
           children: [
             /* @__PURE__ */ e.jsxs("header", { className: "ds-drawer-header", children: [
               t && /* @__PURE__ */ e.jsx("h3", { id: o, className: "ds-drawer-title", children: t }),
-              r && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: d, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(ne, { size: D[2], strokeWidth: 1.5 }) })
+              r && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: d, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(ne, { size: I[2], strokeWidth: 1.5 }) })
             ] }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body", children: h }),
             p
@@ -1642,7 +1642,7 @@ function kt({
       role: m,
       ...o,
       children: [
-        l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: D[2], strokeWidth: 1.5 }) }),
+        l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: I[2], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-banner-text", children: s }),
         r && /* @__PURE__ */ e.jsx(
           "button",
@@ -1660,7 +1660,7 @@ function kt({
             className: "ds-banner-dismiss",
             onClick: a,
             "aria-label": "Dismiss",
-            children: /* @__PURE__ */ e.jsx(ne, { size: D[2], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ne, { size: I[2], strokeWidth: 1.5 })
           }
         )
       ]
@@ -1677,7 +1677,7 @@ function Et({
   style: o,
   ...l
 }) {
-  const [m, d] = A(!1), [f, p] = A(!1), h = r !== void 0, u = h ? r : m, b = E(null), j = E(null), S = E(null), R = E(null), [B, y] = A({}), $ = E(null), O = 150, I = () => {
+  const [m, d] = A(!1), [f, p] = A(!1), h = r !== void 0, u = h ? r : m, b = E(null), j = E(null), S = E(null), R = E(null), [B, y] = A({}), $ = E(null), O = 150, D = () => {
     if (h)
       i == null || i(!1);
     else {
@@ -1688,7 +1688,7 @@ function Et({
     }
   }, Y = () => {
     const x = !u;
-    h ? i == null || i(x) : x ? (clearTimeout($.current), p(!1), d(!0)) : I();
+    h ? i == null || i(x) : x ? (clearTimeout($.current), p(!1), d(!0)) : D();
   }, q = () => {
     u || (h ? i == null || i(!0) : (clearTimeout($.current), p(!1), d(!0)));
   };
@@ -1718,9 +1718,9 @@ function Et({
     if (!u) return;
     const x = (k) => {
       var L, H;
-      !((L = b.current) != null && L.contains(k.target)) && !((H = j.current) != null && H.contains(k.target)) && I();
+      !((L = b.current) != null && L.contains(k.target)) && !((H = j.current) != null && H.contains(k.target)) && D();
     }, v = (k) => {
-      k.key === "Escape" && (I(), P());
+      k.key === "Escape" && (D(), P());
     };
     return document.addEventListener("mousedown", x), document.addEventListener("keydown", v), () => {
       document.removeEventListener("mousedown", x), document.removeEventListener("keydown", v);
@@ -1760,7 +1760,7 @@ function Et({
         x.preventDefault(), (g = v[v.length - 1]) == null || g.focus();
         break;
       case "Tab":
-        I();
+        D();
         break;
     }
   }, U = u && /* @__PURE__ */ e.jsx(
@@ -1795,7 +1795,7 @@ function Et({
             ...H,
             onClick: () => {
               var X;
-              (X = x.onClick) == null || X.call(x), I();
+              (X = x.onClick) == null || X.call(x), D();
             },
             children: [
               x.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: x.icon }),
@@ -1933,9 +1933,9 @@ const Me = {
   error: we
 };
 let de = [];
-const ve = /* @__PURE__ */ new Set();
+const je = /* @__PURE__ */ new Set();
 function We() {
-  ve.forEach((s) => s([...de]));
+  je.forEach((s) => s([...de]));
 }
 function $s(s) {
   de = [...de, s], We();
@@ -1973,7 +1973,7 @@ function Rs({ data: s, onDismiss: t }) {
       role: s.type === "error" ? "alert" : "status",
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(o, { size: D[3], strokeWidth: 1.5 }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(o, { size: I[3], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-toast__message", children: s.message }),
         /* @__PURE__ */ e.jsx(
           "button",
@@ -1981,7 +1981,7 @@ function Rs({ data: s, onDismiss: t }) {
             className: "ds-toast__close",
             onClick: n,
             "aria-label": "Закрыть",
-            children: /* @__PURE__ */ e.jsx(ne, { size: D[3], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ne, { size: I[3], strokeWidth: 1.5 })
           }
         )
       ]
@@ -1990,7 +1990,7 @@ function Rs({ data: s, onDismiss: t }) {
 }
 function At({ position: s = "bottom-right" }) {
   const [t, r] = A(() => [...de]);
-  return M(() => (ve.add(r), () => ve.delete(r)), []), !t.length || typeof document > "u" ? null : pe.createPortal(
+  return M(() => (je.add(r), () => je.delete(r)), []), !t.length || typeof document > "u" ? null : pe.createPortal(
     /* @__PURE__ */ e.jsx("div", { className: ["ds-toast-container", `ds-toast-container--${s}`].join(" "), children: t.map((i) => /* @__PURE__ */ e.jsx(Rs, { data: i, onDismiss: Ts }, i.id)) }),
     document.body
   );
@@ -2054,7 +2054,8 @@ function As({
     {
       variant: "ghost",
       size: t,
-      icon: n ? /* @__PURE__ */ e.jsx(he, { size: D[1], strokeWidth: 1.5 }) : /* @__PURE__ */ e.jsx(Je, { size: D[1], strokeWidth: 1.5 }),
+      state: n ? "success" : "idle",
+      icon: /* @__PURE__ */ e.jsx(Je, { size: I[1], strokeWidth: 1.5 }),
       "aria-label": i,
       onClick: l,
       ...a
@@ -2072,7 +2073,7 @@ function It({ content: s, streaming: t = !1, ...r }) {
       onToggle: a,
       padding: "s",
       title: /* @__PURE__ */ e.jsxs("div", { className: "ds-reasoning__title", children: [
-        /* @__PURE__ */ e.jsx(Ze, { size: D[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
+        /* @__PURE__ */ e.jsx(Ze, { size: I[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
         /* @__PURE__ */ e.jsx(ds, { secondary: !0, children: "Thinking" })
       ] }),
       ...r,
@@ -2110,7 +2111,7 @@ function Bt({
           "aria-label": `Step ${d + 1}`,
           disabled: !h || d === t,
           onClick: () => i == null ? void 0 : i(d),
-          children: p ? /* @__PURE__ */ e.jsx(he, { size: 8, strokeWidth: 3 }) : null
+          children: p ? /* @__PURE__ */ e.jsx(Ne, { size: 8, strokeWidth: 3 }) : null
         },
         d
       );
@@ -2203,8 +2204,8 @@ function Ds({
         b.current = setTimeout($, j.current - O);
         return;
       }
-      const I = s[u.current % s.length] ?? "";
-      p.current === "typing" ? (h.current += 1, f(I.slice(0, h.current)), h.current >= I.length ? (p.current = "holding", b.current = setTimeout($, a)) : b.current = setTimeout($, r + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", b.current = setTimeout($, i)) : (h.current = Math.max(0, h.current - 1), f(I.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", u.current = (u.current + 1) % s.length, m(u.current), b.current = setTimeout($, n)) : b.current = setTimeout($, i));
+      const D = s[u.current % s.length] ?? "";
+      p.current === "typing" ? (h.current += 1, f(D.slice(0, h.current)), h.current >= D.length ? (p.current = "holding", b.current = setTimeout($, a)) : b.current = setTimeout($, r + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", b.current = setTimeout($, i)) : (h.current = Math.max(0, h.current - 1), f(D.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", u.current = (u.current + 1) % s.length, m(u.current), b.current = setTimeout($, n)) : b.current = setTimeout($, i));
     };
     return b.current = setTimeout($, 260), () => {
       b.current && clearTimeout(b.current);
@@ -2212,8 +2213,8 @@ function Ds({
   }, [t, s, r, i, a, n]);
   const S = ($) => {
     if (s.length === 0) return;
-    const O = ($ % s.length + s.length) % s.length, I = s[O];
-    u.current = O, h.current = I.length, p.current = "holding", j.current = Date.now() + o, m(O), f(I);
+    const O = ($ % s.length + s.length) % s.length, D = s[O];
+    u.current = O, h.current = D.length, p.current = "holding", j.current = Date.now() + o, m(O), f(D);
   }, R = () => S(u.current + 1), B = () => S(u.current - 1), y = s[l % s.length] ?? "";
   return { displayed: d, currentPrompt: y, index: l, next: R, prev: B };
 }
@@ -2241,7 +2242,7 @@ function zt({
   leftSlot: y,
   rightSlot: $,
   className: O = "",
-  ...I
+  ...D
 }) {
   const Y = E(null), q = E(null), P = E(0), [N, C] = A(!1), [G, U] = A([]), x = (_) => {
     const T = ++Is;
@@ -2297,7 +2298,7 @@ function zt({
   }, Q = !n && !o && !!(m != null && m.length) && s.length === 0, oe = Ds({
     prompts: m ?? [],
     enabled: Q
-  }), be = (_) => {
+  }), xe = (_) => {
     if (Q) {
       if (_.key === "ArrowDown" || _.key === "ArrowRight") {
         _.preventDefault(), oe.next();
@@ -2314,7 +2315,7 @@ function zt({
     }
     a == null || a(_);
   }, Ce = (s.trim() || (f == null ? void 0 : f.length) > 0 || (d == null ? void 0 : d.length) > 0) && !o, $e = p || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", O].filter(Boolean).join(" "), ...I, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", O].filter(Boolean).join(" "), ...D, children: [
     $e && /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -2342,7 +2343,7 @@ function zt({
               ref: q,
               value: s,
               onChange: (_) => t == null ? void 0 : t(_.target.value),
-              onKeyDown: be,
+              onKeyDown: xe,
               onPaste: W,
               placeholder: Q ? "" : l,
               disabled: n || o,
@@ -2376,12 +2377,12 @@ function zt({
                 className: "ds-prompt-input__warning-close",
                 onClick: () => v(_.id),
                 "aria-label": "Dismiss",
-                children: /* @__PURE__ */ e.jsx(ne, { size: D[1], strokeWidth: 1.5 })
+                children: /* @__PURE__ */ e.jsx(ne, { size: I[1], strokeWidth: 1.5 })
               }
             )
           ] }, _.id)) }),
           d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: d.map((_, T) => /* @__PURE__ */ e.jsx(ae, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
-            _.uploading ? /* @__PURE__ */ e.jsx(Qe, { size: D[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Re, { size: D[1], strokeWidth: 1.5 }),
+            _.uploading ? /* @__PURE__ */ e.jsx(Qe, { size: I[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Re, { size: I[1], strokeWidth: 1.5 }),
             _.filename,
             _.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: "Uploading..." }) : /* @__PURE__ */ e.jsx(
               "button",
@@ -2389,7 +2390,7 @@ function zt({
                 type: "button",
                 className: "ds-prompt-input__remove-btn",
                 onClick: () => u == null ? void 0 : u(T),
-                children: /* @__PURE__ */ e.jsx(ne, { size: D[1], strokeWidth: 1.5 })
+                children: /* @__PURE__ */ e.jsx(ne, { size: I[1], strokeWidth: 1.5 })
               }
             )
           ] }) }, T)) }),
@@ -2399,7 +2400,7 @@ function zt({
               {
                 variant: "ghost",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(Re, { size: D[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(Re, { size: I[2], strokeWidth: 1.5 }),
                 "aria-label": "Attach files",
                 onClick: () => {
                   var _;
@@ -2415,7 +2416,7 @@ function zt({
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(es, { size: D[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(es, { size: I[2], strokeWidth: 1.5 }),
                 onClick: i,
                 "aria-label": "Stop"
               }
@@ -2424,7 +2425,7 @@ function zt({
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(ss, { size: D[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(ss, { size: I[2], strokeWidth: 1.5 }),
                 onClick: r,
                 disabled: !Ce,
                 "aria-label": "Send"
@@ -2474,7 +2475,7 @@ function Ot({
       window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C), document.removeEventListener("mousedown", G), document.removeEventListener("keydown", U);
     };
   }, [d]);
-  const I = (N) => {
+  const D = (N) => {
     r == null || r(N), f(!1);
   }, Y = (N) => /* @__PURE__ */ e.jsxs(
     "button",
@@ -2484,7 +2485,7 @@ function Ot({
         "ds-model-picker__item",
         N.name === t && "ds-model-picker__item--active"
       ].filter(Boolean).join(" "),
-      onClick: () => I(N.name),
+      onClick: () => D(N.name),
       children: [
         N.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: N.icon }) : /* @__PURE__ */ e.jsx(Se, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: N.displayName || N.name }),
@@ -2509,7 +2510,7 @@ function Ot({
             "ds-model-picker__item--auto",
             t === "auto" && "ds-model-picker__item--active"
           ].filter(Boolean).join(" "),
-          onClick: () => I("auto"),
+          onClick: () => D("auto"),
           children: [
             /* @__PURE__ */ e.jsx(ts, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: "Auto (smart routing)" })
@@ -2550,9 +2551,9 @@ function Ot({
 }
 const Bs = ({ filename: s, pages: t }) => /* @__PURE__ */ e.jsxs("span", { style: { display: "flex", alignItems: "center", gap: "var(--space-2)", minWidth: 0 }, children: [
   /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: s }),
-  t.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ne(t) })
+  t.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: ve(t) })
 ] });
-function Ne(s) {
+function ve(s) {
   return s != null && s.length ? "p. " + s.join(", ") : null;
 }
 function Ms(s) {
@@ -2578,9 +2579,9 @@ function Ft({
           className: `ds-sources-panel__compact-row${b ? " ds-sources-panel__compact-row--clickable" : ""}`,
           onClick: b ? () => a(h.items[0]) : void 0,
           children: [
-            /* @__PURE__ */ e.jsx(rs, { size: D[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
+            /* @__PURE__ */ e.jsx(rs, { size: I[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
-            u.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ne(u) })
+            u.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: ve(u) })
           ]
         },
         h.filename
@@ -2618,7 +2619,7 @@ function Ft({
           onClick: b ? () => a(h.items[0]) : void 0,
           children: [
             /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
-            u.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ne(u) })
+            u.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: ve(u) })
           ]
         },
         h.filename
@@ -2703,7 +2704,7 @@ function Ct({
   ] });
 }
 const Ls = { add: "+", remove: "-", context: " " };
-function _e({ line: s, lineNumbers: t }) {
+function be({ 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: Ls[s.type] }),
@@ -2728,14 +2729,14 @@ function Ut({
     return /* @__PURE__ */ e.jsxs("div", { className: o, children: [
       n && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: n }),
       /* @__PURE__ */ e.jsxs("div", { className: "ds-diff-view__body", style: l, children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col", children: m.map((f, p) => /* @__PURE__ */ e.jsx(_e, { line: f, lineNumbers: i }, p)) }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col", children: d.map((f, p) => /* @__PURE__ */ e.jsx(_e, { line: f, lineNumbers: i }, p)) })
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col", children: m.map((f, p) => /* @__PURE__ */ e.jsx(be, { line: f, lineNumbers: i }, p)) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col", children: d.map((f, p) => /* @__PURE__ */ e.jsx(be, { line: f, lineNumbers: i }, p)) })
       ] })
     ] });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: o, children: [
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: n }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body", style: l, children: s.map((m, d) => /* @__PURE__ */ e.jsx(_e, { line: m, lineNumbers: i }, d)) })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body", style: l, children: s.map((m, d) => /* @__PURE__ */ e.jsx(be, { line: m, lineNumbers: i }, d)) })
   ] });
 }
 const zs = {
@@ -2797,7 +2798,7 @@ function Os({
             children: /* @__PURE__ */ e.jsx(
               ns,
               {
-                size: D[1],
+                size: I[1],
                 strokeWidth: 1.5,
                 fill: s === "liked" ? "currentColor" : "none"
               }
@@ -2818,7 +2819,7 @@ function Os({
             children: /* @__PURE__ */ e.jsx(
               as,
               {
-                size: D[1],
+                size: I[1],
                 strokeWidth: 1.5,
                 fill: s === "disliked" ? "currentColor" : "none"
               }
@@ -2930,7 +2931,7 @@ export {
   Vt as ToolCallBubble,
   Dt as ToolCallCard,
   ot as Tooltip,
-  D as iconSizes,
+  I as iconSizes,
   ks as useAnimatedNumber,
   Ds as useAnimatedPlaceholder,
   Es as useInView,