@donkit-ai/design-system 1.4.54 → 1.4.56

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import Y, { useState as A, useRef as T, useEffect as D, useLayoutEffect as Qe, useContext as $e, createContext as et, useCallback as He } from "react";
-import { Check as Te, X as ee, ChevronDown as _e, Minus as tt, Plus as st, XCircle as Re, AlertTriangle as Se, CheckCircle as Ae, Info as Be, ChevronUp as nt, ChevronsUpDown as rt, ChevronLeft as at, ChevronRight as ot, Copy as it, Brain as lt, Loader as ct, Paperclip as Pe, Square as dt, ArrowUp as ut, Zap as ft, Cpu as Me, FileText as mt, ThumbsUp as pt, ThumbsDown as ht } from "lucide-react";
-import he from "react-dom";
+import V, { useState as A, useRef as R, useEffect as B, useLayoutEffect as Ze, useContext as Ee, createContext as Qe, useCallback as qe } from "react";
+import { Check as $e, X as ee, ChevronDown as ve, Minus as et, Plus as tt, XCircle as Te, AlertTriangle as Re, CheckCircle as Se, Info as Ae, ChevronUp as st, ChevronsUpDown as nt, ChevronLeft as rt, ChevronRight as at, Copy as ot, Brain as it, Loader as lt, Paperclip as Le, Square as ct, ArrowUp as dt, Zap as ut, Cpu as Pe, FileText as ft, ThumbsUp as mt, ThumbsDown as pt } from "lucide-react";
+import pe from "react-dom";
 const P = {
   1: 16,
   2: 20,
@@ -8,7 +8,7 @@ const P = {
   4: 28,
   5: 48
 };
-var ye = { exports: {} }, xe = {};
+var ge = { exports: {} }, he = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -18,10 +18,10 @@ var ye = { exports: {} }, xe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ze;
-function xt() {
-  if (ze) return xe;
-  ze = 1;
+var Me;
+function ht() {
+  if (Me) return he;
+  Me = 1;
   var t = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
   function n(a, o, r) {
     var i = null;
@@ -38,9 +38,9 @@ function xt() {
       props: r
     };
   }
-  return xe.Fragment = s, xe.jsx = n, xe.jsxs = n, xe;
+  return he.Fragment = s, he.jsx = n, he.jsxs = n, he;
 }
-var ve = {};
+var xe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -50,44 +50,44 @@ var ve = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ce;
-function vt() {
-  return Ce || (Ce = 1, process.env.NODE_ENV !== "production" && function() {
+var ze;
+function xt() {
+  return ze || (ze = 1, process.env.NODE_ENV !== "production" && function() {
     function t(f) {
       if (f == null) return null;
       if (typeof f == "function")
-        return f.$$typeof === I ? null : f.displayName || f.name || null;
+        return f.$$typeof === O ? null : f.displayName || f.name || null;
       if (typeof f == "string") return f;
       switch (f) {
         case g:
           return "Fragment";
         case k:
           return "Profiler";
-        case w:
+        case y:
           return "StrictMode";
-        case L:
+        case D:
           return "Suspense";
-        case W:
+        case H:
           return "SuspenseList";
-        case b:
+        case w:
           return "Activity";
       }
       if (typeof f == "object")
         switch (typeof f.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), f.$$typeof) {
-          case v:
+          case _:
             return "Portal";
-          case E:
+          case S:
             return f.displayName || "Context";
           case j:
             return (f._context.displayName || "Context") + ".Consumer";
           case M:
             var $ = f.render;
             return f = f.displayName, f || (f = $.displayName || $.name || "", f = f !== "" ? "ForwardRef(" + f + ")" : "ForwardRef"), f;
-          case H:
+          case q:
             return $ = f.displayName || null, $ !== null ? $ : t(f.type) || "Memo";
-          case z:
+          case W:
             $ = f._payload, f = f._init;
             try {
               return t(f($));
@@ -108,17 +108,17 @@ function vt() {
       }
       if ($) {
         $ = console;
-        var F = $.error, V = typeof Symbol == "function" && Symbol.toStringTag && f[Symbol.toStringTag] || f.constructor.name || "Object";
-        return F.call(
+        var z = $.error, F = typeof Symbol == "function" && Symbol.toStringTag && f[Symbol.toStringTag] || f.constructor.name || "Object";
+        return z.call(
           $,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          V
+          F
         ), s(f);
       }
     }
     function a(f) {
       if (f === g) return "<>";
-      if (typeof f == "object" && f !== null && f.$$typeof === z)
+      if (typeof f == "object" && f !== null && f.$$typeof === W)
         return "<...>";
       try {
         var $ = t(f);
@@ -128,46 +128,46 @@ function vt() {
       }
     }
     function o() {
-      var f = O.A;
+      var f = K.A;
       return f === null ? null : f.getOwner();
     }
     function r() {
       return Error("react-stack-top-frame");
     }
     function i(f) {
-      if (U.call(f, "key")) {
+      if (C.call(f, "key")) {
         var $ = Object.getOwnPropertyDescriptor(f, "key").get;
         if ($ && $.isReactWarning) return !1;
       }
       return f.key !== void 0;
     }
     function l(f, $) {
-      function F() {
-        S || (S = !0, console.error(
+      function z() {
+        E || (E = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           $
         ));
       }
-      F.isReactWarning = !0, Object.defineProperty(f, "key", {
-        get: F,
+      z.isReactWarning = !0, Object.defineProperty(f, "key", {
+        get: z,
         configurable: !0
       });
     }
     function u() {
       var f = t(this.type);
-      return C[f] || (C[f] = !0, console.error(
+      return L[f] || (L[f] = !0, console.error(
         "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, $, F, V, ne, oe) {
-      var q = F.ref;
+    function d(f, $, z, F, ne, oe) {
+      var Y = z.ref;
       return f = {
-        $$typeof: x,
+        $$typeof: v,
         type: f,
         key: $,
-        props: F,
-        _owner: V
-      }, (q !== void 0 ? q : null) !== null ? Object.defineProperty(f, "ref", {
+        props: z,
+        _owner: F
+      }, (Y !== void 0 ? Y : null) !== null ? Object.defineProperty(f, "ref", {
         enumerable: !1,
         get: u
       }) : Object.defineProperty(f, "ref", { enumerable: !1, value: null }), f._store = {}, Object.defineProperty(f._store, "validated", {
@@ -192,61 +192,61 @@ function vt() {
         value: oe
       }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     }
-    function m(f, $, F, V, ne, oe) {
-      var q = $.children;
-      if (q !== void 0)
-        if (V)
-          if (_(q)) {
-            for (V = 0; V < q.length; V++)
-              p(q[V]);
-            Object.freeze && Object.freeze(q);
+    function m(f, $, z, F, ne, oe) {
+      var Y = $.children;
+      if (Y !== void 0)
+        if (F)
+          if (x(Y)) {
+            for (F = 0; F < Y.length; F++)
+              p(Y[F]);
+            Object.freeze && Object.freeze(Y);
           } else
             console.error(
               "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(q);
-      if (U.call($, "key")) {
-        q = t(f);
-        var Q = Object.keys($).filter(function(Ne) {
-          return Ne !== "key";
+        else p(Y);
+      if (C.call($, "key")) {
+        Y = t(f);
+        var Q = Object.keys($).filter(function(je) {
+          return je !== "key";
         });
-        V = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", R[q + V] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
+        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:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          V,
-          q,
+          F,
+          Y,
           Q,
-          q
-        ), R[q + V] = !0);
+          Y
+        ), T[Y + F] = !0);
       }
-      if (q = null, F !== void 0 && (n(F), q = "" + F), i($) && (n($.key), q = "" + $.key), "key" in $) {
-        F = {};
+      if (Y = null, z !== void 0 && (n(z), Y = "" + z), i($) && (n($.key), Y = "" + $.key), "key" in $) {
+        z = {};
         for (var ie in $)
-          ie !== "key" && (F[ie] = $[ie]);
-      } else F = $;
-      return q && l(
-        F,
+          ie !== "key" && (z[ie] = $[ie]);
+      } else z = $;
+      return Y && l(
+        z,
         typeof f == "function" ? f.displayName || f.name || "Unknown" : f
       ), d(
         f,
-        q,
-        F,
+        Y,
+        z,
         o(),
         ne,
         oe
       );
     }
     function p(f) {
-      h(f) ? f._store && (f._store.validated = 1) : typeof f == "object" && f !== null && f.$$typeof === z && (f._payload.status === "fulfilled" ? h(f._payload.value) && f._payload.value._store && (f._payload.value._store.validated = 1) : f._store && (f._store.validated = 1));
+      h(f) ? f._store && (f._store.validated = 1) : typeof f == "object" && f !== null && f.$$typeof === W && (f._payload.status === "fulfilled" ? h(f._payload.value) && f._payload.value._store && (f._payload.value._store.validated = 1) : f._store && (f._store.validated = 1));
     }
     function h(f) {
-      return typeof f == "object" && f !== null && f.$$typeof === x;
+      return typeof f == "object" && f !== null && f.$$typeof === v;
     }
-    var c = Y, x = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), j = Symbol.for("react.consumer"), E = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), L = Symbol.for("react.suspense"), W = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), b = Symbol.for("react.activity"), I = Symbol.for("react.client.reference"), O = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, _ = Array.isArray, y = console.createTask ? console.createTask : function() {
+    var c = V, v = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), j = Symbol.for("react.consumer"), S = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), H = Symbol.for("react.suspense_list"), q = Symbol.for("react.memo"), W = Symbol.for("react.lazy"), w = Symbol.for("react.activity"), O = Symbol.for("react.client.reference"), K = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, x = Array.isArray, b = console.createTask ? console.createTask : function() {
       return null;
     };
     c = {
@@ -254,36 +254,36 @@ React keys must be passed directly to JSX without using spread:
         return f();
       }
     };
-    var S, C = {}, K = c.react_stack_bottom_frame.bind(
+    var E, L = {}, U = c.react_stack_bottom_frame.bind(
       c,
       r
-    )(), X = y(a(r)), R = {};
-    ve.Fragment = g, ve.jsx = function(f, $, F) {
-      var V = 1e4 > O.recentlyCreatedOwnerStacks++;
+    )(), G = b(a(r)), T = {};
+    xe.Fragment = g, xe.jsx = function(f, $, z) {
+      var F = 1e4 > K.recentlyCreatedOwnerStacks++;
       return m(
         f,
         $,
-        F,
+        z,
         !1,
-        V ? Error("react-stack-top-frame") : K,
-        V ? y(a(f)) : X
+        F ? Error("react-stack-top-frame") : U,
+        F ? b(a(f)) : G
       );
-    }, ve.jsxs = function(f, $, F) {
-      var V = 1e4 > O.recentlyCreatedOwnerStacks++;
+    }, xe.jsxs = function(f, $, z) {
+      var F = 1e4 > K.recentlyCreatedOwnerStacks++;
       return m(
         f,
         $,
-        F,
+        z,
         !0,
-        V ? Error("react-stack-top-frame") : K,
-        V ? y(a(f)) : X
+        F ? Error("react-stack-top-frame") : U,
+        F ? b(a(f)) : G
       );
     };
-  }()), ve;
+  }()), xe;
 }
-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 }) {
+process.env.NODE_ENV === "production" ? ge.exports = ht() : ge.exports = xt();
+var e = ge.exports;
+function vt({ size: t = "m", color: s = "default", className: n = "", ...a }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -294,7 +294,7 @@ function _t({ size: t = "m", color: s = "default", className: n = "", ...a }) {
     }
   );
 }
-const bt = { xs: 12, s: 14, m: 16, l: 20 };
+const _t = { xs: 12, s: 14, m: 16, l: 20 };
 function ae({
   children: t,
   variant: s = "primary",
@@ -310,37 +310,37 @@ function ae({
   className: p = "",
   ...h
 }) {
-  const c = o && !t, x = i === "loading", v = i === "success", g = i === "error", w = x || v || g, k = n === "xs" ? "s" : "m", j = s === "danger" ? "on-accent" : "default", E = bt[n] ?? 16, M = x ? /* @__PURE__ */ e.jsx(_t, { size: k, color: j }) : v ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Te, { size: E, strokeWidth: 2.5 }) }) : g ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ee, { size: E, strokeWidth: 2.5 }) }) : null, L = [
+  const c = o && !t, v = i === "loading", _ = i === "success", g = i === "error", y = v || _ || g, k = n === "xs" ? "s" : "m", j = s === "danger" ? "on-accent" : "default", S = _t[n] ?? 16, M = v ? /* @__PURE__ */ e.jsx(vt, { size: k, color: j }) : _ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx($e, { size: S, strokeWidth: 2.5 }) }) : g ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ee, { size: S, strokeWidth: 2.5 }) }) : null, D = [
     "ds-button",
     `ds-button--${s}`,
     `ds-button--${n}`,
     a && "ds-button--full",
     c && "ds-button--icon-only",
     p
-  ].filter(Boolean).join(" "), W = i !== "idle" ? i : void 0, H = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    w ? M : o && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: o }),
+  ].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 z = (b) => {
-      if (r || x) {
-        b.preventDefault();
+    const W = (w) => {
+      if (r || v) {
+        w.preventDefault();
         return;
       }
-      b.metaKey || b.ctrlKey || b.button === 1 || (b.preventDefault(), l == null || l(b));
+      w.metaKey || w.ctrlKey || w.button === 1 || (w.preventDefault(), l == null || l(w));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
-        className: L,
-        href: r || x ? void 0 : d,
-        onClick: z,
+        className: D,
+        href: r || v ? void 0 : d,
+        onClick: W,
         "aria-label": m,
-        "aria-disabled": r || x ? "true" : void 0,
-        "aria-busy": x ? "true" : void 0,
-        "data-state": W,
+        "aria-disabled": r || v ? "true" : void 0,
+        "aria-busy": v ? "true" : void 0,
+        "data-state": H,
         ...h,
-        children: H
+        children: q
       }
     );
   }
@@ -348,18 +348,18 @@ function ae({
     "button",
     {
       type: u,
-      className: L,
+      className: D,
       disabled: r,
-      onClick: x ? void 0 : l,
+      onClick: v ? void 0 : l,
       "aria-label": m,
-      "aria-busy": x ? "true" : void 0,
-      "data-state": W,
+      "aria-busy": v ? "true" : void 0,
+      "data-state": H,
       ...h,
-      children: H
+      children: q
     }
   );
 }
-function as({
+function os({
   label: t,
   error: s,
   hint: n,
@@ -372,7 +372,7 @@ function as({
   id: d,
   ...m
 }) {
-  const p = d || `input-${Y.useId()}`, h = n ? `${p}-hint` : void 0, c = s ? `${p}-error` : void 0, x = c || h;
+  const p = d || `input-${V.useId()}`, h = n ? `${p}-hint` : void 0, c = s ? `${p}-error` : void 0, v = c || 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: [
@@ -384,7 +384,7 @@ function as({
           className: `ds-input ds-input--${l} ${o ? "ds-input--with-icon" : ""} ${r ? "ds-input--with-icon-right" : ""} ${s ? "ds-input--error" : ""}`,
           disabled: u,
           "aria-invalid": s ? "true" : "false",
-          "aria-describedby": x,
+          "aria-describedby": v,
           ...m
         }
       ),
@@ -404,7 +404,7 @@ function as({
     /* @__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 }) }) })
   ] });
 }
-function os({
+function is({
   label: t,
   error: s,
   hint: n,
@@ -416,7 +416,7 @@ function os({
   rows: u = 3,
   ...d
 }) {
-  const m = i || `textarea-${Y.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, c = 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(
@@ -435,7 +435,7 @@ function os({
     s && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-textarea-error", role: "alert", children: s })
   ] });
 }
-function is({
+function ls({
   label: t,
   value: s,
   onChange: n,
@@ -448,145 +448,145 @@ function is({
   id: d,
   ...m
 }) {
-  const [p, h] = A(!1), [c, x] = A(!1), [v, g] = A({}), [w, k] = A("down"), [j, E] = A(-1), M = T(null), L = T(null), W = T(null), H = T(null), z = d || `select-${Y.useId()}`, b = `${z}-label`, I = r ? `${z}-error` : void 0, O = 150, U = (R = !1) => {
-    c || (x(!0), E(-1), H.current = setTimeout(() => {
+  const [p, h] = A(!1), [c, v] = A(!1), [_, g] = A({}), [y, k] = A("down"), [j, S] = A(-1), M = R(null), D = R(null), H = R(null), q = R(null), W = d || `select-${V.useId()}`, w = `${W}-label`, O = r ? `${W}-error` : void 0, K = 150, C = (T = !1) => {
+    c || (v(!0), S(-1), q.current = setTimeout(() => {
       var f;
-      h(!1), x(!1), R && ((f = W.current) == null || f.focus());
-    }, O));
-  }, _ = (R) => {
-    clearTimeout(H.current), x(!1);
-    const f = R !== void 0 ? R : Math.max(a.findIndex(($) => $.value === s), 0);
-    E(f), h(!0);
+      h(!1), v(!1), T && ((f = H.current) == null || f.focus());
+    }, K));
+  }, x = (T) => {
+    clearTimeout(q.current), v(!1);
+    const f = T !== void 0 ? T : Math.max(a.findIndex(($) => $.value === s), 0);
+    S(f), h(!0);
   };
-  D(() => () => clearTimeout(H.current), []);
-  const y = () => {
+  B(() => () => clearTimeout(q.current), []);
+  const b = () => {
     var oe;
-    const R = (oe = M.current) == null ? void 0 : oe.getBoundingClientRect();
-    if (!R) return;
-    const f = window.innerHeight, $ = f - R.bottom, F = R.top, ne = $ < 300 && F > $;
+    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(
-      ne ? { bottom: f - R.top + 4, left: R.left, width: R.width } : { top: R.bottom + 4, left: R.left, width: R.width }
+      ne ? { bottom: f - T.top + 4, left: T.left, width: T.width } : { top: T.bottom + 4, left: T.left, width: T.width }
     );
   };
-  D(() => {
+  B(() => {
     if (p)
-      return y(), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y), () => {
-        window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y);
+      return b(), window.addEventListener("scroll", b, !0), window.addEventListener("resize", b), () => {
+        window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", b);
       };
-  }, [p]), D(() => {
-    const R = (f) => {
-      M.current && !M.current.contains(f.target) && L.current && !L.current.contains(f.target) && U();
+  }, [p]), B(() => {
+    const T = (f) => {
+      M.current && !M.current.contains(f.target) && D.current && !D.current.contains(f.target) && C();
     };
-    return document.addEventListener("mousedown", R), () => document.removeEventListener("mousedown", R);
-  }, [c]), D(() => {
+    return document.addEventListener("mousedown", T), () => document.removeEventListener("mousedown", T);
+  }, [c]), B(() => {
     var f;
-    if (!p || j < 0 || !L.current) return;
-    (f = L.current.querySelectorAll(".ds-select-option")[j]) == null || f.scrollIntoView({ block: "nearest" });
+    if (!p || j < 0 || !D.current) return;
+    (f = D.current.querySelectorAll(".ds-select-option")[j]) == null || f.scrollIntoView({ block: "nearest" });
   }, [j, p]);
-  const S = (R) => {
-    switch (R.key) {
+  const E = (T) => {
+    switch (T.key) {
       case "ArrowDown":
-        R.preventDefault(), p ? E((f) => Math.min(f + 1, a.length - 1)) : _();
+        T.preventDefault(), p ? S((f) => Math.min(f + 1, a.length - 1)) : x();
         break;
       case "ArrowUp":
-        R.preventDefault(), p ? E((f) => Math.max(f - 1, 0)) : _(a.length - 1);
+        T.preventDefault(), p ? S((f) => Math.max(f - 1, 0)) : x(a.length - 1);
         break;
       case "Home":
-        p && (R.preventDefault(), E(0));
+        p && (T.preventDefault(), S(0));
         break;
       case "End":
-        p && (R.preventDefault(), E(a.length - 1));
+        p && (T.preventDefault(), S(a.length - 1));
         break;
       case "Enter":
       case " ":
-        R.preventDefault(), p ? j >= 0 && (n == null || n(a[j].value), U(!0)) : _();
+        T.preventDefault(), p ? j >= 0 && (n == null || n(a[j].value), C(!0)) : x();
         break;
       case "Escape":
-        p && (R.preventDefault(), U(!0));
+        p && (T.preventDefault(), C(!0));
         break;
       case "Tab":
-        p && U(!1);
+        p && C(!1);
         break;
     }
-  }, C = a.find((R) => R.value === s), K = l === "xs" ? P[1] : l === "small" ? P[2] : P[3], X = p && /* @__PURE__ */ e.jsx(
+  }, L = a.find((T) => T.value === s), U = l === "xs" ? P[1] : l === "small" ? P[2] : P[3], G = p && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: L,
+      ref: D,
       "data-ds-portal": "",
       role: "listbox",
-      "aria-labelledby": t ? b : void 0,
+      "aria-labelledby": t ? w : void 0,
       tabIndex: -1,
       className: [
         "ds-select-dropdown ds-scrollable",
         `ds-select-dropdown--${l}`,
-        `ds-select-dropdown--${w}`,
+        `ds-select-dropdown--${y}`,
         c && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
-      style: v,
-      children: a.map((R, f) => /* @__PURE__ */ e.jsx(
+      style: _,
+      children: a.map((T, f) => /* @__PURE__ */ e.jsx(
         "button",
         {
-          id: `${z}-opt-${f}`,
+          id: `${W}-opt-${f}`,
           type: "button",
           role: "option",
           tabIndex: -1,
-          "aria-selected": s === R.value,
+          "aria-selected": s === T.value,
           className: [
             "ds-select-option",
             `ds-select-option--${l}`,
-            s === R.value && "ds-select-option--selected",
+            s === T.value && "ds-select-option--selected",
             f === j && "ds-select-option--active"
           ].filter(Boolean).join(" "),
           onClick: () => {
-            n == null || n(R.value), U(!0);
+            n == null || n(T.value), C(!0);
           },
-          children: R.label
+          children: T.label
         },
-        R.value
+        T.value
       ))
     }
   );
   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: b, className: "ds-select-label", children: t }),
+    t && /* @__PURE__ */ e.jsx("label", { id: w, className: "ds-select-label", children: t }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: M, children: /* @__PURE__ */ e.jsxs(
       "button",
       {
-        ref: W,
+        ref: H,
         type: "button",
-        id: z,
+        id: W,
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": p,
-        "aria-activedescendant": p && j >= 0 ? `${z}-opt-${j}` : void 0,
-        "aria-labelledby": t ? b : void 0,
+        "aria-activedescendant": p && j >= 0 ? `${W}-opt-${j}` : void 0,
+        "aria-labelledby": t ? w : void 0,
         "aria-invalid": r ? "true" : "false",
-        "aria-describedby": I,
+        "aria-describedby": O,
         className: `ds-select-trigger ds-select-trigger--${l} ${r ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          u || (p ? U() : _());
+          u || (p ? C() : x());
         },
-        onKeyDown: S,
+        onKeyDown: E,
         disabled: u,
         ...m,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: C ? "" : "ds-select-placeholder", children: (C == null ? void 0 : C.label) || o }),
+          /* @__PURE__ */ e.jsx("span", { className: L ? "" : "ds-select-placeholder", children: (L == null ? void 0 : L.label) || o }),
           /* @__PURE__ */ e.jsx(
-            _e,
+            ve,
             {
-              size: K,
+              size: U,
               strokeWidth: 1.5,
-              className: `ds-select-icon ${p && w === "down" ? "ds-select-icon--open" : ""} ${p && w === "up" ? "ds-select-icon--up" : ""}`,
+              className: `ds-select-icon ${p && y === "down" ? "ds-select-icon--open" : ""} ${p && y === "up" ? "ds-select-icon--up" : ""}`,
               "aria-hidden": "true"
             }
           )
         ]
       }
     ) }),
-    r && /* @__PURE__ */ e.jsx("span", { id: I, className: "ds-select-error", role: "alert", children: r }),
-    typeof document < "u" && he.createPortal(X, document.body)
+    r && /* @__PURE__ */ e.jsx("span", { id: O, className: "ds-select-error", role: "alert", children: r }),
+    typeof document < "u" && pe.createPortal(G, document.body)
   ] });
 }
-function ls({
+function cs({
   label: t,
   value: s = 0,
   onChange: n,
@@ -601,36 +601,36 @@ function ls({
 }) {
   const p = () => {
     if (l) return;
-    const w = Math.min(Number(s) + r, o);
-    n == null || n(w);
+    const y = Math.min(Number(s) + r, o);
+    n == null || n(y);
   }, h = () => {
     if (l) return;
-    const w = Math.max(Number(s) - r, a);
-    n == null || n(w);
-  }, c = (w) => {
+    const y = Math.max(Number(s) - r, a);
+    n == null || n(y);
+  }, c = (y) => {
     if (l) return;
-    const k = w.target.value;
+    const k = y.target.value;
     if (k === "") {
       n == null || n(a);
       return;
     }
     const j = Number(k);
     if (!isNaN(j)) {
-      const E = Math.min(Math.max(j, a), o);
-      n == null || n(E);
+      const S = Math.min(Math.max(j, a), o);
+      n == null || n(S);
     }
-  }, x = [
+  }, v = [
     "ds-stepper-wrapper",
     l && "ds-stepper-wrapper--disabled",
     d && "ds-stepper-wrapper--error"
-  ].filter(Boolean).join(" "), v = [
+  ].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];
-  return /* @__PURE__ */ e.jsxs("div", { className: x, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: v, children: [
     t && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: t }),
-    /* @__PURE__ */ e.jsxs("div", { className: v, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: _, children: [
       /* @__PURE__ */ e.jsx(
         "button",
         {
@@ -639,7 +639,7 @@ function ls({
           onClick: h,
           disabled: l || s <= a,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ e.jsx(tt, { size: g, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(et, { size: g, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -664,7 +664,7 @@ function ls({
           onClick: p,
           disabled: l || s >= o,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ e.jsx(st, { size: g, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(tt, { size: g, strokeWidth: 1.5 })
         }
       )
     ] }),
@@ -672,7 +672,7 @@ function ls({
     d && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: d })
   ] });
 }
-function cs({
+function ds({
   children: t,
   padding: s = "m",
   variant: n = "info",
@@ -689,12 +689,12 @@ function cs({
     d && "ds-card--interactive"
   ].filter(Boolean).join(" ");
   if (r) {
-    const c = (x) => {
+    const c = (v) => {
       if (i) {
-        x.preventDefault();
+        v.preventDefault();
         return;
       }
-      x.metaKey || x.ctrlKey || x.button === 1 || (x.preventDefault(), o == null || o(x));
+      v.metaKey || v.ctrlKey || v.button === 1 || (v.preventDefault(), o == null || o(v));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
@@ -724,28 +724,28 @@ function cs({
     }
   );
 }
-function ds({ children: t, ...s }) {
+function us({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...s, children: t });
 }
-function us({ children: t, ...s }) {
+function fs({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...s, children: t });
 }
-function fs({ children: t, ...s }) {
+function ms({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...s, children: t });
 }
-function ms({ children: t, ...s }) {
+function ps({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...s, children: t });
 }
-function ps({ children: t, secondary: s = !1, ...n }) {
+function hs({ children: t, secondary: s = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${s ? "ds-p1--secondary" : ""}`, ...n, children: t });
 }
-function jt({ children: t, secondary: s = !1, ...n }) {
+function bt({ children: t, secondary: s = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${s ? "ds-p2--secondary" : ""}`, ...n, children: t });
 }
-function Ke({ children: t, secondary: s = !1, ...n }) {
+function He({ children: t, secondary: s = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${s ? "ds-p3--secondary" : ""}`, ...n, children: t });
 }
-function ue({
+function de({
   children: t,
   variant: s = "default",
   size: n = "m",
@@ -759,13 +759,13 @@ function ue({
   ].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 Nt = {
-  info: Be,
-  success: Ae,
-  warning: Se,
-  error: Re
+const jt = {
+  info: Ae,
+  success: Se,
+  warning: Re,
+  error: Te
 };
-function hs({
+function xs({
   children: t,
   variant: s = "info",
   title: n,
@@ -773,7 +773,7 @@ function hs({
   role: o,
   ...r
 }) {
-  const i = Nt[s], l = o || (s === "error" ? "alert" : "status");
+  const i = jt[s], l = o || (s === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-alert ds-alert--${s} ${n ? "" : "ds-alert--no-title"}`, role: l, ...r, children: [
     i && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(i, { size: P[3], strokeWidth: 1.5 }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-alert__content", children: [
@@ -792,8 +792,8 @@ function hs({
     )
   ] });
 }
-const gt = 200;
-function xs({
+const Nt = 200;
+function vs({
   children: t,
   title: s,
   onClose: n,
@@ -802,24 +802,24 @@ function xs({
   subHeader: r,
   ...i
 }) {
-  const l = T(null), u = Y.useId(), [d, m] = A(!1), p = () => {
+  const l = R(null), u = V.useId(), [d, m] = A(!1), p = () => {
     !n || d || (m(!0), setTimeout(() => {
       m(!1), n();
-    }, gt));
+    }, Nt));
   };
-  D(() => {
-    const v = (w) => {
-      w.key === "Escape" && p();
-    }, g = (w) => {
-      var j, E, M;
-      const k = ((E = (j = w.composedPath) == null ? void 0 : j.call(w)) == null ? void 0 : E[0]) ?? w.target;
+  B(() => {
+    const _ = (y) => {
+      y.key === "Escape" && p();
+    }, g = (y) => {
+      var j, S, M;
+      const k = ((S = (j = y.composedPath) == null ? void 0 : j.call(y)) == null ? void 0 : S[0]) ?? y.target;
       l.current && !l.current.contains(k) && !((M = k.closest) != null && M.call(k, "[data-ds-portal]")) && p();
     };
-    return document.addEventListener("keydown", v), document.addEventListener("mousedown", g), () => {
-      document.removeEventListener("keydown", v), document.removeEventListener("mousedown", g);
+    return document.addEventListener("keydown", _), document.addEventListener("mousedown", g), () => {
+      document.removeEventListener("keydown", _), document.removeEventListener("mousedown", g);
     };
   }, [n, d]);
-  const h = Y.Children.toArray(t), c = h.find((v) => (v == null ? void 0 : v.type) === me), x = h.filter((v) => (v == null ? void 0 : v.type) !== me);
+  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(
     "div",
     {
@@ -844,41 +844,41 @@ function xs({
           s && /* @__PURE__ */ e.jsx("h3", { id: u, className: "ds-modal__title", children: s }),
           r && /* @__PURE__ */ e.jsx("div", { className: "ds-modal__subheader", children: r })
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: x }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: v }),
         c
       ]
     }
   ) });
 }
-function me({ children: t }) {
-  return !t || Y.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: t });
+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 vs({
+function _s({
   children: t,
   title: s,
   onClose: n,
   subHeader: a,
   ...o
 }) {
-  const r = T(null), i = Y.useId(), [l, u] = A(!1), d = () => {
+  const r = R(null), i = V.useId(), [l, u] = A(!1), d = () => {
     !n || l || (u(!0), setTimeout(() => {
       u(!1), n();
     }, wt));
   };
-  D(() => {
-    const c = (v) => {
-      v.key === "Escape" && d();
-    }, x = (v) => {
-      var w, k, j;
-      const g = ((k = (w = v.composedPath) == null ? void 0 : w.call(v)) == null ? void 0 : k[0]) ?? v.target;
+  B(() => {
+    const c = (_) => {
+      _.key === "Escape" && d();
+    }, v = (_) => {
+      var y, k, j;
+      const g = ((k = (y = _.composedPath) == null ? void 0 : y.call(_)) == null ? void 0 : k[0]) ?? _.target;
       r.current && !r.current.contains(g) && !((j = g.closest) != null && j.call(g, "[data-ds-portal]")) && d();
     };
-    return document.addEventListener("keydown", c), document.addEventListener("mousedown", x), () => {
-      document.removeEventListener("keydown", c), document.removeEventListener("mousedown", x);
+    return document.addEventListener("keydown", c), document.addEventListener("mousedown", v), () => {
+      document.removeEventListener("keydown", c), document.removeEventListener("mousedown", v);
     };
   }, [n, l]);
-  const m = Y.Children.toArray(t), p = m.find((c) => (c == null ? void 0 : c.type) === me), h = m.filter((c) => (c == null ? void 0 : c.type) !== me);
+  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);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -917,7 +917,7 @@ function vs({
     }
   );
 }
-function yt({
+function gt({
   children: t,
   title: s = "Code",
   defaultExpanded: n = !1,
@@ -928,7 +928,7 @@ function yt({
   ...l
 }) {
   const [u, d] = A(n), m = a !== void 0, p = m ? a : u, h = () => {
-    m ? o == null || o(!a) : d((x) => !x);
+    m ? o == null || o(!a) : d((v) => !v);
   }, c = [
     "ds-code-accordion",
     `ds-code-accordion--${r}`,
@@ -946,7 +946,7 @@ function yt({
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: s }),
           /* @__PURE__ */ e.jsx(
-            _e,
+            ve,
             {
               size: P[2],
               strokeWidth: 1.5,
@@ -959,10 +959,10 @@ function yt({
     /* @__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 _s({ 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 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 bs({ href: t, children: s, onClick: n, target: a, rel: o, ...r }) {
+function js({ 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",
@@ -977,10 +977,10 @@ function bs({ href: t, children: s, onClick: n, target: a, rel: o, ...r }) {
     }
   );
 }
-function js({ children: t, size: s = "m", variant: n = "ghost", ...a }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...a, children: Y.Children.map(t, (o) => Y.isValidElement(o) ? Y.cloneElement(o, { size: s, variant: n }) : o) });
+function Ns({ children: t, size: s = "m", variant: n = "ghost", ...a }) {
+  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...a, children: V.Children.map(t, (o) => V.isValidElement(o) ? V.cloneElement(o, { size: s, variant: n }) : o) });
 }
-function Ns({ children: t, selected: s = !1, onClick: n, size: a = "m", variant: o = "ghost", disabled: r = !1, icon: i, href: l, ...u }) {
+function ws({ children: t, selected: s = !1, onClick: n, size: a = "m", variant: o = "ghost", disabled: r = !1, icon: i, href: l, ...u }) {
   const d = i && !t, m = [
     "ds-tab",
     `ds-tab--${a}`,
@@ -1027,23 +1027,23 @@ function Ns({ 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 = T(null), i = T(null), [l, u] = A(!1), d = T(!1), m = T(null), p = T(null), h = () => {
+  const r = R(null), i = R(null), [l, u] = A(!1), d = R(!1), m = R(null), p = R(null), h = () => {
     if (!r.current) return;
     const c = r.current.querySelector(`[data-value="${s}"]`);
     if (!c) return;
-    const x = r.current.getBoundingClientRect(), v = c.getBoundingClientRect(), g = v.left - x.left, w = v.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 = w + "px", d.current = !1) : (u(!0), requestAnimationFrame(() => {
+    const v = r.current.getBoundingClientRect(), _ = c.getBoundingClientRect(), g = _.left - v.left, y = _.width;
+    i.current ? (i.current.style.transition = d.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = g + "px", i.current.style.width = y + "px", d.current = !1) : (u(!0), requestAnimationFrame(() => {
       if (!i.current || !r.current) return;
       const k = r.current.querySelector(`[data-value="${s}"]`);
       if (!k) return;
-      const j = r.current.getBoundingClientRect(), E = k.getBoundingClientRect();
-      i.current.style.transition = "none", i.current.style.left = E.left - j.left + "px", i.current.style.width = E.width + "px";
+      const j = r.current.getBoundingClientRect(), S = k.getBoundingClientRect();
+      i.current.style.transition = "none", i.current.style.left = S.left - j.left + "px", i.current.style.width = S.width + "px";
     }));
   };
-  return p.current = h, Qe(() => {
+  return p.current = h, Ze(() => {
     const c = m.current !== s;
     m.current = s, d.current = l && c, h();
-  }), D(() => {
+  }), B(() => {
     if (!r.current) return;
     const c = new ResizeObserver(() => {
       d.current = !1, p.current();
@@ -1088,7 +1088,7 @@ function gs({ options: t, value: s, onChange: n, size: a = "m", disabled: o = !1
     }
   );
 }
-function De({
+function Ie({
   children: t,
   title: s,
   defaultExpanded: n = !1,
@@ -1115,7 +1115,7 @@ function De({
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-accordion__title", children: s }),
           /* @__PURE__ */ e.jsx(
-            _e,
+            ve,
             {
               size: P[2],
               strokeWidth: 1.5,
@@ -1128,8 +1128,8 @@ function De({
     /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-inner", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-body", children: t }) }) })
   ] });
 }
-const re = 8, fe = 8;
-function kt(t, s, n) {
+const re = 8, ue = 8;
+function yt(t, s, n) {
   const a = window.innerWidth;
   let o, r;
   switch (t) {
@@ -1148,45 +1148,45 @@ function kt(t, s, n) {
     default:
       o = s.bottom + re, r = s.left;
   }
-  const i = Math.max(fe, Math.min(a - n.width - fe, r)), l = r - i;
+  const i = Math.max(ue, Math.min(a - n.width - ue, r)), l = r - i;
   return { top: o, left: i, arrowOffset: l };
 }
-function Et(t, s, n) {
+function kt(t, s, n) {
   const a = window.innerWidth, o = window.innerHeight;
-  if (t.top >= s + re + fe) return "top";
-  if (o - t.bottom >= s + re + fe) return "bottom";
-  if (a - t.right >= n + re + fe) return "right";
-  if (t.left >= n + re + fe) return "left";
+  if (t.top >= s + re + ue) return "top";
+  if (o - t.bottom >= s + re + ue) return "bottom";
+  if (a - t.right >= n + re + ue) return "right";
+  if (t.left >= n + re + ue) return "left";
   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 Ge({ children: t, content: s, position: n, ...a }) {
-  const [o, r] = A(!1), [i, l] = A({ visibility: "hidden" }), [u, d] = A(n || "top"), m = T(null), p = T(null), h = T(!1), c = () => {
+function Ke({ children: t, content: s, position: n, ...a }) {
+  const [o, r] = A(!1), [i, l] = A({ visibility: "hidden" }), [u, d] = A(n || "top"), m = R(null), p = R(null), h = R(!1), c = () => {
     if (!m.current || !p.current) return;
-    const v = m.current.getBoundingClientRect(), g = p.current.getBoundingClientRect(), w = n || Et(v, g.height, g.width), { top: k, left: j, arrowOffset: E } = kt(w, v, g);
-    d(w), l({
+    const _ = m.current.getBoundingClientRect(), g = p.current.getBoundingClientRect(), y = n || kt(_, g.height, g.width), { top: k, left: j, arrowOffset: S } = yt(y, _, g);
+    d(y), l({
       position: "fixed",
       top: k,
       left: j,
       visibility: "visible",
-      "--arrow-offset": `${E}px`
+      "--arrow-offset": `${S}px`
     });
   };
-  if (D(() => {
+  if (B(() => {
     if (!o) return;
     l({ position: "fixed", visibility: "hidden" });
-    const v = requestAnimationFrame(c);
+    const _ = requestAnimationFrame(c);
     return window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
-      cancelAnimationFrame(v), window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
+      cancelAnimationFrame(_), window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
     };
-  }, [o, n]), D(() => {
+  }, [o, n]), B(() => {
     if (!o) return;
-    const v = (g) => {
+    const _ = (g) => {
       m.current && !m.current.contains(g.target) && r(!1);
     };
-    return document.addEventListener("touchstart", v), () => document.removeEventListener("touchstart", v);
+    return document.addEventListener("touchstart", _), () => document.removeEventListener("touchstart", _);
   }, [o]), !s) return t;
-  const x = o && /* @__PURE__ */ e.jsx(
+  const v = o && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: p,
@@ -1209,17 +1209,17 @@ function Ge({ children: t, content: s, position: n, ...a }) {
         h.current || r(!1);
       },
       onTouchStart: () => {
-        h.current = !0, r((v) => !v);
+        h.current = !0, r((_) => !_);
       },
       ...a,
       children: [
         t,
-        typeof document < "u" && he.createPortal(x, document.body)
+        typeof document < "u" && pe.createPortal(v, document.body)
       ]
     }
   );
 }
-function ws({
+function ys({
   checked: t = !1,
   onChange: s,
   size: n = "m",
@@ -1228,7 +1228,7 @@ function ws({
   id: r,
   ...i
 }) {
-  const l = r || `toggle-${Y.useId()}`, u = [
+  const l = r || `toggle-${V.useId()}`, u = [
     "ds-toggle",
     `ds-toggle--${n}`,
     a && "ds-toggle--disabled"
@@ -1250,7 +1250,7 @@ function ws({
     o && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: o })
   ] });
 }
-function ys({
+function ks({
   checked: t = !1,
   onChange: s,
   size: n = "m",
@@ -1259,7 +1259,7 @@ function ys({
   id: r,
   ...i
 }) {
-  const l = r || `checkbox-${Y.useId()}`, u = [
+  const l = r || `checkbox-${V.useId()}`, u = [
     "ds-checkbox",
     `ds-checkbox--${n}`,
     a && "ds-checkbox--disabled"
@@ -1278,7 +1278,7 @@ function ys({
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: t && /* @__PURE__ */ e.jsx(
-      Te,
+      $e,
       {
         size: d,
         strokeWidth: 2.5,
@@ -1288,7 +1288,7 @@ function ys({
     o && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: o })
   ] });
 }
-function ks({
+function Es({
   checked: t = !1,
   onChange: s,
   size: n = "m",
@@ -1299,7 +1299,7 @@ function ks({
   id: l,
   ...u
 }) {
-  const d = l || `radio-${Y.useId()}`, m = [
+  const d = l || `radio-${V.useId()}`, m = [
     "ds-radio",
     `ds-radio--${n}`,
     a && "ds-radio--disabled"
@@ -1323,7 +1323,7 @@ function ks({
     o && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: o })
   ] });
 }
-function $t({ width: t, height: s, shape: n = "rect", aspectRatio: a, className: o = "", style: r = {}, ...i }) {
+function Et({ width: t, height: s, shape: n = "rect", aspectRatio: a, className: o = "", style: r = {}, ...i }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -1334,7 +1334,7 @@ function $t({ width: t, height: s, shape: n = "rect", aspectRatio: a, className:
     }
   );
 }
-function Tt({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: a = "", style: o = {}, ...r }) {
+function $t({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: a = "", style: o = {}, ...r }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -1353,20 +1353,20 @@ function Tt({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: a = "",
     }
   );
 }
-$t.Text = Tt;
-function Rt(t) {
+Et.Text = $t;
+function Tt(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 St(t) {
+function Rt(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 Es({ seed: t, icon: s, src: n, size: a = 32, className: o = "", style: r = {}, ...i }) {
-  const l = Rt(t ?? ""), [u, d] = A(!1), m = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: St(t) });
+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) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1378,7 +1378,7 @@ function Es({ seed: t, icon: s, src: n, size: a = 32, className: o = "", style:
     }
   );
 }
-function $s({
+function Ts({
   children: t,
   size: s = "compact",
   stickyTop: n,
@@ -1408,13 +1408,13 @@ function $s({
     }
   );
 }
-function Ts({ children: t, ...s }) {
+function Rs({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("thead", { ...s, children: t });
 }
-function Rs({ children: t, ...s }) {
+function Ss({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("tbody", { ...s, children: t });
 }
-function Ss({ children: t, interactive: s, selected: n, subheader: a, exiting: o, updated: r, className: i = "", onClick: l, ...u }) {
+function As({ children: t, interactive: s, selected: n, subheader: a, exiting: o, updated: r, className: i = "", onClick: l, ...u }) {
   return /* @__PURE__ */ e.jsx(
     "tr",
     {
@@ -1433,11 +1433,11 @@ function Ss({ children: t, interactive: s, selected: n, subheader: a, exiting: o
     }
   );
 }
-function As({ children: t, colSpan: s = 999, ...n }) {
+function Is({ 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" ? nt : n === "desc" ? _e : rt;
+  const u = !!a || n !== void 0, d = n === "asc" ? st : n === "desc" ? ve : nt;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
@@ -1476,7 +1476,7 @@ function Ds({ children: t, align: s = "left", secondary: n, muted: a, truncate:
     }
   );
 }
-function Is({
+function Ls({
   icon: t,
   title: s,
   description: n,
@@ -1499,7 +1499,7 @@ function Is({
     }
   );
 }
-function Ls({
+function Ps({
   label: t,
   hint: s,
   error: n,
@@ -1511,7 +1511,7 @@ function Ls({
   style: u,
   ...d
 }) {
-  const m = Y.useId(), p = r ?? m, h = `${p}-hint`, c = `${p}-error`;
+  const m = V.useId(), p = r ?? m, h = `${p}-hint`, c = `${p}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1530,7 +1530,7 @@ function Ls({
     }
   );
 }
-function Ps({ label: t, value: s, delta: n, size: a = "m", inline: o = !1, className: r = "", style: i, ...l }) {
+function Ms({ 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",
@@ -1551,7 +1551,7 @@ function Ps({ label: t, value: s, delta: n, size: a = "m", inline: o = !1, class
     }
   );
 }
-function Ms({
+function zs({
   children: t,
   separator: s = "/",
   "aria-label": n = "Breadcrumb",
@@ -1559,7 +1559,7 @@ function Ms({
   style: o,
   ...r
 }) {
-  const i = Y.Children.toArray(t).filter(Boolean);
+  const i = V.Children.toArray(t).filter(Boolean);
   return /* @__PURE__ */ e.jsx(
     "nav",
     {
@@ -1574,7 +1574,7 @@ function Ms({
     }
   );
 }
-function zs({
+function Os({
   page: t,
   total: s,
   onChange: n,
@@ -1584,7 +1584,7 @@ function zs({
   style: i,
   ...l
 }) {
-  const u = At(t, s, a);
+  const u = St(t, s, a);
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
@@ -1600,7 +1600,7 @@ function zs({
             onClick: () => n == null ? void 0 : n(t - 1),
             disabled: t <= 1,
             "aria-label": "Previous page",
-            children: /* @__PURE__ */ e.jsx(at, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(rt, { size: 16 })
           }
         ),
         u.map(
@@ -1623,21 +1623,21 @@ function zs({
             onClick: () => n == null ? void 0 : n(t + 1),
             disabled: t >= s,
             "aria-label": "Next page",
-            children: /* @__PURE__ */ e.jsx(ot, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(at, { size: 16 })
           }
         )
       ]
     }
   );
 }
-function At(t, s, n) {
+function St(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 Bt = 200;
+const At = 200;
 function Cs({
   children: t,
   title: s,
@@ -1645,24 +1645,24 @@ function Cs({
   side: a = "right",
   ...o
 }) {
-  const r = T(null), i = Y.useId(), [l, u] = A(!1), d = () => {
+  const r = R(null), i = V.useId(), [l, u] = A(!1), d = () => {
     !n || l || (u(!0), setTimeout(() => {
       u(!1), n();
-    }, Bt));
+    }, At));
   };
-  D(() => {
-    const c = (v) => {
-      v.key === "Escape" && d();
-    }, x = (v) => {
-      var w, k, j;
-      const g = ((k = (w = v.composedPath) == null ? void 0 : w.call(v)) == null ? void 0 : k[0]) ?? v.target;
+  B(() => {
+    const c = (_) => {
+      _.key === "Escape" && d();
+    }, v = (_) => {
+      var y, k, j;
+      const g = ((k = (y = _.composedPath) == null ? void 0 : y.call(_)) == null ? void 0 : k[0]) ?? _.target;
       r.current && !r.current.contains(g) && !((j = g.closest) != null && j.call(g, "[data-ds-portal]")) && d();
     };
-    return document.addEventListener("keydown", c), document.addEventListener("mousedown", x), () => {
-      document.removeEventListener("keydown", c), document.removeEventListener("mousedown", x);
+    return document.addEventListener("keydown", c), document.addEventListener("mousedown", v), () => {
+      document.removeEventListener("keydown", c), document.removeEventListener("mousedown", v);
     };
   }, [n, l]);
-  const m = Y.Children.toArray(t), p = m.find((c) => (c == null ? void 0 : c.type) === Oe), h = m.filter((c) => (c == null ? void 0 : c.type) !== Oe);
+  const m = V.Children.toArray(t), p = m.find((c) => (c == null ? void 0 : c.type) === Oe), h = m.filter((c) => (c == null ? void 0 : c.type) !== Oe);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1693,32 +1693,32 @@ function Cs({
 function Oe({ children: t }) {
   return /* @__PURE__ */ e.jsx("footer", { className: "ds-drawer-footer", children: t });
 }
-const Dt = 320;
-function Os({
+const It = 320;
+function Fs({
   children: t,
   title: s,
   onClose: n,
   subHeader: a,
   ...o
 }) {
-  const r = T(null), i = Y.useId(), [l, u] = A(!1), d = () => {
+  const r = R(null), i = V.useId(), [l, u] = A(!1), d = () => {
     !n || l || (u(!0), setTimeout(() => {
       u(!1), n();
-    }, Dt));
+    }, It));
   };
-  D(() => {
-    const c = (v) => {
-      v.key === "Escape" && d();
-    }, x = (v) => {
-      var w, k, j;
-      const g = ((k = (w = v.composedPath) == null ? void 0 : w.call(v)) == null ? void 0 : k[0]) ?? v.target;
+  B(() => {
+    const c = (_) => {
+      _.key === "Escape" && d();
+    }, v = (_) => {
+      var y, k, j;
+      const g = ((k = (y = _.composedPath) == null ? void 0 : y.call(_)) == null ? void 0 : k[0]) ?? _.target;
       r.current && !r.current.contains(g) && !((j = g.closest) != null && j.call(g, "[data-ds-portal]")) && d();
     };
-    return document.addEventListener("keydown", c), document.addEventListener("mousedown", x), () => {
-      document.removeEventListener("keydown", c), document.removeEventListener("mousedown", x);
+    return document.addEventListener("keydown", c), document.addEventListener("mousedown", v), () => {
+      document.removeEventListener("keydown", c), document.removeEventListener("mousedown", v);
     };
   }, [n, l]);
-  const m = Y.Children.toArray(t), p = m.find((c) => (c == null ? void 0 : c.type) === Fe || (c == null ? void 0 : c.type) === me), h = m.filter((c) => (c == null ? void 0 : c.type) !== Fe && (c == null ? void 0 : c.type) !== me);
+  const m = V.Children.toArray(t), p = m.find((c) => (c == null ? void 0 : c.type) === Ce || (c == null ? void 0 : c.type) === fe), h = m.filter((c) => (c == null ? void 0 : c.type) !== Ce && (c == null ? void 0 : c.type) !== fe);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1756,11 +1756,11 @@ function Os({
     }
   );
 }
-function Fe({ children: t }) {
-  return !t || Y.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__footer", children: t });
+function Ce({ children: t }) {
+  return !t || V.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__footer", children: t });
 }
-const je = et({ collapsed: !1, side: "left" });
-function Fs({
+const be = Qe({ collapsed: !1, side: "left" });
+function Ws({
   children: t,
   collapsed: s = !1,
   side: n = "left",
@@ -1773,9 +1773,9 @@ function Fs({
     `ds-nav-rail--${n}`,
     a
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsx(je.Provider, { value: { collapsed: s, side: n }, children: /* @__PURE__ */ e.jsx("nav", { className: r, ...o, children: t }) });
+  return /* @__PURE__ */ e.jsx(be.Provider, { value: { collapsed: s, side: n }, children: /* @__PURE__ */ e.jsx("nav", { className: r, ...o, children: t }) });
 }
-function Ws({
+function Us({
   icon: t,
   label: s,
   selected: n = !1,
@@ -1789,7 +1789,7 @@ function Ws({
   className: m = "",
   ...p
 }) {
-  const { collapsed: h, side: c } = $e(je), g = {
+  const { collapsed: h, side: c } = Ee(be), g = {
     className: [
       "ds-nav-rail__item",
       m
@@ -1806,29 +1806,29 @@ function Ws({
       "data-onboarding": d || void 0
     },
     ...p
-  }, w = i != null, k = c === "left" ? "right" : "left", j = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }, y = i != null, k = c === "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(ue, { size: "xs", variant: "accent", className: "ds-nav-rail__badge-expanded", children: "New" }),
-    !h && w && /* @__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(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" })
-  ] }), E = 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(Ge, { content: s, position: k, children: E }) : E;
+  ] }), S = o ? /* @__PURE__ */ e.jsx("a", { href: a ? void 0 : o, ...g, children: j }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...g, children: j });
+  return h ? /* @__PURE__ */ e.jsx(Ke, { content: s, position: k, children: S }) : S;
 }
-function Us({ children: t, className: s = "", ...n }) {
+function Vs({ 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 Vs({ children: t, className: s = "", ...n }) {
+function Ys({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__header", 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__footer", s].filter(Boolean).join(" "), ...n, children: t });
 }
-function qs({ className: t = "", ...s }) {
+function Hs({ className: t = "", ...s }) {
   return /* @__PURE__ */ e.jsx("hr", { className: ["ds-nav-rail__divider", t].filter(Boolean).join(" "), ...s });
 }
-function Hs({ children: t, label: s = "Recents", defaultOpen: n = !0, className: a = "", ...o }) {
-  const { collapsed: r } = $e(je), [i, l] = A(n);
+function Ks({ children: t, label: s = "Recents", defaultOpen: n = !0, className: a = "", ...o }) {
+  const { collapsed: r } = Ee(be), [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",
@@ -1839,15 +1839,15 @@ function Hs({ children: t, label: s = "Recents", defaultOpen: n = !0, className:
         "aria-expanded": i,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__recents-label", children: s }),
-          /* @__PURE__ */ e.jsx(_e, { size: 12, strokeWidth: 2, className: "ds-nav-rail__recents-chevron", "aria-hidden": "true" })
+          /* @__PURE__ */ e.jsx(ve, { size: 12, strokeWidth: 2, className: "ds-nav-rail__recents-chevron", "aria-hidden": "true" })
         ]
       }
     ),
     (i || r) && /* @__PURE__ */ e.jsx("div", { className: "ds-nav-rail__recents-body", children: t })
   ] });
 }
-function Ks({ avatar: t, label: s, selected: n = !1, disabled: a = !1, href: o, onClick: r, className: i = "", ...l }) {
-  const { collapsed: u, side: d } = $e(je), h = {
+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 = {
     className: [
       "ds-nav-rail__item",
       "ds-nav-rail__agent",
@@ -1865,16 +1865,16 @@ function Ks({ avatar: t, label: s, selected: n = !1, disabled: a = !1, href: o,
   }, c = /* @__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 })
-  ] }), x = d === "left" ? "right" : "left", v = 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(Ge, { content: s, position: x, children: v }) : v;
-}
-const It = {
-  info: Be,
-  success: Ae,
-  warning: Se,
-  error: Re
+  ] }), 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: _ }) : _;
+}
+const Bt = {
+  info: Ae,
+  success: Se,
+  warning: Re,
+  error: Te
 };
-function Gs({
+function Xs({
   children: t,
   variant: s = "info",
   action: n,
@@ -1883,7 +1883,7 @@ function Gs({
   role: r,
   ...i
 }) {
-  const l = It[s], u = r || (s === "error" ? "alert" : "status");
+  const l = Bt[s], u = r || (s === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1916,7 +1916,7 @@ function Gs({
     }
   );
 }
-function Xs({
+function Js({
   trigger: t,
   items: s = [],
   open: n,
@@ -1926,96 +1926,96 @@ function Xs({
   style: i,
   ...l
 }) {
-  const [u, d] = A(!1), [m, p] = A(!1), h = n !== void 0, c = h ? n : u, x = T(null), v = T(null), g = T(null), w = T(null), [k, j] = A({}), E = T(null), M = 150, 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 = () => {
     if (h)
       a == null || a(!1);
     else {
       if (m) return;
-      p(!0), E.current = setTimeout(() => {
+      p(!0), S.current = setTimeout(() => {
         d(!1), p(!1);
       }, M);
     }
-  }, W = () => {
-    const _ = !c;
-    h ? a == null || a(_) : _ ? (clearTimeout(E.current), p(!1), d(!0)) : L();
   }, H = () => {
-    c || (h ? a == null || a(!0) : (clearTimeout(E.current), p(!1), d(!0)));
+    const x = !c;
+    h ? a == null || a(x) : x ? (clearTimeout(S.current), p(!1), d(!0)) : D();
+  }, q = () => {
+    c || (h ? a == null || a(!0) : (clearTimeout(S.current), p(!1), d(!0)));
   };
-  D(() => () => clearTimeout(E.current), []), D(() => {
+  B(() => () => clearTimeout(S.current), []), B(() => {
     if (!c) return;
-    const _ = 300, y = () => {
-      var X;
-      const S = (X = x.current) == null ? void 0 : X.getBoundingClientRect();
-      if (!S) return;
-      const C = window.innerHeight - S.bottom, K = C < _ + 8 && S.top > C;
+    const x = 300, b = () => {
+      var G;
+      const E = (G = v.current) == null ? void 0 : G.getBoundingClientRect();
+      if (!E) return;
+      const L = window.innerHeight - E.bottom, U = L < x + 8 && E.top > L;
       j(
-        o === "right" ? K ? { bottom: window.innerHeight - S.top + 4, top: "auto", right: window.innerWidth - S.right } : { top: S.bottom + 4, bottom: "auto", right: window.innerWidth - S.right } : K ? { bottom: window.innerHeight - S.top + 4, top: "auto", left: S.left } : { top: S.bottom + 4, bottom: "auto", left: S.left }
+        o === "right" ? U ? { bottom: window.innerHeight - E.top + 4, top: "auto", right: window.innerWidth - E.right } : { top: E.bottom + 4, bottom: "auto", right: window.innerWidth - E.right } : U ? { bottom: window.innerHeight - E.top + 4, top: "auto", left: E.left } : { top: E.bottom + 4, bottom: "auto", left: E.left }
       );
     };
-    return y(), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y), () => {
-      window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y);
+    return b(), window.addEventListener("scroll", b, !0), window.addEventListener("resize", b), () => {
+      window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", b);
     };
   }, [c, o]);
-  const z = () => {
-    var y;
-    const _ = (y = g.current) == null ? void 0 : y.querySelector(
+  const W = () => {
+    var b;
+    const x = (b = g.current) == null ? void 0 : b.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
-    _ == null || _.focus();
+    x == null || x.focus();
   };
-  D(() => {
+  B(() => {
     if (!c) return;
-    const _ = (S) => {
-      var C, K;
-      !((C = x.current) != null && C.contains(S.target)) && !((K = v.current) != null && K.contains(S.target)) && L();
-    }, y = (S) => {
-      S.key === "Escape" && (L(), z());
+    const x = (E) => {
+      var L, U;
+      !((L = v.current) != null && L.contains(E.target)) && !((U = _.current) != null && U.contains(E.target)) && D();
+    }, b = (E) => {
+      E.key === "Escape" && (D(), W());
     };
-    return document.addEventListener("mousedown", _), document.addEventListener("keydown", y), () => {
-      document.removeEventListener("mousedown", _), document.removeEventListener("keydown", y);
+    return document.addEventListener("mousedown", x), document.addEventListener("keydown", b), () => {
+      document.removeEventListener("mousedown", x), document.removeEventListener("keydown", b);
     };
-  }, [c]), D(() => {
-    if (!c || !w.current || !v.current) return;
-    const _ = b(), y = w.current === "last" ? _[_.length - 1] : _[0];
-    y == null || y.focus(), w.current = null;
+  }, [c]), B(() => {
+    if (!c || !y.current || !_.current) return;
+    const x = w(), b = y.current === "last" ? x[x.length - 1] : x[0];
+    b == null || b.focus(), y.current = null;
   }, [c]);
-  const b = () => v.current ? [...v.current.querySelectorAll(
+  const w = () => _.current ? [..._.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
-  )] : [], I = (_) => {
-    var y, S;
-    if (_.key === "ArrowDown")
-      _.preventDefault(), c ? (y = b()[0]) == null || y.focus() : (w.current = "first", H());
-    else if (_.key === "ArrowUp")
-      if (_.preventDefault(), !c)
-        w.current = "last", H();
+  )] : [], O = (x) => {
+    var b, E;
+    if (x.key === "ArrowDown")
+      x.preventDefault(), c ? (b = w()[0]) == null || b.focus() : (y.current = "first", q());
+    else if (x.key === "ArrowUp")
+      if (x.preventDefault(), !c)
+        y.current = "last", q();
       else {
-        const C = b();
-        (S = C[C.length - 1]) == null || S.focus();
+        const L = w();
+        (E = L[L.length - 1]) == null || E.focus();
       }
-  }, O = (_) => {
-    var C, K, X, R;
-    const y = b(), S = y.findIndex((f) => f === document.activeElement);
-    switch (_.key) {
+  }, K = (x) => {
+    var L, U, G, T;
+    const b = w(), E = b.findIndex((f) => f === document.activeElement);
+    switch (x.key) {
       case "ArrowDown":
-        _.preventDefault(), (C = y[Math.min(S + 1, y.length - 1)]) == null || C.focus();
+        x.preventDefault(), (L = b[Math.min(E + 1, b.length - 1)]) == null || L.focus();
         break;
       case "ArrowUp":
-        _.preventDefault(), S <= 0 ? z() : (K = y[S - 1]) == null || K.focus();
+        x.preventDefault(), E <= 0 ? W() : (U = b[E - 1]) == null || U.focus();
         break;
       case "Home":
-        _.preventDefault(), (X = y[0]) == null || X.focus();
+        x.preventDefault(), (G = b[0]) == null || G.focus();
         break;
       case "End":
-        _.preventDefault(), (R = y[y.length - 1]) == null || R.focus();
+        x.preventDefault(), (T = b[b.length - 1]) == null || T.focus();
         break;
       case "Tab":
-        L();
+        D();
         break;
     }
-  }, U = c && /* @__PURE__ */ e.jsx(
+  }, C = c && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: v,
+      ref: _,
       role: "menu",
       "data-ds-portal": "",
       className: [
@@ -2024,36 +2024,36 @@ function Xs({
         m && "ds-dropdown__menu--closing"
       ].filter(Boolean).join(" "),
       style: k,
-      onKeyDown: O,
-      children: s.map((_, y) => {
-        if (_.separator)
-          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, y);
-        if (_.type === "section")
+      onKeyDown: K,
+      children: s.map((x, b) => {
+        if (x.separator)
+          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, b);
+        if (x.type === "section")
           return /* @__PURE__ */ e.jsxs("div", { className: "ds-dropdown__section", children: [
-            _.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: _.label }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: _.content })
-          ] }, y);
-        const S = !!_.href, C = S ? "a" : "button", K = S ? { href: _.disabled ? void 0 : _.href, "aria-disabled": _.disabled ? "true" : void 0 } : { type: "button", disabled: _.disabled };
+            x.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: x.label }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: x.content })
+          ] }, b);
+        const E = !!x.href, L = E ? "a" : "button", U = E ? { href: x.disabled ? void 0 : x.href, "aria-disabled": x.disabled ? "true" : void 0 } : { type: "button", disabled: x.disabled };
         return /* @__PURE__ */ e.jsxs(
-          C,
+          L,
           {
             role: "menuitem",
             className: [
               "ds-dropdown__item",
-              _.danger && "ds-dropdown__item--danger"
+              x.danger && "ds-dropdown__item--danger"
             ].filter(Boolean).join(" "),
-            ...K,
+            ...U,
             onClick: () => {
-              var X;
-              (X = _.onClick) == null || X.call(_), L();
+              var G;
+              (G = x.onClick) == null || G.call(x), D();
             },
             children: [
-              _.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: _.icon }),
-              /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: _.label }),
-              _.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: _.shortcut })
+              x.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: x.icon }),
+              /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: x.label }),
+              x.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: x.shortcut })
             ]
           },
-          y
+          b
         );
       })
     }
@@ -2061,7 +2061,7 @@ function Xs({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: x,
+      ref: v,
       className: ["ds-dropdown", r].filter(Boolean).join(" "),
       style: i,
       ...l,
@@ -2071,17 +2071,17 @@ function Xs({
           {
             ref: g,
             className: "ds-dropdown__trigger",
-            onClick: W,
-            onKeyDown: I,
+            onClick: H,
+            onKeyDown: O,
             children: t
           }
         ),
-        typeof document < "u" && he.createPortal(U, document.body)
+        typeof document < "u" && pe.createPortal(C, document.body)
       ]
     }
   );
 }
-function Js({
+function Zs({
   value: t = 0,
   size: s = "m",
   variant: n = "default",
@@ -2118,11 +2118,11 @@ function Js({
     }
   );
 }
-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 = T(t), r = T(null);
-  return D(() => {
-    if (Pt()) {
+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 [n, a] = A(t), o = R(t), r = R(null);
+  return B(() => {
+    if (Lt()) {
       a(t), o.current = t;
       return;
     }
@@ -2132,24 +2132,24 @@ function Mt(t, { duration: s = 600 } = {}) {
     const d = (m) => {
       u || (u = m);
       const p = Math.min((m - u) / s, 1);
-      a(i + l * Lt(p)), p < 1 ? r.current = requestAnimationFrame(d) : o.current = t;
+      a(i + l * Dt(p)), p < 1 ? r.current = requestAnimationFrame(d) : o.current = t;
     };
     return r.current = requestAnimationFrame(d), () => cancelAnimationFrame(r.current);
   }, [t, s]), n;
 }
-function Zs({
+function Qs({
   value: t,
   duration: s = 600,
   decimals: n = 0,
   prefix: a = "",
   suffix: o = ""
 }) {
-  const i = Mt(t, { duration: s }).toFixed(n);
+  const i = Pt(t, { duration: s }).toFixed(n);
   return `${a}${i}${o}`;
 }
-function zt({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
-  const a = T(null), [o, r] = A(!1);
-  return D(() => {
+function Mt({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
+  const a = R(null), [o, r] = A(!1);
+  return B(() => {
     const i = a.current;
     if (!i) return;
     const l = new IntersectionObserver(
@@ -2161,7 +2161,7 @@ function zt({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
     return l.observe(i), () => l.disconnect();
   }, [t, s, n]), { ref: a, inView: o };
 }
-function Qs({
+function en({
   children: t,
   as: s = "div",
   once: n = !1,
@@ -2171,31 +2171,31 @@ function Qs({
   onLeave: i,
   ...l
 }) {
-  const { ref: u, inView: d } = zt({ threshold: a, rootMargin: o, once: n }), m = T(!1);
-  return D(() => {
+  const { ref: u, inView: d } = Mt({ 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 });
 }
-const We = {
-  default: Be,
-  success: Ae,
-  warning: Se,
-  error: Re
+const Fe = {
+  default: Ae,
+  success: Se,
+  warning: Re,
+  error: Te
 };
-let pe = [];
-const ke = /* @__PURE__ */ new Set();
-function Xe() {
-  ke.forEach((t) => t([...pe]));
+let me = [];
+const ye = /* @__PURE__ */ new Set();
+function Ge() {
+  ye.forEach((t) => t([...me]));
 }
-function Ct(t) {
-  pe = [...pe, t], Xe();
+function zt(t) {
+  me = [...me, t], Ge();
 }
 function Ot(t) {
-  pe = pe.filter((s) => s.id !== t), Xe();
+  me = me.filter((s) => s.id !== t), Ge();
 }
-function en() {
+function tn() {
   const t = (s, n = {}) => {
-    Ct({
+    zt({
       id: `${Date.now()}-${Math.random()}`,
       message: s,
       type: "default",
@@ -2205,13 +2205,13 @@ function en() {
   };
   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 Ft({ data: t, onDismiss: s }) {
-  const [n, a] = A(!1), o = T(null);
-  D(() => (requestAnimationFrame(() => a(!0)), t.duration > 0 && (o.current = setTimeout(() => r(), t.duration)), () => clearTimeout(o.current)), []);
+function Ct({ 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 = Fe[t.type] ?? Fe.default;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2238,19 +2238,19 @@ function Ft({ data: t, onDismiss: s }) {
     }
   );
 }
-function tn({ position: t = "bottom-right" }) {
-  const [s, n] = A(() => [...pe]);
-  return D(() => (ke.add(n), () => ke.delete(n)), []), !s.length || typeof document > "u" ? null : he.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)) }),
+function sn({ 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)) }),
     document.body
   );
 }
-const Wt = {
-  running: /* @__PURE__ */ e.jsx(ue, { size: "xs", variant: "info", children: "Running..." }),
-  success: /* @__PURE__ */ e.jsx(ue, { size: "xs", variant: "success", children: "Done" }),
-  error: /* @__PURE__ */ e.jsx(ue, { size: "xs", variant: "error", children: "Error" })
+const Ft = {
+  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 sn({
+function nn({
   label: t,
   status: s = "idle",
   icon: n,
@@ -2265,7 +2265,7 @@ function sn({
   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 }),
-    Wt[s],
+    Ft[s],
     a
   ] });
   return l ? /* @__PURE__ */ e.jsx(
@@ -2274,7 +2274,7 @@ function sn({
       className: ["ds-tool-card", m && "ds-tool-card--running", u].filter(Boolean).join(" "),
       ...d,
       children: /* @__PURE__ */ e.jsx(
-        De,
+        Ie,
         {
           title: p,
           padding: "s",
@@ -2294,7 +2294,7 @@ function sn({
     }
   );
 }
-function Ut({
+function Wt({
   text: t,
   size: s = "xs",
   timeout: n = 800,
@@ -2312,36 +2312,36 @@ function Ut({
       variant: "ghost",
       size: s,
       state: r ? "success" : "idle",
-      icon: /* @__PURE__ */ e.jsx(it, { size: P[1], strokeWidth: 1.5 }),
+      icon: /* @__PURE__ */ e.jsx(ot, { size: P[1], strokeWidth: 1.5 }),
       "aria-label": a,
       onClick: l,
       ...o
     }
   );
 }
-function nn({ content: t, streaming: s = !1, ...n }) {
+function rn({ content: t, streaming: s = !1, ...n }) {
   const [a, o] = A(s);
-  return D(() => {
+  return B(() => {
     o(!!s);
   }, [s]), /* @__PURE__ */ e.jsx(
-    De,
+    Ie,
     {
       expanded: a,
       onToggle: o,
       padding: "s",
       title: /* @__PURE__ */ e.jsxs("div", { className: "ds-reasoning__title", children: [
-        /* @__PURE__ */ e.jsx(lt, { size: P[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
-        /* @__PURE__ */ e.jsx(jt, { secondary: !0, children: "Thinking" })
+        /* @__PURE__ */ e.jsx(it, { size: P[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
+        /* @__PURE__ */ e.jsx(bt, { secondary: !0, children: "Thinking" })
       ] }),
       ...n,
-      children: /* @__PURE__ */ e.jsxs(Ke, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
+      children: /* @__PURE__ */ e.jsxs(He, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
         t,
         s && /* @__PURE__ */ e.jsx("span", { className: "ds-cursor ds-cursor--line" })
       ] })
     }
   );
 }
-function rn({
+function an({
   count: t,
   current: s = 0,
   done: n = [],
@@ -2368,19 +2368,19 @@ function rn({
           "aria-label": `Step ${d + 1}`,
           disabled: !h || d === s,
           onClick: () => a == null ? void 0 : a(d),
-          children: p ? /* @__PURE__ */ e.jsx(Te, { size: 8, strokeWidth: 3 }) : null
+          children: p ? /* @__PURE__ */ e.jsx($e, { size: 8, strokeWidth: 3 }) : null
         },
         d
       );
     }) }),
-    o && /* @__PURE__ */ e.jsxs(Ke, { secondary: !0, className: "ds-step-indicator__counter", children: [
+    o && /* @__PURE__ */ e.jsxs(He, { secondary: !0, className: "ds-step-indicator__counter", children: [
       s + 1,
       " / ",
       t
     ] })
   ] });
 }
-function an({
+function on({
   content: t,
   isStreaming: s = !1,
   cursor: n = "line",
@@ -2388,15 +2388,15 @@ function an({
   className: o = "",
   ...r
 }) {
-  const i = T(t);
-  return D(() => {
+  const i = R(t);
+  return B(() => {
     t !== i.current && (a == null || a(t), i.current = t);
   }, [t, a]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", o].filter(Boolean).join(" "), ...r, children: [
     t,
     s && n !== "none" && /* @__PURE__ */ e.jsx("span", { className: `ds-cursor ds-cursor--${n}`, "aria-hidden": "true" })
   ] });
 }
-function on({
+function ln({
   role: t = "assistant",
   header: s,
   footer: n,
@@ -2423,9 +2423,9 @@ function on({
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: n })
   ] });
 }
-function ln(t, { containerRef: s, smartPause: n = !0 } = {}) {
-  const a = T(!1), o = T(0);
-  D(() => {
+function cn(t, { containerRef: s, smartPause: n = !0 } = {}) {
+  const a = R(!1), o = R(0);
+  B(() => {
     const r = s == null ? void 0 : s.current;
     if (!r) return;
     const i = () => {
@@ -2433,12 +2433,12 @@ function ln(t, { containerRef: s, smartPause: n = !0 } = {}) {
       !l && r.scrollTop < o.current && (a.current = !0), l && (a.current = !1), o.current = r.scrollTop;
     };
     return r.addEventListener("scroll", i, { passive: !0 }), () => r.removeEventListener("scroll", i);
-  }, [s]), D(() => {
+  }, [s]), B(() => {
     const r = s == null ? void 0 : s.current;
     r && (n && a.current || (r.scrollTop = r.scrollHeight));
   }, t);
 }
-function Vt({
+function Ut({
   prompts: t,
   enabled: s,
   typingSpeed: n = 38,
@@ -2447,36 +2447,36 @@ function Vt({
   betweenTime: r = 380,
   manualPauseMs: i = 5e3
 }) {
-  const [l, u] = A(0), [d, m] = A(""), p = T("typing"), h = T(0), c = T(0), x = T(null), v = T(0);
-  D(() => {
+  const [l, u] = A(0), [d, m] = A(""), p = R("typing"), h = R(0), c = R(0), v = R(null), _ = R(0);
+  B(() => {
     c.current = l;
-  }, [l]), D(() => {
-    if (x.current && (clearTimeout(x.current), x.current = null), !s || t.length === 0) {
+  }, [l]), B(() => {
+    if (v.current && (clearTimeout(v.current), v.current = null), !s || t.length === 0) {
       m(""), h.current = 0, p.current = "typing";
       return;
     }
-    const E = () => {
+    const S = () => {
       const M = Date.now();
-      if (v.current > M) {
-        x.current = setTimeout(E, v.current - M);
+      if (_.current > M) {
+        v.current = setTimeout(S, _.current - M);
         return;
       }
-      const L = t[c.current % t.length] ?? "";
-      p.current === "typing" ? (h.current += 1, m(L.slice(0, h.current)), h.current >= L.length ? (p.current = "holding", x.current = setTimeout(E, o)) : x.current = setTimeout(E, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", x.current = setTimeout(E, a)) : (h.current = Math.max(0, h.current - 1), m(L.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", c.current = (c.current + 1) % t.length, u(c.current), x.current = setTimeout(E, r)) : x.current = setTimeout(E, a));
+      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));
     };
-    return x.current = setTimeout(E, 260), () => {
-      x.current && clearTimeout(x.current);
+    return v.current = setTimeout(S, 260), () => {
+      v.current && clearTimeout(v.current);
     };
   }, [s, t, n, a, o, r]);
-  const g = (E) => {
+  const g = (S) => {
     if (t.length === 0) return;
-    const M = (E % t.length + t.length) % t.length, L = t[M];
-    c.current = M, h.current = L.length, p.current = "holding", v.current = Date.now() + i, u(M), m(L);
-  }, w = () => g(c.current + 1), k = () => g(c.current - 1), j = t[l % t.length] ?? "";
-  return { displayed: d, currentPrompt: j, index: l, next: w, prev: k };
+    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 };
 }
-let Yt = 0;
-function cn({
+let Vt = 0;
+function dn({
   value: t = "",
   onChange: s,
   onSubmit: n,
@@ -2491,71 +2491,71 @@ function cn({
   onAttachFiles: p,
   onAttachImages: h,
   onRemoveAttachment: c,
-  onRemoveImage: x,
-  acceptImage: v,
+  onRemoveImage: v,
+  acceptImage: _,
   acceptFile: g,
-  maxImages: w,
+  maxImages: y,
   maxImageSize: k,
   leftSlot: j,
-  rightSlot: E,
+  rightSlot: S,
   className: M = "",
-  ...L
+  ...D
 }) {
-  const W = T(null), H = T(null), z = T(0), [b, I] = A(!1), [O, U] = A([]), _ = (N) => {
-    const B = ++Yt;
-    U((G) => [...G, { id: B, msg: N }]), setTimeout(() => U((G) => G.filter((J) => J.id !== B)), 6e3);
-  }, y = (N) => U((B) => B.filter((G) => G.id !== N)), S = (N) => N.type.startsWith("image/"), C = () => !0, K = v ?? S, X = g ?? C, R = (N) => {
-    const B = [], G = [], J = [], Z = [];
-    let te = 0, de = w != null ? w - ((m == null ? void 0 : m.length) ?? 0) : 1 / 0;
+  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 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)
-      K(se) ? k && se.size > k ? J.push(se.name) : de > 0 ? (B.push(se), de--) : te++ : X(se) ? G.push(se) : Z.push(se.name);
-    return { imageFiles: B, docFiles: G, tooLarge: J, skipped: Z, limitExceeded: te };
+      U(se) ? k && se.size > k ? J.push(se.name) : ce > 0 ? (I.push(se), ce--) : te++ : G(se) ? X.push(se) : Z.push(se.name);
+    return { imageFiles: I, docFiles: X, tooLarge: J, skipped: Z, limitExceeded: te };
   }, f = (N) => {
-    const { imageFiles: B, docFiles: G, tooLarge: J, skipped: Z, limitExceeded: te } = R(N);
-    J.length && _(`File${J.length > 1 ? "s" : ""} too large${k ? ` (max ${k / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && _(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`), te && _(`Max ${w} images per message`), h && B.length && h(B);
-    const de = G.concat(h ? [] : B);
-    p && de.length && p(de);
+    const { imageFiles: I, docFiles: X, tooLarge: J, skipped: Z, limitExceeded: te } = T(N);
+    J.length && x(`File${J.length > 1 ? "s" : ""} too large${k ? ` (max ${k / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && x(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`), te && x(`Max ${y} images per message`), h && I.length && h(I);
+    const ce = X.concat(h ? [] : I);
+    p && ce.length && p(ce);
   };
-  D(() => {
-    const N = H.current;
+  B(() => {
+    const N = q.current;
     N && (N.style.height = "auto", N.style.height = `${Math.min(N.scrollHeight, 200)}px`);
-  }, [t]), D(() => {
-    const N = (B) => {
+  }, [t]), B(() => {
+    const N = (I) => {
       var J, Z, te;
       if (r || i) return;
-      const G = (J = B.target) == null ? void 0 : J.tagName;
-      G === "INPUT" || G === "TEXTAREA" || G === "SELECT" || (Z = B.target) != null && Z.isContentEditable || B.ctrlKey || B.metaKey || B.altKey || B.key.length !== 1 && B.key !== "Backspace" && B.key !== "Delete" || (te = H.current) == null || te.focus();
+      const X = (J = I.target) == null ? void 0 : J.tagName;
+      X === "INPUT" || X === "TEXTAREA" || X === "SELECT" || (Z = I.target) != null && Z.isContentEditable || I.ctrlKey || I.metaKey || I.altKey || I.key.length !== 1 && I.key !== "Backspace" && I.key !== "Delete" || (te = q.current) == null || te.focus();
     };
     return document.addEventListener("keydown", N), () => document.removeEventListener("keydown", N);
   }, [r, i]);
   const $ = (N) => {
-    N.preventDefault(), z.current++, N.dataTransfer.types.includes("Files") && I(!0);
-  }, F = (N) => {
-    N.preventDefault(), z.current--, z.current === 0 && I(!1);
-  }, V = (N) => N.preventDefault(), ne = (N) => {
-    N.preventDefault(), z.current = 0, I(!1);
-    const B = Array.from(N.dataTransfer.files);
-    B.length && f(B);
+    N.preventDefault(), W.current++, N.dataTransfer.types.includes("Files") && O(!0);
+  }, z = (N) => {
+    N.preventDefault(), W.current--, W.current === 0 && O(!1);
+  }, F = (N) => N.preventDefault(), ne = (N) => {
+    N.preventDefault(), W.current = 0, O(!1);
+    const I = Array.from(N.dataTransfer.files);
+    I.length && f(I);
   }, oe = (N) => {
-    const B = Array.from(N.target.files || []);
-    W.current && (W.current.value = ""), B.length && f(B);
-  }, q = (N) => {
+    const I = Array.from(N.target.files || []);
+    H.current && (H.current.value = ""), I.length && f(I);
+  }, Y = (N) => {
     var se;
     if (!h) return;
-    const B = (se = N.clipboardData) == null ? void 0 : se.items;
-    if (!B) return;
-    const G = [];
-    for (const Ze of B) {
-      const Le = Ze.getAsFile();
-      Le && G.push(Le);
+    const I = (se = N.clipboardData) == null ? void 0 : se.items;
+    if (!I) return;
+    const X = [];
+    for (const Je of I) {
+      const De = Je.getAsFile();
+      De && X.push(De);
     }
-    if (G.length === 0) return;
-    const { imageFiles: J, tooLarge: Z, skipped: te, limitExceeded: de } = R(G);
-    Z.length && _(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), te.length && _(`Skipped unsupported file${te.length > 1 ? "s" : ""}: ${te.join(", ")}`), de && _(`Max ${w} images per message`), J.length && (N.preventDefault(), h(J));
-  }, Q = !r && !i && !!(u != null && u.length) && t.length === 0, ie = Vt({
+    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({
     prompts: u ?? [],
     enabled: Q
-  }), Ne = (N) => {
+  }), je = (N) => {
     if (Q) {
       if (N.key === "ArrowDown" || N.key === "ArrowRight") {
         N.preventDefault(), ie.next();
@@ -2571,12 +2571,12 @@ function cn({
       }
     }
     o == null || o(N);
-  }, Je = (t.trim() || (m == null ? void 0 : m.length) > 0 || (d == null ? void 0 : d.length) > 0) && !i, Ie = p || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", M].filter(Boolean).join(" "), ...L, children: [
-    Ie && /* @__PURE__ */ e.jsx(
+  }, Xe = (t.trim() || (m == null ? void 0 : m.length) > 0 || (d == null ? void 0 : d.length) > 0) && !i, Be = p || h;
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", M].filter(Boolean).join(" "), ...D, children: [
+    Be && /* @__PURE__ */ e.jsx(
       "input",
       {
-        ref: W,
+        ref: H,
         type: "file",
         multiple: !0,
         accept: "*/*",
@@ -2587,21 +2587,21 @@ function cn({
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: ["ds-prompt-input__box", b && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
+        className: ["ds-prompt-input__box", w && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
         onDragEnter: $,
-        onDragLeave: F,
-        onDragOver: V,
+        onDragLeave: z,
+        onDragOver: F,
         onDrop: ne,
         children: [
-          b && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
+          w && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
           /* @__PURE__ */ e.jsx(
             "textarea",
             {
-              ref: H,
+              ref: q,
               value: t,
               onChange: (N) => s == null ? void 0 : s(N.target.value),
-              onKeyDown: Ne,
-              onPaste: q,
+              onKeyDown: je,
+              onPaste: Y,
               placeholder: Q ? "" : l,
               disabled: r || i,
               rows: 1,
@@ -2612,68 +2612,68 @@ function cn({
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-text", children: ie.displayed }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-cursor" })
           ] }),
-          m && m.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: m.map((N, B) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
+          m && m.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: m.map((N, I) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
             /* @__PURE__ */ e.jsx("img", { src: N.preview, alt: "" }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 className: "ds-prompt-input__image-remove",
-                onClick: () => x == null ? void 0 : x(B),
+                onClick: () => v == null ? void 0 : v(I),
                 "aria-label": "Remove image",
                 type: "button",
                 children: /* @__PURE__ */ e.jsx(ee, { size: 12, strokeWidth: 2 })
               }
             )
-          ] }, B)) }),
-          O.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: O.map((N) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
+          ] }, I)) }),
+          K.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: K.map((N) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
             /* @__PURE__ */ e.jsx("span", { children: N.msg }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
                 className: "ds-prompt-input__warning-close",
-                onClick: () => y(N.id),
+                onClick: () => b(N.id),
                 "aria-label": "Dismiss",
                 children: /* @__PURE__ */ e.jsx(ee, { size: P[1], strokeWidth: 1.5 })
               }
             )
           ] }, N.id)) }),
-          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: d.map((N, B) => /* @__PURE__ */ e.jsx(ue, { 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(Pe, { size: P[1], strokeWidth: 1.5 }),
+          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: d.map((N, I) => /* @__PURE__ */ e.jsx(de, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
+            N.uploading ? /* @__PURE__ */ e.jsx(lt, { size: P[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Le, { size: P[1], strokeWidth: 1.5 }),
             N.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(B),
+                onClick: () => c == null ? void 0 : c(I),
                 children: /* @__PURE__ */ e.jsx(ee, { size: P[1], strokeWidth: 1.5 })
               }
             )
-          ] }) }, B)) }),
+          ] }) }, I)) }),
           /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__toolbar", children: [
-            Ie && /* @__PURE__ */ e.jsx(
+            Be && /* @__PURE__ */ e.jsx(
               ae,
               {
                 variant: "ghost",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(Pe, { size: P[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(Le, { size: P[2], strokeWidth: 1.5 }),
                 "aria-label": "Attach files",
                 onClick: () => {
                   var N;
-                  return (N = W.current) == null ? void 0 : N.click();
+                  return (N = H.current) == null ? void 0 : N.click();
                 }
               }
             ),
             j,
-            E,
+            S,
             /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__spacer" }),
             r ? /* @__PURE__ */ e.jsx(
               ae,
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(dt, { size: P[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(ct, { size: P[2], strokeWidth: 1.5 }),
                 onClick: a,
                 "aria-label": "Stop"
               }
@@ -2682,9 +2682,9 @@ function cn({
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(ut, { size: P[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(dt, { size: P[2], strokeWidth: 1.5 }),
                 onClick: n,
-                disabled: !Je,
+                disabled: !Xe,
                 "aria-label": "Send"
               }
             )
@@ -2694,8 +2694,8 @@ function cn({
     )
   ] });
 }
-const Ue = { fast: 0, standard: 1, premium: 2 }, Ve = { fast: "data-5", standard: "data-3", premium: "data-6" };
-function dn({
+const We = { fast: 0, standard: 1, premium: 2 }, Ue = { fast: "data-5", standard: "data-3", premium: "data-6" };
+function un({
   models: t = [],
   value: s,
   onChange: n,
@@ -2706,58 +2706,58 @@ function dn({
   className: l = "",
   ...u
 }) {
-  const [d, m] = A(!1), p = T(null), h = T(null), c = T(null), [x, v] = A({}), g = t.filter((b) => !o || b.name === "auto" ? !0 : (Ue[b.tier] ?? 1) >= (Ue[o] ?? 1)), w = g.find((b) => b.name === "auto"), k = g.filter((b) => b.name !== "auto"), j = t.find((b) => b.name === s), M = new Set(k.map((b) => b.tier).filter(Boolean)).size > 1;
-  D(() => {
+  const [d, m] = A(!1), p = R(null), h = R(null), c = R(null), [v, _] = A({}), g = t.filter((w) => !o || w.name === "auto" ? !0 : (We[w.tier] ?? 1) >= (We[o] ?? 1)), y = g.find((w) => w.name === "auto"), k = g.filter((w) => w.name !== "auto"), j = t.find((w) => w.name === s), M = new Set(k.map((w) => w.tier).filter(Boolean)).size > 1;
+  B(() => {
     if (!d) return;
-    const b = 320, I = () => {
-      var C;
-      const _ = (C = h.current) == null ? void 0 : C.getBoundingClientRect();
-      if (!_) return;
-      const y = window.innerHeight - _.bottom, S = y < b + 8 && _.top > y;
-      v({
+    const w = 320, O = () => {
+      var L;
+      const x = (L = h.current) == null ? void 0 : L.getBoundingClientRect();
+      if (!x) return;
+      const b = window.innerHeight - x.bottom, E = b < w + 8 && x.top > b;
+      _({
         position: "fixed",
         zIndex: "var(--z-dropdown, 500)",
-        left: _.left,
-        ...S ? { bottom: window.innerHeight - _.top + 4, top: "auto" } : { top: _.bottom + 4, bottom: "auto" }
+        left: x.left,
+        ...E ? { bottom: window.innerHeight - x.top + 4, top: "auto" } : { top: x.bottom + 4, bottom: "auto" }
       });
     };
-    I(), window.addEventListener("scroll", I, !0), window.addEventListener("resize", I);
-    const O = (_) => {
-      var y, S;
-      !((y = p.current) != null && y.contains(_.target)) && !((S = c.current) != null && S.contains(_.target)) && m(!1);
-    }, U = (_) => {
-      _.key === "Escape" && m(!1);
+    O(), window.addEventListener("scroll", O, !0), window.addEventListener("resize", O);
+    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) => {
+      x.key === "Escape" && m(!1);
     };
-    return document.addEventListener("mousedown", O), document.addEventListener("keydown", U), () => {
-      window.removeEventListener("scroll", I, !0), window.removeEventListener("resize", I), document.removeEventListener("mousedown", O), document.removeEventListener("keydown", U);
+    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);
     };
   }, [d]);
-  const L = (b) => {
-    n == null || n(b), m(!1);
-  }, W = (b) => /* @__PURE__ */ e.jsxs(
+  const D = (w) => {
+    n == null || n(w), m(!1);
+  }, H = (w) => /* @__PURE__ */ e.jsxs(
     "button",
     {
       type: "button",
       className: [
         "ds-model-picker__item",
-        b.name === s && "ds-model-picker__item--active"
+        w.name === s && "ds-model-picker__item--active"
       ].filter(Boolean).join(" "),
-      onClick: () => L(b.name),
+      onClick: () => D(w.name),
       children: [
-        b.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: b.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: b.displayName || b.name }),
-        M && b.tier && /* @__PURE__ */ e.jsx(ue, { size: "xs", variant: Ve[b.tier] || "default", children: b.tier })
+        w.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: w.icon }) : /* @__PURE__ */ e.jsx(Pe, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
+        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: w.displayName || w.name }),
+        M && w.tier && /* @__PURE__ */ e.jsx(de, { size: "xs", variant: Ue[w.tier] || "default", children: w.tier })
       ]
     },
-    b.name
-  ), H = () => !i || !M ? k.map(W) : ["fast", "standard", "premium"].flatMap((b) => {
-    const I = k.filter((O) => O.tier === b);
-    return I.length ? [
-      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": b, children: b.charAt(0).toUpperCase() + b.slice(1) }, `lbl-${b}`),
-      ...I.map(W)
+    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)
     ] : [];
-  }), z = d && /* @__PURE__ */ e.jsxs("div", { ref: c, className: "ds-model-picker__menu ds-scrollable", "data-ds-portal": "", style: x, children: [
-    r && w && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }), W = d && /* @__PURE__ */ e.jsxs("div", { ref: c, 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,16 +2767,16 @@ function dn({
             "ds-model-picker__item--auto",
             s === "auto" && "ds-model-picker__item--active"
           ].filter(Boolean).join(" "),
-          onClick: () => L("auto"),
+          onClick: () => D("auto"),
           children: [
-            /* @__PURE__ */ e.jsx(ft, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
+            /* @__PURE__ */ e.jsx(ut, { 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)" })
           ]
         }
       ),
       k.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
     ] }),
-    H()
+    q()
   ] });
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -2791,54 +2791,54 @@ function dn({
             ref: h,
             type: "button",
             className: "ds-model-picker__trigger",
-            onClick: () => m((b) => !b),
+            onClick: () => m((w) => !w),
             "aria-haspopup": "listbox",
             "aria-expanded": d,
             children: [
-              j != null && j.icon ? /* @__PURE__ */ e.jsx("span", { children: j.icon }) : /* @__PURE__ */ e.jsx(Me, { size: 12, strokeWidth: 1.5 }),
+              j != null && j.icon ? /* @__PURE__ */ e.jsx("span", { children: j.icon }) : /* @__PURE__ */ e.jsx(Pe, { 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(ue, { size: "xs", variant: Ve[j.tier] || "default", children: j.tier })
+              M && (j == null ? void 0 : j.tier) && /* @__PURE__ */ e.jsx(de, { size: "xs", variant: Ue[j.tier] || "default", children: j.tier })
             ]
           }
         ),
-        typeof document < "u" && he.createPortal(z, document.body)
+        typeof document < "u" && pe.createPortal(W, document.body)
       ]
     }
   );
 }
-const qt = ({ filename: t, pages: s }) => /* @__PURE__ */ e.jsxs("span", { style: { display: "flex", alignItems: "center", gap: "var(--space-2)", minWidth: 0 }, children: [
+const Yt = ({ 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: Ee(s) })
+  s.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: ke(s) })
 ] });
-function Ee(t) {
+function ke(t) {
   return t != null && t.length ? "p. " + t.join(", ") : null;
 }
-function Ht(t) {
+function qt(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 un({
+function fn({
   sources: t = [],
   layout: s = "list",
   title: n = "Sources",
   maxVisible: a = 5,
   onSourceClick: o
 }) {
-  const [r, i] = A(!1), l = Ht(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 = 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(" ");
   return s === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: p, children: [
     d.map((h) => {
-      const c = h.items.map((v) => v.page).filter(Boolean), x = !!o;
+      const c = h.items.map((_) => _.page).filter(Boolean), v = !!o;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__compact-row${x ? " ds-sources-panel__compact-row--clickable" : ""}`,
-          onClick: x ? () => o(h.items[0]) : void 0,
+          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(mt, { size: P[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
+            /* @__PURE__ */ e.jsx(ft, { 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: Ee(c) })
+            c.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: ke(c) })
           ]
         },
         h.filename
@@ -2852,18 +2852,18 @@ function un({
   ] }) : /* @__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((v) => v.page).filter(Boolean), x = !!o;
+      const c = h.items.map((_) => _.page).filter(Boolean), v = !!o;
       return m ? /* @__PURE__ */ e.jsx(
-        De,
+        Ie,
         {
-          title: /* @__PURE__ */ e.jsx(qt, { filename: h.filename, pages: c }),
+          title: /* @__PURE__ */ e.jsx(Yt, { filename: h.filename, pages: c }),
           padding: "s",
-          children: h.items.map((v, g) => /* @__PURE__ */ e.jsx(
+          children: h.items.map((_, g) => /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: `ds-sources-panel__snippet${x ? " ds-sources-panel__snippet--clickable" : ""}`,
-              onClick: x ? () => o(v) : void 0,
-              children: v.snippet ?? `p. ${v.page}`
+              className: `ds-sources-panel__snippet${v ? " ds-sources-panel__snippet--clickable" : ""}`,
+              onClick: v ? () => o(_) : void 0,
+              children: _.snippet ?? `p. ${_.page}`
             },
             g
           ))
@@ -2872,11 +2872,11 @@ function un({
       ) : /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__row${x ? " ds-sources-panel__row--clickable" : ""}`,
-          onClick: x ? () => o(h.items[0]) : void 0,
+          className: `ds-sources-panel__row${v ? " ds-sources-panel__row--clickable" : ""}`,
+          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: Ee(c) })
+            c.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: ke(c) })
           ]
         },
         h.filename
@@ -2889,10 +2889,10 @@ function un({
     ] })
   ] });
 }
-function Ye(t) {
+function Ve(t) {
   return t >= 1e6 ? (t / 1e6).toFixed(1).replace(/\.0$/, "") + "M" : t >= 1e3 ? (t / 1e3).toFixed(1).replace(/\.0$/, "") + "K" : String(t);
 }
-function fn({
+function mn({
   used: t,
   limit: s,
   size: n = "s",
@@ -2919,9 +2919,9 @@ function fn({
         ) }),
         (a || o) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${d}`, children: [
           a && /* @__PURE__ */ e.jsxs("span", { children: [
-            Ye(t),
+            Ve(t),
             " / ",
-            Ye(s),
+            Ve(s),
             " tokens"
           ] }),
           o && /* @__PURE__ */ e.jsxs("span", { children: [
@@ -2933,24 +2933,24 @@ function fn({
     }
   );
 }
-const qe = 5;
-function Kt(t) {
+const Ye = 5;
+function Ht(t) {
   return t < 0.34 ? "low" : t < 0.67 ? "medium" : "high";
 }
-function mn({
+function pn({
   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 = Kt(o);
+  const o = Math.max(0, Math.min(1, t)), r = Math.round(o * Ye), i = Ht(o);
   return /* @__PURE__ */ e.jsxs("div", { className: [
     "ds-confidence-bar",
     `ds-confidence-bar--${s}`,
     `ds-confidence-bar--${i}`,
     a === "block" && "ds-confidence-bar--block"
   ].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: qe }, (l, u) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: Ye }, (l, u) => /* @__PURE__ */ e.jsx(
       "div",
       {
         className: `ds-confidence-bar__seg${u < r ? " ds-confidence-bar__seg--filled" : ""}`
@@ -2960,15 +2960,15 @@ function mn({
     n === "text" && /* @__PURE__ */ e.jsx("span", { className: "ds-confidence-bar__label", children: i })
   ] });
 }
-const Gt = { add: "+", remove: "-", context: " " };
-function ge({ line: t, lineNumbers: s }) {
+const Kt = { add: "+", remove: "-", context: " " };
+function Ne({ 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: Gt[t.type] }),
+    /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__prefix", children: Kt[t.type] }),
     /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__text", children: t.text })
   ] });
 }
-function pn({
+function hn({
   lines: t = [],
   layout: s = "inline",
   wordWrap: n = !1,
@@ -2986,17 +2986,17 @@ function pn({
     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(ge, { 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(ge, { 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(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)) })
       ] })
     ] });
   }
   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(ge, { line: u, lineNumbers: a }, d)) })
+    /* @__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)) })
   ] });
 }
-function Xt({
+function Gt({
   value: t = "idle",
   onLike: s,
   onDislike: n,
@@ -3026,7 +3026,7 @@ function Xt({
             "aria-label": "Like",
             "aria-pressed": t === "liked",
             children: /* @__PURE__ */ e.jsx(
-              pt,
+              mt,
               {
                 size: P[1],
                 strokeWidth: 1.5,
@@ -3047,7 +3047,7 @@ function Xt({
             "aria-label": "Dislike",
             "aria-pressed": t === "disliked",
             children: /* @__PURE__ */ e.jsx(
-              ht,
+              pt,
               {
                 size: P[1],
                 strokeWidth: 1.5,
@@ -3060,7 +3060,7 @@ function Xt({
     }
   );
 }
-function Jt(t) {
+function Xt(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);
@@ -3069,7 +3069,7 @@ function Jt(t) {
   const i = s.getDate(), l = s.toLocaleString([], { month: "short" });
   return `${i} ${l} ${a}`;
 }
-function hn({
+function xn({
   role: t = "assistant",
   text: s,
   timestamp: n,
@@ -3079,7 +3079,7 @@ function hn({
   className: i = "",
   ...l
 }) {
-  const u = t === "assistant" && (o || r), d = !!s, m = n ? Jt(n) : null;
+  const u = t === "assistant" && (o || r), d = !!s, m = n ? Xt(n) : null;
   return !u && !d && !m ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -3087,20 +3087,20 @@ function hn({
       ...l,
       children: [
         t === "user" && m && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: m }),
-        u && /* @__PURE__ */ e.jsx(Xt, { className: "ds-message-action", value: a, onLike: o, onDislike: r }),
-        d && /* @__PURE__ */ e.jsx(Ut, { className: "ds-message-action", text: s }),
+        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 }),
         t === "assistant" && m && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: m })
       ]
     }
   );
 }
-function xn({ label: t, className: s = "", ...n }) {
+function vn({ 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 vn({ variant: t = "light", glow: s, mask: n = !0, style: a, ...o }) {
+function _n({ 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",
@@ -3141,7 +3141,7 @@ function vn({ variant: t = "light", glow: s, mask: n = !0, style: a, ...o }) {
     }
   );
 }
-function _n({ children: t, axis: s = "y", style: n, className: a = "", ...o }) {
+function bn({ 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",
@@ -3153,39 +3153,39 @@ function _n({ children: t, axis: s = "y", style: n, className: a = "", ...o }) {
     }
   );
 }
-const we = 280, le = 22, ce = 8, be = 6, Zt = 200;
-function Qt(t) {
+const we = 280, Jt = 22, Zt = 14, le = 8, _e = 6, Qt = 200;
+function es(t) {
   return t ? typeof t == "function" ? t() : typeof t == "string" ? document.querySelector(t) : null : null;
 }
-function es(t, s, n) {
-  const a = window.innerWidth, o = window.innerHeight;
-  if (o - t.bottom >= s + le + ce) return "bottom";
-  if (t.top >= s + le + ce) return "top";
-  if (a - t.right >= n + le + ce) return "right";
-  if (t.left >= n + le + ce) return "left";
-  const r = Math.max(t.top, o - t.bottom, a - t.right, t.left);
-  return r === o - t.bottom ? "bottom" : r === t.top ? "top" : r === a - t.right ? "right" : "left";
-}
 function ts(t, s, n, a) {
   const o = window.innerWidth, r = window.innerHeight;
-  let i, l;
+  if (r - t.bottom >= s + a + le) return "bottom";
+  if (t.top >= s + a + le) return "top";
+  if (o - t.right >= n + a + le) return "right";
+  if (t.left >= n + a + le) return "left";
+  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) {
+  const r = window.innerWidth, i = window.innerHeight;
+  let l, u;
   switch (t) {
     case "top":
-      i = s.top - n - le, l = s.left + s.width / 2 - a / 2;
+      l = s.top - n - o, u = s.left + s.width / 2 - a / 2;
       break;
     case "bottom":
-      i = s.bottom + le, l = s.left + s.width / 2 - a / 2;
+      l = s.bottom + o, u = s.left + s.width / 2 - a / 2;
       break;
     case "left":
-      i = s.top + s.height / 2 - n / 2, l = s.left - a - le;
+      l = s.top + s.height / 2 - n / 2, u = s.left - a - o;
       break;
     default:
-      i = s.top + s.height / 2 - n / 2, l = s.right + le;
+      l = s.top + s.height / 2 - n / 2, u = s.right + o;
   }
-  const u = Math.max(ce, Math.min(o - a - ce, l));
-  return { top: Math.max(ce, Math.min(r - n - ce, i)), left: u, arrowOffset: l - u };
+  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 };
 }
-function bn({
+function jn({
   steps: t,
   currentStep: s,
   onNext: n,
@@ -3193,98 +3193,102 @@ function bn({
   onSkip: o,
   onFinish: r,
   overlay: i = !0,
-  labelNext: l = "Next",
-  labelBack: u = "Back",
-  labelSkip: d = "Skip tour",
-  labelFinish: m = "Done"
+  ring: l = !0,
+  labelNext: u = "Next",
+  labelBack: d = "Back",
+  labelSkip: m = "Skip tour",
+  labelFinish: p = "Done",
+  statePrimary: h = "idle",
+  stateBack: c = "idle"
 }) {
-  const p = T(null), h = T(t), c = T(s);
-  h.current = t, c.current = s;
-  const [x, v] = A(!1), [g, w] = A({ position: "fixed", visibility: "hidden", width: we }), [k, j] = A("bottom"), [E, M] = A(null), L = T(!1), W = t[s], H = s === t.length - 1, z = He(() => {
-    const b = h.current[c.current];
-    if (!b || !p.current) return;
-    const I = Qt(b.target);
-    if (!I) return;
-    const O = I.getBoundingClientRect(), _ = p.current.getBoundingClientRect().height || 160, y = we, S = b.position || es(O, _, y), { top: C, left: K, arrowOffset: X } = ts(S, O, _, y);
-    j(S), w({
+  const v = R(null), _ = R(t), g = R(s), y = R(l);
+  _.current = t, g.current = s, y.current = l;
+  const [k, j] = A(!1), [S, M] = A({ position: "fixed", visibility: "hidden", width: we }), [D, H] = A("bottom"), [q, W] = A(null), w = R(!1), O = t[s], K = s === t.length - 1, C = qe(() => {
+    const x = _.current[g.current];
+    if (!x || !v.current) return;
+    const b = es(x.target);
+    if (!b) return;
+    const E = b.getBoundingClientRect(), U = v.current.getBoundingClientRect().height || 160, G = we, T = y.current ? Jt : Zt, f = x.position || ts(E, U, G, T), { top: $, left: z, arrowOffset: F } = ss(f, E, U, G, T);
+    H(f), M({
       position: "fixed",
-      top: C,
-      left: K,
+      top: $,
+      left: z,
       width: we,
       visibility: "visible",
-      "--arrow-offset": `${X}px`
-    }), M({
-      top: O.top - be,
-      left: O.left - be,
-      width: O.width + be * 2,
-      height: O.height + be * 2
+      "--arrow-offset": `${F}px`
+    }), W({
+      top: E.top - _e,
+      left: E.left - _e,
+      width: E.width + _e * 2,
+      height: E.height + _e * 2
     });
   }, []);
-  return D(() => {
-    window.addEventListener("scroll", z, !0), window.addEventListener("resize", z);
-    const b = requestAnimationFrame(() => {
-      z(), v(!0), L.current = !0;
+  return B(() => {
+    window.addEventListener("scroll", C, !0), window.addEventListener("resize", C);
+    const x = requestAnimationFrame(() => {
+      C(), j(!0), w.current = !0;
     });
     return () => {
-      cancelAnimationFrame(b), window.removeEventListener("scroll", z, !0), window.removeEventListener("resize", z);
+      cancelAnimationFrame(x), window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C);
     };
-  }, []), D(() => {
-    if (!L.current) return;
-    v(!1);
-    const b = setTimeout(() => {
-      w((I) => ({ ...I, visibility: "hidden" })), requestAnimationFrame(() => {
-        z(), v(!0);
+  }, []), B(() => {
+    if (!w.current) return;
+    j(!1);
+    const x = setTimeout(() => {
+      M((b) => ({ ...b, visibility: "hidden" })), requestAnimationFrame(() => {
+        C(), j(!0);
       });
-    }, Zt + 20);
-    return () => clearTimeout(b);
-  }, [s]), D(() => {
-    x && p.current && p.current.focus({ preventScroll: !0 });
-  }, [x]), D(() => {
-    const b = (I) => {
-      I.key === "Escape" && o();
+    }, Qt + 20);
+    return () => clearTimeout(x);
+  }, [s]), B(() => {
+    k && v.current && v.current.focus({ preventScroll: !0 });
+  }, [k]), B(() => {
+    const x = (b) => {
+      b.key === "Escape" && o();
     };
-    return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
-  }, [o]), D(() => {
-    if (!x) return;
-    const b = (I) => {
-      if (I.key !== "Tab" || !p.current) return;
-      const O = Array.from(
-        p.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])')
+    return document.addEventListener("keydown", x), () => document.removeEventListener("keydown", x);
+  }, [o]), B(() => {
+    if (!k) return;
+    const x = (b) => {
+      if (b.key !== "Tab" || !v.current) return;
+      const E = Array.from(
+        v.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])')
       );
-      if (!O.length) return;
-      const U = O[0], _ = O[O.length - 1];
-      I.shiftKey && document.activeElement === U ? (I.preventDefault(), _.focus()) : !I.shiftKey && document.activeElement === _ && (I.preventDefault(), U.focus());
+      if (!E.length) return;
+      const L = E[0], U = E[E.length - 1];
+      b.shiftKey && document.activeElement === L ? (b.preventDefault(), U.focus()) : !b.shiftKey && document.activeElement === U && (b.preventDefault(), L.focus());
     };
-    return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
-  }, [x]), !W || typeof document > "u" ? null : he.createPortal(
+    return document.addEventListener("keydown", x), () => document.removeEventListener("keydown", x);
+  }, [k]), !O || typeof document > "u" ? null : pe.createPortal(
     /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      E && /* @__PURE__ */ e.jsx(
+      q && /* @__PURE__ */ e.jsx(
         "div",
         {
           className: [
             "ds-coachmark__spotlight",
             i && "ds-coachmark__spotlight--overlay",
-            x && "ds-coachmark__spotlight--visible"
+            !l && "ds-coachmark__spotlight--no-ring",
+            k && "ds-coachmark__spotlight--visible"
           ].filter(Boolean).join(" "),
-          style: E,
+          style: q,
           "aria-hidden": "true"
         }
       ),
       /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: p,
+          ref: v,
           "data-ds-portal": "",
           role: "dialog",
           "aria-modal": "false",
           "aria-live": "polite",
-          "aria-label": W.title ?? `Step ${s + 1} of ${t.length}`,
+          "aria-label": O.title ?? `Step ${s + 1} of ${t.length}`,
           className: [
             "ds-coachmark__bubble",
-            `ds-coachmark__bubble--${k}`,
-            x && "ds-coachmark__bubble--visible"
+            `ds-coachmark__bubble--${D}`,
+            k && "ds-coachmark__bubble--visible"
           ].filter(Boolean).join(" "),
-          style: g,
+          style: S,
           tabIndex: -1,
           children: [
             /* @__PURE__ */ e.jsx(
@@ -3293,21 +3297,21 @@ function bn({
                 type: "button",
                 className: "ds-coachmark__close",
                 onClick: o,
-                "aria-label": d,
+                "aria-label": m,
                 children: /* @__PURE__ */ e.jsx(ee, { size: 16, strokeWidth: 2 })
               }
             ),
-            W.title && /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__title", children: W.title }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__body", children: W.content }),
+            O.title && /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__title", children: O.title }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__body", children: O.content }),
             /* @__PURE__ */ e.jsxs("div", { className: "ds-coachmark__footer", children: [
-              /* @__PURE__ */ e.jsxs("span", { className: "ds-coachmark__counter", children: [
+              t.length > 1 && /* @__PURE__ */ e.jsxs("span", { className: "ds-coachmark__counter", children: [
                 s + 1,
                 " / ",
                 t.length
               ] }),
               /* @__PURE__ */ e.jsxs("div", { className: "ds-coachmark__footer-nav", children: [
-                s > 0 && /* @__PURE__ */ e.jsx(ae, { variant: "secondary", size: "s", onClick: a, children: u }),
-                /* @__PURE__ */ e.jsx(ae, { variant: "primary", size: "s", onClick: H ? r : n, children: H ? m : l })
+                s > 0 && /* @__PURE__ */ e.jsx(ae, { variant: "secondary", size: "s", state: c, onClick: a, children: d }),
+                /* @__PURE__ */ e.jsx(ae, { variant: "primary", size: "s", state: h, onClick: K ? r : n, children: K ? p : u })
               ] })
             ] })
           ]
@@ -3317,8 +3321,8 @@ function bn({
     document.body
   );
 }
-function jn(t, s = {}) {
-  const { storageKey: n } = s, [a, o] = A(0), [r, i] = A(!1), l = () => n && typeof localStorage < "u" && localStorage.getItem(n) === "done", u = He(() => {
+function Nn(t, s = {}) {
+  const { storageKey: n } = s, [a, o] = A(0), [r, i] = A(!1), l = () => n && typeof localStorage < "u" && localStorage.getItem(n) === "done", u = qe(() => {
     i(!1), n && typeof localStorage < "u" && localStorage.setItem(n, "done");
   }, [n]);
   return {
@@ -3334,92 +3338,92 @@ function jn(t, s = {}) {
   };
 }
 export {
-  De as Accordion,
-  hs as Alert,
-  Zs as AnimatedNumber,
-  Es as Avatar,
-  ue as Badge,
-  Gs as Banner,
-  vs as BottomSheet,
-  Ms as Breadcrumb,
+  Ie as Accordion,
+  xs as Alert,
+  Qs as AnimatedNumber,
+  $s as Avatar,
+  de as Badge,
+  Xs as Banner,
+  _s as BottomSheet,
+  zs as Breadcrumb,
   ae as Button,
-  cs as Card,
-  on as ChatMessage,
-  ys as Checkbox,
-  bn as Coachmark,
-  _s as Code,
-  yt as CodeAccordion,
-  mn as ConfidenceBar,
-  Ut as CopyButton,
-  pn as DiffView,
+  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,
   Oe as DrawerFooter,
-  Xs as Dropdown,
-  Is as EmptyState,
-  vn as EngineerGrid,
-  Ls as FormField,
-  ds as H1,
-  us as H2,
-  fs as H3,
-  ms as H4,
-  Qs as InView,
-  as as Input,
-  bs as Link,
-  Xt as MessageFeedback,
-  hn as MessageFooter,
-  xs as Modal,
-  me as ModalFooter,
-  dn as ModelPicker,
-  Fs as NavRail,
-  Ks as NavRailAgent,
-  Us as NavRailBody,
-  qs as NavRailDivider,
-  Ys as NavRailFooter,
-  Vs as NavRailHeader,
-  Ws as NavRailItem,
-  Hs as NavRailRecents,
-  ps as P1,
-  jt as P2,
-  Ke as P3,
-  zs as Pagination,
-  Js as ProgressBar,
-  cn as PromptInput,
-  ks as Radio,
-  nn as ReasoningBlock,
-  _n as Scrollable,
+  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,
+  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,
+  Os as Pagination,
+  Zs as ProgressBar,
+  dn as PromptInput,
+  Es as Radio,
+  rn as ReasoningBlock,
+  bn as Scrollable,
   gs as SegmentedControl,
-  is as Select,
-  Os as SidePage,
-  Fe as SidePageFooter,
-  $t as Skeleton,
-  un as SourcesPanel,
-  _t as Spinner,
-  Ps as Stat,
-  rn as StepIndicator,
-  ls as Stepper,
-  an as StreamingText,
-  Ns as Tab,
-  $s as Table,
-  Rs as TableBody,
-  Ts as TableHead,
-  Ss as TableRow,
-  As as TableSubheaderRow,
-  js as Tabs,
+  ls as Select,
+  Fs as SidePage,
+  Ce as SidePageFooter,
+  Et as Skeleton,
+  fn as SourcesPanel,
+  vt as Spinner,
+  Ms as Stat,
+  an as StepIndicator,
+  cs as Stepper,
+  on 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,
-  os as Textarea,
+  is as Textarea,
   Bs as Th,
-  xn as ThinkingDot,
-  tn as ToastContainer,
-  ws as Toggle,
-  fn as TokenCounter,
-  sn as ToolCallBubble,
-  sn as ToolCallCard,
-  Ge as Tooltip,
+  vn as ThinkingDot,
+  sn as ToastContainer,
+  ys as Toggle,
+  mn as TokenCounter,
+  nn as ToolCallBubble,
+  nn as ToolCallCard,
+  Ke as Tooltip,
   P as iconSizes,
-  Mt as useAnimatedNumber,
-  Vt as useAnimatedPlaceholder,
-  jn as useCoachmark,
-  zt as useInView,
-  ln as useStreamScroll,
-  en as useToast
+  Pt as useAnimatedNumber,
+  Ut as useAnimatedPlaceholder,
+  Nn as useCoachmark,
+  Mt as useInView,
+  cn as useStreamScroll,
+  tn as useToast
 };