@donkit-ai/design-system 1.4.56 → 1.4.58

package/dist/index.es.js

@@ -8,7 +8,7 @@ const P = {
   4: 28,
   5: 48
 };
-var ge = { exports: {} }, he = {};
+var we = { exports: {} }, he = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -59,7 +59,7 @@ function xt() {
         return f.$$typeof === O ? null : f.displayName || f.name || null;
       if (typeof f == "string") return f;
       switch (f) {
-        case g:
+        case w:
           return "Fragment";
         case k:
           return "Profiler";
@@ -69,7 +69,7 @@ function xt() {
           return "Suspense";
         case H:
           return "SuspenseList";
-        case w:
+        case g:
           return "Activity";
       }
       if (typeof f == "object")
@@ -117,7 +117,7 @@ function xt() {
       }
     }
     function a(f) {
-      if (f === g) return "<>";
+      if (f === w) 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"), 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() {
+    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() {
       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 = g, xe.jsx = function(f, $, z) {
+    xe.Fragment = w, 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" ? ge.exports = ht() : ge.exports = xt();
-var e = ge.exports;
+process.env.NODE_ENV === "production" ? we.exports = ht() : we.exports = xt();
+var e = we.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", 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($e, { 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 = [
+  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 = [
     "ds-button",
     `ds-button--${s}`,
     `ds-button--${n}`,
@@ -322,12 +322,12 @@ function ae({
     t
   ] });
   if (d) {
-    const W = (w) => {
+    const W = (g) => {
       if (r || v) {
-        w.preventDefault();
+        g.preventDefault();
         return;
       }
-      w.metaKey || w.ctrlKey || w.button === 1 || (w.preventDefault(), l == null || l(w));
+      g.metaKey || g.ctrlKey || g.button === 1 || (g.preventDefault(), l == null || l(g));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
@@ -448,7 +448,7 @@ function ls({
   id: d,
   ...m
 }) {
-  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) => {
+  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) => {
     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"), g(
+    k(ne ? "up" : "down"), w(
       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 ? w : void 0,
+      "aria-labelledby": t ? g : 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: w, className: "ds-select-label", children: t }),
+    t && /* @__PURE__ */ e.jsx("label", { id: g, 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 ? w : void 0,
+        "aria-labelledby": t ? g : 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(" "), g = i === "xs" ? P[1] : i === "small" ? P[2] : P[3];
+  ].filter(Boolean).join(" "), w = 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: g, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(et, { size: w, 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: g, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(tt, { size: w, strokeWidth: 1.5 })
         }
       )
     ] }),
@@ -810,13 +810,13 @@ function vs({
   B(() => {
     const _ = (y) => {
       y.key === "Escape" && p();
-    }, g = (y) => {
+    }, w = (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", g), () => {
-      document.removeEventListener("keydown", _), document.removeEventListener("mousedown", g);
+    return document.addEventListener("keydown", _), document.addEventListener("mousedown", w), () => {
+      document.removeEventListener("keydown", _), document.removeEventListener("mousedown", w);
     };
   }, [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 +853,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 wt = 320;
+const gt = 320;
 function _s({
   children: t,
   title: s,
@@ -864,15 +864,15 @@ function _s({
   const r = R(null), i = V.useId(), [l, u] = A(!1), d = () => {
     !n || l || (u(!0), setTimeout(() => {
       u(!1), n();
-    }, wt));
+    }, gt));
   };
   B(() => {
     const c = (_) => {
       _.key === "Escape" && d();
     }, v = (_) => {
       var y, k, j;
-      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();
+      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();
     };
     return document.addEventListener("keydown", c), document.addEventListener("mousedown", v), () => {
       document.removeEventListener("keydown", c), document.removeEventListener("mousedown", v);
@@ -917,7 +917,7 @@ function _s({
     }
   );
 }
-function gt({
+function wt({
   children: t,
   title: s = "Code",
   defaultExpanded: n = !1,
@@ -960,7 +960,7 @@ function gt({
   ] });
 }
 function bs({ children: t, block: s = !1, collapsible: n = !1, title: a = "Code", defaultExpanded: o = !1, ...r }) {
-  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 });
+  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 });
 }
 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 +980,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 ws({ children: t, selected: s = !1, onClick: n, size: a = "m", variant: o = "ghost", disabled: r = !1, icon: i, href: l, ...u }) {
+function gs({ 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 +1026,13 @@ function ws({ children: t, selected: s = !1, onClick: n, size: a = "m", variant:
     }
   );
 }
-function gs({ options: t, value: s, onChange: n, size: a = "m", disabled: o = !1 }) {
+function ws({ 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(), 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(() => {
+    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(() => {
       if (!i.current || !r.current) return;
       const k = r.current.querySelector(`[data-value="${s}"]`);
       if (!k) return;
@@ -1163,7 +1163,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(), g = p.current.getBoundingClientRect(), y = n || kt(_, g.height, g.width), { top: k, left: j, arrowOffset: S } = yt(y, _, g);
+    const _ = m.current.getBoundingClientRect(), w = p.current.getBoundingClientRect(), y = n || kt(_, w.height, w.width), { top: k, left: j, arrowOffset: S } = yt(y, _, w);
     d(y), l({
       position: "fixed",
       top: k,
@@ -1181,8 +1181,8 @@ function Ke({ children: t, content: s, position: n, ...a }) {
     };
   }, [o, n]), B(() => {
     if (!o) return;
-    const _ = (g) => {
-      m.current && !m.current.contains(g.target) && r(!1);
+    const _ = (w) => {
+      m.current && !m.current.contains(w.target) && r(!1);
     };
     return document.addEventListener("touchstart", _), () => document.removeEventListener("touchstart", _);
   }, [o]), !s) return t;
@@ -1655,8 +1655,8 @@ function Cs({
       _.key === "Escape" && d();
     }, v = (_) => {
       var y, k, j;
-      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();
+      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();
     };
     return document.addEventListener("keydown", c), document.addEventListener("mousedown", v), () => {
       document.removeEventListener("keydown", c), document.removeEventListener("mousedown", v);
@@ -1711,8 +1711,8 @@ function Fs({
       _.key === "Escape" && d();
     }, v = (_) => {
       var y, k, j;
-      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();
+      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();
     };
     return document.addEventListener("keydown", c), document.addEventListener("mousedown", v), () => {
       document.removeEventListener("keydown", c), document.removeEventListener("mousedown", v);
@@ -1789,7 +1789,7 @@ function Us({
   className: m = "",
   ...p
 }) {
-  const { collapsed: h, side: c } = Ee(be), g = {
+  const { collapsed: h, side: c } = Ee(be), w = {
     className: [
       "ds-nav-rail__item",
       m
@@ -1812,7 +1812,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, ...g, children: j }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...g, children: j });
+  ] }), S = o ? /* @__PURE__ */ e.jsx("a", { href: a ? void 0 : o, ...w, children: j }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...w, children: j });
   return h ? /* @__PURE__ */ e.jsx(Ke, { content: s, position: k, children: S }) : S;
 }
 function Vs({ children: t, className: s = "", ...n }) {
@@ -1926,7 +1926,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), g = 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), w = R(null), y = R(null), [k, j] = A({}), S = R(null), M = 150, D = () => {
     if (h)
       a == null || a(!1);
     else {
@@ -1958,7 +1958,7 @@ function Js({
   }, [c, o]);
   const W = () => {
     var b;
-    const x = (b = g.current) == null ? void 0 : b.querySelector(
+    const x = (b = w.current) == null ? void 0 : b.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
     x == null || x.focus();
@@ -1976,25 +1976,25 @@ function Js({
     };
   }, [c]), B(() => {
     if (!c || !y.current || !_.current) return;
-    const x = w(), b = y.current === "last" ? x[x.length - 1] : x[0];
+    const x = g(), b = y.current === "last" ? x[x.length - 1] : x[0];
     b == null || b.focus(), y.current = null;
   }, [c]);
-  const w = () => _.current ? [..._.current.querySelectorAll(
+  const g = () => _.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 = w()[0]) == null || b.focus() : (y.current = "first", q());
+      x.preventDefault(), c ? (b = g()[0]) == null || b.focus() : (y.current = "first", q());
     else if (x.key === "ArrowUp")
       if (x.preventDefault(), !c)
         y.current = "last", q();
       else {
-        const L = w();
+        const L = g();
         (E = L[L.length - 1]) == null || E.focus();
       }
   }, K = (x) => {
     var L, U, G, T;
-    const b = w(), E = b.findIndex((f) => f === document.activeElement);
+    const b = g(), 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 +2069,7 @@ function Js({
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: g,
+            ref: w,
             className: "ds-dropdown__trigger",
             onClick: H,
             onKeyDown: O,
@@ -2468,11 +2468,11 @@ function Ut({
       v.current && clearTimeout(v.current);
     };
   }, [s, t, n, a, o, r]);
-  const g = (S) => {
+  const w = (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 = () => g(c.current + 1), k = () => g(c.current - 1), j = t[l % t.length] ?? "";
+  }, y = () => w(c.current + 1), k = () => w(c.current - 1), j = t[l % t.length] ?? "";
   return { displayed: d, currentPrompt: j, index: l, next: y, prev: k };
 }
 let Vt = 0;
@@ -2493,7 +2493,7 @@ function dn({
   onRemoveAttachment: c,
   onRemoveImage: v,
   acceptImage: _,
-  acceptFile: g,
+  acceptFile: w,
   maxImages: y,
   maxImageSize: k,
   leftSlot: j,
@@ -2501,10 +2501,10 @@ function dn({
   className: M = "",
   ...D
 }) {
-  const H = R(null), q = R(null), W = R(0), [w, O] = A(!1), [K, C] = A([]), x = (N) => {
+  const H = R(null), q = R(null), W = R(0), [g, 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 = g ?? L, T = (N) => {
+  }, 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) => {
     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)
@@ -2587,13 +2587,13 @@ function dn({
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: ["ds-prompt-input__box", w && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
+        className: ["ds-prompt-input__box", g && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
         onDragEnter: $,
         onDragLeave: z,
         onDragOver: F,
         onDrop: ne,
         children: [
-          w && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
+          g && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
           /* @__PURE__ */ e.jsx(
             "textarea",
             {
@@ -2706,14 +2706,14 @@ function un({
   className: l = "",
   ...u
 }) {
-  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 : (We[w.tier] ?? 1) >= (We[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;
+  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;
   B(() => {
     if (!d) return;
-    const w = 320, O = () => {
+    const g = 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 < w + 8 && x.top > b;
+      const b = window.innerHeight - x.bottom, E = b < g + 8 && x.top > b;
       _({
         position: "fixed",
         zIndex: "var(--z-dropdown, 500)",
@@ -2732,28 +2732,28 @@ function un({
       window.removeEventListener("scroll", O, !0), window.removeEventListener("resize", O), document.removeEventListener("mousedown", K), document.removeEventListener("keydown", C);
     };
   }, [d]);
-  const D = (w) => {
-    n == null || n(w), m(!1);
-  }, H = (w) => /* @__PURE__ */ e.jsxs(
+  const D = (g) => {
+    n == null || n(g), m(!1);
+  }, H = (g) => /* @__PURE__ */ e.jsxs(
     "button",
     {
       type: "button",
       className: [
         "ds-model-picker__item",
-        w.name === s && "ds-model-picker__item--active"
+        g.name === s && "ds-model-picker__item--active"
       ].filter(Boolean).join(" "),
-      onClick: () => D(w.name),
+      onClick: () => D(g.name),
       children: [
-        w.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: w.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: w.displayName || w.name }),
-        M && w.tier && /* @__PURE__ */ e.jsx(de, { size: "xs", variant: Ue[w.tier] || "default", children: w.tier })
+        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.name
-  ), q = () => !i || !M ? k.map(H) : ["fast", "standard", "premium"].flatMap((w) => {
-    const O = k.filter((K) => K.tier === w);
+    g.name
+  ), q = () => !i || !M ? k.map(H) : ["fast", "standard", "premium"].flatMap((g) => {
+    const O = k.filter((K) => K.tier === g);
     return O.length ? [
-      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": w, children: w.charAt(0).toUpperCase() + w.slice(1) }, `lbl-${w}`),
+      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": g, children: g.charAt(0).toUpperCase() + g.slice(1) }, `lbl-${g}`),
       ...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,7 +2791,7 @@ function un({
             ref: h,
             type: "button",
             className: "ds-model-picker__trigger",
-            onClick: () => m((w) => !w),
+            onClick: () => m((g) => !g),
             "aria-haspopup": "listbox",
             "aria-expanded": d,
             children: [
@@ -2858,14 +2858,14 @@ function fn({
         {
           title: /* @__PURE__ */ e.jsx(Yt, { filename: h.filename, pages: c }),
           padding: "s",
-          children: h.items.map((_, g) => /* @__PURE__ */ e.jsx(
+          children: h.items.map((_, w) => /* @__PURE__ */ e.jsx(
             "div",
             {
               className: `ds-sources-panel__snippet${v ? " ds-sources-panel__snippet--clickable" : ""}`,
               onClick: v ? () => o(_) : void 0,
               children: _.snippet ?? `p. ${_.page}`
             },
-            g
+            w
           ))
         },
         h.filename
@@ -2921,10 +2921,9 @@ function mn({
           a && /* @__PURE__ */ e.jsxs("span", { children: [
             Ve(t),
             " / ",
-            Ve(s),
-            " tokens"
+            Ve(s)
           ] }),
-          o && /* @__PURE__ */ e.jsxs("span", { children: [
+          o && /* @__PURE__ */ e.jsxs("span", { style: { marginLeft: "auto" }, children: [
             Math.round(l * 100),
             "%"
           ] })
@@ -3153,7 +3152,7 @@ function bn({ children: t, axis: s = "y", style: n, className: a = "", ...o }) {
     }
   );
 }
-const we = 280, Jt = 22, Zt = 14, le = 8, _e = 6, Qt = 200;
+const ge = 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;
 }
@@ -3201,19 +3200,19 @@ function jn({
   statePrimary: h = "idle",
   stateBack: c = "idle"
 }) {
-  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 = qe(() => {
-    const x = _.current[g.current];
+  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];
     if (!x || !v.current) return;
     const b = es(x.target);
     if (!b) return;
-    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);
+    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);
     H(f), M({
       position: "fixed",
       top: $,
       left: z,
-      width: we,
+      width: ge,
       visibility: "visible",
       "--arrow-offset": `${F}px`
     }), W({
@@ -3226,13 +3225,13 @@ function jn({
   return B(() => {
     window.addEventListener("scroll", C, !0), window.addEventListener("resize", C);
     const x = requestAnimationFrame(() => {
-      C(), j(!0), w.current = !0;
+      C(), j(!0), g.current = !0;
     });
     return () => {
       cancelAnimationFrame(x), window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C);
     };
   }, []), B(() => {
-    if (!w.current) return;
+    if (!g.current) return;
     j(!1);
     const x = setTimeout(() => {
       M((b) => ({ ...b, visibility: "hidden" })), requestAnimationFrame(() => {
@@ -3352,7 +3351,7 @@ export {
   ks as Checkbox,
   jn as Coachmark,
   bs as Code,
-  gt as CodeAccordion,
+  wt as CodeAccordion,
   pn as ConfidenceBar,
   Wt as CopyButton,
   hn as DiffView,
@@ -3391,7 +3390,7 @@ export {
   Es as Radio,
   rn as ReasoningBlock,
   bn as Scrollable,
-  gs as SegmentedControl,
+  ws as SegmentedControl,
   ls as Select,
   Fs as SidePage,
   Ce as SidePageFooter,
@@ -3402,7 +3401,7 @@ export {
   an as StepIndicator,
   cs as Stepper,
   on as StreamingText,
-  ws as Tab,
+  gs as Tab,
   Ts as Table,
   Ss as TableBody,
   Rs as TableHead,