@donkit-ai/design-system 1.4.58 → 1.4.60

package/dist/index.es.js

@@ -1,5 +1,5 @@
-import V, { useState as A, useRef as R, useEffect as B, useLayoutEffect as Ze, useContext as Ee, createContext as Qe, useCallback as qe } from "react";
-import { Check as $e, X as ee, ChevronDown as ve, Minus as et, Plus as tt, XCircle as Te, AlertTriangle as Re, CheckCircle as Se, Info as Ae, ChevronUp as st, ChevronsUpDown as nt, ChevronLeft as rt, ChevronRight as at, Copy as ot, Brain as it, Loader as lt, Paperclip as Le, Square as ct, ArrowUp as dt, Zap as ut, Cpu as Pe, FileText as ft, ThumbsUp as mt, ThumbsDown as pt } from "lucide-react";
+import V, { useState as A, useRef as R, useEffect as B, useLayoutEffect as Ze, useContext as Ee, createContext as Qe, useCallback as $e } from "react";
+import { Check as Te, X as ee, ChevronDown as ve, Minus as et, Plus as tt, XCircle as Re, AlertTriangle as Se, CheckCircle as Ae, Info as Ie, ChevronUp as st, ChevronsUpDown as nt, ChevronLeft as rt, ChevronRight as at, Copy as ot, Brain as it, Loader as lt, Paperclip as Pe, Square as ct, ArrowUp as dt, Zap as ut, Cpu as Me, FileText as ft, ThumbsUp as mt, ThumbsDown as pt } from "lucide-react";
 import pe from "react-dom";
 const P = {
   1: 16,
@@ -8,7 +8,7 @@ const P = {
   4: 28,
   5: 48
 };
-var we = { exports: {} }, he = {};
+var ge = { exports: {} }, he = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -18,10 +18,10 @@ var we = { exports: {} }, he = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Me;
+var ze;
 function ht() {
-  if (Me) return he;
-  Me = 1;
+  if (ze) return he;
+  ze = 1;
   var t = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
   function n(a, o, r) {
     var i = null;
@@ -50,16 +50,16 @@ var xe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ze;
+var Oe;
 function xt() {
-  return ze || (ze = 1, process.env.NODE_ENV !== "production" && function() {
+  return Oe || (Oe = 1, process.env.NODE_ENV !== "production" && function() {
     function t(f) {
       if (f == null) return null;
       if (typeof f == "function")
         return f.$$typeof === O ? null : f.displayName || f.name || null;
       if (typeof f == "string") return f;
       switch (f) {
-        case w:
+        case g:
           return "Fragment";
         case k:
           return "Profiler";
@@ -69,7 +69,7 @@ function xt() {
           return "Suspense";
         case H:
           return "SuspenseList";
-        case g:
+        case w:
           return "Activity";
       }
       if (typeof f == "object")
@@ -117,7 +117,7 @@ function xt() {
       }
     }
     function a(f) {
-      if (f === w) return "<>";
+      if (f === g) return "<>";
       if (typeof f == "object" && f !== null && f.$$typeof === W)
         return "<...>";
       try {
@@ -246,7 +246,7 @@ React keys must be passed directly to JSX without using spread:
     function h(f) {
       return typeof f == "object" && f !== null && f.$$typeof === v;
     }
-    var c = V, v = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), j = Symbol.for("react.consumer"), S = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), H = Symbol.for("react.suspense_list"), q = Symbol.for("react.memo"), W = Symbol.for("react.lazy"), g = Symbol.for("react.activity"), O = Symbol.for("react.client.reference"), K = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, x = Array.isArray, b = console.createTask ? console.createTask : function() {
+    var c = V, v = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), j = Symbol.for("react.consumer"), S = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), H = Symbol.for("react.suspense_list"), q = Symbol.for("react.memo"), W = Symbol.for("react.lazy"), w = Symbol.for("react.activity"), O = Symbol.for("react.client.reference"), K = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, x = Array.isArray, b = console.createTask ? console.createTask : function() {
       return null;
     };
     c = {
@@ -258,7 +258,7 @@ React keys must be passed directly to JSX without using spread:
       c,
       r
     )(), G = b(a(r)), T = {};
-    xe.Fragment = w, xe.jsx = function(f, $, z) {
+    xe.Fragment = g, xe.jsx = function(f, $, z) {
       var F = 1e4 > K.recentlyCreatedOwnerStacks++;
       return m(
         f,
@@ -281,8 +281,8 @@ React keys must be passed directly to JSX without using spread:
     };
   }()), xe;
 }
-process.env.NODE_ENV === "production" ? we.exports = ht() : we.exports = xt();
-var e = we.exports;
+process.env.NODE_ENV === "production" ? ge.exports = ht() : ge.exports = xt();
+var e = ge.exports;
 function vt({ size: t = "m", color: s = "default", className: n = "", ...a }) {
   return /* @__PURE__ */ e.jsx(
     "span",
@@ -310,7 +310,7 @@ function ae({
   className: p = "",
   ...h
 }) {
-  const c = o && !t, v = i === "loading", _ = i === "success", w = i === "error", y = v || _ || w, k = n === "xs" ? "s" : "m", j = s === "danger" ? "on-accent" : "default", S = _t[n] ?? 16, M = v ? /* @__PURE__ */ e.jsx(vt, { size: k, color: j }) : _ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx($e, { size: S, strokeWidth: 2.5 }) }) : w ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ee, { size: S, strokeWidth: 2.5 }) }) : null, D = [
+  const c = o && !t, v = i === "loading", _ = i === "success", g = i === "error", y = v || _ || g, k = n === "xs" ? "s" : "m", j = s === "danger" ? "on-accent" : "default", S = _t[n] ?? 16, M = v ? /* @__PURE__ */ e.jsx(vt, { size: k, color: j }) : _ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Te, { size: S, strokeWidth: 2.5 }) }) : g ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ee, { size: S, strokeWidth: 2.5 }) }) : null, D = [
     "ds-button",
     `ds-button--${s}`,
     `ds-button--${n}`,
@@ -322,12 +322,12 @@ function ae({
     t
   ] });
   if (d) {
-    const W = (g) => {
+    const W = (w) => {
       if (r || v) {
-        g.preventDefault();
+        w.preventDefault();
         return;
       }
-      g.metaKey || g.ctrlKey || g.button === 1 || (g.preventDefault(), l == null || l(g));
+      w.metaKey || w.ctrlKey || w.button === 1 || (w.preventDefault(), l == null || l(w));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
@@ -448,7 +448,7 @@ function ls({
   id: d,
   ...m
 }) {
-  const [p, h] = A(!1), [c, v] = A(!1), [_, w] = A({}), [y, k] = A("down"), [j, S] = A(-1), M = R(null), D = R(null), H = R(null), q = R(null), W = d || `select-${V.useId()}`, g = `${W}-label`, O = r ? `${W}-error` : void 0, K = 150, C = (T = !1) => {
+  const [p, h] = A(!1), [c, v] = A(!1), [_, g] = A({}), [y, k] = A("down"), [j, S] = A(-1), M = R(null), D = R(null), H = R(null), q = R(null), W = d || `select-${V.useId()}`, w = `${W}-label`, O = r ? `${W}-error` : void 0, K = 150, C = (T = !1) => {
     c || (v(!0), S(-1), q.current = setTimeout(() => {
       var f;
       h(!1), v(!1), T && ((f = H.current) == null || f.focus());
@@ -464,7 +464,7 @@ function ls({
     const T = (oe = M.current) == null ? void 0 : oe.getBoundingClientRect();
     if (!T) return;
     const f = window.innerHeight, $ = f - T.bottom, z = T.top, ne = $ < 300 && z > $;
-    k(ne ? "up" : "down"), w(
+    k(ne ? "up" : "down"), g(
       ne ? { bottom: f - T.top + 4, left: T.left, width: T.width } : { top: T.bottom + 4, left: T.left, width: T.width }
     );
   };
@@ -514,7 +514,7 @@ function ls({
       ref: D,
       "data-ds-portal": "",
       role: "listbox",
-      "aria-labelledby": t ? g : void 0,
+      "aria-labelledby": t ? w : void 0,
       tabIndex: -1,
       className: [
         "ds-select-dropdown ds-scrollable",
@@ -547,7 +547,7 @@ function ls({
     }
   );
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${i ? "ds-select-wrapper--full" : ""} ${u ? "ds-select-wrapper--disabled" : ""}`, children: [
-    t && /* @__PURE__ */ e.jsx("label", { id: g, className: "ds-select-label", children: t }),
+    t && /* @__PURE__ */ e.jsx("label", { id: w, className: "ds-select-label", children: t }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: M, children: /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -558,7 +558,7 @@ function ls({
         "aria-haspopup": "listbox",
         "aria-expanded": p,
         "aria-activedescendant": p && j >= 0 ? `${W}-opt-${j}` : void 0,
-        "aria-labelledby": t ? g : void 0,
+        "aria-labelledby": t ? w : void 0,
         "aria-invalid": r ? "true" : "false",
         "aria-describedby": O,
         className: `ds-select-trigger ds-select-trigger--${l} ${r ? "ds-select-trigger--error" : ""}`,
@@ -627,7 +627,7 @@ function cs({
     "ds-stepper",
     `ds-stepper--${i}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), w = i === "xs" ? P[1] : i === "small" ? P[2] : P[3];
+  ].filter(Boolean).join(" "), g = i === "xs" ? P[1] : i === "small" ? P[2] : P[3];
   return /* @__PURE__ */ e.jsxs("div", { className: v, children: [
     t && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: t }),
     /* @__PURE__ */ e.jsxs("div", { className: _, children: [
@@ -639,7 +639,7 @@ function cs({
           onClick: h,
           disabled: l || s <= a,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ e.jsx(et, { size: w, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(et, { size: g, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -664,7 +664,7 @@ function cs({
           onClick: p,
           disabled: l || s >= o,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ e.jsx(tt, { size: w, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(tt, { size: g, strokeWidth: 1.5 })
         }
       )
     ] }),
@@ -760,39 +760,37 @@ function de({
   return /* @__PURE__ */ e.jsx("span", { className: r, role: i, ...o, children: t });
 }
 const jt = {
-  info: Ae,
-  success: Se,
-  warning: Re,
-  error: Te
-};
-function xs({
-  children: t,
-  variant: s = "info",
-  title: n,
-  onClose: a,
-  role: o,
-  ...r
-}) {
-  const i = jt[s], l = o || (s === "error" ? "alert" : "status");
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-alert ds-alert--${s} ${n ? "" : "ds-alert--no-title"}`, role: l, ...r, children: [
-    i && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(i, { size: P[3], strokeWidth: 1.5 }) }),
+  info: Ie,
+  success: Ae,
+  warning: Se,
+  error: Re
+}, xs = V.forwardRef(function({
+  children: s,
+  variant: n = "info",
+  title: a,
+  onClose: o,
+  role: r,
+  ...i
+}, l) {
+  const u = jt[n], d = r || (n === "error" ? "alert" : "status");
+  return /* @__PURE__ */ e.jsxs("div", { ref: l, className: `ds-alert ds-alert--${n} ${a ? "" : "ds-alert--no-title"}`, role: d, ...i, children: [
+    u && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(u, { size: P[3], strokeWidth: 1.5 }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-alert__content", children: [
-      n && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: n }),
-      t && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: t })
+      a && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: a }),
+      s && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: s })
     ] }),
-    a && /* @__PURE__ */ e.jsx(
+    o && /* @__PURE__ */ e.jsx(
       "button",
       {
         type: "button",
         className: "ds-alert__close",
-        onClick: a,
+        onClick: o,
         "aria-label": "Close alert",
         children: /* @__PURE__ */ e.jsx(ee, { size: P[3], strokeWidth: 1.5 })
       }
     )
   ] });
-}
-const Nt = 200;
+}), Nt = 200;
 function vs({
   children: t,
   title: s,
@@ -810,13 +808,13 @@ function vs({
   B(() => {
     const _ = (y) => {
       y.key === "Escape" && p();
-    }, w = (y) => {
+    }, g = (y) => {
       var j, S, M;
       const k = ((S = (j = y.composedPath) == null ? void 0 : j.call(y)) == null ? void 0 : S[0]) ?? y.target;
       l.current && !l.current.contains(k) && !((M = k.closest) != null && M.call(k, "[data-ds-portal]")) && p();
     };
-    return document.addEventListener("keydown", _), document.addEventListener("mousedown", w), () => {
-      document.removeEventListener("keydown", _), document.removeEventListener("mousedown", w);
+    return document.addEventListener("keydown", _), document.addEventListener("mousedown", g), () => {
+      document.removeEventListener("keydown", _), document.removeEventListener("mousedown", g);
     };
   }, [n, d]);
   const h = V.Children.toArray(t), c = h.find((_) => (_ == null ? void 0 : _.type) === fe), v = h.filter((_) => (_ == null ? void 0 : _.type) !== fe);
@@ -853,7 +851,7 @@ function vs({
 function fe({ children: t }) {
   return !t || V.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: t });
 }
-const gt = 320;
+const wt = 320;
 function _s({
   children: t,
   title: s,
@@ -864,15 +862,15 @@ function _s({
   const r = R(null), i = V.useId(), [l, u] = A(!1), d = () => {
     !n || l || (u(!0), setTimeout(() => {
       u(!1), n();
-    }, gt));
+    }, wt));
   };
   B(() => {
     const c = (_) => {
       _.key === "Escape" && d();
     }, v = (_) => {
       var y, k, j;
-      const w = ((k = (y = _.composedPath) == null ? void 0 : y.call(_)) == null ? void 0 : k[0]) ?? _.target;
-      r.current && !r.current.contains(w) && !((j = w.closest) != null && j.call(w, "[data-ds-portal]")) && d();
+      const g = ((k = (y = _.composedPath) == null ? void 0 : y.call(_)) == null ? void 0 : k[0]) ?? _.target;
+      r.current && !r.current.contains(g) && !((j = g.closest) != null && j.call(g, "[data-ds-portal]")) && d();
     };
     return document.addEventListener("keydown", c), document.addEventListener("mousedown", v), () => {
       document.removeEventListener("keydown", c), document.removeEventListener("mousedown", v);
@@ -917,7 +915,7 @@ function _s({
     }
   );
 }
-function wt({
+function gt({
   children: t,
   title: s = "Code",
   defaultExpanded: n = !1,
@@ -960,7 +958,7 @@ function wt({
   ] });
 }
 function bs({ children: t, block: s = !1, collapsible: n = !1, title: a = "Code", defaultExpanded: o = !1, ...r }) {
-  return s ? n ? /* @__PURE__ */ e.jsx(wt, { title: a, defaultExpanded: o, ...r, children: t }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block ds-scrollable", ...r, children: /* @__PURE__ */ e.jsx("code", { children: t }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...r, children: t });
+  return s ? n ? /* @__PURE__ */ e.jsx(gt, { title: a, defaultExpanded: o, ...r, children: t }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block ds-scrollable", ...r, children: /* @__PURE__ */ e.jsx("code", { children: t }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...r, children: t });
 }
 function js({ href: t, children: s, onClick: n, target: a, rel: o, ...r }) {
   const l = a === "_blank" ? o ? `${o} noopener noreferrer` : "noopener noreferrer" : o;
@@ -980,7 +978,7 @@ function js({ href: t, children: s, onClick: n, target: a, rel: o, ...r }) {
 function Ns({ children: t, size: s = "m", variant: n = "ghost", ...a }) {
   return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...a, children: V.Children.map(t, (o) => V.isValidElement(o) ? V.cloneElement(o, { size: s, variant: n }) : o) });
 }
-function gs({ children: t, selected: s = !1, onClick: n, size: a = "m", variant: o = "ghost", disabled: r = !1, icon: i, href: l, ...u }) {
+function ws({ children: t, selected: s = !1, onClick: n, size: a = "m", variant: o = "ghost", disabled: r = !1, icon: i, href: l, ...u }) {
   const d = i && !t, m = [
     "ds-tab",
     `ds-tab--${a}`,
@@ -1026,13 +1024,13 @@ function gs({ children: t, selected: s = !1, onClick: n, size: a = "m", variant:
     }
   );
 }
-function ws({ options: t, value: s, onChange: n, size: a = "m", disabled: o = !1 }) {
+function gs({ options: t, value: s, onChange: n, size: a = "m", disabled: o = !1 }) {
   const r = R(null), i = R(null), [l, u] = A(!1), d = R(!1), m = R(null), p = R(null), h = () => {
     if (!r.current) return;
     const c = r.current.querySelector(`[data-value="${s}"]`);
     if (!c) return;
-    const v = r.current.getBoundingClientRect(), _ = c.getBoundingClientRect(), w = _.left - v.left, y = _.width;
-    i.current ? (i.current.style.transition = d.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = w + "px", i.current.style.width = y + "px", d.current = !1) : (u(!0), requestAnimationFrame(() => {
+    const v = r.current.getBoundingClientRect(), _ = c.getBoundingClientRect(), g = _.left - v.left, y = _.width;
+    i.current ? (i.current.style.transition = d.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = g + "px", i.current.style.width = y + "px", d.current = !1) : (u(!0), requestAnimationFrame(() => {
       if (!i.current || !r.current) return;
       const k = r.current.querySelector(`[data-value="${s}"]`);
       if (!k) return;
@@ -1088,7 +1086,7 @@ function ws({ options: t, value: s, onChange: n, size: a = "m", disabled: o = !1
     }
   );
 }
-function Ie({
+function Be({
   children: t,
   title: s,
   defaultExpanded: n = !1,
@@ -1163,7 +1161,7 @@ function kt(t, s, n) {
 function Ke({ children: t, content: s, position: n, ...a }) {
   const [o, r] = A(!1), [i, l] = A({ visibility: "hidden" }), [u, d] = A(n || "top"), m = R(null), p = R(null), h = R(!1), c = () => {
     if (!m.current || !p.current) return;
-    const _ = m.current.getBoundingClientRect(), w = p.current.getBoundingClientRect(), y = n || kt(_, w.height, w.width), { top: k, left: j, arrowOffset: S } = yt(y, _, w);
+    const _ = m.current.getBoundingClientRect(), g = p.current.getBoundingClientRect(), y = n || kt(_, g.height, g.width), { top: k, left: j, arrowOffset: S } = yt(y, _, g);
     d(y), l({
       position: "fixed",
       top: k,
@@ -1181,8 +1179,8 @@ function Ke({ children: t, content: s, position: n, ...a }) {
     };
   }, [o, n]), B(() => {
     if (!o) return;
-    const _ = (w) => {
-      m.current && !m.current.contains(w.target) && r(!1);
+    const _ = (g) => {
+      m.current && !m.current.contains(g.target) && r(!1);
     };
     return document.addEventListener("touchstart", _), () => document.removeEventListener("touchstart", _);
   }, [o]), !s) return t;
@@ -1278,7 +1276,7 @@ function ks({
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: t && /* @__PURE__ */ e.jsx(
-      $e,
+      Te,
       {
         size: d,
         strokeWidth: 2.5,
@@ -1655,14 +1653,14 @@ function Cs({
       _.key === "Escape" && d();
     }, v = (_) => {
       var y, k, j;
-      const w = ((k = (y = _.composedPath) == null ? void 0 : y.call(_)) == null ? void 0 : k[0]) ?? _.target;
-      r.current && !r.current.contains(w) && !((j = w.closest) != null && j.call(w, "[data-ds-portal]")) && d();
+      const g = ((k = (y = _.composedPath) == null ? void 0 : y.call(_)) == null ? void 0 : k[0]) ?? _.target;
+      r.current && !r.current.contains(g) && !((j = g.closest) != null && j.call(g, "[data-ds-portal]")) && d();
     };
     return document.addEventListener("keydown", c), document.addEventListener("mousedown", v), () => {
       document.removeEventListener("keydown", c), document.removeEventListener("mousedown", v);
     };
   }, [n, l]);
-  const m = V.Children.toArray(t), p = m.find((c) => (c == null ? void 0 : c.type) === Oe), h = m.filter((c) => (c == null ? void 0 : c.type) !== Oe);
+  const m = V.Children.toArray(t), p = m.find((c) => (c == null ? void 0 : c.type) === Ce), h = m.filter((c) => (c == null ? void 0 : c.type) !== Ce);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1690,7 +1688,7 @@ function Cs({
     }
   );
 }
-function Oe({ children: t }) {
+function Ce({ children: t }) {
   return /* @__PURE__ */ e.jsx("footer", { className: "ds-drawer-footer", children: t });
 }
 const It = 320;
@@ -1711,14 +1709,14 @@ function Fs({
       _.key === "Escape" && d();
     }, v = (_) => {
       var y, k, j;
-      const w = ((k = (y = _.composedPath) == null ? void 0 : y.call(_)) == null ? void 0 : k[0]) ?? _.target;
-      r.current && !r.current.contains(w) && !((j = w.closest) != null && j.call(w, "[data-ds-portal]")) && d();
+      const g = ((k = (y = _.composedPath) == null ? void 0 : y.call(_)) == null ? void 0 : k[0]) ?? _.target;
+      r.current && !r.current.contains(g) && !((j = g.closest) != null && j.call(g, "[data-ds-portal]")) && d();
     };
     return document.addEventListener("keydown", c), document.addEventListener("mousedown", v), () => {
       document.removeEventListener("keydown", c), document.removeEventListener("mousedown", v);
     };
   }, [n, l]);
-  const m = V.Children.toArray(t), p = m.find((c) => (c == null ? void 0 : c.type) === Ce || (c == null ? void 0 : c.type) === fe), h = m.filter((c) => (c == null ? void 0 : c.type) !== Ce && (c == null ? void 0 : c.type) !== fe);
+  const m = V.Children.toArray(t), p = m.find((c) => (c == null ? void 0 : c.type) === Fe || (c == null ? void 0 : c.type) === fe), h = m.filter((c) => (c == null ? void 0 : c.type) !== Fe && (c == null ? void 0 : c.type) !== fe);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1756,7 +1754,7 @@ function Fs({
     }
   );
 }
-function Ce({ children: t }) {
+function Fe({ children: t }) {
   return !t || V.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__footer", children: t });
 }
 const be = Qe({ collapsed: !1, side: "left" });
@@ -1789,7 +1787,7 @@ function Us({
   className: m = "",
   ...p
 }) {
-  const { collapsed: h, side: c } = Ee(be), w = {
+  const { collapsed: h, side: c } = Ee(be), g = {
     className: [
       "ds-nav-rail__item",
       m
@@ -1812,7 +1810,7 @@ function Us({
     !h && l && /* @__PURE__ */ e.jsx(de, { size: "xs", variant: "accent", className: "ds-nav-rail__badge-expanded", children: "New" }),
     !h && y && /* @__PURE__ */ e.jsx("span", { className: ["ds-nav-rail__count", i === 0 && "ds-nav-rail__count--zero"].filter(Boolean).join(" "), children: i }),
     h && l && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot", "aria-hidden": "true" })
-  ] }), S = o ? /* @__PURE__ */ e.jsx("a", { href: a ? void 0 : o, ...w, children: j }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...w, children: j });
+  ] }), S = o ? /* @__PURE__ */ e.jsx("a", { href: a ? void 0 : o, ...g, children: j }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...g, children: j });
   return h ? /* @__PURE__ */ e.jsx(Ke, { content: s, position: k, children: S }) : S;
 }
 function Vs({ children: t, className: s = "", ...n }) {
@@ -1869,10 +1867,10 @@ function Gs({ avatar: t, label: s, selected: n = !1, disabled: a = !1, href: o,
   return u ? /* @__PURE__ */ e.jsx(Ke, { content: s, position: v, children: _ }) : _;
 }
 const Bt = {
-  info: Ae,
-  success: Se,
-  warning: Re,
-  error: Te
+  info: Ie,
+  success: Ae,
+  warning: Se,
+  error: Re
 };
 function Xs({
   children: t,
@@ -1926,7 +1924,7 @@ function Js({
   style: i,
   ...l
 }) {
-  const [u, d] = A(!1), [m, p] = A(!1), h = n !== void 0, c = h ? n : u, v = R(null), _ = R(null), w = R(null), y = R(null), [k, j] = A({}), S = R(null), M = 150, D = () => {
+  const [u, d] = A(!1), [m, p] = A(!1), h = n !== void 0, c = h ? n : u, v = R(null), _ = R(null), g = R(null), y = R(null), [k, j] = A({}), S = R(null), M = 150, D = () => {
     if (h)
       a == null || a(!1);
     else {
@@ -1958,7 +1956,7 @@ function Js({
   }, [c, o]);
   const W = () => {
     var b;
-    const x = (b = w.current) == null ? void 0 : b.querySelector(
+    const x = (b = g.current) == null ? void 0 : b.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
     x == null || x.focus();
@@ -1976,25 +1974,25 @@ function Js({
     };
   }, [c]), B(() => {
     if (!c || !y.current || !_.current) return;
-    const x = g(), b = y.current === "last" ? x[x.length - 1] : x[0];
+    const x = w(), b = y.current === "last" ? x[x.length - 1] : x[0];
     b == null || b.focus(), y.current = null;
   }, [c]);
-  const g = () => _.current ? [..._.current.querySelectorAll(
+  const w = () => _.current ? [..._.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
   )] : [], O = (x) => {
     var b, E;
     if (x.key === "ArrowDown")
-      x.preventDefault(), c ? (b = g()[0]) == null || b.focus() : (y.current = "first", q());
+      x.preventDefault(), c ? (b = w()[0]) == null || b.focus() : (y.current = "first", q());
     else if (x.key === "ArrowUp")
       if (x.preventDefault(), !c)
         y.current = "last", q();
       else {
-        const L = g();
+        const L = w();
         (E = L[L.length - 1]) == null || E.focus();
       }
   }, K = (x) => {
     var L, U, G, T;
-    const b = g(), E = b.findIndex((f) => f === document.activeElement);
+    const b = w(), E = b.findIndex((f) => f === document.activeElement);
     switch (x.key) {
       case "ArrowDown":
         x.preventDefault(), (L = b[Math.min(E + 1, b.length - 1)]) == null || L.focus();
@@ -2069,7 +2067,7 @@ function Js({
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: w,
+            ref: g,
             className: "ds-dropdown__trigger",
             onClick: H,
             onKeyDown: O,
@@ -2176,11 +2174,11 @@ function en({
     d && !m.current && (r == null || r()), !d && m.current && (i == null || i()), m.current = d;
   }, [d]), /* @__PURE__ */ e.jsx(s, { ref: u, ...l, children: typeof t == "function" ? t(d) : t });
 }
-const Fe = {
-  default: Ae,
-  success: Se,
-  warning: Re,
-  error: Te
+const We = {
+  default: Ie,
+  success: Ae,
+  warning: Se,
+  error: Re
 };
 let me = [];
 const ye = /* @__PURE__ */ new Set();
@@ -2211,7 +2209,7 @@ function Ct({ data: t, onDismiss: s }) {
   function r() {
     a(!1), setTimeout(() => s(t.id), 250);
   }
-  const i = Fe[t.type] ?? Fe.default;
+  const i = We[t.type] ?? We.default;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2274,7 +2272,7 @@ function nn({
       className: ["ds-tool-card", m && "ds-tool-card--running", u].filter(Boolean).join(" "),
       ...d,
       children: /* @__PURE__ */ e.jsx(
-        Ie,
+        Be,
         {
           title: p,
           padding: "s",
@@ -2324,7 +2322,7 @@ function rn({ content: t, streaming: s = !1, ...n }) {
   return B(() => {
     o(!!s);
   }, [s]), /* @__PURE__ */ e.jsx(
-    Ie,
+    Be,
     {
       expanded: a,
       onToggle: o,
@@ -2368,7 +2366,7 @@ function an({
           "aria-label": `Step ${d + 1}`,
           disabled: !h || d === s,
           onClick: () => a == null ? void 0 : a(d),
-          children: p ? /* @__PURE__ */ e.jsx($e, { size: 8, strokeWidth: 3 }) : null
+          children: p ? /* @__PURE__ */ e.jsx(Te, { size: 8, strokeWidth: 3 }) : null
         },
         d
       );
@@ -2468,11 +2466,11 @@ function Ut({
       v.current && clearTimeout(v.current);
     };
   }, [s, t, n, a, o, r]);
-  const w = (S) => {
+  const g = (S) => {
     if (t.length === 0) return;
     const M = (S % t.length + t.length) % t.length, D = t[M];
     c.current = M, h.current = D.length, p.current = "holding", _.current = Date.now() + i, u(M), m(D);
-  }, y = () => w(c.current + 1), k = () => w(c.current - 1), j = t[l % t.length] ?? "";
+  }, y = () => g(c.current + 1), k = () => g(c.current - 1), j = t[l % t.length] ?? "";
   return { displayed: d, currentPrompt: j, index: l, next: y, prev: k };
 }
 let Vt = 0;
@@ -2493,7 +2491,7 @@ function dn({
   onRemoveAttachment: c,
   onRemoveImage: v,
   acceptImage: _,
-  acceptFile: w,
+  acceptFile: g,
   maxImages: y,
   maxImageSize: k,
   leftSlot: j,
@@ -2501,10 +2499,10 @@ function dn({
   className: M = "",
   ...D
 }) {
-  const H = R(null), q = R(null), W = R(0), [g, O] = A(!1), [K, C] = A([]), x = (N) => {
+  const H = R(null), q = R(null), W = R(0), [w, O] = A(!1), [K, C] = A([]), x = (N) => {
     const I = ++Vt;
     C((X) => [...X, { id: I, msg: N }]), setTimeout(() => C((X) => X.filter((J) => J.id !== I)), 6e3);
-  }, b = (N) => C((I) => I.filter((X) => X.id !== N)), E = (N) => N.type.startsWith("image/"), L = () => !0, U = _ ?? E, G = w ?? L, T = (N) => {
+  }, b = (N) => C((I) => I.filter((X) => X.id !== N)), E = (N) => N.type.startsWith("image/"), L = () => !0, U = _ ?? E, G = g ?? L, T = (N) => {
     const I = [], X = [], J = [], Z = [];
     let te = 0, ce = y != null ? y - ((m == null ? void 0 : m.length) ?? 0) : 1 / 0;
     for (const se of N)
@@ -2546,8 +2544,8 @@ function dn({
     if (!I) return;
     const X = [];
     for (const Je of I) {
-      const De = Je.getAsFile();
-      De && X.push(De);
+      const Le = Je.getAsFile();
+      Le && X.push(Le);
     }
     if (X.length === 0) return;
     const { imageFiles: J, tooLarge: Z, skipped: te, limitExceeded: ce } = T(X);
@@ -2571,9 +2569,9 @@ function dn({
       }
     }
     o == null || o(N);
-  }, Xe = (t.trim() || (m == null ? void 0 : m.length) > 0 || (d == null ? void 0 : d.length) > 0) && !i, Be = p || h;
+  }, Xe = (t.trim() || (m == null ? void 0 : m.length) > 0 || (d == null ? void 0 : d.length) > 0) && !i, De = p || h;
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", M].filter(Boolean).join(" "), ...D, children: [
-    Be && /* @__PURE__ */ e.jsx(
+    De && /* @__PURE__ */ e.jsx(
       "input",
       {
         ref: H,
@@ -2587,13 +2585,13 @@ function dn({
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: ["ds-prompt-input__box", g && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
+        className: ["ds-prompt-input__box", w && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
         onDragEnter: $,
         onDragLeave: z,
         onDragOver: F,
         onDrop: ne,
         children: [
-          g && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
+          w && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
           /* @__PURE__ */ e.jsx(
             "textarea",
             {
@@ -2639,7 +2637,7 @@ function dn({
             )
           ] }, N.id)) }),
           d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: d.map((N, I) => /* @__PURE__ */ e.jsx(de, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
-            N.uploading ? /* @__PURE__ */ e.jsx(lt, { size: P[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Le, { size: P[1], strokeWidth: 1.5 }),
+            N.uploading ? /* @__PURE__ */ e.jsx(lt, { size: P[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Pe, { size: P[1], strokeWidth: 1.5 }),
             N.filename,
             N.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: "Uploading..." }) : /* @__PURE__ */ e.jsx(
               "button",
@@ -2652,12 +2650,12 @@ function dn({
             )
           ] }) }, I)) }),
           /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__toolbar", children: [
-            Be && /* @__PURE__ */ e.jsx(
+            De && /* @__PURE__ */ e.jsx(
               ae,
               {
                 variant: "ghost",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(Le, { size: P[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(Pe, { size: P[2], strokeWidth: 1.5 }),
                 "aria-label": "Attach files",
                 onClick: () => {
                   var N;
@@ -2694,7 +2692,7 @@ function dn({
     )
   ] });
 }
-const We = { fast: 0, standard: 1, premium: 2 }, Ue = { fast: "data-5", standard: "data-3", premium: "data-6" };
+const Ue = { fast: 0, standard: 1, premium: 2 }, Ve = { fast: "data-5", standard: "data-3", premium: "data-6" };
 function un({
   models: t = [],
   value: s,
@@ -2706,14 +2704,14 @@ function un({
   className: l = "",
   ...u
 }) {
-  const [d, m] = A(!1), p = R(null), h = R(null), c = R(null), [v, _] = A({}), w = t.filter((g) => !o || g.name === "auto" ? !0 : (We[g.tier] ?? 1) >= (We[o] ?? 1)), y = w.find((g) => g.name === "auto"), k = w.filter((g) => g.name !== "auto"), j = t.find((g) => g.name === s), M = new Set(k.map((g) => g.tier).filter(Boolean)).size > 1;
+  const [d, m] = A(!1), p = R(null), h = R(null), c = R(null), [v, _] = A({}), g = t.filter((w) => !o || w.name === "auto" ? !0 : (Ue[w.tier] ?? 1) >= (Ue[o] ?? 1)), y = g.find((w) => w.name === "auto"), k = g.filter((w) => w.name !== "auto"), j = t.find((w) => w.name === s), M = new Set(k.map((w) => w.tier).filter(Boolean)).size > 1;
   B(() => {
     if (!d) return;
-    const g = 320, O = () => {
+    const w = 320, O = () => {
       var L;
       const x = (L = h.current) == null ? void 0 : L.getBoundingClientRect();
       if (!x) return;
-      const b = window.innerHeight - x.bottom, E = b < g + 8 && x.top > b;
+      const b = window.innerHeight - x.bottom, E = b < w + 8 && x.top > b;
       _({
         position: "fixed",
         zIndex: "var(--z-dropdown, 500)",
@@ -2732,28 +2730,28 @@ function un({
       window.removeEventListener("scroll", O, !0), window.removeEventListener("resize", O), document.removeEventListener("mousedown", K), document.removeEventListener("keydown", C);
     };
   }, [d]);
-  const D = (g) => {
-    n == null || n(g), m(!1);
-  }, H = (g) => /* @__PURE__ */ e.jsxs(
+  const D = (w) => {
+    n == null || n(w), m(!1);
+  }, H = (w) => /* @__PURE__ */ e.jsxs(
     "button",
     {
       type: "button",
       className: [
         "ds-model-picker__item",
-        g.name === s && "ds-model-picker__item--active"
+        w.name === s && "ds-model-picker__item--active"
       ].filter(Boolean).join(" "),
-      onClick: () => D(g.name),
+      onClick: () => D(w.name),
       children: [
-        g.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: g.icon }) : /* @__PURE__ */ e.jsx(Pe, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
-        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: g.displayName || g.name }),
-        M && g.tier && /* @__PURE__ */ e.jsx(de, { size: "xs", variant: Ue[g.tier] || "default", children: g.tier })
+        w.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: w.icon }) : /* @__PURE__ */ e.jsx(Me, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
+        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: w.displayName || w.name }),
+        M && w.tier && /* @__PURE__ */ e.jsx(de, { size: "xs", variant: Ve[w.tier] || "default", children: w.tier })
       ]
     },
-    g.name
-  ), q = () => !i || !M ? k.map(H) : ["fast", "standard", "premium"].flatMap((g) => {
-    const O = k.filter((K) => K.tier === g);
+    w.name
+  ), q = () => !i || !M ? k.map(H) : ["fast", "standard", "premium"].flatMap((w) => {
+    const O = k.filter((K) => K.tier === w);
     return O.length ? [
-      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": g, children: g.charAt(0).toUpperCase() + g.slice(1) }, `lbl-${g}`),
+      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": w, children: w.charAt(0).toUpperCase() + w.slice(1) }, `lbl-${w}`),
       ...O.map(H)
     ] : [];
   }), W = d && /* @__PURE__ */ e.jsxs("div", { ref: c, className: "ds-model-picker__menu ds-scrollable", "data-ds-portal": "", style: v, children: [
@@ -2791,13 +2789,13 @@ function un({
             ref: h,
             type: "button",
             className: "ds-model-picker__trigger",
-            onClick: () => m((g) => !g),
+            onClick: () => m((w) => !w),
             "aria-haspopup": "listbox",
             "aria-expanded": d,
             children: [
-              j != null && j.icon ? /* @__PURE__ */ e.jsx("span", { children: j.icon }) : /* @__PURE__ */ e.jsx(Pe, { size: 12, strokeWidth: 1.5 }),
+              j != null && j.icon ? /* @__PURE__ */ e.jsx("span", { children: j.icon }) : /* @__PURE__ */ e.jsx(Me, { size: 12, strokeWidth: 1.5 }),
               /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (j == null ? void 0 : j.displayName) || (j == null ? void 0 : j.name) || s }),
-              M && (j == null ? void 0 : j.tier) && /* @__PURE__ */ e.jsx(de, { size: "xs", variant: Ue[j.tier] || "default", children: j.tier })
+              M && (j == null ? void 0 : j.tier) && /* @__PURE__ */ e.jsx(de, { size: "xs", variant: Ve[j.tier] || "default", children: j.tier })
             ]
           }
         ),
@@ -2854,18 +2852,18 @@ function fn({
     d.map((h) => {
       const c = h.items.map((_) => _.page).filter(Boolean), v = !!o;
       return m ? /* @__PURE__ */ e.jsx(
-        Ie,
+        Be,
         {
           title: /* @__PURE__ */ e.jsx(Yt, { filename: h.filename, pages: c }),
           padding: "s",
-          children: h.items.map((_, w) => /* @__PURE__ */ e.jsx(
+          children: h.items.map((_, g) => /* @__PURE__ */ e.jsx(
             "div",
             {
               className: `ds-sources-panel__snippet${v ? " ds-sources-panel__snippet--clickable" : ""}`,
               onClick: v ? () => o(_) : void 0,
               children: _.snippet ?? `p. ${_.page}`
             },
-            w
+            g
           ))
         },
         h.filename
@@ -2889,7 +2887,7 @@ function fn({
     ] })
   ] });
 }
-function Ve(t) {
+function Ye(t) {
   return t >= 1e6 ? (t / 1e6).toFixed(1).replace(/\.0$/, "") + "M" : t >= 1e3 ? (t / 1e3).toFixed(1).replace(/\.0$/, "") + "K" : String(t);
 }
 function mn({
@@ -2919,9 +2917,9 @@ function mn({
         ) }),
         (a || o) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${d}`, children: [
           a && /* @__PURE__ */ e.jsxs("span", { children: [
-            Ve(t),
+            Ye(t),
             " / ",
-            Ve(s)
+            Ye(s)
           ] }),
           o && /* @__PURE__ */ e.jsxs("span", { style: { marginLeft: "auto" }, children: [
             Math.round(l * 100),
@@ -2932,7 +2930,7 @@ function mn({
     }
   );
 }
-const Ye = 5;
+const qe = 5;
 function Ht(t) {
   return t < 0.34 ? "low" : t < 0.67 ? "medium" : "high";
 }
@@ -2942,14 +2940,14 @@ function pn({
   showLabel: n = "none",
   layout: a = "inline"
 }) {
-  const o = Math.max(0, Math.min(1, t)), r = Math.round(o * Ye), i = Ht(o);
+  const o = Math.max(0, Math.min(1, t)), r = Math.round(o * qe), i = Ht(o);
   return /* @__PURE__ */ e.jsxs("div", { className: [
     "ds-confidence-bar",
     `ds-confidence-bar--${s}`,
     `ds-confidence-bar--${i}`,
     a === "block" && "ds-confidence-bar--block"
   ].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: Ye }, (l, u) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: qe }, (l, u) => /* @__PURE__ */ e.jsx(
       "div",
       {
         className: `ds-confidence-bar__seg${u < r ? " ds-confidence-bar__seg--filled" : ""}`
@@ -3152,7 +3150,7 @@ function bn({ children: t, axis: s = "y", style: n, className: a = "", ...o }) {
     }
   );
 }
-const ge = 280, Jt = 22, Zt = 14, le = 8, _e = 6, Qt = 200;
+const we = 280, Jt = 22, Zt = 14, le = 8, _e = 6, Qt = 200;
 function es(t) {
   return t ? typeof t == "function" ? t() : typeof t == "string" ? document.querySelector(t) : null : null;
 }
@@ -3200,19 +3198,19 @@ function jn({
   statePrimary: h = "idle",
   stateBack: c = "idle"
 }) {
-  const v = R(null), _ = R(t), w = R(s), y = R(l);
-  _.current = t, w.current = s, y.current = l;
-  const [k, j] = A(!1), [S, M] = A({ position: "fixed", visibility: "hidden", width: ge }), [D, H] = A("bottom"), [q, W] = A(null), g = R(!1), O = t[s], K = s === t.length - 1, C = qe(() => {
-    const x = _.current[w.current];
+  const v = R(null), _ = R(t), g = R(s), y = R(l);
+  _.current = t, g.current = s, y.current = l;
+  const [k, j] = A(!1), [S, M] = A({ position: "fixed", visibility: "hidden", width: we }), [D, H] = A("bottom"), [q, W] = A(null), w = R(!1), O = t[s], K = s === t.length - 1, C = $e(() => {
+    const x = _.current[g.current];
     if (!x || !v.current) return;
     const b = es(x.target);
     if (!b) return;
-    const E = b.getBoundingClientRect(), U = v.current.getBoundingClientRect().height || 160, G = ge, T = y.current ? Jt : Zt, f = x.position || ts(E, U, G, T), { top: $, left: z, arrowOffset: F } = ss(f, E, U, G, T);
+    const E = b.getBoundingClientRect(), U = v.current.getBoundingClientRect().height || 160, G = we, T = y.current ? Jt : Zt, f = x.position || ts(E, U, G, T), { top: $, left: z, arrowOffset: F } = ss(f, E, U, G, T);
     H(f), M({
       position: "fixed",
       top: $,
       left: z,
-      width: ge,
+      width: we,
       visibility: "visible",
       "--arrow-offset": `${F}px`
     }), W({
@@ -3225,13 +3223,13 @@ function jn({
   return B(() => {
     window.addEventListener("scroll", C, !0), window.addEventListener("resize", C);
     const x = requestAnimationFrame(() => {
-      C(), j(!0), g.current = !0;
+      C(), j(!0), w.current = !0;
     });
     return () => {
       cancelAnimationFrame(x), window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C);
     };
   }, []), B(() => {
-    if (!g.current) return;
+    if (!w.current) return;
     j(!1);
     const x = setTimeout(() => {
       M((b) => ({ ...b, visibility: "hidden" })), requestAnimationFrame(() => {
@@ -3321,7 +3319,7 @@ function jn({
   );
 }
 function Nn(t, s = {}) {
-  const { storageKey: n } = s, [a, o] = A(0), [r, i] = A(!1), l = () => n && typeof localStorage < "u" && localStorage.getItem(n) === "done", u = qe(() => {
+  const { storageKey: n } = s, [a, o] = A(0), [r, i] = A(!1), l = () => n && typeof localStorage < "u" && localStorage.getItem(n) === "done", u = $e(() => {
     i(!1), n && typeof localStorage < "u" && localStorage.setItem(n, "done");
   }, [n]);
   return {
@@ -3336,8 +3334,20 @@ function Nn(t, s = {}) {
     finish: u
   };
 }
+function wn() {
+  const t = R(null), s = $e(() => {
+    const n = t.current;
+    if (!n) return;
+    n.classList.remove("ds-shake"), n.offsetWidth, n.classList.add("ds-shake");
+    const a = () => {
+      n.classList.remove("ds-shake"), n.removeEventListener("animationend", a);
+    };
+    n.addEventListener("animationend", a);
+  }, []);
+  return { ref: t, shake: s };
+}
 export {
-  Ie as Accordion,
+  Be as Accordion,
   xs as Alert,
   Qs as AnimatedNumber,
   $s as Avatar,
@@ -3351,12 +3361,12 @@ export {
   ks as Checkbox,
   jn as Coachmark,
   bs as Code,
-  wt as CodeAccordion,
+  gt as CodeAccordion,
   pn as ConfidenceBar,
   Wt as CopyButton,
   hn as DiffView,
   Cs as Drawer,
-  Oe as DrawerFooter,
+  Ce as DrawerFooter,
   Js as Dropdown,
   Ls as EmptyState,
   _n as EngineerGrid,
@@ -3390,10 +3400,10 @@ export {
   Es as Radio,
   rn as ReasoningBlock,
   bn as Scrollable,
-  ws as SegmentedControl,
+  gs as SegmentedControl,
   ls as Select,
   Fs as SidePage,
-  Ce as SidePageFooter,
+  Fe as SidePageFooter,
   Et as Skeleton,
   fn as SourcesPanel,
   vt as Spinner,
@@ -3401,7 +3411,7 @@ export {
   an as StepIndicator,
   cs as Stepper,
   on as StreamingText,
-  gs as Tab,
+  ws as Tab,
   Ts as Table,
   Ss as TableBody,
   Rs as TableHead,
@@ -3423,6 +3433,7 @@ export {
   Ut as useAnimatedPlaceholder,
   Nn as useCoachmark,
   Mt as useInView,
+  wn as useShake,
   cn as useStreamScroll,
   tn as useToast
 };