@donkit-ai/design-system 1.4.60 → 1.4.61

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 $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 V, { useState as A, useRef as R, useEffect as B, useLayoutEffect as Ze, useContext as je, forwardRef as Qe, createContext as et, useCallback as $e } from "react";
+import { Check as Te, X as ee, ChevronDown as ve, Minus as tt, Plus as st, XCircle as Re, AlertTriangle as Se, CheckCircle as Ae, Info as Ie, ChevronUp as nt, ChevronsUpDown as rt, ChevronLeft as at, ChevronRight as ot, Copy as it, Brain as lt, Loader as ct, Paperclip as Me, Square as dt, ArrowUp as ut, Zap as ft, Cpu as ze, FileText as mt, ThumbsUp as pt, ThumbsDown as ht } from "lucide-react";
 import pe from "react-dom";
 const P = {
   1: 16,
@@ -8,7 +8,7 @@ const P = {
   4: 28,
   5: 48
 };
-var ge = { exports: {} }, he = {};
+var ye = { exports: {} }, he = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -18,10 +18,10 @@ var ge = { 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 ze;
-function ht() {
-  if (ze) return he;
-  ze = 1;
+var Ce;
+function xt() {
+  if (Ce) return he;
+  Ce = 1;
   var t = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
   function n(a, o, r) {
     var i = null;
@@ -51,15 +51,15 @@ var xe = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Oe;
-function xt() {
+function vt() {
   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;
+        return f.$$typeof === C ? 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 {
@@ -135,7 +135,7 @@ function xt() {
       return Error("react-stack-top-frame");
     }
     function i(f) {
-      if (C.call(f, "key")) {
+      if (O.call(f, "key")) {
         var $ = Object.getOwnPropertyDescriptor(f, "key").get;
         if ($ && $.isReactWarning) return !1;
       }
@@ -159,7 +159,7 @@ function xt() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), f = this.props.ref, f !== void 0 ? f : null;
     }
-    function d(f, $, z, F, ne, oe) {
+    function c(f, $, z, F, ne, oe) {
       var Y = z.ref;
       return f = {
         $$typeof: v,
@@ -205,10 +205,10 @@ function xt() {
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
         else p(Y);
-      if (C.call($, "key")) {
+      if (O.call($, "key")) {
         Y = t(f);
-        var Q = Object.keys($).filter(function(je) {
-          return je !== "key";
+        var Q = Object.keys($).filter(function(Ne) {
+          return Ne !== "key";
         });
         F = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", T[Y + F] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
@@ -231,7 +231,7 @@ React keys must be passed directly to JSX without using spread:
       return Y && l(
         z,
         typeof f == "function" ? f.displayName || f.name || "Unknown" : f
-      ), d(
+      ), c(
         f,
         Y,
         z,
@@ -246,19 +246,19 @@ 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 d = 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"), C = Symbol.for("react.client.reference"), K = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, O = Object.prototype.hasOwnProperty, x = Array.isArray, b = console.createTask ? console.createTask : function() {
       return null;
     };
-    c = {
+    d = {
       react_stack_bottom_frame: function(f) {
         return f();
       }
     };
-    var E, L = {}, U = c.react_stack_bottom_frame.bind(
-      c,
+    var E, L = {}, U = d.react_stack_bottom_frame.bind(
+      d,
       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,9 +281,9 @@ 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;
-function vt({ size: t = "m", color: s = "default", className: n = "", ...a }) {
+process.env.NODE_ENV === "production" ? ye.exports = xt() : ye.exports = vt();
+var e = ye.exports;
+function _t({ size: t = "m", color: s = "default", className: n = "", ...a }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -294,7 +294,7 @@ function vt({ size: t = "m", color: s = "default", className: n = "", ...a }) {
     }
   );
 }
-const _t = { xs: 12, s: 14, m: 16, l: 20 };
+const bt = { xs: 12, s: 14, m: 16, l: 20 };
 function ae({
   children: t,
   variant: s = "primary",
@@ -305,35 +305,35 @@ function ae({
   state: i = "idle",
   onClick: l,
   type: u = "button",
-  href: d,
+  href: c,
   "aria-label": m,
   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(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 = [
+  const d = 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 = bt[n] ?? 16, M = v ? /* @__PURE__ */ e.jsx(_t, { 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 }) }) : 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}`,
     a && "ds-button--full",
-    c && "ds-button--icon-only",
+    d && "ds-button--icon-only",
     p
   ].filter(Boolean).join(" "), H = i !== "idle" ? i : void 0, q = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     y ? M : o && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: o }),
     t
   ] });
-  if (d) {
-    const W = (w) => {
+  if (c) {
+    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",
       {
         className: D,
-        href: r || v ? void 0 : d,
+        href: r || v ? void 0 : c,
         onClick: W,
         "aria-label": m,
         "aria-disabled": r || v ? "true" : void 0,
@@ -359,7 +359,7 @@ function ae({
     }
   );
 }
-function os({
+function is({
   label: t,
   error: s,
   hint: n,
@@ -369,10 +369,10 @@ function os({
   onIconRightClick: i,
   size: l = "m",
   disabled: u,
-  id: d,
+  id: c,
   ...m
 }) {
-  const p = d || `input-${V.useId()}`, h = n ? `${p}-hint` : void 0, c = s ? `${p}-error` : void 0, v = c || h;
+  const p = c || `input-${V.useId()}`, h = n ? `${p}-hint` : void 0, d = s ? `${p}-error` : void 0, v = d || h;
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${a ? "ds-input-wrapper--full" : ""} ${u ? "ds-input-wrapper--disabled" : ""} ${s ? "ds-input-wrapper--error" : ""}`, children: [
     t && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: p, children: t }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-input-container", children: [
@@ -401,10 +401,10 @@ function os({
       )
     ] }),
     n && !s && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-input-hint", children: n }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: s && /* @__PURE__ */ e.jsx("span", { id: c, className: "ds-input-error", role: "alert", children: s }) }) })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: s && /* @__PURE__ */ e.jsx("span", { id: d, className: "ds-input-error", role: "alert", children: s }) }) })
   ] });
 }
-function is({
+function ls({
   label: t,
   error: s,
   hint: n,
@@ -414,9 +414,9 @@ function is({
   id: i,
   resize: l = !0,
   rows: u = 3,
-  ...d
+  ...c
 }) {
-  const m = i || `textarea-${V.useId()}`, p = n ? `${m}-hint` : void 0, h = s ? `${m}-error` : void 0, c = h || p;
+  const m = i || `textarea-${V.useId()}`, p = n ? `${m}-hint` : void 0, h = s ? `${m}-error` : void 0, d = h || p;
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${a ? "ds-textarea-wrapper--full" : ""} ${r ? "ds-textarea-wrapper--disabled" : ""}`, children: [
     t && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: m, children: t }),
     /* @__PURE__ */ e.jsx(
@@ -426,16 +426,16 @@ function is({
         className: `ds-textarea ds-textarea--${o} ${s ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
         disabled: r,
         "aria-invalid": s ? "true" : "false",
-        "aria-describedby": c,
+        "aria-describedby": d,
         rows: u,
-        ...d
+        ...c
       }
     ),
     n && !s && /* @__PURE__ */ e.jsx("span", { id: p, className: "ds-textarea-hint", children: n }),
     s && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-textarea-error", role: "alert", children: s })
   ] });
 }
-function ls({
+function cs({
   label: t,
   value: s,
   onChange: n,
@@ -445,11 +445,11 @@ function ls({
   fullWidth: i = !0,
   size: l = "m",
   disabled: u = !1,
-  id: d,
+  id: c,
   ...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) => {
-    c || (v(!0), S(-1), q.current = setTimeout(() => {
+  const [p, h] = A(!1), [d, 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 = c || `select-${V.useId()}`, g = `${W}-label`, C = r ? `${W}-error` : void 0, K = 150, O = (T = !1) => {
+    d || (v(!0), S(-1), q.current = setTimeout(() => {
       var f;
       h(!1), v(!1), T && ((f = H.current) == null || f.focus());
     }, K));
@@ -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 }
     );
   };
@@ -475,10 +475,10 @@ function ls({
       };
   }, [p]), B(() => {
     const T = (f) => {
-      M.current && !M.current.contains(f.target) && D.current && !D.current.contains(f.target) && C();
+      M.current && !M.current.contains(f.target) && D.current && !D.current.contains(f.target) && O();
     };
     return document.addEventListener("mousedown", T), () => document.removeEventListener("mousedown", T);
-  }, [c]), B(() => {
+  }, [d]), B(() => {
     var f;
     if (!p || j < 0 || !D.current) return;
     (f = D.current.querySelectorAll(".ds-select-option")[j]) == null || f.scrollIntoView({ block: "nearest" });
@@ -499,13 +499,13 @@ function ls({
         break;
       case "Enter":
       case " ":
-        T.preventDefault(), p ? j >= 0 && (n == null || n(a[j].value), C(!0)) : x();
+        T.preventDefault(), p ? j >= 0 && (n == null || n(a[j].value), O(!0)) : x();
         break;
       case "Escape":
-        p && (T.preventDefault(), C(!0));
+        p && (T.preventDefault(), O(!0));
         break;
       case "Tab":
-        p && C(!1);
+        p && O(!1);
         break;
     }
   }, L = a.find((T) => T.value === s), U = l === "xs" ? P[1] : l === "small" ? P[2] : P[3], G = p && /* @__PURE__ */ e.jsx(
@@ -514,13 +514,13 @@ 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",
         `ds-select-dropdown--${l}`,
         `ds-select-dropdown--${y}`,
-        c && "ds-select-dropdown--closing"
+        d && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
       style: _,
       children: a.map((T, f) => /* @__PURE__ */ e.jsx(
@@ -538,7 +538,7 @@ function ls({
             f === j && "ds-select-option--active"
           ].filter(Boolean).join(" "),
           onClick: () => {
-            n == null || n(T.value), C(!0);
+            n == null || n(T.value), O(!0);
           },
           children: T.label
         },
@@ -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,12 +558,12 @@ 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,
+        "aria-describedby": C,
         className: `ds-select-trigger ds-select-trigger--${l} ${r ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          u || (p ? C() : x());
+          u || (p ? O() : x());
         },
         onKeyDown: E,
         disabled: u,
@@ -582,11 +582,11 @@ function ls({
         ]
       }
     ) }),
-    r && /* @__PURE__ */ e.jsx("span", { id: O, className: "ds-select-error", role: "alert", children: r }),
+    r && /* @__PURE__ */ e.jsx("span", { id: C, className: "ds-select-error", role: "alert", children: r }),
     typeof document < "u" && pe.createPortal(G, document.body)
   ] });
 }
-function cs({
+function ds({
   label: t,
   value: s = 0,
   onChange: n,
@@ -596,7 +596,7 @@ function cs({
   size: i = "m",
   disabled: l = !1,
   hint: u,
-  error: d,
+  error: c,
   ...m
 }) {
   const p = () => {
@@ -607,7 +607,7 @@ function cs({
     if (l) return;
     const y = Math.max(Number(s) - r, a);
     n == null || n(y);
-  }, c = (y) => {
+  }, d = (y) => {
     if (l) return;
     const k = y.target.value;
     if (k === "") {
@@ -622,12 +622,12 @@ function cs({
   }, v = [
     "ds-stepper-wrapper",
     l && "ds-stepper-wrapper--disabled",
-    d && "ds-stepper-wrapper--error"
+    c && "ds-stepper-wrapper--error"
   ].filter(Boolean).join(" "), _ = [
     "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(tt, { size: w, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -648,7 +648,7 @@ function cs({
           type: "number",
           className: "ds-stepper-input",
           value: s,
-          onChange: c,
+          onChange: d,
           min: a,
           max: o,
           step: r,
@@ -664,15 +664,15 @@ 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(st, { size: w, strokeWidth: 1.5 })
         }
       )
     ] }),
-    u && !d && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: u }),
-    d && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: d })
+    u && !c && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: u }),
+    c && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: c })
   ] });
 }
-function ds({
+function us({
   children: t,
   padding: s = "m",
   variant: n = "info",
@@ -683,13 +683,13 @@ function ds({
   disabled: i = !1,
   ...l
 }) {
-  const d = (a ? "interactive" : n) === "interactive" || o || r, m = [
+  const c = (a ? "interactive" : n) === "interactive" || o || r, m = [
     "ds-card",
     `ds-card--${s}`,
-    d && "ds-card--interactive"
+    c && "ds-card--interactive"
   ].filter(Boolean).join(" ");
   if (r) {
-    const c = (v) => {
+    const d = (v) => {
       if (i) {
         v.preventDefault();
         return;
@@ -701,14 +701,14 @@ function ds({
       {
         className: m,
         href: i ? void 0 : r,
-        onClick: c,
+        onClick: d,
         "aria-disabled": i ? "true" : void 0,
         ...l,
         children: t
       }
     );
   }
-  const p = d && o ? "button" : "div", h = d && o ? {
+  const p = c && o ? "button" : "div", h = c && o ? {
     type: "button",
     onClick: o,
     disabled: i
@@ -717,32 +717,32 @@ function ds({
     p,
     {
       className: m,
-      role: d && !o ? "article" : void 0,
+      role: c && !o ? "article" : void 0,
       ...h,
       ...l,
       children: t
     }
   );
 }
-function us({ children: t, ...s }) {
+function fs({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...s, children: t });
 }
-function fs({ children: t, ...s }) {
+function ms({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...s, children: t });
 }
-function ms({ children: t, ...s }) {
+function ps({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...s, children: t });
 }
-function ps({ children: t, ...s }) {
+function hs({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...s, children: t });
 }
-function hs({ children: t, secondary: s = !1, ...n }) {
+function xs({ children: t, secondary: s = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${s ? "ds-p1--secondary" : ""}`, ...n, children: t });
 }
-function bt({ children: t, secondary: s = !1, ...n }) {
+function jt({ children: t, secondary: s = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${s ? "ds-p2--secondary" : ""}`, ...n, children: t });
 }
-function He({ children: t, secondary: s = !1, ...n }) {
+function Ke({ children: t, secondary: s = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${s ? "ds-p3--secondary" : ""}`, ...n, children: t });
 }
 function de({
@@ -759,12 +759,12 @@ function de({
   ].filter(Boolean).join(" "), i = a || (["info", "success", "warning", "error"].includes(s) ? "status" : void 0);
   return /* @__PURE__ */ e.jsx("span", { className: r, role: i, ...o, children: t });
 }
-const jt = {
+const Nt = {
   info: Ie,
   success: Ae,
   warning: Se,
   error: Re
-}, xs = V.forwardRef(function({
+}, vs = V.forwardRef(function({
   children: s,
   variant: n = "info",
   title: a,
@@ -772,8 +772,8 @@ const jt = {
   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: [
+  const u = Nt[n], c = r || (n === "error" ? "alert" : "status");
+  return /* @__PURE__ */ e.jsxs("div", { ref: l, className: `ds-alert ds-alert--${n} ${a ? "" : "ds-alert--no-title"}`, role: c, ...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: [
       a && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: a }),
@@ -790,8 +790,8 @@ const jt = {
       }
     )
   ] });
-}), Nt = 200;
-function vs({
+}), gt = 200;
+function _s({
   children: t,
   title: s,
   onClose: n,
@@ -800,25 +800,25 @@ function vs({
   subHeader: r,
   ...i
 }) {
-  const l = R(null), u = V.useId(), [d, m] = A(!1), p = () => {
-    !n || d || (m(!0), setTimeout(() => {
+  const l = R(null), u = V.useId(), [c, m] = A(!1), p = () => {
+    !n || c || (m(!0), setTimeout(() => {
       m(!1), n();
-    }, Nt));
+    }, gt));
   };
   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);
-  return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", d && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...i, children: /* @__PURE__ */ e.jsxs(
+  }, [n, c]);
+  const h = V.Children.toArray(t), d = h.find((_) => (_ == null ? void 0 : _.type) === fe), v = h.filter((_) => (_ == null ? void 0 : _.type) !== fe);
+  return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", c && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...i, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [`ds-modal ds-modal--${a}`, o && "ds-modal--scrollable"].filter(Boolean).join(" "),
@@ -843,7 +843,7 @@ function vs({
           r && /* @__PURE__ */ e.jsx("div", { className: "ds-modal__subheader", children: r })
         ] }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: v }),
-        c
+        d
       ]
     }
   ) });
@@ -852,31 +852,31 @@ 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;
-function _s({
+function bs({
   children: t,
   title: s,
   onClose: n,
   subHeader: a,
   ...o
 }) {
-  const r = R(null), i = V.useId(), [l, u] = A(!1), d = () => {
+  const r = R(null), i = V.useId(), [l, u] = A(!1), c = () => {
     !n || l || (u(!0), setTimeout(() => {
       u(!1), n();
     }, wt));
   };
   B(() => {
-    const c = (_) => {
-      _.key === "Escape" && d();
+    const d = (_) => {
+      _.key === "Escape" && c();
     }, 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]")) && c();
     };
-    return document.addEventListener("keydown", c), document.addEventListener("mousedown", v), () => {
-      document.removeEventListener("keydown", c), document.removeEventListener("mousedown", v);
+    return document.addEventListener("keydown", d), document.addEventListener("mousedown", v), () => {
+      document.removeEventListener("keydown", d), document.removeEventListener("mousedown", v);
     };
   }, [n, l]);
-  const m = V.Children.toArray(t), p = m.find((c) => (c == null ? void 0 : c.type) === fe), h = m.filter((c) => (c == null ? void 0 : c.type) !== fe);
+  const m = V.Children.toArray(t), p = m.find((d) => (d == null ? void 0 : d.type) === fe), h = m.filter((d) => (d == null ? void 0 : d.type) !== fe);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -899,7 +899,7 @@ function _s({
                 variant: "ghost",
                 size: "small",
                 icon: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 }),
-                onClick: d,
+                onClick: c,
                 "aria-label": "Close"
               }
             ),
@@ -915,7 +915,7 @@ function _s({
     }
   );
 }
-function gt({
+function yt({
   children: t,
   title: s = "Code",
   defaultExpanded: n = !1,
@@ -925,15 +925,15 @@ function gt({
   className: i = "",
   ...l
 }) {
-  const [u, d] = A(n), m = a !== void 0, p = m ? a : u, h = () => {
-    m ? o == null || o(!a) : d((v) => !v);
-  }, c = [
+  const [u, c] = A(n), m = a !== void 0, p = m ? a : u, h = () => {
+    m ? o == null || o(!a) : c((v) => !v);
+  }, d = [
     "ds-code-accordion",
     `ds-code-accordion--${r}`,
     p && "ds-code-accordion--expanded",
     i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: c, ...l, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: d, ...l, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -957,10 +957,10 @@ function gt({
     /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__inner", children: /* @__PURE__ */ e.jsx("pre", { className: "ds-code-accordion__pre ds-scrollable", children: /* @__PURE__ */ e.jsx("code", { children: t }) }) }) })
   ] });
 }
-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 });
+function js({ children: t, block: s = !1, collapsible: n = !1, title: a = "Code", defaultExpanded: o = !1, ...r }) {
+  return s ? n ? /* @__PURE__ */ e.jsx(yt, { 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 }) {
+function Ns({ href: t, children: s, onClick: n, target: a, rel: o, ...r }) {
   const l = a === "_blank" ? o ? `${o} noopener noreferrer` : "noopener noreferrer" : o;
   return /* @__PURE__ */ e.jsx(
     "a",
@@ -975,27 +975,27 @@ function js({ href: t, children: s, onClick: n, target: a, rel: o, ...r }) {
     }
   );
 }
-function Ns({ children: t, size: s = "m", variant: n = "ghost", ...a }) {
+function gs({ 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 }) {
-  const d = i && !t, m = [
+  const c = i && !t, m = [
     "ds-tab",
     `ds-tab--${a}`,
     `ds-tab--${o}`,
     s && "ds-tab--selected",
-    d && "ds-tab--icon-only"
+    c && "ds-tab--icon-only"
   ].filter(Boolean).join(" "), p = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     i && /* @__PURE__ */ e.jsx("span", { className: "ds-tab-icon", children: i }),
     t
   ] });
   if (l) {
-    const h = (c) => {
+    const h = (d) => {
       if (r) {
-        c.preventDefault();
+        d.preventDefault();
         return;
       }
-      c.metaKey || c.ctrlKey || c.button === 1 || (c.preventDefault(), n == null || n(c));
+      d.metaKey || d.ctrlKey || d.button === 1 || (d.preventDefault(), n == null || n(d));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
@@ -1024,13 +1024,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 }) {
-  const r = R(null), i = R(null), [l, u] = A(!1), d = R(!1), m = R(null), p = R(null), h = () => {
+function ys({ options: t, value: s, onChange: n, size: a = "m", disabled: o = !1 }) {
+  const r = R(null), i = R(null), [l, u] = A(!1), c = 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 d = r.current.querySelector(`[data-value="${s}"]`);
+    if (!d) return;
+    const v = r.current.getBoundingClientRect(), _ = d.getBoundingClientRect(), w = _.left - v.left, y = _.width;
+    i.current ? (i.current.style.transition = c.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = w + "px", i.current.style.width = y + "px", c.current = !1) : (u(!0), requestAnimationFrame(() => {
       if (!i.current || !r.current) return;
       const k = r.current.querySelector(`[data-value="${s}"]`);
       if (!k) return;
@@ -1039,14 +1039,14 @@ function gs({ options: t, value: s, onChange: n, size: a = "m", disabled: o = !1
     }));
   };
   return p.current = h, Ze(() => {
-    const c = m.current !== s;
-    m.current = s, d.current = l && c, h();
+    const d = m.current !== s;
+    m.current = s, c.current = l && d, h();
   }), B(() => {
     if (!r.current) return;
-    const c = new ResizeObserver(() => {
-      d.current = !1, p.current();
+    const d = new ResizeObserver(() => {
+      c.current = !1, p.current();
     });
-    return c.observe(r.current), () => c.disconnect();
+    return d.observe(r.current), () => d.disconnect();
   }, []), /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1066,21 +1066,21 @@ function gs({ options: t, value: s, onChange: n, size: a = "m", disabled: o = !1
             "aria-hidden": "true"
           }
         ),
-        t.map((c) => /* @__PURE__ */ e.jsxs(
+        t.map((d) => /* @__PURE__ */ e.jsxs(
           "button",
           {
             type: "button",
-            "data-value": c.value,
-            className: ["ds-seg__btn", s === c.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
-            onClick: () => !o && n(c.value),
-            "aria-pressed": s === c.value,
+            "data-value": d.value,
+            className: ["ds-seg__btn", s === d.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
+            onClick: () => !o && n(d.value),
+            "aria-pressed": s === d.value,
             disabled: o,
             children: [
-              c.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: c.icon }),
-              c.label
+              d.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: d.icon }),
+              d.label
             ]
           },
-          c.value
+          d.value
         ))
       ]
     }
@@ -1095,8 +1095,8 @@ function Be({
   padding: r = "m",
   ...i
 }) {
-  const [l, u] = A(n), d = a !== void 0, m = d ? a : l, p = () => {
-    d ? o == null || o(!a) : u((c) => !c);
+  const [l, u] = A(n), c = a !== void 0, m = c ? a : l, p = () => {
+    c ? o == null || o(!a) : u((d) => !d);
   }, h = [
     "ds-accordion",
     `ds-accordion--${r}`,
@@ -1127,7 +1127,7 @@ function Be({
   ] });
 }
 const re = 8, ue = 8;
-function yt(t, s, n) {
+function kt(t, s, n) {
   const a = window.innerWidth;
   let o, r;
   switch (t) {
@@ -1149,7 +1149,7 @@ function yt(t, s, n) {
   const i = Math.max(ue, Math.min(a - n.width - ue, r)), l = r - i;
   return { top: o, left: i, arrowOffset: l };
 }
-function kt(t, s, n) {
+function Et(t, s, n) {
   const a = window.innerWidth, o = window.innerHeight;
   if (t.top >= s + re + ue) return "top";
   if (o - t.bottom >= s + re + ue) return "bottom";
@@ -1158,11 +1158,11 @@ function kt(t, s, n) {
   const r = Math.max(t.top, o - t.bottom, t.left, a - t.right);
   return r === t.top ? "top" : r === o - t.bottom ? "bottom" : r === a - t.right ? "right" : "left";
 }
-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 = () => {
+function De({ children: t, content: s, position: n, ...a }) {
+  const [o, r] = A(!1), [i, l] = A({ visibility: "hidden" }), [u, c] = A(n || "top"), m = R(null), p = R(null), h = R(!1), d = () => {
     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);
-    d(y), l({
+    const _ = m.current.getBoundingClientRect(), w = p.current.getBoundingClientRect(), y = n || Et(_, w.height, w.width), { top: k, left: j, arrowOffset: S } = kt(y, _, w);
+    c(y), l({
       position: "fixed",
       top: k,
       left: j,
@@ -1173,14 +1173,14 @@ function Ke({ children: t, content: s, position: n, ...a }) {
   if (B(() => {
     if (!o) return;
     l({ position: "fixed", visibility: "hidden" });
-    const _ = requestAnimationFrame(c);
-    return window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
-      cancelAnimationFrame(_), window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
+    const _ = requestAnimationFrame(d);
+    return window.addEventListener("scroll", d, !0), window.addEventListener("resize", d), () => {
+      cancelAnimationFrame(_), window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
     };
   }, [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;
@@ -1217,7 +1217,7 @@ function Ke({ children: t, content: s, position: n, ...a }) {
     }
   );
 }
-function ys({
+function ks({
   checked: t = !1,
   onChange: s,
   size: n = "m",
@@ -1239,7 +1239,7 @@ function ys({
         id: l,
         className: "ds-toggle__input",
         checked: t,
-        onChange: (d) => s == null ? void 0 : s(d.target.checked),
+        onChange: (c) => s == null ? void 0 : s(c.target.checked),
         disabled: a,
         ...i
       }
@@ -1248,7 +1248,7 @@ function ys({
     o && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: o })
   ] });
 }
-function ks({
+function Es({
   checked: t = !1,
   onChange: s,
   size: n = "m",
@@ -1261,7 +1261,7 @@ function ks({
     "ds-checkbox",
     `ds-checkbox--${n}`,
     a && "ds-checkbox--disabled"
-  ].filter(Boolean).join(" "), d = n === "xs" ? 10 : n === "small" ? 14 : n === "large" ? 20 : 16;
+  ].filter(Boolean).join(" "), c = n === "xs" ? 10 : n === "small" ? 14 : n === "large" ? 20 : 16;
   return /* @__PURE__ */ e.jsxs("label", { className: u, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
@@ -1278,7 +1278,7 @@ function ks({
     /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: t && /* @__PURE__ */ e.jsx(
       Te,
       {
-        size: d,
+        size: c,
         strokeWidth: 2.5,
         className: "ds-checkbox__icon"
       }
@@ -1286,7 +1286,7 @@ function ks({
     o && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: o })
   ] });
 }
-function Es({
+function $s({
   checked: t = !1,
   onChange: s,
   size: n = "m",
@@ -1297,17 +1297,17 @@ function Es({
   id: l,
   ...u
 }) {
-  const d = l || `radio-${V.useId()}`, m = [
+  const c = l || `radio-${V.useId()}`, m = [
     "ds-radio",
     `ds-radio--${n}`,
     a && "ds-radio--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: d, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: c, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "radio",
-        id: d,
+        id: c,
         className: "ds-radio__input",
         checked: t,
         onChange: (p) => s == null ? void 0 : s(p.target.checked),
@@ -1321,7 +1321,7 @@ function Es({
     o && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: o })
   ] });
 }
-function Et({ width: t, height: s, shape: n = "rect", aspectRatio: a, className: o = "", style: r = {}, ...i }) {
+function $t({ width: t, height: s, shape: n = "rect", aspectRatio: a, className: o = "", style: r = {}, ...i }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -1332,7 +1332,7 @@ function Et({ width: t, height: s, shape: n = "rect", aspectRatio: a, className:
     }
   );
 }
-function $t({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: a = "", style: o = {}, ...r }) {
+function Tt({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: a = "", style: o = {}, ...r }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -1351,20 +1351,20 @@ function $t({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: a = "",
     }
   );
 }
-Et.Text = $t;
-function Tt(t) {
+$t.Text = Tt;
+function Rt(t) {
   let s = 2166136261;
   for (let n = 0; n < t.length; n++)
     s ^= t.charCodeAt(n), s = Math.imul(s, 16777619) >>> 0;
   return s % 360;
 }
-function Rt(t) {
+function St(t) {
   if (!t) return "";
   const s = t.trim().split(/\s+/);
   return s.length >= 2 ? (s[0][0] + s[1][0]).toUpperCase() : t[0].toUpperCase();
 }
-function $s({ seed: t, icon: s, src: n, size: a = 32, className: o = "", style: r = {}, ...i }) {
-  const l = Tt(t ?? ""), [u, d] = A(!1), m = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: Rt(t) });
+function Ts({ seed: t, icon: s, src: n, size: a = 32, className: o = "", style: r = {}, ...i }) {
+  const l = Rt(t ?? ""), [u, c] = A(!1), m = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: St(t) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1372,11 +1372,11 @@ function $s({ seed: t, icon: s, src: n, size: a = 32, className: o = "", style:
       style: { width: a, height: a, "--ds-avatar-h": l, ...r },
       "aria-hidden": "true",
       ...i,
-      children: n && !u ? /* @__PURE__ */ e.jsx("img", { src: n, alt: "", onError: () => d(!0) }) : m
+      children: n && !u ? /* @__PURE__ */ e.jsx("img", { src: n, alt: "", onError: () => c(!0) }) : m
     }
   );
 }
-function Ts({
+function Rs({
   children: t,
   size: s = "compact",
   stickyTop: n,
@@ -1406,13 +1406,13 @@ function Ts({
     }
   );
 }
-function Rs({ children: t, ...s }) {
+function Ss({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("thead", { ...s, children: t });
 }
-function Ss({ children: t, ...s }) {
+function As({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("tbody", { ...s, children: t });
 }
-function As({ children: t, interactive: s, selected: n, subheader: a, exiting: o, updated: r, className: i = "", onClick: l, ...u }) {
+function Is({ children: t, interactive: s, selected: n, subheader: a, exiting: o, updated: r, className: i = "", onClick: l, ...u }) {
   return /* @__PURE__ */ e.jsx(
     "tr",
     {
@@ -1431,11 +1431,11 @@ function As({ children: t, interactive: s, selected: n, subheader: a, exiting: o
     }
   );
 }
-function Is({ children: t, colSpan: s = 999, ...n }) {
+function Bs({ children: t, colSpan: s = 999, ...n }) {
   return /* @__PURE__ */ e.jsx("tr", { className: "ds-table-row ds-table-row--subheader", ...n, children: /* @__PURE__ */ e.jsx("td", { colSpan: s, children: t }) });
 }
-function Bs({ children: t, align: s = "left", sortDir: n, onSort: a, width: o, className: r = "", style: i = {}, ...l }) {
-  const u = !!a || n !== void 0, d = n === "asc" ? st : n === "desc" ? ve : nt;
+function Ds({ children: t, align: s = "left", sortDir: n, onSort: a, width: o, className: r = "", style: i = {}, ...l }) {
+  const u = !!a || n !== void 0, c = n === "asc" ? nt : n === "desc" ? ve : rt;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
@@ -1451,12 +1451,12 @@ function Bs({ children: t, align: s = "left", sortDir: n, onSort: a, width: o, c
       ...l,
       children: u ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
         t,
-        /* @__PURE__ */ e.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ e.jsx(d, { size: 11, strokeWidth: 2.5 }) })
+        /* @__PURE__ */ e.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ e.jsx(c, { size: 11, strokeWidth: 2.5 }) })
       ] }) : t
     }
   );
 }
-function Ds({ children: t, align: s = "left", secondary: n, muted: a, truncate: o, nowrap: r, className: i = "", ...l }) {
+function Ls({ children: t, align: s = "left", secondary: n, muted: a, truncate: o, nowrap: r, className: i = "", ...l }) {
   return /* @__PURE__ */ e.jsx(
     "td",
     {
@@ -1474,7 +1474,7 @@ function Ds({ children: t, align: s = "left", secondary: n, muted: a, truncate:
     }
   );
 }
-function Ls({
+function Ps({
   icon: t,
   title: s,
   description: n,
@@ -1497,7 +1497,7 @@ function Ls({
     }
   );
 }
-function Ps({
+function Ms({
   label: t,
   hint: s,
   error: n,
@@ -1507,9 +1507,9 @@ function Ps({
   children: i,
   className: l = "",
   style: u,
-  ...d
+  ...c
 }) {
-  const m = V.useId(), p = r ?? m, h = `${p}-hint`, c = `${p}-error`;
+  const m = V.useId(), p = r ?? m, h = `${p}-hint`, d = `${p}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1518,17 +1518,17 @@ function Ps({
       "data-required": a ? "" : void 0,
       "data-disabled": o ? "" : void 0,
       style: u,
-      ...d,
+      ...c,
       children: [
         t && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: p, children: t }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-field-control", children: i }),
         s && !n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: h, children: s }),
-        n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: c, role: "alert", children: n })
+        n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: d, role: "alert", children: n })
       ]
     }
   );
 }
-function Ms({ label: t, value: s, delta: n, size: a = "m", inline: o = !1, className: r = "", style: i, ...l }) {
+function zs({ label: t, value: s, delta: n, size: a = "m", inline: o = !1, className: r = "", style: i, ...l }) {
   const u = n != null && n.startsWith("+") ? "up" : n != null && n.startsWith("-") ? "down" : "neutral";
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -1549,7 +1549,7 @@ function Ms({ label: t, value: s, delta: n, size: a = "m", inline: o = !1, class
     }
   );
 }
-function zs({
+function Cs({
   children: t,
   separator: s = "/",
   "aria-label": n = "Breadcrumb",
@@ -1582,7 +1582,7 @@ function Os({
   style: i,
   ...l
 }) {
-  const u = St(t, s, a);
+  const u = At(t, s, a);
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
@@ -1598,20 +1598,20 @@ function Os({
             onClick: () => n == null ? void 0 : n(t - 1),
             disabled: t <= 1,
             "aria-label": "Previous page",
-            children: /* @__PURE__ */ e.jsx(rt, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(at, { size: 16 })
           }
         ),
         u.map(
-          (d, m) => d === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${m}`) : /* @__PURE__ */ e.jsx(
+          (c, m) => c === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${m}`) : /* @__PURE__ */ e.jsx(
             "button",
             {
-              className: `ds-pagination-page${d === t ? " ds-pagination-page--current" : ""}`,
-              onClick: () => d !== t && (n == null ? void 0 : n(d)),
-              "aria-current": d === t ? "page" : void 0,
-              "aria-label": `Page ${d}`,
-              children: d
+              className: `ds-pagination-page${c === t ? " ds-pagination-page--current" : ""}`,
+              onClick: () => c !== t && (n == null ? void 0 : n(c)),
+              "aria-current": c === t ? "page" : void 0,
+              "aria-label": `Page ${c}`,
+              children: c
             },
-            d
+            c
           )
         ),
         /* @__PURE__ */ e.jsx(
@@ -1621,46 +1621,46 @@ function Os({
             onClick: () => n == null ? void 0 : n(t + 1),
             disabled: t >= s,
             "aria-label": "Next page",
-            children: /* @__PURE__ */ e.jsx(at, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(ot, { size: 16 })
           }
         )
       ]
     }
   );
 }
-function St(t, s, n) {
+function At(t, s, n) {
   if (s <= 7) return Array.from({ length: s }, (i, l) => l + 1);
   const a = Math.max(2, t - n), o = Math.min(s - 1, t + n), r = [1];
   a > 2 && r.push("…");
   for (let i = a; i <= o; i++) r.push(i);
   return o < s - 1 && r.push("…"), r.push(s), r;
 }
-const At = 200;
-function Cs({
+const It = 200;
+function Fs({
   children: t,
   title: s,
   onClose: n,
   side: a = "right",
   ...o
 }) {
-  const r = R(null), i = V.useId(), [l, u] = A(!1), d = () => {
+  const r = R(null), i = V.useId(), [l, u] = A(!1), c = () => {
     !n || l || (u(!0), setTimeout(() => {
       u(!1), n();
-    }, At));
+    }, It));
   };
   B(() => {
-    const c = (_) => {
-      _.key === "Escape" && d();
+    const d = (_) => {
+      _.key === "Escape" && c();
     }, 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]")) && c();
     };
-    return document.addEventListener("keydown", c), document.addEventListener("mousedown", v), () => {
-      document.removeEventListener("keydown", c), document.removeEventListener("mousedown", v);
+    return document.addEventListener("keydown", d), document.addEventListener("mousedown", v), () => {
+      document.removeEventListener("keydown", d), document.removeEventListener("mousedown", v);
     };
   }, [n, l]);
-  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);
+  const m = V.Children.toArray(t), p = m.find((d) => (d == null ? void 0 : d.type) === Fe), h = m.filter((d) => (d == null ? void 0 : d.type) !== Fe);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1678,7 +1678,7 @@ function Cs({
           children: [
             /* @__PURE__ */ e.jsxs("header", { className: "ds-drawer-header", children: [
               s && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-drawer-title", children: s }),
-              n && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: d, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 }) })
+              n && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: c, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 }) })
             ] }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body ds-scrollable", children: h }),
             p
@@ -1688,35 +1688,35 @@ function Cs({
     }
   );
 }
-function Ce({ children: t }) {
+function Fe({ children: t }) {
   return /* @__PURE__ */ e.jsx("footer", { className: "ds-drawer-footer", children: t });
 }
-const It = 320;
-function Fs({
+const Bt = 320;
+function Ws({
   children: t,
   title: s,
   onClose: n,
   subHeader: a,
   ...o
 }) {
-  const r = R(null), i = V.useId(), [l, u] = A(!1), d = () => {
+  const r = R(null), i = V.useId(), [l, u] = A(!1), c = () => {
     !n || l || (u(!0), setTimeout(() => {
       u(!1), n();
-    }, It));
+    }, Bt));
   };
   B(() => {
-    const c = (_) => {
-      _.key === "Escape" && d();
+    const d = (_) => {
+      _.key === "Escape" && c();
     }, 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]")) && c();
     };
-    return document.addEventListener("keydown", c), document.addEventListener("mousedown", v), () => {
-      document.removeEventListener("keydown", c), document.removeEventListener("mousedown", v);
+    return document.addEventListener("keydown", d), document.addEventListener("mousedown", v), () => {
+      document.removeEventListener("keydown", d), document.removeEventListener("mousedown", v);
     };
   }, [n, l]);
-  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);
+  const m = V.Children.toArray(t), p = m.find((d) => (d == null ? void 0 : d.type) === We || (d == null ? void 0 : d.type) === fe), h = m.filter((d) => (d == null ? void 0 : d.type) !== We && (d == null ? void 0 : d.type) !== fe);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1738,7 +1738,7 @@ function Fs({
                 variant: "ghost",
                 size: "small",
                 icon: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 }),
-                onClick: d,
+                onClick: c,
                 "aria-label": "Close"
               }
             ),
@@ -1754,11 +1754,11 @@ function Fs({
     }
   );
 }
-function Fe({ children: t }) {
+function We({ 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" });
-function Ws({
+const _e = et({ collapsed: !1, side: "left" });
+function Us({
   children: t,
   collapsed: s = !1,
   side: n = "left",
@@ -1771,9 +1771,9 @@ function Ws({
     `ds-nav-rail--${n}`,
     a
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsx(be.Provider, { value: { collapsed: s, side: n }, children: /* @__PURE__ */ e.jsx("nav", { className: r, ...o, children: t }) });
+  return /* @__PURE__ */ e.jsx(_e.Provider, { value: { collapsed: s, side: n }, children: /* @__PURE__ */ e.jsx("nav", { className: r, ...o, children: t }) });
 }
-function Us({
+function Vs({
   icon: t,
   label: s,
   selected: n = !1,
@@ -1783,11 +1783,11 @@ function Us({
   count: i,
   updated: l = !1,
   open: u = !1,
-  onboarding: d = !1,
+  onboarding: c = !1,
   className: m = "",
   ...p
 }) {
-  const { collapsed: h, side: c } = Ee(be), g = {
+  const { collapsed: h, side: d } = je(_e), w = {
     className: [
       "ds-nav-rail__item",
       m
@@ -1801,32 +1801,32 @@ function Us({
       "data-selected": n || void 0,
       "data-disabled": a || void 0,
       "data-open": u || void 0,
-      "data-onboarding": d || void 0
+      "data-onboarding": c || void 0
     },
     ...p
-  }, y = i != null, k = c === "left" ? "right" : "left", j = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }, y = i != null, k = d === "left" ? "right" : "left", j = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: t }),
     !h && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s }),
     !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 });
-  return h ? /* @__PURE__ */ e.jsx(Ke, { content: s, position: k, children: S }) : S;
+  ] }), 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(De, { content: s, position: k, children: S }) : S;
 }
-function Vs({ children: t, className: s = "", ...n }) {
+function Ys({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__body", "ds-scrollable", s].filter(Boolean).join(" "), ...n, children: t });
 }
-function Ys({ children: t, className: s = "", ...n }) {
+function qs({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__header", s].filter(Boolean).join(" "), ...n, children: t });
 }
-function qs({ children: t, className: s = "", ...n }) {
+function Hs({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__footer", s].filter(Boolean).join(" "), ...n, children: t });
 }
-function Hs({ className: t = "", ...s }) {
+function Ks({ className: t = "", ...s }) {
   return /* @__PURE__ */ e.jsx("hr", { className: ["ds-nav-rail__divider", t].filter(Boolean).join(" "), ...s });
 }
-function Ks({ children: t, label: s = "Recents", defaultOpen: n = !0, className: a = "", ...o }) {
-  const { collapsed: r } = Ee(be), [i, l] = A(n);
+function Gs({ children: t, label: s = "Recents", defaultOpen: n = !0, className: a = "", ...o }) {
+  const { collapsed: r } = je(_e), [i, l] = A(n);
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-nav-rail__recents", a].filter(Boolean).join(" "), ...o, children: [
     !r && /* @__PURE__ */ e.jsxs(
       "button",
@@ -1844,8 +1844,35 @@ function Ks({ children: t, label: s = "Recents", defaultOpen: n = !0, className:
     (i || r) && /* @__PURE__ */ e.jsx("div", { className: "ds-nav-rail__recents-body", children: t })
   ] });
 }
-function Gs({ avatar: t, label: s, selected: n = !1, disabled: a = !1, href: o, onClick: r, className: i = "", ...l }) {
-  const { collapsed: u, side: d } = Ee(be), h = {
+const Xs = Qe(function({
+  as: s = "button",
+  avatar: n,
+  label: a,
+  className: o = "",
+  ...r
+}, i) {
+  const { collapsed: l, side: u } = je(_e), c = u === "left" ? "right" : "left", m = [
+    "ds-nav-rail__item",
+    "ds-nav-rail__agent",
+    o
+  ].filter(Boolean).join(" "), p = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: n }),
+    !l && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: a })
+  ] }), h = /* @__PURE__ */ e.jsx(
+    s,
+    {
+      ref: i,
+      className: m,
+      "aria-label": l ? a : void 0,
+      ...s === "button" ? { type: "button" } : {},
+      ...r,
+      children: p
+    }
+  );
+  return l ? /* @__PURE__ */ e.jsx(De, { content: a, position: c, children: h }) : h;
+});
+function Js({ avatar: t, label: s, selected: n = !1, disabled: a = !1, href: o, onClick: r, className: i = "", ...l }) {
+  const { collapsed: u, side: c } = je(_e), h = {
     className: [
       "ds-nav-rail__item",
       "ds-nav-rail__agent",
@@ -1860,19 +1887,19 @@ function Gs({ avatar: t, label: s, selected: n = !1, disabled: a = !1, href: o,
       "data-disabled": a || void 0
     },
     ...l
-  }, c = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }, d = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: t }),
     !u && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s })
-  ] }), v = d === "left" ? "right" : "left", _ = o ? /* @__PURE__ */ e.jsx("a", { href: a ? void 0 : o, ...h, children: c }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...h, children: c });
-  return u ? /* @__PURE__ */ e.jsx(Ke, { content: s, position: v, children: _ }) : _;
+  ] }), v = c === "left" ? "right" : "left", _ = o ? /* @__PURE__ */ e.jsx("a", { href: a ? void 0 : o, ...h, children: d }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...h, children: d });
+  return u ? /* @__PURE__ */ e.jsx(De, { content: s, position: v, children: _ }) : _;
 }
-const Bt = {
+const Dt = {
   info: Ie,
   success: Ae,
   warning: Se,
   error: Re
 };
-function Xs({
+function Zs({
   children: t,
   variant: s = "info",
   action: n,
@@ -1881,7 +1908,7 @@ function Xs({
   role: r,
   ...i
 }) {
-  const l = Bt[s], u = r || (s === "error" ? "alert" : "status");
+  const l = Dt[s], u = r || (s === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1914,7 +1941,7 @@ function Xs({
     }
   );
 }
-function Js({
+function Qs({
   trigger: t,
   items: s = [],
   open: n,
@@ -1924,23 +1951,23 @@ 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, c] = A(!1), [m, p] = A(!1), h = n !== void 0, d = 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 {
       if (m) return;
       p(!0), S.current = setTimeout(() => {
-        d(!1), p(!1);
+        c(!1), p(!1);
       }, M);
     }
   }, H = () => {
-    const x = !c;
-    h ? a == null || a(x) : x ? (clearTimeout(S.current), p(!1), d(!0)) : D();
+    const x = !d;
+    h ? a == null || a(x) : x ? (clearTimeout(S.current), p(!1), c(!0)) : D();
   }, q = () => {
-    c || (h ? a == null || a(!0) : (clearTimeout(S.current), p(!1), d(!0)));
+    d || (h ? a == null || a(!0) : (clearTimeout(S.current), p(!1), c(!0)));
   };
   B(() => () => clearTimeout(S.current), []), B(() => {
-    if (!c) return;
+    if (!d) return;
     const x = 300, b = () => {
       var G;
       const E = (G = v.current) == null ? void 0 : G.getBoundingClientRect();
@@ -1953,16 +1980,16 @@ function Js({
     return b(), window.addEventListener("scroll", b, !0), window.addEventListener("resize", b), () => {
       window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", b);
     };
-  }, [c, o]);
+  }, [d, 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();
   };
   B(() => {
-    if (!c) return;
+    if (!d) return;
     const x = (E) => {
       var L, U;
       !((L = v.current) != null && L.contains(E.target)) && !((U = _.current) != null && U.contains(E.target)) && D();
@@ -1972,27 +1999,27 @@ function Js({
     return document.addEventListener("mousedown", x), document.addEventListener("keydown", b), () => {
       document.removeEventListener("mousedown", x), document.removeEventListener("keydown", b);
     };
-  }, [c]), B(() => {
-    if (!c || !y.current || !_.current) return;
-    const x = w(), b = y.current === "last" ? x[x.length - 1] : x[0];
+  }, [d]), B(() => {
+    if (!d || !y.current || !_.current) return;
+    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(
+  }, [d]);
+  const g = () => _.current ? [..._.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
-  )] : [], O = (x) => {
+  )] : [], C = (x) => {
     var b, E;
     if (x.key === "ArrowDown")
-      x.preventDefault(), c ? (b = w()[0]) == null || b.focus() : (y.current = "first", q());
+      x.preventDefault(), d ? (b = g()[0]) == null || b.focus() : (y.current = "first", q());
     else if (x.key === "ArrowUp")
-      if (x.preventDefault(), !c)
+      if (x.preventDefault(), !d)
         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();
@@ -2010,7 +2037,7 @@ function Js({
         D();
         break;
     }
-  }, C = c && /* @__PURE__ */ e.jsx(
+  }, O = d && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: _,
@@ -2067,19 +2094,19 @@ function Js({
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: g,
+            ref: w,
             className: "ds-dropdown__trigger",
             onClick: H,
-            onKeyDown: O,
+            onKeyDown: C,
             children: t
           }
         ),
-        typeof document < "u" && pe.createPortal(C, document.body)
+        typeof document < "u" && pe.createPortal(O, document.body)
       ]
     }
   );
 }
-function Zs({
+function en({
   value: t = 0,
   size: s = "m",
   variant: n = "default",
@@ -2116,36 +2143,36 @@ function Zs({
     }
   );
 }
-const Dt = (t) => 1 - Math.pow(1 - t, 3), Lt = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-function Pt(t, { duration: s = 600 } = {}) {
+const Lt = (t) => 1 - Math.pow(1 - t, 3), Pt = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+function Mt(t, { duration: s = 600 } = {}) {
   const [n, a] = A(t), o = R(t), r = R(null);
   return B(() => {
-    if (Lt()) {
+    if (Pt()) {
       a(t), o.current = t;
       return;
     }
     const i = o.current, l = t - i;
     if (l === 0) return;
     let u = null;
-    const d = (m) => {
+    const c = (m) => {
       u || (u = m);
       const p = Math.min((m - u) / s, 1);
-      a(i + l * Dt(p)), p < 1 ? r.current = requestAnimationFrame(d) : o.current = t;
+      a(i + l * Lt(p)), p < 1 ? r.current = requestAnimationFrame(c) : o.current = t;
     };
-    return r.current = requestAnimationFrame(d), () => cancelAnimationFrame(r.current);
+    return r.current = requestAnimationFrame(c), () => cancelAnimationFrame(r.current);
   }, [t, s]), n;
 }
-function Qs({
+function tn({
   value: t,
   duration: s = 600,
   decimals: n = 0,
   prefix: a = "",
   suffix: o = ""
 }) {
-  const i = Pt(t, { duration: s }).toFixed(n);
+  const i = Mt(t, { duration: s }).toFixed(n);
   return `${a}${i}${o}`;
 }
-function Mt({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
+function zt({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
   const a = R(null), [o, r] = A(!1);
   return B(() => {
     const i = a.current;
@@ -2159,7 +2186,7 @@ function Mt({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
     return l.observe(i), () => l.disconnect();
   }, [t, s, n]), { ref: a, inView: o };
 }
-function en({
+function sn({
   children: t,
   as: s = "div",
   once: n = !1,
@@ -2169,31 +2196,31 @@ function en({
   onLeave: i,
   ...l
 }) {
-  const { ref: u, inView: d } = Mt({ threshold: a, rootMargin: o, once: n }), m = R(!1);
+  const { ref: u, inView: c } = zt({ threshold: a, rootMargin: o, once: n }), m = R(!1);
   return B(() => {
-    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 });
+    c && !m.current && (r == null || r()), !c && m.current && (i == null || i()), m.current = c;
+  }, [c]), /* @__PURE__ */ e.jsx(s, { ref: u, ...l, children: typeof t == "function" ? t(c) : t });
 }
-const We = {
+const Ue = {
   default: Ie,
   success: Ae,
   warning: Se,
   error: Re
 };
 let me = [];
-const ye = /* @__PURE__ */ new Set();
+const ke = /* @__PURE__ */ new Set();
 function Ge() {
-  ye.forEach((t) => t([...me]));
+  ke.forEach((t) => t([...me]));
 }
-function zt(t) {
+function Ct(t) {
   me = [...me, t], Ge();
 }
 function Ot(t) {
   me = me.filter((s) => s.id !== t), Ge();
 }
-function tn() {
+function nn() {
   const t = (s, n = {}) => {
-    zt({
+    Ct({
       id: `${Date.now()}-${Math.random()}`,
       message: s,
       type: "default",
@@ -2203,13 +2230,13 @@ function tn() {
   };
   return t.success = (s, n) => t(s, { ...n, type: "success" }), t.error = (s, n) => t(s, { ...n, type: "error" }), t.warning = (s, n) => t(s, { ...n, type: "warning" }), { toast: t };
 }
-function Ct({ data: t, onDismiss: s }) {
+function Ft({ data: t, onDismiss: s }) {
   const [n, a] = A(!1), o = R(null);
   B(() => (requestAnimationFrame(() => a(!0)), t.duration > 0 && (o.current = setTimeout(() => r(), t.duration)), () => clearTimeout(o.current)), []);
   function r() {
     a(!1), setTimeout(() => s(t.id), 250);
   }
-  const i = We[t.type] ?? We.default;
+  const i = Ue[t.type] ?? Ue.default;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2236,19 +2263,19 @@ function Ct({ data: t, onDismiss: s }) {
     }
   );
 }
-function sn({ position: t = "bottom-right" }) {
+function rn({ position: t = "bottom-right" }) {
   const [s, n] = A(() => [...me]);
-  return B(() => (ye.add(n), () => ye.delete(n)), []), !s.length || typeof document > "u" ? null : pe.createPortal(
-    /* @__PURE__ */ e.jsx("div", { "data-ds-portal": "", className: ["ds-toast-container", `ds-toast-container--${t}`].join(" "), children: s.map((a) => /* @__PURE__ */ e.jsx(Ct, { data: a, onDismiss: Ot }, a.id)) }),
+  return B(() => (ke.add(n), () => ke.delete(n)), []), !s.length || typeof document > "u" ? null : pe.createPortal(
+    /* @__PURE__ */ e.jsx("div", { "data-ds-portal": "", className: ["ds-toast-container", `ds-toast-container--${t}`].join(" "), children: s.map((a) => /* @__PURE__ */ e.jsx(Ft, { data: a, onDismiss: Ot }, a.id)) }),
     document.body
   );
 }
-const Ft = {
+const Wt = {
   running: /* @__PURE__ */ e.jsx(de, { size: "xs", variant: "info", children: "Running..." }),
   success: /* @__PURE__ */ e.jsx(de, { size: "xs", variant: "success", children: "Done" }),
   error: /* @__PURE__ */ e.jsx(de, { size: "xs", variant: "error", children: "Error" })
 };
-function nn({
+function an({
   label: t,
   status: s = "idle",
   icon: n,
@@ -2258,19 +2285,19 @@ function nn({
   onToggle: i,
   children: l,
   className: u = "",
-  ...d
+  ...c
 }) {
   const m = s === "running", p = /* @__PURE__ */ e.jsxs("span", { className: "ds-tool-card__title-row", children: [
     n && /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__icon", children: n }),
     /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__label", children: t }),
-    Ft[s],
+    Wt[s],
     a
   ] });
   return l ? /* @__PURE__ */ e.jsx(
     "div",
     {
       className: ["ds-tool-card", m && "ds-tool-card--running", u].filter(Boolean).join(" "),
-      ...d,
+      ...c,
       children: /* @__PURE__ */ e.jsx(
         Be,
         {
@@ -2287,12 +2314,12 @@ function nn({
     "div",
     {
       className: ["ds-tool-card", "ds-tool-card--bubble", u].filter(Boolean).join(" "),
-      ...d,
+      ...c,
       children: p
     }
   );
 }
-function Wt({
+function Ut({
   text: t,
   size: s = "xs",
   timeout: n = 800,
@@ -2310,14 +2337,14 @@ function Wt({
       variant: "ghost",
       size: s,
       state: r ? "success" : "idle",
-      icon: /* @__PURE__ */ e.jsx(ot, { size: P[1], strokeWidth: 1.5 }),
+      icon: /* @__PURE__ */ e.jsx(it, { size: P[1], strokeWidth: 1.5 }),
       "aria-label": a,
       onClick: l,
       ...o
     }
   );
 }
-function rn({ content: t, streaming: s = !1, ...n }) {
+function on({ content: t, streaming: s = !1, ...n }) {
   const [a, o] = A(s);
   return B(() => {
     o(!!s);
@@ -2328,18 +2355,18 @@ function rn({ content: t, streaming: s = !1, ...n }) {
       onToggle: o,
       padding: "s",
       title: /* @__PURE__ */ e.jsxs("div", { className: "ds-reasoning__title", children: [
-        /* @__PURE__ */ e.jsx(it, { size: P[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
-        /* @__PURE__ */ e.jsx(bt, { secondary: !0, children: "Thinking" })
+        /* @__PURE__ */ e.jsx(lt, { size: P[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
+        /* @__PURE__ */ e.jsx(jt, { secondary: !0, children: "Thinking" })
       ] }),
       ...n,
-      children: /* @__PURE__ */ e.jsxs(He, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
+      children: /* @__PURE__ */ e.jsxs(Ke, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
         t,
         s && /* @__PURE__ */ e.jsx("span", { className: "ds-cursor ds-cursor--line" })
       ] })
     }
   );
 }
-function an({
+function ln({
   count: t,
   current: s = 0,
   done: n = [],
@@ -2350,8 +2377,8 @@ function an({
   ...l
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", r].filter(Boolean).join(" "), ...l, children: [
-    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i, children: Array.from({ length: t }, (u, d) => {
-      const m = d === s, p = n.includes(d) && !m, h = a && (d <= s || n.includes(d)), c = [
+    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i, children: Array.from({ length: t }, (u, c) => {
+      const m = c === s, p = n.includes(c) && !m, h = a && (c <= s || n.includes(c)), d = [
         "ds-step-indicator__dot",
         m && "ds-step-indicator__dot--active",
         p && "ds-step-indicator__dot--done"
@@ -2360,25 +2387,25 @@ function an({
         "button",
         {
           type: "button",
-          className: c,
+          className: d,
           role: "tab",
           "aria-selected": m,
-          "aria-label": `Step ${d + 1}`,
-          disabled: !h || d === s,
-          onClick: () => a == null ? void 0 : a(d),
+          "aria-label": `Step ${c + 1}`,
+          disabled: !h || c === s,
+          onClick: () => a == null ? void 0 : a(c),
           children: p ? /* @__PURE__ */ e.jsx(Te, { size: 8, strokeWidth: 3 }) : null
         },
-        d
+        c
       );
     }) }),
-    o && /* @__PURE__ */ e.jsxs(He, { secondary: !0, className: "ds-step-indicator__counter", children: [
+    o && /* @__PURE__ */ e.jsxs(Ke, { secondary: !0, className: "ds-step-indicator__counter", children: [
       s + 1,
       " / ",
       t
     ] })
   ] });
 }
-function on({
+function cn({
   content: t,
   isStreaming: s = !1,
   cursor: n = "line",
@@ -2394,7 +2421,7 @@ function on({
     s && n !== "none" && /* @__PURE__ */ e.jsx("span", { className: `ds-cursor ds-cursor--${n}`, "aria-hidden": "true" })
   ] });
 }
-function ln({
+function dn({
   role: t = "assistant",
   header: s,
   footer: n,
@@ -2421,7 +2448,7 @@ function ln({
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: n })
   ] });
 }
-function cn(t, { containerRef: s, smartPause: n = !0 } = {}) {
+function un(t, { containerRef: s, smartPause: n = !0 } = {}) {
   const a = R(!1), o = R(0);
   B(() => {
     const r = s == null ? void 0 : s.current;
@@ -2436,7 +2463,7 @@ function cn(t, { containerRef: s, smartPause: n = !0 } = {}) {
     r && (n && a.current || (r.scrollTop = r.scrollHeight));
   }, t);
 }
-function Ut({
+function Vt({
   prompts: t,
   enabled: s,
   typingSpeed: n = 38,
@@ -2445,9 +2472,9 @@ function Ut({
   betweenTime: r = 380,
   manualPauseMs: i = 5e3
 }) {
-  const [l, u] = A(0), [d, m] = A(""), p = R("typing"), h = R(0), c = R(0), v = R(null), _ = R(0);
+  const [l, u] = A(0), [c, m] = A(""), p = R("typing"), h = R(0), d = R(0), v = R(null), _ = R(0);
   B(() => {
-    c.current = l;
+    d.current = l;
   }, [l]), B(() => {
     if (v.current && (clearTimeout(v.current), v.current = null), !s || t.length === 0) {
       m(""), h.current = 0, p.current = "typing";
@@ -2459,22 +2486,22 @@ function Ut({
         v.current = setTimeout(S, _.current - M);
         return;
       }
-      const D = t[c.current % t.length] ?? "";
-      p.current === "typing" ? (h.current += 1, m(D.slice(0, h.current)), h.current >= D.length ? (p.current = "holding", v.current = setTimeout(S, o)) : v.current = setTimeout(S, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", v.current = setTimeout(S, a)) : (h.current = Math.max(0, h.current - 1), m(D.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", c.current = (c.current + 1) % t.length, u(c.current), v.current = setTimeout(S, r)) : v.current = setTimeout(S, a));
+      const D = t[d.current % t.length] ?? "";
+      p.current === "typing" ? (h.current += 1, m(D.slice(0, h.current)), h.current >= D.length ? (p.current = "holding", v.current = setTimeout(S, o)) : v.current = setTimeout(S, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", v.current = setTimeout(S, a)) : (h.current = Math.max(0, h.current - 1), m(D.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", d.current = (d.current + 1) % t.length, u(d.current), v.current = setTimeout(S, r)) : v.current = setTimeout(S, a));
     };
     return v.current = setTimeout(S, 260), () => {
       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] ?? "";
-  return { displayed: d, currentPrompt: j, index: l, next: y, prev: k };
+    d.current = M, h.current = D.length, p.current = "holding", _.current = Date.now() + i, u(M), m(D);
+  }, y = () => w(d.current + 1), k = () => w(d.current - 1), j = t[l % t.length] ?? "";
+  return { displayed: c, currentPrompt: j, index: l, next: y, prev: k };
 }
-let Vt = 0;
-function dn({
+let Yt = 0;
+function fn({
   value: t = "",
   onChange: s,
   onSubmit: n,
@@ -2484,14 +2511,14 @@ function dn({
   disabled: i = !1,
   placeholder: l = "Let's get things done...",
   animatedPlaceholders: u,
-  attachments: d,
+  attachments: c,
   images: m,
   onAttachFiles: p,
   onAttachImages: h,
-  onRemoveAttachment: c,
+  onRemoveAttachment: d,
   onRemoveImage: v,
   acceptImage: _,
-  acceptFile: g,
+  acceptFile: w,
   maxImages: y,
   maxImageSize: k,
   leftSlot: j,
@@ -2499,10 +2526,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 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) => {
+  const H = R(null), q = R(null), W = R(0), [g, C] = A(!1), [K, O] = A([]), x = (N) => {
+    const I = ++Yt;
+    O((X) => [...X, { id: I, msg: N }]), setTimeout(() => O((X) => X.filter((J) => J.id !== I)), 6e3);
+  }, b = (N) => O((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)
@@ -2527,11 +2554,11 @@ function dn({
     return document.addEventListener("keydown", N), () => document.removeEventListener("keydown", N);
   }, [r, i]);
   const $ = (N) => {
-    N.preventDefault(), W.current++, N.dataTransfer.types.includes("Files") && O(!0);
+    N.preventDefault(), W.current++, N.dataTransfer.types.includes("Files") && C(!0);
   }, z = (N) => {
-    N.preventDefault(), W.current--, W.current === 0 && O(!1);
+    N.preventDefault(), W.current--, W.current === 0 && C(!1);
   }, F = (N) => N.preventDefault(), ne = (N) => {
-    N.preventDefault(), W.current = 0, O(!1);
+    N.preventDefault(), W.current = 0, C(!1);
     const I = Array.from(N.dataTransfer.files);
     I.length && f(I);
   }, oe = (N) => {
@@ -2544,16 +2571,16 @@ function dn({
     if (!I) return;
     const X = [];
     for (const Je of I) {
-      const Le = Je.getAsFile();
-      Le && X.push(Le);
+      const Pe = Je.getAsFile();
+      Pe && X.push(Pe);
     }
     if (X.length === 0) return;
     const { imageFiles: J, tooLarge: Z, skipped: te, limitExceeded: ce } = T(X);
     Z.length && x(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), te.length && x(`Skipped unsupported file${te.length > 1 ? "s" : ""}: ${te.join(", ")}`), ce && x(`Max ${y} images per message`), J.length && (N.preventDefault(), h(J));
-  }, Q = !r && !i && !!(u != null && u.length) && t.length === 0, ie = Ut({
+  }, Q = !r && !i && !!(u != null && u.length) && t.length === 0, ie = Vt({
     prompts: u ?? [],
     enabled: Q
-  }), je = (N) => {
+  }), Ne = (N) => {
     if (Q) {
       if (N.key === "ArrowDown" || N.key === "ArrowRight") {
         N.preventDefault(), ie.next();
@@ -2569,9 +2596,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, De = p || h;
+  }, Xe = (t.trim() || (m == null ? void 0 : m.length) > 0 || (c == null ? void 0 : c.length) > 0) && !i, Le = p || h;
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", M].filter(Boolean).join(" "), ...D, children: [
-    De && /* @__PURE__ */ e.jsx(
+    Le && /* @__PURE__ */ e.jsx(
       "input",
       {
         ref: H,
@@ -2585,20 +2612,20 @@ 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",
             {
               ref: q,
               value: t,
               onChange: (N) => s == null ? void 0 : s(N.target.value),
-              onKeyDown: je,
+              onKeyDown: Ne,
               onPaste: Y,
               placeholder: Q ? "" : l,
               disabled: r || i,
@@ -2636,26 +2663,26 @@ 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(Pe, { size: P[1], strokeWidth: 1.5 }),
+          c && c.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: c.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(ct, { size: P[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Me, { 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",
               {
                 type: "button",
                 className: "ds-prompt-input__remove-btn",
-                onClick: () => c == null ? void 0 : c(I),
+                onClick: () => d == null ? void 0 : d(I),
                 children: /* @__PURE__ */ e.jsx(ee, { size: P[1], strokeWidth: 1.5 })
               }
             )
           ] }) }, I)) }),
           /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__toolbar", children: [
-            De && /* @__PURE__ */ e.jsx(
+            Le && /* @__PURE__ */ e.jsx(
               ae,
               {
                 variant: "ghost",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(Pe, { size: P[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(Me, { size: P[2], strokeWidth: 1.5 }),
                 "aria-label": "Attach files",
                 onClick: () => {
                   var N;
@@ -2671,7 +2698,7 @@ function dn({
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(ct, { size: P[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(dt, { size: P[2], strokeWidth: 1.5 }),
                 onClick: a,
                 "aria-label": "Stop"
               }
@@ -2680,7 +2707,7 @@ function dn({
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(dt, { size: P[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(ut, { size: P[2], strokeWidth: 1.5 }),
                 onClick: n,
                 disabled: !Xe,
                 "aria-label": "Send"
@@ -2692,8 +2719,8 @@ function dn({
     )
   ] });
 }
-const Ue = { fast: 0, standard: 1, premium: 2 }, Ve = { fast: "data-5", standard: "data-3", premium: "data-6" };
-function un({
+const Ve = { fast: 0, standard: 1, premium: 2 }, Ye = { fast: "data-5", standard: "data-3", premium: "data-6" };
+function mn({
   models: t = [],
   value: s,
   onChange: n,
@@ -2704,14 +2731,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 : (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;
+  const [c, m] = A(!1), p = R(null), h = R(null), d = R(null), [v, _] = A({}), w = t.filter((g) => !o || g.name === "auto" ? !0 : (Ve[g.tier] ?? 1) >= (Ve[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 = () => {
+    if (!c) return;
+    const g = 320, C = () => {
       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)",
@@ -2719,42 +2746,42 @@ function un({
         ...E ? { bottom: window.innerHeight - x.top + 4, top: "auto" } : { top: x.bottom + 4, bottom: "auto" }
       });
     };
-    O(), window.addEventListener("scroll", O, !0), window.addEventListener("resize", O);
+    C(), window.addEventListener("scroll", C, !0), window.addEventListener("resize", C);
     const K = (x) => {
       var b, E;
-      !((b = p.current) != null && b.contains(x.target)) && !((E = c.current) != null && E.contains(x.target)) && m(!1);
-    }, C = (x) => {
+      !((b = p.current) != null && b.contains(x.target)) && !((E = d.current) != null && E.contains(x.target)) && m(!1);
+    }, O = (x) => {
       x.key === "Escape" && m(!1);
     };
-    return document.addEventListener("mousedown", K), document.addEventListener("keydown", C), () => {
-      window.removeEventListener("scroll", O, !0), window.removeEventListener("resize", O), document.removeEventListener("mousedown", K), document.removeEventListener("keydown", C);
+    return document.addEventListener("mousedown", K), document.addEventListener("keydown", O), () => {
+      window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C), document.removeEventListener("mousedown", K), document.removeEventListener("keydown", O);
     };
-  }, [d]);
-  const D = (w) => {
-    n == null || n(w), m(!1);
-  }, H = (w) => /* @__PURE__ */ e.jsxs(
+  }, [c]);
+  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(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.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: g.icon }) : /* @__PURE__ */ e.jsx(ze, { 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: Ye[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);
-    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}`),
-      ...O.map(H)
+    g.name
+  ), q = () => !i || !M ? k.map(H) : ["fast", "standard", "premium"].flatMap((g) => {
+    const C = k.filter((K) => K.tier === g);
+    return C.length ? [
+      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": g, children: g.charAt(0).toUpperCase() + g.slice(1) }, `lbl-${g}`),
+      ...C.map(H)
     ] : [];
-  }), W = d && /* @__PURE__ */ e.jsxs("div", { ref: c, className: "ds-model-picker__menu ds-scrollable", "data-ds-portal": "", style: v, children: [
+  }), W = c && /* @__PURE__ */ e.jsxs("div", { ref: d, className: "ds-model-picker__menu ds-scrollable", "data-ds-portal": "", style: v, children: [
     r && y && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(
         "button",
@@ -2767,7 +2794,7 @@ function un({
           ].filter(Boolean).join(" "),
           onClick: () => D("auto"),
           children: [
-            /* @__PURE__ */ e.jsx(ut, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
+            /* @__PURE__ */ e.jsx(ft, { 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)" })
           ]
         }
@@ -2789,13 +2816,13 @@ 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,
+            "aria-expanded": c,
             children: [
-              j != null && j.icon ? /* @__PURE__ */ e.jsx("span", { children: j.icon }) : /* @__PURE__ */ e.jsx(Me, { size: 12, strokeWidth: 1.5 }),
+              j != null && j.icon ? /* @__PURE__ */ e.jsx("span", { children: j.icon }) : /* @__PURE__ */ e.jsx(ze, { 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: Ve[j.tier] || "default", children: j.tier })
+              M && (j == null ? void 0 : j.tier) && /* @__PURE__ */ e.jsx(de, { size: "xs", variant: Ye[j.tier] || "default", children: j.tier })
             ]
           }
         ),
@@ -2804,39 +2831,39 @@ function un({
     }
   );
 }
-const Yt = ({ filename: t, pages: s }) => /* @__PURE__ */ e.jsxs("span", { style: { display: "flex", alignItems: "center", gap: "var(--space-2)", minWidth: 0 }, children: [
+const qt = ({ filename: t, pages: s }) => /* @__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: t }),
-  s.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: ke(s) })
+  s.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ee(s) })
 ] });
-function ke(t) {
+function Ee(t) {
   return t != null && t.length ? "p. " + t.join(", ") : null;
 }
-function qt(t) {
+function Ht(t) {
   const s = /* @__PURE__ */ new Map();
   for (const n of t)
     s.has(n.filename) || s.set(n.filename, { filename: n.filename, url: n.url, items: [] }), s.get(n.filename).items.push(n);
   return [...s.values()];
 }
-function fn({
+function pn({
   sources: t = [],
   layout: s = "list",
   title: n = "Sources",
   maxVisible: a = 5,
   onSourceClick: o
 }) {
-  const [r, i] = A(!1), l = qt(t), u = l.length > a, d = r ? l : l.slice(0, a), m = t.some((h) => h.snippet), p = ["ds-sources-panel", s === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
+  const [r, i] = A(!1), l = Ht(t), u = l.length > a, c = r ? l : l.slice(0, a), m = t.some((h) => h.snippet), p = ["ds-sources-panel", s === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
   return s === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: p, children: [
-    d.map((h) => {
-      const c = h.items.map((_) => _.page).filter(Boolean), v = !!o;
+    c.map((h) => {
+      const d = h.items.map((_) => _.page).filter(Boolean), v = !!o;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: `ds-sources-panel__compact-row${v ? " ds-sources-panel__compact-row--clickable" : ""}`,
           onClick: v ? () => o(h.items[0]) : void 0,
           children: [
-            /* @__PURE__ */ e.jsx(ft, { size: P[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
+            /* @__PURE__ */ e.jsx(mt, { size: P[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
-            c.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: ke(c) })
+            d.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ee(d) })
           ]
         },
         h.filename
@@ -2849,21 +2876,21 @@ function fn({
     ] })
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: p, children: [
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: n }),
-    d.map((h) => {
-      const c = h.items.map((_) => _.page).filter(Boolean), v = !!o;
+    c.map((h) => {
+      const d = h.items.map((_) => _.page).filter(Boolean), v = !!o;
       return m ? /* @__PURE__ */ e.jsx(
         Be,
         {
-          title: /* @__PURE__ */ e.jsx(Yt, { filename: h.filename, pages: c }),
+          title: /* @__PURE__ */ e.jsx(qt, { filename: h.filename, pages: d }),
           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
@@ -2874,7 +2901,7 @@ function fn({
           onClick: v ? () => o(h.items[0]) : void 0,
           children: [
             /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
-            c.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: ke(c) })
+            d.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ee(d) })
           ]
         },
         h.filename
@@ -2887,10 +2914,10 @@ function fn({
     ] })
   ] });
 }
-function Ye(t) {
+function qe(t) {
   return t >= 1e6 ? (t / 1e6).toFixed(1).replace(/\.0$/, "") + "M" : t >= 1e3 ? (t / 1e3).toFixed(1).replace(/\.0$/, "") + "K" : String(t);
 }
-function mn({
+function hn({
   used: t,
   limit: s,
   size: n = "s",
@@ -2899,7 +2926,7 @@ function mn({
   warningThreshold: r = 0.8,
   errorThreshold: i = 1
 }) {
-  const l = s > 0 ? t / s : 0, u = Math.min(l * 100, 100), d = l >= i ? "error" : l >= r ? "warning" : "normal";
+  const l = s > 0 ? t / s : 0, u = Math.min(l * 100, 100), c = l >= i ? "error" : l >= r ? "warning" : "normal";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2911,15 +2938,15 @@ function mn({
         /* @__PURE__ */ e.jsx("div", { className: "ds-token-counter__track", children: /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `ds-token-counter__fill ds-token-counter__fill--${d}`,
+            className: `ds-token-counter__fill ds-token-counter__fill--${c}`,
             style: { width: `${u}%` }
           }
         ) }),
-        (a || o) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${d}`, children: [
+        (a || o) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${c}`, children: [
           a && /* @__PURE__ */ e.jsxs("span", { children: [
-            Ye(t),
+            qe(t),
             " / ",
-            Ye(s)
+            qe(s)
           ] }),
           o && /* @__PURE__ */ e.jsxs("span", { style: { marginLeft: "auto" }, children: [
             Math.round(l * 100),
@@ -2930,24 +2957,24 @@ function mn({
     }
   );
 }
-const qe = 5;
-function Ht(t) {
+const He = 5;
+function Kt(t) {
   return t < 0.34 ? "low" : t < 0.67 ? "medium" : "high";
 }
-function pn({
+function xn({
   value: t = 0,
   size: s = "xs",
   showLabel: n = "none",
   layout: a = "inline"
 }) {
-  const o = Math.max(0, Math.min(1, t)), r = Math.round(o * qe), i = Ht(o);
+  const o = Math.max(0, Math.min(1, t)), r = Math.round(o * He), i = Kt(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: qe }, (l, u) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: He }, (l, u) => /* @__PURE__ */ e.jsx(
       "div",
       {
         className: `ds-confidence-bar__seg${u < r ? " ds-confidence-bar__seg--filled" : ""}`
@@ -2957,15 +2984,15 @@ function pn({
     n === "text" && /* @__PURE__ */ e.jsx("span", { className: "ds-confidence-bar__label", children: i })
   ] });
 }
-const Kt = { add: "+", remove: "-", context: " " };
-function Ne({ line: t, lineNumbers: s }) {
+const Gt = { add: "+", remove: "-", context: " " };
+function ge({ line: t, lineNumbers: s }) {
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-diff-view__line ds-diff-view__line--${t.type}`, children: [
     s && t.lineNo != null && /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__lineno", children: t.lineNo }),
-    /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__prefix", children: Kt[t.type] }),
+    /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__prefix", children: Gt[t.type] }),
     /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__text", children: t.text })
   ] });
 }
-function hn({
+function vn({
   lines: t = [],
   layout: s = "inline",
   wordWrap: n = !1,
@@ -2979,21 +3006,21 @@ function hn({
     n && "ds-diff-view--wrap"
   ].filter(Boolean).join(" "), l = o ? { maxHeight: o, overflowY: "auto" } : void 0;
   if (s === "split") {
-    const u = t.filter((m) => m.type === "remove" || m.type === "context"), d = t.filter((m) => m.type === "add" || m.type === "context");
+    const u = t.filter((m) => m.type === "remove" || m.type === "context"), c = t.filter((m) => m.type === "add" || m.type === "context");
     return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
       r && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: r }),
       /* @__PURE__ */ e.jsxs("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: u.map((m, p) => /* @__PURE__ */ e.jsx(Ne, { line: m, lineNumbers: a }, p)) }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: d.map((m, p) => /* @__PURE__ */ e.jsx(Ne, { line: m, lineNumbers: a }, p)) })
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: u.map((m, p) => /* @__PURE__ */ e.jsx(ge, { line: m, lineNumbers: a }, p)) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: c.map((m, p) => /* @__PURE__ */ e.jsx(ge, { line: m, lineNumbers: a }, p)) })
       ] })
     ] });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
     r && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: r }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: t.map((u, d) => /* @__PURE__ */ e.jsx(Ne, { line: u, lineNumbers: a }, d)) })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: t.map((u, c) => /* @__PURE__ */ e.jsx(ge, { line: u, lineNumbers: a }, c)) })
   ] });
 }
-function Gt({
+function Xt({
   value: t = "idle",
   onLike: s,
   onDislike: n,
@@ -3023,7 +3050,7 @@ function Gt({
             "aria-label": "Like",
             "aria-pressed": t === "liked",
             children: /* @__PURE__ */ e.jsx(
-              mt,
+              pt,
               {
                 size: P[1],
                 strokeWidth: 1.5,
@@ -3044,7 +3071,7 @@ function Gt({
             "aria-label": "Dislike",
             "aria-pressed": t === "disliked",
             children: /* @__PURE__ */ e.jsx(
-              pt,
+              ht,
               {
                 size: P[1],
                 strokeWidth: 1.5,
@@ -3057,7 +3084,7 @@ function Gt({
     }
   );
 }
-function Xt(t) {
+function Jt(t) {
   const s = t instanceof Date ? t : new Date(t);
   if (isNaN(s)) return null;
   const n = /* @__PURE__ */ new Date(), a = s.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: !1 }), o = new Date(n.getFullYear(), n.getMonth(), n.getDate()), r = new Date(o - 864e5);
@@ -3066,7 +3093,7 @@ function Xt(t) {
   const i = s.getDate(), l = s.toLocaleString([], { month: "short" });
   return `${i} ${l} ${a}`;
 }
-function xn({
+function _n({
   role: t = "assistant",
   text: s,
   timestamp: n,
@@ -3076,28 +3103,28 @@ function xn({
   className: i = "",
   ...l
 }) {
-  const u = t === "assistant" && (o || r), d = !!s, m = n ? Xt(n) : null;
-  return !u && !d && !m ? null : /* @__PURE__ */ e.jsxs(
+  const u = t === "assistant" && (o || r), c = !!s, m = n ? Jt(n) : null;
+  return !u && !c && !m ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: ["ds-message-footer", `ds-message-footer--${t}`, i].filter(Boolean).join(" "),
       ...l,
       children: [
         t === "user" && m && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: m }),
-        u && /* @__PURE__ */ e.jsx(Gt, { className: "ds-message-action", value: a, onLike: o, onDislike: r }),
-        d && /* @__PURE__ */ e.jsx(Wt, { className: "ds-message-action", text: s }),
+        u && /* @__PURE__ */ e.jsx(Xt, { className: "ds-message-action", value: a, onLike: o, onDislike: r }),
+        c && /* @__PURE__ */ e.jsx(Ut, { className: "ds-message-action", text: s }),
         t === "assistant" && m && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: m })
       ]
     }
   );
 }
-function vn({ label: t, className: s = "", ...n }) {
+function bn({ label: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsxs("span", { className: ["ds-thinking-dot", s].filter(Boolean).join(" "), ...n, children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-thinking-dot__pulse" }),
     t && /* @__PURE__ */ e.jsx("span", { className: "ds-thinking-dot__label", children: t })
   ] });
 }
-function _n({ variant: t = "light", glow: s, mask: n = !0, style: a, ...o }) {
+function jn({ variant: t = "light", glow: s, mask: n = !0, style: a, ...o }) {
   const r = t === "dark", i = s ?? r, l = r ? "rgba(255,250,250,0.05)" : "var(--color-border-light)", u = r ? "rgba(255,250,250,0.025)" : "color-mix(in srgb, var(--color-border-light) 50%, transparent)";
   return /* @__PURE__ */ e.jsx(
     "div",
@@ -3138,7 +3165,7 @@ function _n({ variant: t = "light", glow: s, mask: n = !0, style: a, ...o }) {
     }
   );
 }
-function bn({ children: t, axis: s = "y", style: n, className: a = "", ...o }) {
+function Nn({ children: t, axis: s = "y", style: n, className: a = "", ...o }) {
   const r = s === "x" ? { overflowX: "auto", overflowY: "hidden" } : s === "both" ? { overflow: "auto" } : { overflowY: "auto", overflowX: "hidden" };
   return /* @__PURE__ */ e.jsx(
     "div",
@@ -3150,11 +3177,11 @@ 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;
-function es(t) {
+const we = 280, Zt = 22, Qt = 14, le = 8, be = 6, es = 200;
+function ts(t) {
   return t ? typeof t == "function" ? t() : typeof t == "string" ? document.querySelector(t) : null : null;
 }
-function ts(t, s, n, a) {
+function ss(t, s, n, a) {
   const o = window.innerWidth, r = window.innerHeight;
   if (r - t.bottom >= s + a + le) return "bottom";
   if (t.top >= s + a + le) return "top";
@@ -3163,7 +3190,7 @@ function ts(t, s, n, a) {
   const i = Math.max(t.top, r - t.bottom, o - t.right, t.left);
   return i === r - t.bottom ? "bottom" : i === t.top ? "top" : i === o - t.right ? "right" : "left";
 }
-function ss(t, s, n, a, o) {
+function ns(t, s, n, a, o) {
   const r = window.innerWidth, i = window.innerHeight;
   let l, u;
   switch (t) {
@@ -3179,10 +3206,10 @@ function ss(t, s, n, a, o) {
     default:
       l = s.top + s.height / 2 - n / 2, u = s.right + o;
   }
-  const d = Math.max(le, Math.min(r - a - le, u));
-  return { top: Math.max(le, Math.min(i - n - le, l)), left: d, arrowOffset: u - d };
+  const c = Math.max(le, Math.min(r - a - le, u));
+  return { top: Math.max(le, Math.min(i - n - le, l)), left: c, arrowOffset: u - c };
 }
-function jn({
+function gn({
   steps: t,
   currentStep: s,
   onNext: n,
@@ -3192,20 +3219,20 @@ function jn({
   overlay: i = !0,
   ring: l = !0,
   labelNext: u = "Next",
-  labelBack: d = "Back",
+  labelBack: c = "Back",
   labelSkip: m = "Skip tour",
   labelFinish: p = "Done",
   statePrimary: h = "idle",
-  stateBack: c = "idle"
+  stateBack: d = "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 = $e(() => {
-    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: we }), [D, H] = A("bottom"), [q, W] = A(null), g = R(!1), C = t[s], K = s === t.length - 1, O = $e(() => {
+    const x = _.current[w.current];
     if (!x || !v.current) return;
-    const b = es(x.target);
+    const b = ts(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 = we, T = y.current ? Zt : Qt, f = x.position || ss(E, U, G, T), { top: $, left: z, arrowOffset: F } = ns(f, E, U, G, T);
     H(f), M({
       position: "fixed",
       top: $,
@@ -3214,28 +3241,28 @@ function jn({
       visibility: "visible",
       "--arrow-offset": `${F}px`
     }), W({
-      top: E.top - _e,
-      left: E.left - _e,
-      width: E.width + _e * 2,
-      height: E.height + _e * 2
+      top: E.top - be,
+      left: E.left - be,
+      width: E.width + be * 2,
+      height: E.height + be * 2
     });
   }, []);
   return B(() => {
-    window.addEventListener("scroll", C, !0), window.addEventListener("resize", C);
+    window.addEventListener("scroll", O, !0), window.addEventListener("resize", O);
     const x = requestAnimationFrame(() => {
-      C(), j(!0), w.current = !0;
+      O(), j(!0), g.current = !0;
     });
     return () => {
-      cancelAnimationFrame(x), window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C);
+      cancelAnimationFrame(x), window.removeEventListener("scroll", O, !0), window.removeEventListener("resize", O);
     };
   }, []), B(() => {
-    if (!w.current) return;
+    if (!g.current) return;
     j(!1);
     const x = setTimeout(() => {
       M((b) => ({ ...b, visibility: "hidden" })), requestAnimationFrame(() => {
-        C(), j(!0);
+        O(), j(!0);
       });
-    }, Qt + 20);
+    }, es + 20);
     return () => clearTimeout(x);
   }, [s]), B(() => {
     k && v.current && v.current.focus({ preventScroll: !0 });
@@ -3256,7 +3283,7 @@ function jn({
       b.shiftKey && document.activeElement === L ? (b.preventDefault(), U.focus()) : !b.shiftKey && document.activeElement === U && (b.preventDefault(), L.focus());
     };
     return document.addEventListener("keydown", x), () => document.removeEventListener("keydown", x);
-  }, [k]), !O || typeof document > "u" ? null : pe.createPortal(
+  }, [k]), !C || typeof document > "u" ? null : pe.createPortal(
     /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       q && /* @__PURE__ */ e.jsx(
         "div",
@@ -3279,7 +3306,7 @@ function jn({
           role: "dialog",
           "aria-modal": "false",
           "aria-live": "polite",
-          "aria-label": O.title ?? `Step ${s + 1} of ${t.length}`,
+          "aria-label": C.title ?? `Step ${s + 1} of ${t.length}`,
           className: [
             "ds-coachmark__bubble",
             `ds-coachmark__bubble--${D}`,
@@ -3298,8 +3325,8 @@ function jn({
                 children: /* @__PURE__ */ e.jsx(ee, { size: 16, strokeWidth: 2 })
               }
             ),
-            O.title && /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__title", children: O.title }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__body", children: O.content }),
+            C.title && /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__title", children: C.title }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__body", children: C.content }),
             /* @__PURE__ */ e.jsxs("div", { className: "ds-coachmark__footer", children: [
               t.length > 1 && /* @__PURE__ */ e.jsxs("span", { className: "ds-coachmark__counter", children: [
                 s + 1,
@@ -3307,7 +3334,7 @@ function jn({
                 t.length
               ] }),
               /* @__PURE__ */ e.jsxs("div", { className: "ds-coachmark__footer-nav", children: [
-                s > 0 && /* @__PURE__ */ e.jsx(ae, { variant: "secondary", size: "s", state: c, onClick: a, children: d }),
+                s > 0 && /* @__PURE__ */ e.jsx(ae, { variant: "secondary", size: "s", state: d, onClick: a, children: c }),
                 /* @__PURE__ */ e.jsx(ae, { variant: "primary", size: "s", state: h, onClick: K ? r : n, children: K ? p : u })
               ] })
             ] })
@@ -3318,7 +3345,7 @@ function jn({
     document.body
   );
 }
-function Nn(t, s = {}) {
+function wn(t, s = {}) {
   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]);
@@ -3328,13 +3355,13 @@ function Nn(t, s = {}) {
     start: () => {
       l() || (o(0), i(!0));
     },
-    next: () => o((d) => Math.min(d + 1, t.length - 1)),
-    back: () => o((d) => Math.max(d - 1, 0)),
+    next: () => o((c) => Math.min(c + 1, t.length - 1)),
+    back: () => o((c) => Math.max(c - 1, 0)),
     skip: u,
     finish: u
   };
 }
-function wn() {
+function yn() {
   const t = R(null), s = $e(() => {
     const n = t.current;
     if (!n) return;
@@ -3348,92 +3375,93 @@ function wn() {
 }
 export {
   Be as Accordion,
-  xs as Alert,
-  Qs as AnimatedNumber,
-  $s as Avatar,
+  vs as Alert,
+  tn as AnimatedNumber,
+  Ts as Avatar,
   de as Badge,
-  Xs as Banner,
-  _s as BottomSheet,
-  zs as Breadcrumb,
+  Zs as Banner,
+  bs as BottomSheet,
+  Cs as Breadcrumb,
   ae as Button,
-  ds as Card,
-  ln as ChatMessage,
-  ks as Checkbox,
-  jn as Coachmark,
-  bs as Code,
-  gt as CodeAccordion,
-  pn as ConfidenceBar,
-  Wt as CopyButton,
-  hn as DiffView,
-  Cs as Drawer,
-  Ce as DrawerFooter,
-  Js as Dropdown,
-  Ls as EmptyState,
-  _n as EngineerGrid,
-  Ps as FormField,
-  us as H1,
-  fs as H2,
-  ms as H3,
-  ps as H4,
-  en as InView,
-  os as Input,
-  js as Link,
-  Gt as MessageFeedback,
-  xn as MessageFooter,
-  vs as Modal,
+  us as Card,
+  dn as ChatMessage,
+  Es as Checkbox,
+  gn as Coachmark,
+  js as Code,
+  yt as CodeAccordion,
+  xn as ConfidenceBar,
+  Ut as CopyButton,
+  vn as DiffView,
+  Fs as Drawer,
+  Fe as DrawerFooter,
+  Qs as Dropdown,
+  Ps as EmptyState,
+  jn as EngineerGrid,
+  Ms as FormField,
+  fs as H1,
+  ms as H2,
+  ps as H3,
+  hs as H4,
+  sn as InView,
+  is as Input,
+  Ns as Link,
+  Xt as MessageFeedback,
+  _n as MessageFooter,
+  _s as Modal,
   fe as ModalFooter,
-  un as ModelPicker,
-  Ws as NavRail,
-  Gs as NavRailAgent,
-  Vs as NavRailBody,
-  Hs as NavRailDivider,
-  qs as NavRailFooter,
-  Ys as NavRailHeader,
-  Us as NavRailItem,
-  Ks as NavRailRecents,
-  hs as P1,
-  bt as P2,
-  He as P3,
+  mn as ModelPicker,
+  Us as NavRail,
+  Js as NavRailAgent,
+  Ys as NavRailBody,
+  Xs as NavRailCustomItem,
+  Ks as NavRailDivider,
+  Hs as NavRailFooter,
+  qs as NavRailHeader,
+  Vs as NavRailItem,
+  Gs as NavRailRecents,
+  xs as P1,
+  jt as P2,
+  Ke as P3,
   Os as Pagination,
-  Zs as ProgressBar,
-  dn as PromptInput,
-  Es as Radio,
-  rn as ReasoningBlock,
-  bn as Scrollable,
-  gs as SegmentedControl,
-  ls as Select,
-  Fs as SidePage,
-  Fe as SidePageFooter,
-  Et as Skeleton,
-  fn as SourcesPanel,
-  vt as Spinner,
-  Ms as Stat,
-  an as StepIndicator,
-  cs as Stepper,
-  on as StreamingText,
+  en as ProgressBar,
+  fn as PromptInput,
+  $s as Radio,
+  on as ReasoningBlock,
+  Nn as Scrollable,
+  ys as SegmentedControl,
+  cs as Select,
+  Ws as SidePage,
+  We as SidePageFooter,
+  $t as Skeleton,
+  pn as SourcesPanel,
+  _t as Spinner,
+  zs as Stat,
+  ln as StepIndicator,
+  ds as Stepper,
+  cn as StreamingText,
   ws as Tab,
-  Ts as Table,
-  Ss as TableBody,
-  Rs as TableHead,
-  As as TableRow,
-  Is as TableSubheaderRow,
-  Ns as Tabs,
-  Ds as Td,
-  is as Textarea,
-  Bs as Th,
-  vn as ThinkingDot,
-  sn as ToastContainer,
-  ys as Toggle,
-  mn as TokenCounter,
-  nn as ToolCallBubble,
-  nn as ToolCallCard,
-  Ke as Tooltip,
+  Rs as Table,
+  As as TableBody,
+  Ss as TableHead,
+  Is as TableRow,
+  Bs as TableSubheaderRow,
+  gs as Tabs,
+  Ls as Td,
+  ls as Textarea,
+  Ds as Th,
+  bn as ThinkingDot,
+  rn as ToastContainer,
+  ks as Toggle,
+  hn as TokenCounter,
+  an as ToolCallBubble,
+  an as ToolCallCard,
+  De as Tooltip,
   P as iconSizes,
-  Pt as useAnimatedNumber,
-  Ut as useAnimatedPlaceholder,
-  Nn as useCoachmark,
-  Mt as useInView,
-  wn as useShake,
-  cn as useStreamScroll,
-  tn as useToast
+  Mt as useAnimatedNumber,
+  Vt as useAnimatedPlaceholder,
+  wn as useCoachmark,
+  zt as useInView,
+  yn as useShake,
+  un as useStreamScroll,
+  nn as useToast
 };