@donkit-ai/design-system 1.4.54 → 1.4.55

package/dist/index.es.js

@@ -1,7 +1,7 @@
-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 Y, { useState as A, useRef as R, 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";
-const P = {
+const M = {
   1: 16,
   2: 20,
   3: 24,
@@ -63,11 +63,11 @@ function vt() {
           return "Fragment";
         case k:
           return "Profiler";
-        case w:
+        case y:
           return "StrictMode";
         case L:
           return "Suspense";
-        case W:
+        case H:
           return "SuspenseList";
         case b:
           return "Activity";
@@ -76,18 +76,18 @@ function vt() {
         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 x:
             return "Portal";
-          case E:
+          case T:
             return f.displayName || "Context";
           case j:
             return (f._context.displayName || "Context") + ".Consumer";
-          case M:
+          case z:
             var $ = f.render;
             return f = f.displayName, f || (f = $.displayName || $.name || "", f = f !== "" ? "ForwardRef(" + f + ")" : "ForwardRef"), f;
-          case H:
+          case U:
             return $ = f.displayName || null, $ !== null ? $ : t(f.type) || "Memo";
-          case z:
+          case W:
             $ = f._payload, f = f._init;
             try {
               return t(f($));
@@ -118,7 +118,7 @@ function vt() {
     }
     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);
@@ -135,7 +135,7 @@ function vt() {
       return Error("react-stack-top-frame");
     }
     function i(f) {
-      if (U.call(f, "key")) {
+      if (P.call(f, "key")) {
         var $ = Object.getOwnPropertyDescriptor(f, "key").get;
         if ($ && $.isReactWarning) return !1;
       }
@@ -162,7 +162,7 @@ function vt() {
     function d(f, $, F, V, ne, oe) {
       var q = F.ref;
       return f = {
-        $$typeof: x,
+        $$typeof: v,
         type: f,
         key: $,
         props: F,
@@ -205,12 +205,12 @@ function vt() {
               "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")) {
+      if (P.call($, "key")) {
         q = t(f);
         var Q = Object.keys($).filter(function(Ne) {
           return Ne !== "key";
         });
-        V = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", R[q + V] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
+        V = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", E[q + V] || (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} />
@@ -221,7 +221,7 @@ React keys must be passed directly to JSX without using spread:
           q,
           Q,
           q
-        ), R[q + V] = !0);
+        ), E[q + V] = !0);
       }
       if (q = null, F !== void 0 && (n(F), q = "" + F), i($) && (n($.key), q = "" + $.key), "key" in $) {
         F = {};
@@ -241,12 +241,12 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     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 = Y, v = Symbol.for("react.transitional.element"), x = 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"), T = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), L = Symbol.for("react.suspense"), H = Symbol.for("react.suspense_list"), U = Symbol.for("react.memo"), W = 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, P = Object.prototype.hasOwnProperty, _ = Array.isArray, w = console.createTask ? console.createTask : function() {
       return null;
     };
     c = {
@@ -257,7 +257,7 @@ React keys must be passed directly to JSX without using spread:
     var S, C = {}, K = c.react_stack_bottom_frame.bind(
       c,
       r
-    )(), X = y(a(r)), R = {};
+    )(), X = w(a(r)), E = {};
     ve.Fragment = g, ve.jsx = function(f, $, F) {
       var V = 1e4 > O.recentlyCreatedOwnerStacks++;
       return m(
@@ -266,7 +266,7 @@ React keys must be passed directly to JSX without using spread:
         F,
         !1,
         V ? Error("react-stack-top-frame") : K,
-        V ? y(a(f)) : X
+        V ? w(a(f)) : X
       );
     }, ve.jsxs = function(f, $, F) {
       var V = 1e4 > O.recentlyCreatedOwnerStacks++;
@@ -276,7 +276,7 @@ React keys must be passed directly to JSX without using spread:
         F,
         !0,
         V ? Error("react-stack-top-frame") : K,
-        V ? y(a(f)) : X
+        V ? w(a(f)) : X
       );
     };
   }()), ve;
@@ -310,20 +310,20 @@ 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", x = i === "success", g = i === "error", y = v || x || g, k = n === "xs" ? "s" : "m", j = s === "danger" ? "on-accent" : "default", T = bt[n] ?? 16, z = v ? /* @__PURE__ */ e.jsx(_t, { size: k, color: j }) : x ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Te, { size: T, strokeWidth: 2.5 }) }) : g ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ee, { size: T, strokeWidth: 2.5 }) }) : null, L = [
     "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, U = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    y ? z : o && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: o }),
     t
   ] });
   if (d) {
-    const z = (b) => {
-      if (r || x) {
+    const W = (b) => {
+      if (r || v) {
         b.preventDefault();
         return;
       }
@@ -333,14 +333,14 @@ function ae({
       "a",
       {
         className: L,
-        href: r || x ? void 0 : d,
-        onClick: z,
+        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: U
       }
     );
   }
@@ -350,12 +350,12 @@ function ae({
       type: u,
       className: L,
       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: U
     }
   );
 }
@@ -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-${Y.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
         }
       ),
@@ -448,67 +448,67 @@ 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), [x, g] = A({}), [y, k] = A("down"), [j, T] = A(-1), z = R(null), L = R(null), H = R(null), U = R(null), W = d || `select-${Y.useId()}`, b = `${W}-label`, I = r ? `${W}-error` : void 0, O = 150, P = (E = !1) => {
+    c || (v(!0), T(-1), U.current = setTimeout(() => {
       var f;
-      h(!1), x(!1), R && ((f = W.current) == null || f.focus());
+      h(!1), v(!1), E && ((f = H.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);
+  }, _ = (E) => {
+    clearTimeout(U.current), v(!1);
+    const f = E !== void 0 ? E : Math.max(a.findIndex(($) => $.value === s), 0);
+    T(f), h(!0);
   };
-  D(() => () => clearTimeout(H.current), []);
-  const y = () => {
+  D(() => () => clearTimeout(U.current), []);
+  const w = () => {
     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 E = (oe = z.current) == null ? void 0 : oe.getBoundingClientRect();
+    if (!E) return;
+    const f = window.innerHeight, $ = f - E.bottom, F = E.top, ne = $ < 300 && F > $;
     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 - E.top + 4, left: E.left, width: E.width } : { top: E.bottom + 4, left: E.left, width: E.width }
     );
   };
   D(() => {
     if (p)
-      return y(), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y), () => {
-        window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y);
+      return w(), window.addEventListener("scroll", w, !0), window.addEventListener("resize", w), () => {
+        window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", w);
       };
   }, [p]), D(() => {
-    const R = (f) => {
-      M.current && !M.current.contains(f.target) && L.current && !L.current.contains(f.target) && U();
+    const E = (f) => {
+      z.current && !z.current.contains(f.target) && L.current && !L.current.contains(f.target) && P();
     };
-    return document.addEventListener("mousedown", R), () => document.removeEventListener("mousedown", R);
+    return document.addEventListener("mousedown", E), () => document.removeEventListener("mousedown", E);
   }, [c]), D(() => {
     var f;
     if (!p || j < 0 || !L.current) return;
     (f = L.current.querySelectorAll(".ds-select-option")[j]) == null || f.scrollIntoView({ block: "nearest" });
   }, [j, p]);
-  const S = (R) => {
-    switch (R.key) {
+  const S = (E) => {
+    switch (E.key) {
       case "ArrowDown":
-        R.preventDefault(), p ? E((f) => Math.min(f + 1, a.length - 1)) : _();
+        E.preventDefault(), p ? T((f) => Math.min(f + 1, a.length - 1)) : _();
         break;
       case "ArrowUp":
-        R.preventDefault(), p ? E((f) => Math.max(f - 1, 0)) : _(a.length - 1);
+        E.preventDefault(), p ? T((f) => Math.max(f - 1, 0)) : _(a.length - 1);
         break;
       case "Home":
-        p && (R.preventDefault(), E(0));
+        p && (E.preventDefault(), T(0));
         break;
       case "End":
-        p && (R.preventDefault(), E(a.length - 1));
+        p && (E.preventDefault(), T(a.length - 1));
         break;
       case "Enter":
       case " ":
-        R.preventDefault(), p ? j >= 0 && (n == null || n(a[j].value), U(!0)) : _();
+        E.preventDefault(), p ? j >= 0 && (n == null || n(a[j].value), P(!0)) : _();
         break;
       case "Escape":
-        p && (R.preventDefault(), U(!0));
+        p && (E.preventDefault(), P(!0));
         break;
       case "Tab":
-        p && U(!1);
+        p && P(!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(
+  }, C = a.find((E) => E.value === s), K = l === "xs" ? M[1] : l === "small" ? M[2] : M[3], X = p && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: L,
@@ -519,51 +519,51 @@ function is({
       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: x,
+      children: a.map((E, 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 === E.value,
           className: [
             "ds-select-option",
             `ds-select-option--${l}`,
-            s === R.value && "ds-select-option--selected",
+            s === E.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(E.value), P(!0);
           },
-          children: R.label
+          children: E.label
         },
-        R.value
+        E.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 }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: M, children: /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: z, 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-activedescendant": p && j >= 0 ? `${W}-opt-${j}` : void 0,
         "aria-labelledby": t ? b : void 0,
         "aria-invalid": r ? "true" : "false",
         "aria-describedby": I,
         className: `ds-select-trigger ds-select-trigger--${l} ${r ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          u || (p ? U() : _());
+          u || (p ? P() : _());
         },
         onKeyDown: S,
         disabled: u,
@@ -575,7 +575,7 @@ function is({
             {
               size: K,
               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"
             }
           )
@@ -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 T = Math.min(Math.max(j, a), o);
+      n == null || n(T);
     }
-  }, x = [
+  }, v = [
     "ds-stepper-wrapper",
     l && "ds-stepper-wrapper--disabled",
     d && "ds-stepper-wrapper--error"
-  ].filter(Boolean).join(" "), v = [
+  ].filter(Boolean).join(" "), x = [
     "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: [
+  ].filter(Boolean).join(" "), g = i === "xs" ? M[1] : i === "small" ? M[2] : M[3];
+  return /* @__PURE__ */ e.jsxs("div", { className: v, children: [
     t && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: t }),
-    /* @__PURE__ */ e.jsxs("div", { className: v, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: x, children: [
       /* @__PURE__ */ e.jsx(
         "button",
         {
@@ -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",
@@ -775,7 +775,7 @@ function hs({
 }) {
   const i = Nt[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 }) }),
+    i && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(i, { size: M[3], strokeWidth: 1.5 }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-alert__content", children: [
       n && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: n }),
       t && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: t })
@@ -787,7 +787,7 @@ function hs({
         className: "ds-alert__close",
         onClick: a,
         "aria-label": "Close alert",
-        children: /* @__PURE__ */ e.jsx(ee, { size: P[3], strokeWidth: 1.5 })
+        children: /* @__PURE__ */ e.jsx(ee, { size: M[3], strokeWidth: 1.5 })
       }
     )
   ] });
@@ -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 = Y.useId(), [d, m] = A(!1), p = () => {
     !n || d || (m(!0), setTimeout(() => {
       m(!1), n();
     }, gt));
   };
   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;
-      l.current && !l.current.contains(k) && !((M = k.closest) != null && M.call(k, "[data-ds-portal]")) && p();
+    const x = (y) => {
+      y.key === "Escape" && p();
+    }, g = (y) => {
+      var j, T, z;
+      const k = ((T = (j = y.composedPath) == null ? void 0 : j.call(y)) == null ? void 0 : T[0]) ?? y.target;
+      l.current && !l.current.contains(k) && !((z = k.closest) != null && z.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", x), document.addEventListener("mousedown", g), () => {
+      document.removeEventListener("keydown", x), 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 = Y.Children.toArray(t), c = h.find((x) => (x == null ? void 0 : x.type) === me), v = h.filter((x) => (x == null ? void 0 : x.type) !== me);
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", d && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...i, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -835,7 +835,7 @@ function xs({
             className: "ds-modal__close",
             variant: "ghost",
             size: "small",
-            icon: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 }),
+            icon: /* @__PURE__ */ e.jsx(ee, { size: M[2], strokeWidth: 1.5 }),
             onClick: p,
             "aria-label": "Close modal"
           }
@@ -844,7 +844,7 @@ 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
       ]
     }
@@ -861,21 +861,21 @@ function vs({
   subHeader: a,
   ...o
 }) {
-  const r = T(null), i = Y.useId(), [l, u] = A(!1), d = () => {
+  const r = R(null), i = Y.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;
+    const c = (x) => {
+      x.key === "Escape" && d();
+    }, v = (x) => {
+      var y, k, j;
+      const g = ((k = (y = x.composedPath) == null ? void 0 : y.call(x)) == null ? void 0 : k[0]) ?? x.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);
@@ -900,7 +900,7 @@ function vs({
                 className: "ds-bottom-sheet__close",
                 variant: "ghost",
                 size: "small",
-                icon: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(ee, { size: M[2], strokeWidth: 1.5 }),
                 onClick: d,
                 "aria-label": "Close"
               }
@@ -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}`,
@@ -948,7 +948,7 @@ function yt({
           /* @__PURE__ */ e.jsx(
             _e,
             {
-              size: P[2],
+              size: M[2],
               strokeWidth: 1.5,
               className: `ds-code-accordion__icon ${p ? "ds-code-accordion__icon--expanded" : ""}`
             }
@@ -1027,17 +1027,17 @@ 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(), x = c.getBoundingClientRect(), g = x.left - v.left, y = x.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(), T = k.getBoundingClientRect();
+      i.current.style.transition = "none", i.current.style.left = T.left - j.left + "px", i.current.style.width = T.width + "px";
     }));
   };
   return p.current = h, Qe(() => {
@@ -1117,7 +1117,7 @@ function De({
           /* @__PURE__ */ e.jsx(
             _e,
             {
-              size: P[2],
+              size: M[2],
               strokeWidth: 1.5,
               className: `ds-accordion__icon ${m ? "ds-accordion__icon--expanded" : ""}`
             }
@@ -1161,32 +1161,32 @@ function Et(t, s, n) {
   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 = () => {
+  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 x = m.current.getBoundingClientRect(), g = p.current.getBoundingClientRect(), y = n || Et(x, g.height, g.width), { top: k, left: j, arrowOffset: T } = kt(y, x, g);
+    d(y), l({
       position: "fixed",
       top: k,
       left: j,
       visibility: "visible",
-      "--arrow-offset": `${E}px`
+      "--arrow-offset": `${T}px`
     });
   };
   if (D(() => {
     if (!o) return;
     l({ position: "fixed", visibility: "hidden" });
-    const v = requestAnimationFrame(c);
+    const x = requestAnimationFrame(c);
     return window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
-      cancelAnimationFrame(v), window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
+      cancelAnimationFrame(x), window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
     };
   }, [o, n]), D(() => {
     if (!o) return;
-    const v = (g) => {
+    const x = (g) => {
       m.current && !m.current.contains(g.target) && r(!1);
     };
-    return document.addEventListener("touchstart", v), () => document.removeEventListener("touchstart", v);
+    return document.addEventListener("touchstart", x), () => document.removeEventListener("touchstart", x);
   }, [o]), !s) return t;
-  const x = o && /* @__PURE__ */ e.jsx(
+  const v = o && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: p,
@@ -1209,12 +1209,12 @@ function Ge({ children: t, content: s, position: n, ...a }) {
         h.current || r(!1);
       },
       onTouchStart: () => {
-        h.current = !0, r((v) => !v);
+        h.current = !0, r((x) => !x);
       },
       ...a,
       children: [
         t,
-        typeof document < "u" && he.createPortal(x, document.body)
+        typeof document < "u" && he.createPortal(v, document.body)
       ]
     }
   );
@@ -1645,21 +1645,21 @@ function Cs({
   side: a = "right",
   ...o
 }) {
-  const r = T(null), i = Y.useId(), [l, u] = A(!1), d = () => {
+  const r = R(null), i = Y.useId(), [l, u] = A(!1), d = () => {
     !n || l || (u(!0), setTimeout(() => {
       u(!1), n();
     }, Bt));
   };
   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;
+    const c = (x) => {
+      x.key === "Escape" && d();
+    }, v = (x) => {
+      var y, k, j;
+      const g = ((k = (y = x.composedPath) == null ? void 0 : y.call(x)) == null ? void 0 : k[0]) ?? x.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);
@@ -1680,7 +1680,7 @@ function Cs({
           children: [
             /* @__PURE__ */ e.jsxs("header", { className: "ds-drawer-header", children: [
               s && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-drawer-title", children: s }),
-              n && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: d, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 }) })
+              n && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: d, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(ee, { size: M[2], strokeWidth: 1.5 }) })
             ] }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body ds-scrollable", children: h }),
             p
@@ -1701,21 +1701,21 @@ function Os({
   subHeader: a,
   ...o
 }) {
-  const r = T(null), i = Y.useId(), [l, u] = A(!1), d = () => {
+  const r = R(null), i = Y.useId(), [l, u] = A(!1), d = () => {
     !n || l || (u(!0), setTimeout(() => {
       u(!1), n();
     }, Dt));
   };
   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;
+    const c = (x) => {
+      x.key === "Escape" && d();
+    }, v = (x) => {
+      var y, k, j;
+      const g = ((k = (y = x.composedPath) == null ? void 0 : y.call(x)) == null ? void 0 : k[0]) ?? x.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);
@@ -1739,7 +1739,7 @@ function Os({
                 className: "ds-side-page__close",
                 variant: "ghost",
                 size: "small",
-                icon: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(ee, { size: M[2], strokeWidth: 1.5 }),
                 onClick: d,
                 "aria-label": "Close"
               }
@@ -1806,14 +1806,14 @@ 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 && 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;
+  ] }), T = 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: T }) : T;
 }
 function Us({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__body", "ds-scrollable", s].filter(Boolean).join(" "), ...n, children: t });
@@ -1865,8 +1865,8 @@ 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;
+  ] }), v = d === "left" ? "right" : "left", x = 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: v, children: x }) : x;
 }
 const It = {
   info: Be,
@@ -1891,7 +1891,7 @@ function Gs({
       role: u,
       ...i,
       children: [
-        l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: P[2], strokeWidth: 1.5 }) }),
+        l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: M[2], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-banner-text", children: t }),
         n && /* @__PURE__ */ e.jsx(
           "button",
@@ -1909,7 +1909,7 @@ function Gs({
             className: "ds-banner-dismiss",
             onClick: o,
             "aria-label": "Dismiss",
-            children: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ee, { size: M[2], strokeWidth: 1.5 })
           }
         )
       ]
@@ -1926,39 +1926,39 @@ 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), x = R(null), g = R(null), y = R(null), [k, j] = A({}), T = R(null), z = 150, L = () => {
     if (h)
       a == null || a(!1);
     else {
       if (m) return;
-      p(!0), E.current = setTimeout(() => {
+      p(!0), T.current = setTimeout(() => {
         d(!1), p(!1);
-      }, M);
+      }, z);
     }
-  }, 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 _ = !c;
+    h ? a == null || a(_) : _ ? (clearTimeout(T.current), p(!1), d(!0)) : L();
+  }, U = () => {
+    c || (h ? a == null || a(!0) : (clearTimeout(T.current), p(!1), d(!0)));
   };
-  D(() => () => clearTimeout(E.current), []), D(() => {
+  D(() => () => clearTimeout(T.current), []), D(() => {
     if (!c) return;
-    const _ = 300, y = () => {
+    const _ = 300, w = () => {
       var X;
-      const S = (X = x.current) == null ? void 0 : X.getBoundingClientRect();
+      const S = (X = v.current) == null ? void 0 : X.getBoundingClientRect();
       if (!S) return;
       const C = window.innerHeight - S.bottom, K = C < _ + 8 && S.top > C;
       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 }
       );
     };
-    return y(), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y), () => {
-      window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y);
+    return w(), window.addEventListener("scroll", w, !0), window.addEventListener("resize", w), () => {
+      window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", w);
     };
   }, [c, o]);
-  const z = () => {
-    var y;
-    const _ = (y = g.current) == null ? void 0 : y.querySelector(
+  const W = () => {
+    var w;
+    const _ = (w = g.current) == null ? void 0 : w.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
     _ == null || _.focus();
@@ -1967,55 +1967,55 @@ function Xs({
     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());
+      !((C = v.current) != null && C.contains(S.target)) && !((K = x.current) != null && K.contains(S.target)) && L();
+    }, w = (S) => {
+      S.key === "Escape" && (L(), W());
     };
-    return document.addEventListener("mousedown", _), document.addEventListener("keydown", y), () => {
-      document.removeEventListener("mousedown", _), document.removeEventListener("keydown", y);
+    return document.addEventListener("mousedown", _), document.addEventListener("keydown", w), () => {
+      document.removeEventListener("mousedown", _), document.removeEventListener("keydown", w);
     };
   }, [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;
+    if (!c || !y.current || !x.current) return;
+    const _ = b(), w = y.current === "last" ? _[_.length - 1] : _[0];
+    w == null || w.focus(), y.current = null;
   }, [c]);
-  const b = () => v.current ? [...v.current.querySelectorAll(
+  const b = () => x.current ? [...x.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
   )] : [], I = (_) => {
-    var y, S;
+    var w, S;
     if (_.key === "ArrowDown")
-      _.preventDefault(), c ? (y = b()[0]) == null || y.focus() : (w.current = "first", H());
+      _.preventDefault(), c ? (w = b()[0]) == null || w.focus() : (y.current = "first", U());
     else if (_.key === "ArrowUp")
       if (_.preventDefault(), !c)
-        w.current = "last", H();
+        y.current = "last", U();
       else {
         const C = b();
         (S = C[C.length - 1]) == null || S.focus();
       }
   }, O = (_) => {
-    var C, K, X, R;
-    const y = b(), S = y.findIndex((f) => f === document.activeElement);
+    var C, K, X, E;
+    const w = b(), S = w.findIndex((f) => f === document.activeElement);
     switch (_.key) {
       case "ArrowDown":
-        _.preventDefault(), (C = y[Math.min(S + 1, y.length - 1)]) == null || C.focus();
+        _.preventDefault(), (C = w[Math.min(S + 1, w.length - 1)]) == null || C.focus();
         break;
       case "ArrowUp":
-        _.preventDefault(), S <= 0 ? z() : (K = y[S - 1]) == null || K.focus();
+        _.preventDefault(), S <= 0 ? W() : (K = w[S - 1]) == null || K.focus();
         break;
       case "Home":
-        _.preventDefault(), (X = y[0]) == null || X.focus();
+        _.preventDefault(), (X = w[0]) == null || X.focus();
         break;
       case "End":
-        _.preventDefault(), (R = y[y.length - 1]) == null || R.focus();
+        _.preventDefault(), (E = w[w.length - 1]) == null || E.focus();
         break;
       case "Tab":
         L();
         break;
     }
-  }, U = c && /* @__PURE__ */ e.jsx(
+  }, P = c && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: v,
+      ref: x,
       role: "menu",
       "data-ds-portal": "",
       className: [
@@ -2025,14 +2025,14 @@ function Xs({
       ].filter(Boolean).join(" "),
       style: k,
       onKeyDown: O,
-      children: s.map((_, y) => {
+      children: s.map((_, w) => {
         if (_.separator)
-          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, y);
+          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, w);
         if (_.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);
+          ] }, w);
         const S = !!_.href, C = S ? "a" : "button", K = S ? { href: _.disabled ? void 0 : _.href, "aria-disabled": _.disabled ? "true" : void 0 } : { type: "button", disabled: _.disabled };
         return /* @__PURE__ */ e.jsxs(
           C,
@@ -2053,7 +2053,7 @@ function Xs({
               _.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: _.shortcut })
             ]
           },
-          y
+          w
         );
       })
     }
@@ -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,12 +2071,12 @@ function Xs({
           {
             ref: g,
             className: "ds-dropdown__trigger",
-            onClick: W,
+            onClick: H,
             onKeyDown: I,
             children: t
           }
         ),
-        typeof document < "u" && he.createPortal(U, document.body)
+        typeof document < "u" && he.createPortal(P, document.body)
       ]
     }
   );
@@ -2120,7 +2120,7 @@ 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);
+  const [n, a] = A(t), o = R(t), r = R(null);
   return D(() => {
     if (Pt()) {
       a(t), o.current = t;
@@ -2148,7 +2148,7 @@ function Zs({
   return `${a}${i}${o}`;
 }
 function zt({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
-  const a = T(null), [o, r] = A(!1);
+  const a = R(null), [o, r] = A(!1);
   return D(() => {
     const i = a.current;
     if (!i) return;
@@ -2171,7 +2171,7 @@ function Qs({
   onLeave: i,
   ...l
 }) {
-  const { ref: u, inView: d } = zt({ threshold: a, rootMargin: o, once: n }), m = T(!1);
+  const { ref: u, inView: d } = zt({ threshold: a, rootMargin: o, once: n }), m = R(!1);
   return D(() => {
     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 });
@@ -2206,7 +2206,7 @@ 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);
+  const [n, a] = A(!1), o = R(null);
   D(() => (requestAnimationFrame(() => a(!0)), t.duration > 0 && (o.current = setTimeout(() => r(), t.duration)), () => clearTimeout(o.current)), []);
   function r() {
     a(!1), setTimeout(() => s(t.id), 250);
@@ -2223,7 +2223,7 @@ function Ft({ data: t, onDismiss: s }) {
       role: t.type === "error" ? "alert" : "status",
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(i, { size: P[3], strokeWidth: 1.5 }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(i, { size: M[3], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-toast__message", children: t.message }),
         /* @__PURE__ */ e.jsx(
           "button",
@@ -2231,7 +2231,7 @@ function Ft({ data: t, onDismiss: s }) {
             className: "ds-toast__close",
             onClick: r,
             "aria-label": "Закрыть",
-            children: /* @__PURE__ */ e.jsx(ee, { size: P[3], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ee, { size: M[3], strokeWidth: 1.5 })
           }
         )
       ]
@@ -2312,7 +2312,7 @@ 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(it, { size: M[1], strokeWidth: 1.5 }),
       "aria-label": a,
       onClick: l,
       ...o
@@ -2330,7 +2330,7 @@ function nn({ content: t, streaming: s = !1, ...n }) {
       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(lt, { size: M[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
         /* @__PURE__ */ e.jsx(jt, { secondary: !0, children: "Thinking" })
       ] }),
       ...n,
@@ -2388,7 +2388,7 @@ function an({
   className: o = "",
   ...r
 }) {
-  const i = T(t);
+  const i = R(t);
   return D(() => {
     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: [
@@ -2424,7 +2424,7 @@ function on({
   ] });
 }
 function ln(t, { containerRef: s, smartPause: n = !0 } = {}) {
-  const a = T(!1), o = T(0);
+  const a = R(!1), o = R(0);
   D(() => {
     const r = s == null ? void 0 : s.current;
     if (!r) return;
@@ -2447,33 +2447,33 @@ 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);
+  const [l, u] = A(0), [d, m] = A(""), p = R("typing"), h = R(0), c = R(0), v = R(null), x = R(0);
   D(() => {
     c.current = l;
   }, [l]), D(() => {
-    if (x.current && (clearTimeout(x.current), x.current = null), !s || t.length === 0) {
+    if (v.current && (clearTimeout(v.current), v.current = null), !s || t.length === 0) {
       m(""), h.current = 0, p.current = "typing";
       return;
     }
-    const E = () => {
-      const M = Date.now();
-      if (v.current > M) {
-        x.current = setTimeout(E, v.current - M);
+    const T = () => {
+      const z = Date.now();
+      if (x.current > z) {
+        v.current = setTimeout(T, x.current - z);
         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));
+      p.current === "typing" ? (h.current += 1, m(L.slice(0, h.current)), h.current >= L.length ? (p.current = "holding", v.current = setTimeout(T, o)) : v.current = setTimeout(T, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", v.current = setTimeout(T, 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), v.current = setTimeout(T, r)) : v.current = setTimeout(T, a));
     };
-    return x.current = setTimeout(E, 260), () => {
-      x.current && clearTimeout(x.current);
+    return v.current = setTimeout(T, 260), () => {
+      v.current && clearTimeout(v.current);
     };
   }, [s, t, n, a, o, r]);
-  const g = (E) => {
+  const g = (T) => {
     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 z = (T % t.length + t.length) % t.length, L = t[z];
+    c.current = z, h.current = L.length, p.current = "holding", x.current = Date.now() + i, u(z), m(L);
+  }, 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({
@@ -2491,54 +2491,54 @@ function cn({
   onAttachFiles: p,
   onAttachImages: h,
   onRemoveAttachment: c,
-  onRemoveImage: x,
-  acceptImage: v,
+  onRemoveImage: v,
+  acceptImage: x,
   acceptFile: g,
-  maxImages: w,
+  maxImages: y,
   maxImageSize: k,
   leftSlot: j,
-  rightSlot: E,
-  className: M = "",
+  rightSlot: T,
+  className: z = "",
   ...L
 }) {
-  const W = T(null), H = T(null), z = T(0), [b, I] = A(!1), [O, U] = A([]), _ = (N) => {
+  const H = R(null), U = R(null), W = R(0), [b, I] = A(!1), [O, P] = 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) => {
+    P((G) => [...G, { id: B, msg: N }]), setTimeout(() => P((G) => G.filter((J) => J.id !== B)), 6e3);
+  }, w = (N) => P((B) => B.filter((G) => G.id !== N)), S = (N) => N.type.startsWith("image/"), C = () => !0, K = x ?? S, X = g ?? C, E = (N) => {
     const B = [], G = [], J = [], Z = [];
-    let te = 0, de = w != null ? w - ((m == null ? void 0 : m.length) ?? 0) : 1 / 0;
+    let te = 0, de = 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 };
   }, 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 { imageFiles: B, docFiles: G, tooLarge: J, skipped: Z, limitExceeded: te } = E(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 ${y} images per message`), h && B.length && h(B);
     const de = G.concat(h ? [] : B);
     p && de.length && p(de);
   };
   D(() => {
-    const N = H.current;
+    const N = U.current;
     N && (N.style.height = "auto", N.style.height = `${Math.min(N.scrollHeight, 200)}px`);
   }, [t]), D(() => {
     const N = (B) => {
       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();
+      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 = U.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);
+    N.preventDefault(), W.current++, N.dataTransfer.types.includes("Files") && I(!0);
   }, F = (N) => {
-    N.preventDefault(), z.current--, z.current === 0 && I(!1);
+    N.preventDefault(), W.current--, W.current === 0 && I(!1);
   }, V = (N) => N.preventDefault(), ne = (N) => {
-    N.preventDefault(), z.current = 0, I(!1);
+    N.preventDefault(), W.current = 0, I(!1);
     const B = Array.from(N.dataTransfer.files);
     B.length && f(B);
   }, oe = (N) => {
     const B = Array.from(N.target.files || []);
-    W.current && (W.current.value = ""), B.length && f(B);
+    H.current && (H.current.value = ""), B.length && f(B);
   }, q = (N) => {
     var se;
     if (!h) return;
@@ -2550,8 +2550,8 @@ function cn({
       Le && G.push(Le);
     }
     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));
+    const { imageFiles: J, tooLarge: Z, skipped: te, limitExceeded: de } = E(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 ${y} images per message`), J.length && (N.preventDefault(), h(J));
   }, Q = !r && !i && !!(u != null && u.length) && t.length === 0, ie = Vt({
     prompts: u ?? [],
     enabled: Q
@@ -2572,11 +2572,11 @@ 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: [
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", z].filter(Boolean).join(" "), ...L, children: [
     Ie && /* @__PURE__ */ e.jsx(
       "input",
       {
-        ref: W,
+        ref: H,
         type: "file",
         multiple: !0,
         accept: "*/*",
@@ -2597,7 +2597,7 @@ function cn({
           /* @__PURE__ */ e.jsx(
             "textarea",
             {
-              ref: H,
+              ref: U,
               value: t,
               onChange: (N) => s == null ? void 0 : s(N.target.value),
               onKeyDown: Ne,
@@ -2618,7 +2618,7 @@ function cn({
               "button",
               {
                 className: "ds-prompt-input__image-remove",
-                onClick: () => x == null ? void 0 : x(B),
+                onClick: () => v == null ? void 0 : v(B),
                 "aria-label": "Remove image",
                 type: "button",
                 children: /* @__PURE__ */ e.jsx(ee, { size: 12, strokeWidth: 2 })
@@ -2632,14 +2632,14 @@ function cn({
               {
                 type: "button",
                 className: "ds-prompt-input__warning-close",
-                onClick: () => y(N.id),
+                onClick: () => w(N.id),
                 "aria-label": "Dismiss",
-                children: /* @__PURE__ */ e.jsx(ee, { size: P[1], strokeWidth: 1.5 })
+                children: /* @__PURE__ */ e.jsx(ee, { size: M[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 }),
+            N.uploading ? /* @__PURE__ */ e.jsx(ct, { size: M[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Pe, { size: M[1], strokeWidth: 1.5 }),
             N.filename,
             N.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: "Uploading..." }) : /* @__PURE__ */ e.jsx(
               "button",
@@ -2647,7 +2647,7 @@ function cn({
                 type: "button",
                 className: "ds-prompt-input__remove-btn",
                 onClick: () => c == null ? void 0 : c(B),
-                children: /* @__PURE__ */ e.jsx(ee, { size: P[1], strokeWidth: 1.5 })
+                children: /* @__PURE__ */ e.jsx(ee, { size: M[1], strokeWidth: 1.5 })
               }
             )
           ] }) }, B)) }),
@@ -2657,23 +2657,23 @@ function cn({
               {
                 variant: "ghost",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(Pe, { size: P[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(Pe, { size: M[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,
+            T,
             /* @__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(dt, { size: M[2], strokeWidth: 1.5 }),
                 onClick: a,
                 "aria-label": "Stop"
               }
@@ -2682,7 +2682,7 @@ function cn({
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(ut, { size: P[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(ut, { size: M[2], strokeWidth: 1.5 }),
                 onClick: n,
                 disabled: !Je,
                 "aria-label": "Send"
@@ -2706,15 +2706,15 @@ 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;
+  const [d, m] = A(!1), p = R(null), h = R(null), c = R(null), [v, x] = A({}), g = t.filter((b) => !o || b.name === "auto" ? !0 : (Ue[b.tier] ?? 1) >= (Ue[o] ?? 1)), y = g.find((b) => b.name === "auto"), k = g.filter((b) => b.name !== "auto"), j = t.find((b) => b.name === s), z = new Set(k.map((b) => b.tier).filter(Boolean)).size > 1;
   D(() => {
     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 = window.innerHeight - _.bottom, S = w < b + 8 && _.top > w;
+      x({
         position: "fixed",
         zIndex: "var(--z-dropdown, 500)",
         left: _.left,
@@ -2723,18 +2723,18 @@ function dn({
     };
     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 = (_) => {
+      var w, S;
+      !((w = p.current) != null && w.contains(_.target)) && !((S = c.current) != null && S.contains(_.target)) && m(!1);
+    }, P = (_) => {
       _.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", O), document.addEventListener("keydown", P), () => {
+      window.removeEventListener("scroll", I, !0), window.removeEventListener("resize", I), document.removeEventListener("mousedown", O), document.removeEventListener("keydown", P);
     };
   }, [d]);
   const L = (b) => {
     n == null || n(b), m(!1);
-  }, W = (b) => /* @__PURE__ */ e.jsxs(
+  }, H = (b) => /* @__PURE__ */ e.jsxs(
     "button",
     {
       type: "button",
@@ -2746,18 +2746,18 @@ function dn({
       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 })
+        z && b.tier && /* @__PURE__ */ e.jsx(ue, { size: "xs", variant: Ve[b.tier] || "default", children: b.tier })
       ]
     },
     b.name
-  ), H = () => !i || !M ? k.map(W) : ["fast", "standard", "premium"].flatMap((b) => {
+  ), U = () => !i || !z ? k.map(H) : ["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)
+      ...I.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",
         {
@@ -2776,7 +2776,7 @@ function dn({
       ),
       k.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
     ] }),
-    H()
+    U()
   ] });
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -2797,11 +2797,11 @@ function dn({
             children: [
               j != null && j.icon ? /* @__PURE__ */ e.jsx("span", { children: j.icon }) : /* @__PURE__ */ e.jsx(Me, { size: 12, strokeWidth: 1.5 }),
               /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (j == null ? void 0 : j.displayName) || (j == null ? void 0 : j.name) || s }),
-              M && (j == null ? void 0 : j.tier) && /* @__PURE__ */ e.jsx(ue, { size: "xs", variant: Ve[j.tier] || "default", children: j.tier })
+              z && (j == null ? void 0 : j.tier) && /* @__PURE__ */ e.jsx(ue, { size: "xs", variant: Ve[j.tier] || "default", children: j.tier })
             ]
           }
         ),
-        typeof document < "u" && he.createPortal(z, document.body)
+        typeof document < "u" && he.createPortal(W, document.body)
       ]
     }
   );
@@ -2829,14 +2829,14 @@ function un({
   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(" ");
   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((x) => x.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(mt, { size: M[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) })
           ]
@@ -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((x) => x.page).filter(Boolean), v = !!o;
       return m ? /* @__PURE__ */ e.jsx(
         De,
         {
           title: /* @__PURE__ */ e.jsx(qt, { filename: h.filename, pages: c }),
           padding: "s",
-          children: h.items.map((v, g) => /* @__PURE__ */ e.jsx(
+          children: h.items.map((x, 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(x) : void 0,
+              children: x.snippet ?? `p. ${x.page}`
             },
             g
           ))
@@ -2872,8 +2872,8 @@ 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) })
@@ -3028,7 +3028,7 @@ function Xt({
             children: /* @__PURE__ */ e.jsx(
               pt,
               {
-                size: P[1],
+                size: M[1],
                 strokeWidth: 1.5,
                 fill: t === "liked" ? "currentColor" : "none"
               }
@@ -3049,7 +3049,7 @@ function Xt({
             children: /* @__PURE__ */ e.jsx(
               ht,
               {
-                size: P[1],
+                size: M[1],
                 strokeWidth: 1.5,
                 fill: t === "disliked" ? "currentColor" : "none"
               }
@@ -3193,98 +3193,100 @@ 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"
 }) {
-  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 h = R(null), c = R(t), v = R(s);
+  c.current = t, v.current = s;
+  const [x, g] = A(!1), [y, k] = A({ position: "fixed", visibility: "hidden", width: we }), [j, T] = A("bottom"), [z, L] = A(null), H = R(!1), U = t[s], W = s === t.length - 1, b = He(() => {
+    const I = c.current[v.current];
+    if (!I || !h.current) return;
+    const O = Qt(I.target);
+    if (!O) return;
+    const P = O.getBoundingClientRect(), w = h.current.getBoundingClientRect().height || 160, S = we, C = I.position || es(P, w, S), { top: K, left: X, arrowOffset: E } = ts(C, P, w, S);
+    T(C), k({
       position: "fixed",
-      top: C,
-      left: K,
+      top: K,
+      left: X,
       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": `${E}px`
+    }), L({
+      top: P.top - be,
+      left: P.left - be,
+      width: P.width + be * 2,
+      height: P.height + be * 2
     });
   }, []);
   return D(() => {
-    window.addEventListener("scroll", z, !0), window.addEventListener("resize", z);
-    const b = requestAnimationFrame(() => {
-      z(), v(!0), L.current = !0;
+    window.addEventListener("scroll", b, !0), window.addEventListener("resize", b);
+    const I = requestAnimationFrame(() => {
+      b(), g(!0), H.current = !0;
     });
     return () => {
-      cancelAnimationFrame(b), window.removeEventListener("scroll", z, !0), window.removeEventListener("resize", z);
+      cancelAnimationFrame(I), window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", b);
     };
   }, []), D(() => {
-    if (!L.current) return;
-    v(!1);
-    const b = setTimeout(() => {
-      w((I) => ({ ...I, visibility: "hidden" })), requestAnimationFrame(() => {
-        z(), v(!0);
+    if (!H.current) return;
+    g(!1);
+    const I = setTimeout(() => {
+      k((O) => ({ ...O, visibility: "hidden" })), requestAnimationFrame(() => {
+        b(), g(!0);
       });
     }, Zt + 20);
-    return () => clearTimeout(b);
+    return () => clearTimeout(I);
   }, [s]), D(() => {
-    x && p.current && p.current.focus({ preventScroll: !0 });
+    x && h.current && h.current.focus({ preventScroll: !0 });
   }, [x]), D(() => {
-    const b = (I) => {
-      I.key === "Escape" && o();
+    const I = (O) => {
+      O.key === "Escape" && o();
     };
-    return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
+    return document.addEventListener("keydown", I), () => document.removeEventListener("keydown", I);
   }, [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"])')
+    const I = (O) => {
+      if (O.key !== "Tab" || !h.current) return;
+      const P = Array.from(
+        h.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 (!P.length) return;
+      const _ = P[0], w = P[P.length - 1];
+      O.shiftKey && document.activeElement === _ ? (O.preventDefault(), w.focus()) : !O.shiftKey && document.activeElement === w && (O.preventDefault(), _.focus());
     };
-    return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
-  }, [x]), !W || typeof document > "u" ? null : he.createPortal(
+    return document.addEventListener("keydown", I), () => document.removeEventListener("keydown", I);
+  }, [x]), !U || typeof document > "u" ? null : he.createPortal(
     /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      E && /* @__PURE__ */ e.jsx(
+      z && /* @__PURE__ */ e.jsx(
         "div",
         {
           className: [
             "ds-coachmark__spotlight",
             i && "ds-coachmark__spotlight--overlay",
+            !l && "ds-coachmark__spotlight--no-ring",
             x && "ds-coachmark__spotlight--visible"
           ].filter(Boolean).join(" "),
-          style: E,
+          style: z,
           "aria-hidden": "true"
         }
       ),
       /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: p,
+          ref: h,
           "data-ds-portal": "",
           role: "dialog",
           "aria-modal": "false",
           "aria-live": "polite",
-          "aria-label": W.title ?? `Step ${s + 1} of ${t.length}`,
+          "aria-label": U.title ?? `Step ${s + 1} of ${t.length}`,
           className: [
             "ds-coachmark__bubble",
-            `ds-coachmark__bubble--${k}`,
+            `ds-coachmark__bubble--${j}`,
             x && "ds-coachmark__bubble--visible"
           ].filter(Boolean).join(" "),
-          style: g,
+          style: y,
           tabIndex: -1,
           children: [
             /* @__PURE__ */ e.jsx(
@@ -3293,21 +3295,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 }),
+            U.title && /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__title", children: U.title }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__body", children: U.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", onClick: a, children: d }),
+                /* @__PURE__ */ e.jsx(ae, { variant: "primary", size: "s", onClick: W ? r : n, children: W ? p : u })
               ] })
             ] })
           ]
@@ -3415,7 +3417,7 @@ export {
   sn as ToolCallBubble,
   sn as ToolCallCard,
   Ge as Tooltip,
-  P as iconSizes,
+  M as iconSizes,
   Mt as useAnimatedNumber,
   Vt as useAnimatedPlaceholder,
   jn as useCoachmark,