@donkit-ai/design-system 1.4.93 → 1.4.95

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import X, { useMemo as vt, useContext as ie, createContext as De, useState as L, useRef as S, useEffect as F, useLayoutEffect as ct, useId as bt, useCallback as se, forwardRef as dt } from "react";
+import X, { useMemo as vt, useContext as ie, createContext as De, useState as D, useRef as A, useEffect as z, useLayoutEffect as ct, useId as bt, useCallback as se, forwardRef as dt } from "react";
 import { Check as Pe, X as ee, ChevronDown as ye, Minus as _t, Plus as jt, XCircle as Me, AlertTriangle as ze, CheckCircle as Fe, Info as We, ChevronUp as Nt, ChevronsUpDown as wt, ChevronLeft as gt, ChevronRight as yt, Copy as kt, Brain as Et, Loader as Tt, Paperclip as Ge, Square as $t, ArrowUp as Rt, Zap as St, Cpu as Ke, FileText as At, ThumbsUp as Bt, ThumbsDown as It } from "lucide-react";
 import re from "react-dom";
 const q = {
@@ -56,20 +56,20 @@ function Dt() {
     function t(m) {
       if (m == null) return null;
       if (typeof m == "function")
-        return m.$$typeof === P ? null : m.displayName || m.name || null;
+        return m.$$typeof === y ? null : m.displayName || m.name || null;
       if (typeof m == "string") return m;
       switch (m) {
-        case y:
+        case g:
           return "Fragment";
-        case T:
+        case R:
           return "Profiler";
         case j:
           return "StrictMode";
-        case A:
+        case S:
           return "Suspense";
         case I:
           return "SuspenseList";
-        case k:
+        case W:
           return "Activity";
       }
       if (typeof m == "object")
@@ -78,19 +78,19 @@ function Dt() {
         ), m.$$typeof) {
           case N:
             return "Portal";
-          case w:
+          case b:
             return m.displayName || "Context";
-          case g:
+          case k:
             return (m._context.displayName || "Context") + ".Consumer";
-          case _:
-            var x = m.render;
-            return m = m.displayName, m || (m = x.displayName || x.name || "", m = m !== "" ? "ForwardRef(" + m + ")" : "ForwardRef"), m;
-          case D:
-            return x = m.displayName || null, x !== null ? x : t(m.type) || "Memo";
-          case O:
-            x = m._payload, m = m._init;
+          case w:
+            var v = m.render;
+            return m = m.displayName, m || (m = v.displayName || v.name || "", m = m !== "" ? "ForwardRef(" + m + ")" : "ForwardRef"), m;
+          case L:
+            return v = m.displayName || null, v !== null ? v : t(m.type) || "Memo";
+          case F:
+            v = m._payload, m = m._init;
             try {
-              return t(m(x));
+              return t(m(v));
             } catch {
             }
         }
@@ -102,50 +102,50 @@ function Dt() {
     function n(m) {
       try {
         s(m);
-        var x = !1;
+        var v = !1;
       } catch {
-        x = !0;
+        v = !0;
       }
-      if (x) {
-        x = console;
-        var B = x.error, C = typeof Symbol == "function" && Symbol.toStringTag && m[Symbol.toStringTag] || m.constructor.name || "Object";
+      if (v) {
+        v = console;
+        var B = v.error, U = typeof Symbol == "function" && Symbol.toStringTag && m[Symbol.toStringTag] || m.constructor.name || "Object";
         return B.call(
-          x,
+          v,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          C
+          U
         ), s(m);
       }
     }
     function r(m) {
-      if (m === y) return "<>";
-      if (typeof m == "object" && m !== null && m.$$typeof === O)
+      if (m === g) return "<>";
+      if (typeof m == "object" && m !== null && m.$$typeof === F)
         return "<...>";
       try {
-        var x = t(m);
-        return x ? "<" + x + ">" : "<...>";
+        var v = t(m);
+        return v ? "<" + v + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function a() {
-      var m = H.A;
+      var m = O.A;
       return m === null ? null : m.getOwner();
     }
     function o() {
       return Error("react-stack-top-frame");
     }
     function i(m) {
-      if (W.call(m, "key")) {
-        var x = Object.getOwnPropertyDescriptor(m, "key").get;
-        if (x && x.isReactWarning) return !1;
+      if (P.call(m, "key")) {
+        var v = Object.getOwnPropertyDescriptor(m, "key").get;
+        if (v && v.isReactWarning) return !1;
       }
       return m.key !== void 0;
     }
-    function l(m, x) {
+    function l(m, v) {
       function B() {
         $ || ($ = !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)",
-          x
+          v
         ));
       }
       B.isReactWarning = !0, Object.defineProperty(m, "key", {
@@ -155,18 +155,18 @@ function Dt() {
     }
     function c() {
       var m = t(this.type);
-      return R[m] || (R[m] = !0, console.error(
+      return T[m] || (T[m] = !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."
       )), m = this.props.ref, m !== void 0 ? m : null;
     }
-    function u(m, x, B, C, te, le) {
+    function u(m, v, B, U, te, le) {
       var G = B.ref;
       return m = {
-        $$typeof: v,
+        $$typeof: _,
         type: m,
-        key: x,
+        key: v,
         props: B,
-        _owner: C
+        _owner: U
       }, (G !== void 0 ? G : null) !== null ? Object.defineProperty(m, "ref", {
         enumerable: !1,
         get: c
@@ -192,42 +192,42 @@ function Dt() {
         value: le
       }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
     }
-    function d(m, x, B, C, te, le) {
-      var G = x.children;
+    function d(m, v, B, U, te, le) {
+      var G = v.children;
       if (G !== void 0)
-        if (C)
-          if (M(G)) {
-            for (C = 0; C < G.length; C++)
-              p(G[C]);
+        if (U)
+          if (V(G)) {
+            for (U = 0; U < G.length; U++)
+              p(G[U]);
             Object.freeze && Object.freeze(G);
           } 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(G);
-      if (W.call(x, "key")) {
+      if (P.call(v, "key")) {
         G = t(m);
-        var Z = Object.keys(x).filter(function(je) {
+        var Z = Object.keys(v).filter(function(je) {
           return je !== "key";
         });
-        C = 0 < Z.length ? "{key: someKey, " + Z.join(": ..., ") + ": ...}" : "{key: someKey}", Y[G + C] || (Z = 0 < Z.length ? "{" + Z.join(": ..., ") + ": ...}" : "{}", console.error(
+        U = 0 < Z.length ? "{key: someKey, " + Z.join(": ..., ") + ": ...}" : "{key: someKey}", Y[G + U] || (Z = 0 < Z.length ? "{" + Z.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} />`,
-          C,
+          U,
           G,
           Z,
           G
-        ), Y[G + C] = !0);
+        ), Y[G + U] = !0);
       }
-      if (G = null, B !== void 0 && (n(B), G = "" + B), i(x) && (n(x.key), G = "" + x.key), "key" in x) {
+      if (G = null, B !== void 0 && (n(B), G = "" + B), i(v) && (n(v.key), G = "" + v.key), "key" in v) {
         B = {};
-        for (var fe in x)
-          fe !== "key" && (B[fe] = x[fe]);
-      } else B = x;
+        for (var fe in v)
+          fe !== "key" && (B[fe] = v[fe]);
+      } else B = v;
       return G && l(
         B,
         typeof m == "function" ? m.displayName || m.name || "Unknown" : m
@@ -241,12 +241,12 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function p(m) {
-      h(m) ? m._store && (m._store.validated = 1) : typeof m == "object" && m !== null && m.$$typeof === O && (m._payload.status === "fulfilled" ? h(m._payload.value) && m._payload.value._store && (m._payload.value._store.validated = 1) : m._store && (m._store.validated = 1));
+      h(m) ? m._store && (m._store.validated = 1) : typeof m == "object" && m !== null && m.$$typeof === F && (m._payload.status === "fulfilled" ? h(m._payload.value) && m._payload.value._store && (m._payload.value._store.validated = 1) : m._store && (m._store.validated = 1));
     }
     function h(m) {
-      return typeof m == "object" && m !== null && m.$$typeof === v;
+      return typeof m == "object" && m !== null && m.$$typeof === _;
     }
-    var f = X, v = Symbol.for("react.transitional.element"), N = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), g = Symbol.for("react.consumer"), w = Symbol.for("react.context"), _ = Symbol.for("react.forward_ref"), A = Symbol.for("react.suspense"), I = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), k = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), H = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, M = Array.isArray, b = console.createTask ? console.createTask : function() {
+    var f = X, _ = Symbol.for("react.transitional.element"), N = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), k = Symbol.for("react.consumer"), b = Symbol.for("react.context"), w = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), I = Symbol.for("react.suspense_list"), L = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), W = Symbol.for("react.activity"), y = Symbol.for("react.client.reference"), O = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, P = Object.prototype.hasOwnProperty, V = Array.isArray, x = console.createTask ? console.createTask : function() {
       return null;
     };
     f = {
@@ -254,29 +254,29 @@ React keys must be passed directly to JSX without using spread:
         return m();
       }
     };
-    var $, R = {}, V = f.react_stack_bottom_frame.bind(
+    var $, T = {}, C = f.react_stack_bottom_frame.bind(
       f,
       o
-    )(), U = b(r(o)), Y = {};
-    ge.Fragment = y, ge.jsx = function(m, x, B) {
-      var C = 1e4 > H.recentlyCreatedOwnerStacks++;
+    )(), H = x(r(o)), Y = {};
+    ge.Fragment = g, ge.jsx = function(m, v, B) {
+      var U = 1e4 > O.recentlyCreatedOwnerStacks++;
       return d(
         m,
-        x,
+        v,
         B,
         !1,
-        C ? Error("react-stack-top-frame") : V,
-        C ? b(r(m)) : U
+        U ? Error("react-stack-top-frame") : C,
+        U ? x(r(m)) : H
       );
-    }, ge.jsxs = function(m, x, B) {
-      var C = 1e4 > H.recentlyCreatedOwnerStacks++;
+    }, ge.jsxs = function(m, v, B) {
+      var U = 1e4 > O.recentlyCreatedOwnerStacks++;
       return d(
         m,
-        x,
+        v,
         B,
         !0,
-        C ? Error("react-stack-top-frame") : V,
-        C ? b(r(m)) : U
+        U ? Error("react-stack-top-frame") : C,
+        U ? x(r(m)) : H
       );
     };
   }()), ge;
@@ -394,42 +394,42 @@ function de({
   href: p,
   "aria-label": h,
   "aria-pressed": f,
-  className: v = "",
+  className: _ = "",
   ...N
 }) {
-  const y = a && !t, j = i === "loading", T = i === "success", g = i === "error", w = j || T || g, _ = !!(l || c), A = n === "xs" ? "s" : "m", I = s === "danger" ? "on-accent" : "default", D = Mt[n] ?? 16, O = j ? /* @__PURE__ */ e.jsx(Pt, { size: A, color: I }) : T ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Pe, { size: D, strokeWidth: 2.5 }) }) : g ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ee, { size: D, strokeWidth: 2.5 }) }) : null, k = [
+  const g = a && !t, j = i === "loading", R = i === "success", k = i === "error", b = j || R || k, w = !!(l || c), S = n === "xs" ? "s" : "m", I = s === "danger" ? "on-accent" : "default", L = Mt[n] ?? 16, F = j ? /* @__PURE__ */ e.jsx(Pt, { size: S, color: I }) : R ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Pe, { size: L, strokeWidth: 2.5 }) }) : k ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ee, { size: L, strokeWidth: 2.5 }) }) : null, W = [
     "ds-button",
     `ds-button--${s}`,
     `ds-button--${n}`,
     r && "ds-button--full",
-    y && "ds-button--icon-only",
-    v
-  ].filter(Boolean).join(" "), P = i !== "idle" ? i : void 0, H = f !== void 0 ? f : _ ? !0 : void 0, W = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    w ? O : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
+    g && "ds-button--icon-only",
+    _
+  ].filter(Boolean).join(" "), y = i !== "idle" ? i : void 0, O = f !== void 0 ? f : w ? !0 : void 0, P = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    b ? F : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
     t
   ] });
   if (p) {
-    const M = (b) => {
+    const V = (x) => {
       if (o || j) {
-        b.preventDefault();
+        x.preventDefault();
         return;
       }
-      b.metaKey || b.ctrlKey || b.button === 1 || (b.preventDefault(), u == null || u(b));
+      x.metaKey || x.ctrlKey || x.button === 1 || (x.preventDefault(), u == null || u(x));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
-        className: k,
+        className: W,
         href: o || j ? void 0 : p,
-        onClick: M,
+        onClick: V,
         "aria-label": h,
         "aria-disabled": o || j ? "true" : void 0,
         "aria-busy": j ? "true" : void 0,
-        "aria-pressed": H,
-        "data-state": P,
-        "data-active": _ ? "true" : void 0,
+        "aria-pressed": O,
+        "data-state": y,
+        "data-active": w ? "true" : void 0,
         ...N,
-        children: W
+        children: P
       }
     );
   }
@@ -437,16 +437,16 @@ function de({
     "button",
     {
       type: d,
-      className: k,
+      className: W,
       disabled: o,
       onClick: j ? void 0 : u,
       "aria-label": h,
       "aria-busy": j ? "true" : void 0,
-      "aria-pressed": H,
-      "data-state": P,
-      "data-active": _ ? "true" : void 0,
+      "aria-pressed": O,
+      "data-state": y,
+      "data-active": w ? "true" : void 0,
       ...N,
-      children: W
+      children: P
     }
   );
 }
@@ -464,7 +464,7 @@ function Ts({
   iconRightLabel: d,
   ...p
 }) {
-  const h = K(), f = u || `input-${X.useId()}`, v = n ? `${f}-hint` : void 0, N = s ? `${f}-error` : void 0, y = N || v;
+  const h = K(), f = u || `input-${X.useId()}`, _ = n ? `${f}-hint` : void 0, N = s ? `${f}-error` : void 0, g = N || _;
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${r ? "ds-input-wrapper--full" : ""} ${c ? "ds-input-wrapper--disabled" : ""} ${s ? "ds-input-wrapper--error" : ""}`, children: [
     t && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: f, children: t }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-input-container", children: [
@@ -476,7 +476,7 @@ function Ts({
           className: `ds-input ds-input--${l} ${a ? "ds-input--with-icon" : ""} ${o ? "ds-input--with-icon-right" : ""} ${s ? "ds-input--error" : ""}`,
           disabled: c,
           "aria-invalid": s ? "true" : "false",
-          "aria-describedby": y,
+          "aria-describedby": g,
           ...p
         }
       ),
@@ -492,7 +492,7 @@ function Ts({
         }
       )
     ] }),
-    n && !s && /* @__PURE__ */ e.jsx("span", { id: v, className: "ds-input-hint", children: n }),
+    n && !s && /* @__PURE__ */ e.jsx("span", { id: _, className: "ds-input-hint", children: n }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: s && /* @__PURE__ */ e.jsx("span", { id: N, className: "ds-input-error", role: "alert", children: s }) }) })
   ] });
 }
@@ -540,141 +540,141 @@ function Rs({
   id: u,
   ...d
 }) {
-  const p = K(), h = a ?? p.selectOption, [f, v] = L(!1), [N, y] = L(!1), [j, T] = L({}), [g, w] = L("down"), [_, A] = L(-1), I = S(null), D = S(null), O = S(null), k = S(null), P = u || `select-${X.useId()}`, H = `${P}-label`, W = o ? `${P}-error` : void 0, M = 150, b = (x = !1) => {
-    N || (y(!0), A(-1), k.current = setTimeout(() => {
+  const p = K(), h = a ?? p.selectOption, [f, _] = D(!1), [N, g] = D(!1), [j, R] = D({}), [k, b] = D("down"), [w, S] = D(-1), I = A(null), L = A(null), F = A(null), W = A(null), y = u || `select-${X.useId()}`, O = `${y}-label`, P = o ? `${y}-error` : void 0, V = 150, x = (v = !1) => {
+    N || (g(!0), S(-1), W.current = setTimeout(() => {
       var B;
-      v(!1), y(!1), x && ((B = O.current) == null || B.focus());
-    }, M));
-  }, $ = (x) => {
-    clearTimeout(k.current), y(!1);
-    const B = x !== void 0 ? x : Math.max(r.findIndex((C) => C.value === s), 0);
-    A(B), v(!0);
+      _(!1), g(!1), v && ((B = F.current) == null || B.focus());
+    }, V));
+  }, $ = (v) => {
+    clearTimeout(W.current), g(!1);
+    const B = v !== void 0 ? v : Math.max(r.findIndex((U) => U.value === s), 0);
+    S(B), _(!0);
   };
-  F(() => () => clearTimeout(k.current), []);
-  const R = () => {
+  z(() => () => clearTimeout(W.current), []);
+  const T = () => {
     var Z;
-    const x = (Z = I.current) == null ? void 0 : Z.getBoundingClientRect();
-    if (!x) return;
-    const B = window.innerHeight, C = B - x.bottom, te = x.top, G = C < 300 && te > C;
-    w(G ? "up" : "down"), T(
-      G ? { bottom: B - x.top + 4, left: x.left, width: x.width } : { top: x.bottom + 4, left: x.left, width: x.width }
+    const v = (Z = I.current) == null ? void 0 : Z.getBoundingClientRect();
+    if (!v) return;
+    const B = window.innerHeight, U = B - v.bottom, te = v.top, G = U < 300 && te > U;
+    b(G ? "up" : "down"), R(
+      G ? { bottom: B - v.top + 4, left: v.left, width: v.width } : { top: v.bottom + 4, left: v.left, width: v.width }
     );
   };
-  F(() => {
+  z(() => {
     if (f)
-      return R(), window.addEventListener("scroll", R, !0), window.addEventListener("resize", R), () => {
-        window.removeEventListener("scroll", R, !0), window.removeEventListener("resize", R);
+      return T(), window.addEventListener("scroll", T, !0), window.addEventListener("resize", T), () => {
+        window.removeEventListener("scroll", T, !0), window.removeEventListener("resize", T);
       };
-  }, [f]), F(() => {
-    const x = (B) => {
-      I.current && !I.current.contains(B.target) && D.current && !D.current.contains(B.target) && b();
+  }, [f]), z(() => {
+    const v = (B) => {
+      I.current && !I.current.contains(B.target) && L.current && !L.current.contains(B.target) && x();
     };
-    return document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
-  }, [N]), F(() => {
+    return document.addEventListener("mousedown", v), () => document.removeEventListener("mousedown", v);
+  }, [N]), z(() => {
     var B;
-    if (!f || _ < 0 || !D.current) return;
-    (B = D.current.querySelectorAll(".ds-select-option")[_]) == null || B.scrollIntoView({ block: "nearest" });
-  }, [_, f]);
-  const V = (x) => {
-    switch (x.key) {
+    if (!f || w < 0 || !L.current) return;
+    (B = L.current.querySelectorAll(".ds-select-option")[w]) == null || B.scrollIntoView({ block: "nearest" });
+  }, [w, f]);
+  const C = (v) => {
+    switch (v.key) {
       case "ArrowDown":
-        x.preventDefault(), f ? A((B) => Math.min(B + 1, r.length - 1)) : $();
+        v.preventDefault(), f ? S((B) => Math.min(B + 1, r.length - 1)) : $();
         break;
       case "ArrowUp":
-        x.preventDefault(), f ? A((B) => Math.max(B - 1, 0)) : $(r.length - 1);
+        v.preventDefault(), f ? S((B) => Math.max(B - 1, 0)) : $(r.length - 1);
         break;
       case "Home":
-        f && (x.preventDefault(), A(0));
+        f && (v.preventDefault(), S(0));
         break;
       case "End":
-        f && (x.preventDefault(), A(r.length - 1));
+        f && (v.preventDefault(), S(r.length - 1));
         break;
       case "Enter":
       case " ":
-        x.preventDefault(), f ? _ >= 0 && (n == null || n(r[_].value), b(!0)) : $();
+        v.preventDefault(), f ? w >= 0 && (n == null || n(r[w].value), x(!0)) : $();
         break;
       case "Escape":
-        f && (x.preventDefault(), b(!0));
+        f && (v.preventDefault(), x(!0));
         break;
       case "Tab":
-        f && b(!1);
+        f && x(!1);
         break;
     }
-  }, U = r.find((x) => x.value === s), Y = l === "xs" ? q[1] : l === "small" ? q[2] : q[3], m = f && /* @__PURE__ */ e.jsx(
+  }, H = r.find((v) => v.value === s), Y = l === "xs" ? q[1] : l === "small" ? q[2] : q[3], m = f && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: D,
+      ref: L,
       "data-ds-portal": "",
       role: "listbox",
-      "aria-labelledby": t ? H : void 0,
+      "aria-labelledby": t ? O : void 0,
       tabIndex: -1,
       className: [
         "ds-select-dropdown ds-scrollable",
         `ds-select-dropdown--${l}`,
-        `ds-select-dropdown--${g}`,
+        `ds-select-dropdown--${k}`,
         N && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
       style: j,
-      children: r.map((x, B) => /* @__PURE__ */ e.jsx(
+      children: r.map((v, B) => /* @__PURE__ */ e.jsx(
         "button",
         {
-          id: `${P}-opt-${B}`,
+          id: `${y}-opt-${B}`,
           type: "button",
           role: "option",
           tabIndex: -1,
-          "aria-selected": s === x.value,
+          "aria-selected": s === v.value,
           className: [
             "ds-select-option",
             `ds-select-option--${l}`,
-            s === x.value && "ds-select-option--selected",
-            B === _ && "ds-select-option--active"
+            s === v.value && "ds-select-option--selected",
+            B === w && "ds-select-option--active"
           ].filter(Boolean).join(" "),
           onClick: () => {
-            n == null || n(x.value), b(!0);
+            n == null || n(v.value), x(!0);
           },
-          children: x.label
+          children: v.label
         },
-        x.value
+        v.value
       ))
     }
   );
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${i ? "ds-select-wrapper--full" : ""} ${c ? "ds-select-wrapper--disabled" : ""}`, children: [
-    t && /* @__PURE__ */ e.jsx("label", { id: H, className: "ds-select-label", children: t }),
+    t && /* @__PURE__ */ e.jsx("label", { id: O, className: "ds-select-label", children: t }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: I, children: /* @__PURE__ */ e.jsxs(
       "button",
       {
-        ref: O,
+        ref: F,
         type: "button",
-        id: P,
+        id: y,
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": f,
-        "aria-activedescendant": f && _ >= 0 ? `${P}-opt-${_}` : void 0,
-        "aria-labelledby": t ? H : void 0,
+        "aria-activedescendant": f && w >= 0 ? `${y}-opt-${w}` : void 0,
+        "aria-labelledby": t ? O : void 0,
         "aria-invalid": o ? "true" : "false",
-        "aria-describedby": W,
+        "aria-describedby": P,
         className: `ds-select-trigger ds-select-trigger--${l} ${o ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          c || (f ? b() : $());
+          c || (f ? x() : $());
         },
-        onKeyDown: V,
+        onKeyDown: C,
         disabled: c,
         ...d,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: U ? "" : "ds-select-placeholder", children: (U == null ? void 0 : U.label) || h }),
+          /* @__PURE__ */ e.jsx("span", { className: H ? "" : "ds-select-placeholder", children: (H == null ? void 0 : H.label) || h }),
           /* @__PURE__ */ e.jsx(
             ye,
             {
               size: Y,
               strokeWidth: 1.5,
-              className: `ds-select-icon ${f && g === "down" ? "ds-select-icon--open" : ""} ${f && g === "up" ? "ds-select-icon--up" : ""}`,
+              className: `ds-select-icon ${f && k === "down" ? "ds-select-icon--open" : ""} ${f && k === "up" ? "ds-select-icon--up" : ""}`,
               "aria-hidden": "true"
             }
           )
         ]
       }
     ) }),
-    o && /* @__PURE__ */ e.jsx("span", { id: W, className: "ds-select-error", role: "alert", children: o }),
+    o && /* @__PURE__ */ e.jsx("span", { id: P, className: "ds-select-error", role: "alert", children: o }),
     typeof document < "u" && re.createPortal(m, document.body)
   ] });
 }
@@ -693,38 +693,38 @@ function Ss({
   increaseLabel: p,
   ...h
 }) {
-  const f = K(), v = () => {
+  const f = K(), _ = () => {
     if (l) return;
-    const w = Math.min(Number(s) + o, a);
-    n == null || n(w);
+    const b = Math.min(Number(s) + o, a);
+    n == null || n(b);
   }, N = () => {
     if (l) return;
-    const w = Math.max(Number(s) - o, r);
-    n == null || n(w);
-  }, y = (w) => {
+    const b = Math.max(Number(s) - o, r);
+    n == null || n(b);
+  }, g = (b) => {
     if (l) return;
-    const _ = w.target.value;
-    if (_ === "") {
+    const w = b.target.value;
+    if (w === "") {
       n == null || n(r);
       return;
     }
-    const A = Number(_);
-    if (!isNaN(A)) {
-      const I = Math.min(Math.max(A, r), a);
+    const S = Number(w);
+    if (!isNaN(S)) {
+      const I = Math.min(Math.max(S, r), a);
       n == null || n(I);
     }
   }, j = [
     "ds-stepper-wrapper",
     l && "ds-stepper-wrapper--disabled",
     u && "ds-stepper-wrapper--error"
-  ].filter(Boolean).join(" "), T = [
+  ].filter(Boolean).join(" "), R = [
     "ds-stepper",
     `ds-stepper--${i}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), g = i === "xs" ? q[1] : i === "small" ? q[2] : q[3];
+  ].filter(Boolean).join(" "), k = i === "xs" ? q[1] : i === "small" ? q[2] : q[3];
   return /* @__PURE__ */ e.jsxs("div", { className: j, children: [
     t && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: t }),
-    /* @__PURE__ */ e.jsxs("div", { className: T, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: R, children: [
       /* @__PURE__ */ e.jsx(
         "button",
         {
@@ -733,7 +733,7 @@ function Ss({
           onClick: N,
           disabled: l || s <= r,
           "aria-label": d ?? f.decrease,
-          children: /* @__PURE__ */ e.jsx(_t, { size: g, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(_t, { size: k, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -742,7 +742,7 @@ function Ss({
           type: "number",
           className: "ds-stepper-input",
           value: s,
-          onChange: y,
+          onChange: g,
           min: r,
           max: a,
           step: o,
@@ -755,10 +755,10 @@ function Ss({
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--plus",
-          onClick: v,
+          onClick: _,
           disabled: l || s >= a,
           "aria-label": p ?? f.increase,
-          children: /* @__PURE__ */ e.jsx(jt, { size: g, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(jt, { size: k, strokeWidth: 1.5 })
         }
       )
     ] }),
@@ -785,7 +785,7 @@ function As({
     l
   ].filter(Boolean).join(" ");
   if (o) {
-    const v = (N) => {
+    const _ = (N) => {
       if (i) {
         N.preventDefault();
         return;
@@ -797,7 +797,7 @@ function As({
       {
         className: p,
         href: i ? void 0 : o,
-        onClick: v,
+        onClick: _,
         "aria-disabled": i ? "true" : void 0,
         ...c,
         children: t
@@ -909,24 +909,24 @@ function zs({
   closeLabel: i,
   ...l
 }) {
-  const c = K(), u = S(null), d = S(null), p = X.useId(), [h, f] = L(!1), v = () => {
+  const c = K(), u = A(null), d = A(null), p = X.useId(), [h, f] = D(!1), _ = () => {
     !n || h || (f(!0), setTimeout(() => {
       f(!1), n();
     }, Ot));
   };
-  F(() => {
-    const g = (_) => {
-      _.key === "Escape" && v();
-    }, w = (_) => {
+  z(() => {
+    const k = (w) => {
+      w.key === "Escape" && _();
+    }, b = (w) => {
       var I;
-      const A = Ce(_);
-      A && ((I = d.current) != null && I.contains(A) || Ue(A, u.current) || v());
+      const S = Ce(w);
+      S && ((I = d.current) != null && I.contains(S) || Ue(S, u.current) || _());
     };
-    return document.addEventListener("keydown", g), document.addEventListener("mousedown", w), () => {
-      document.removeEventListener("keydown", g), document.removeEventListener("mousedown", w);
+    return document.addEventListener("keydown", k), document.addEventListener("mousedown", b), () => {
+      document.removeEventListener("keydown", k), document.removeEventListener("mousedown", b);
     };
   }, [n, h]);
-  const N = X.Children.toArray(t), y = N.find((g) => (g == null ? void 0 : g.type) === xe), j = N.filter((g) => (g == null ? void 0 : g.type) !== xe), T = /* @__PURE__ */ e.jsx(
+  const N = X.Children.toArray(t), g = N.find((k) => (k == null ? void 0 : k.type) === xe), j = N.filter((k) => (k == null ? void 0 : k.type) !== xe), R = /* @__PURE__ */ e.jsx(
     "div",
     {
       className: ["ds-modal-overlay", h && "ds-modal-overlay--closing"].filter(Boolean).join(" "),
@@ -950,7 +950,7 @@ function zs({
                 variant: "ghost",
                 size: "small",
                 icon: /* @__PURE__ */ e.jsx(ee, { size: q[2], strokeWidth: 1.5 }),
-                onClick: v,
+                onClick: _,
                 "aria-label": i ?? c.closeModal
               }
             ),
@@ -959,13 +959,13 @@ function zs({
               o && /* @__PURE__ */ e.jsx("div", { className: "ds-modal__subheader", children: o })
             ] }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: j }),
-            y
+            g
           ]
         }
       )
     }
   );
-  return typeof document > "u" ? T : re.createPortal(T, document.body);
+  return typeof document > "u" ? R : re.createPortal(R, document.body);
 }
 function xe({ children: t }) {
   return !t || X.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: t });
@@ -979,24 +979,24 @@ function Fs({
   closeLabel: a,
   ...o
 }) {
-  const i = K(), l = S(null), c = S(null), u = X.useId(), [d, p] = L(!1), h = () => {
+  const i = K(), l = A(null), c = A(null), u = X.useId(), [d, p] = D(!1), h = () => {
     !n || d || (p(!0), setTimeout(() => {
       p(!1), n();
     }, Ct));
   };
-  F(() => {
-    const j = (g) => {
-      g.key === "Escape" && h();
-    }, T = (g) => {
-      var _;
-      const w = Ce(g);
-      w && ((_ = c.current) != null && _.contains(w) || Ue(w, l.current) || h());
+  z(() => {
+    const j = (k) => {
+      k.key === "Escape" && h();
+    }, R = (k) => {
+      var w;
+      const b = Ce(k);
+      b && ((w = c.current) != null && w.contains(b) || Ue(b, l.current) || h());
     };
-    return document.addEventListener("keydown", j), document.addEventListener("mousedown", T), () => {
-      document.removeEventListener("keydown", j), document.removeEventListener("mousedown", T);
+    return document.addEventListener("keydown", j), document.addEventListener("mousedown", R), () => {
+      document.removeEventListener("keydown", j), document.removeEventListener("mousedown", R);
     };
   }, [n, d]);
-  const f = X.Children.toArray(t), v = f.find((j) => (j == null ? void 0 : j.type) === xe), N = f.filter((j) => (j == null ? void 0 : j.type) !== xe), y = /* @__PURE__ */ e.jsx(
+  const f = X.Children.toArray(t), _ = f.find((j) => (j == null ? void 0 : j.type) === xe), N = f.filter((j) => (j == null ? void 0 : j.type) !== xe), g = /* @__PURE__ */ e.jsx(
     "div",
     {
       className: ["ds-bottom-sheet-overlay", d && "ds-bottom-sheet-overlay--closing"].filter(Boolean).join(" "),
@@ -1030,13 +1030,13 @@ function Fs({
               r && /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__subheader", children: r })
             ] }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__body ds-scrollable", children: N }),
-            v
+            _
           ]
         }
       )
     }
   );
-  return typeof document > "u" ? y : re.createPortal(y, document.body);
+  return typeof document > "u" ? g : re.createPortal(g, document.body);
 }
 function Ut({
   children: t,
@@ -1048,8 +1048,8 @@ function Ut({
   className: i = "",
   ...l
 }) {
-  const c = K(), u = s ?? c.code, [d, p] = L(n), h = r !== void 0, f = h ? r : d, v = () => {
-    h ? a == null || a(!r) : p((y) => !y);
+  const c = K(), u = s ?? c.code, [d, p] = D(n), h = r !== void 0, f = h ? r : d, _ = () => {
+    h ? a == null || a(!r) : p((g) => !g);
   }, N = [
     "ds-code-accordion",
     `ds-code-accordion--${o}`,
@@ -1062,7 +1062,7 @@ function Ut({
       {
         type: "button",
         className: "ds-code-accordion__header",
-        onClick: v,
+        onClick: _,
         "aria-expanded": f,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: u }),
@@ -1233,23 +1233,23 @@ function qs({
   return a ? /* @__PURE__ */ e.jsx("button", { type: "button", role: "listitem", className: c, onClick: a, ...i, children: u }) : /* @__PURE__ */ e.jsx("div", { role: "listitem", className: c, ...i, children: u });
 }
 function Gs({ options: t, value: s, onChange: n, size: r = "m", disabled: a = !1 }) {
-  const o = S(null), i = S(null), [l, c] = L(!1), u = S(!1), d = S(null), p = S(null), h = () => {
+  const o = A(null), i = A(null), [l, c] = D(!1), u = A(!1), d = A(null), p = A(null), h = () => {
     if (!o.current) return;
     const f = o.current.querySelector(`[data-value="${s}"]`);
     if (!f) return;
-    const v = o.current.getBoundingClientRect(), N = f.getBoundingClientRect(), y = N.left - v.left, j = N.width;
-    i.current ? (i.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = y + "px", i.current.style.width = j + "px", u.current = !1) : (c(!0), requestAnimationFrame(() => {
+    const _ = o.current.getBoundingClientRect(), N = f.getBoundingClientRect(), g = N.left - _.left, j = N.width;
+    i.current ? (i.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = g + "px", i.current.style.width = j + "px", u.current = !1) : (c(!0), requestAnimationFrame(() => {
       if (!i.current || !o.current) return;
-      const T = o.current.querySelector(`[data-value="${s}"]`);
-      if (!T) return;
-      const g = o.current.getBoundingClientRect(), w = T.getBoundingClientRect();
-      i.current.style.transition = "none", i.current.style.left = w.left - g.left + "px", i.current.style.width = w.width + "px";
+      const R = o.current.querySelector(`[data-value="${s}"]`);
+      if (!R) return;
+      const k = o.current.getBoundingClientRect(), b = R.getBoundingClientRect();
+      i.current.style.transition = "none", i.current.style.left = b.left - k.left + "px", i.current.style.width = b.width + "px";
     }));
   };
   return p.current = h, ct(() => {
     const f = d.current !== s;
     d.current = s, u.current = l && f, h();
-  }), F(() => {
+  }), z(() => {
     if (!o.current) return;
     const f = new ResizeObserver(() => {
       u.current = !1, p.current();
@@ -1303,7 +1303,7 @@ function He({
   padding: o = "m",
   ...i
 }) {
-  const [l, c] = L(n), u = r !== void 0, d = u ? r : l, p = () => {
+  const [l, c] = D(n), u = r !== void 0, d = u ? r : l, p = () => {
     u ? a == null || a(!r) : c((f) => !f);
   }, h = [
     "ds-accordion",
@@ -1367,32 +1367,32 @@ function Vt(t, s, n) {
   return o === t.top ? "top" : o === a - t.bottom ? "bottom" : o === r - t.right ? "right" : "left";
 }
 function Ve({ children: t, content: s, position: n, ...r }) {
-  const [a, o] = L(!1), [i, l] = L({ visibility: "hidden" }), [c, u] = L(n || "top"), d = S(null), p = S(null), h = S(!1), f = () => {
+  const [a, o] = D(!1), [i, l] = D({ visibility: "hidden" }), [c, u] = D(n || "top"), d = A(null), p = A(null), h = A(!1), f = () => {
     if (!d.current || !p.current) return;
-    const N = d.current.getBoundingClientRect(), y = p.current.getBoundingClientRect(), j = n || Vt(N, y.height, y.width), { top: T, left: g, arrowOffset: w } = Ht(j, N, y);
+    const N = d.current.getBoundingClientRect(), g = p.current.getBoundingClientRect(), j = n || Vt(N, g.height, g.width), { top: R, left: k, arrowOffset: b } = Ht(j, N, g);
     u(j), l({
       position: "fixed",
-      top: T,
-      left: g,
+      top: R,
+      left: k,
       visibility: "visible",
-      "--arrow-offset": `${w}px`
+      "--arrow-offset": `${b}px`
     });
   };
-  if (F(() => {
+  if (z(() => {
     if (!a) return;
     l({ position: "fixed", visibility: "hidden" });
     const N = requestAnimationFrame(f);
     return window.addEventListener("scroll", f, !0), window.addEventListener("resize", f), () => {
       cancelAnimationFrame(N), window.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f);
     };
-  }, [a, n]), F(() => {
+  }, [a, n]), z(() => {
     if (!a) return;
-    const N = (y) => {
-      d.current && !d.current.contains(y.target) && o(!1);
+    const N = (g) => {
+      d.current && !d.current.contains(g.target) && o(!1);
     };
     return document.addEventListener("touchstart", N), () => document.removeEventListener("touchstart", N);
   }, [a]), !s) return t;
-  const v = a && /* @__PURE__ */ e.jsx(
+  const _ = a && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: p,
@@ -1420,7 +1420,7 @@ function Ve({ children: t, content: s, position: n, ...r }) {
       ...r,
       children: [
         t,
-        typeof document < "u" && re.createPortal(v, document.body)
+        typeof document < "u" && re.createPortal(_, document.body)
       ]
     }
   );
@@ -1443,59 +1443,59 @@ function Ks({
   popoverClassName: u = "",
   ...d
 }) {
-  const p = bt(), h = S(null), f = S(null), v = S(null), [N, y] = L(!1), [j, T] = L(null), g = s != null, w = a || t || "", _ = Qe(t || a), A = Qe(o), I = se(() => {
-    v.current != null && (window.clearTimeout(v.current), v.current = null);
-  }, []), D = se(() => {
-    I(), y(!0);
-  }, [I]), O = se(() => {
-    I(), v.current = window.setTimeout(() => y(!1), Yt);
-  }, [I]), k = se(() => {
-    const W = h.current, M = f.current;
-    if (!W) return;
-    const b = W.getBoundingClientRect(), $ = (M == null ? void 0 : M.offsetHeight) ?? 160, R = (M == null ? void 0 : M.offsetWidth) ?? 260;
-    let V = b.bottom + Ze;
-    V + $ > window.innerHeight - Ee && (V = Math.max(Ee, b.top - $ - Ze));
-    const U = Math.max(Ee, Math.min(b.left, window.innerWidth - R - Ee));
-    T({ top: V, left: U });
+  const p = bt(), h = A(null), f = A(null), _ = A(null), [N, g] = D(!1), [j, R] = D(null), k = s != null, b = a || t || "", w = Qe(t || a), S = Qe(o), I = se(() => {
+    _.current != null && (window.clearTimeout(_.current), _.current = null);
+  }, []), L = se(() => {
+    I(), g(!0);
+  }, [I]), F = se(() => {
+    I(), _.current = window.setTimeout(() => g(!1), Yt);
+  }, [I]), W = se(() => {
+    const P = h.current, V = f.current;
+    if (!P) return;
+    const x = P.getBoundingClientRect(), $ = (V == null ? void 0 : V.offsetHeight) ?? 160, T = (V == null ? void 0 : V.offsetWidth) ?? 260;
+    let C = x.bottom + Ze;
+    C + $ > window.innerHeight - Ee && (C = Math.max(Ee, x.top - $ - Ze));
+    const H = Math.max(Ee, Math.min(x.left, window.innerWidth - T - Ee));
+    R({ top: C, left: H });
   }, []);
   ct(() => {
-    N && k();
-  }, [N, k]), F(() => {
+    N && W();
+  }, [N, W]), z(() => {
     if (!N) return;
-    const W = () => k(), M = ($) => {
-      $.key === "Escape" && y(!1);
-    }, b = ($) => {
-      var V, U;
+    const P = () => W(), V = ($) => {
+      $.key === "Escape" && g(!1);
+    }, x = ($) => {
+      var C, H;
       if (n === "hover") return;
-      const R = $.target;
-      (V = f.current) != null && V.contains(R) || (U = h.current) != null && U.contains(R) || y(!1);
+      const T = $.target;
+      (C = f.current) != null && C.contains(T) || (H = h.current) != null && H.contains(T) || g(!1);
     };
-    return window.addEventListener("scroll", W, !0), window.addEventListener("resize", W), document.addEventListener("keydown", M), document.addEventListener("mousedown", b), () => {
-      window.removeEventListener("scroll", W, !0), window.removeEventListener("resize", W), document.removeEventListener("keydown", M), document.removeEventListener("mousedown", b);
+    return window.addEventListener("scroll", P, !0), window.addEventListener("resize", P), document.addEventListener("keydown", V), document.addEventListener("mousedown", x), () => {
+      window.removeEventListener("scroll", P, !0), window.removeEventListener("resize", P), document.removeEventListener("keydown", V), document.removeEventListener("mousedown", x);
     };
-  }, [N, k, n]), F(() => () => I(), [I]);
-  const P = n === "hover" ? { onMouseEnter: D, onMouseLeave: O } : {}, H = N ? re.createPortal(
+  }, [N, W, n]), z(() => () => I(), [I]);
+  const y = n === "hover" ? { onMouseEnter: L, onMouseLeave: F } : {}, O = N ? re.createPortal(
     /* @__PURE__ */ e.jsxs(
       "div",
       {
         ref: f,
         id: p,
         role: "dialog",
-        "aria-label": w || _ || "Mention",
+        "aria-label": b || w || "Mention",
         "data-ds-portal": "",
         className: ["ds-mention__popover", u].filter(Boolean).join(" "),
         style: j ? { top: j.top, left: j.left } : { top: -9999, left: -9999, visibility: "hidden" },
-        ...P,
+        ...y,
         children: [
-          (r || w || A) && /* @__PURE__ */ e.jsxs("div", { className: "ds-mention__head", children: [
+          (r || b || S) && /* @__PURE__ */ e.jsxs("div", { className: "ds-mention__head", children: [
             r,
-            (w || A) && /* @__PURE__ */ e.jsxs("div", { className: "ds-mention__meta", children: [
-              w ? /* @__PURE__ */ e.jsx("span", { className: "ds-mention__name", children: w }) : null,
-              A ? /* @__PURE__ */ e.jsx("span", { className: "ds-mention__handle", children: A }) : null
+            (b || S) && /* @__PURE__ */ e.jsxs("div", { className: "ds-mention__meta", children: [
+              b ? /* @__PURE__ */ e.jsx("span", { className: "ds-mention__name", children: b }) : null,
+              S ? /* @__PURE__ */ e.jsx("span", { className: "ds-mention__handle", children: S }) : null
             ] })
           ] }),
           i ? /* @__PURE__ */ e.jsx("p", { className: "ds-mention__desc", children: i }) : null,
-          l ? /* @__PURE__ */ e.jsx("div", { className: "ds-mention__actions", onClick: () => y(!1), children: l }) : null
+          l ? /* @__PURE__ */ e.jsx("div", { className: "ds-mention__actions", onClick: () => g(!1), children: l }) : null
         ]
       }
     ),
@@ -1510,28 +1510,28 @@ function Ks({
         type: "button",
         className: [
           "ds-mention",
-          g && "ds-mention--custom",
+          k && "ds-mention--custom",
           c
         ].filter(Boolean).join(" "),
         "aria-expanded": N,
         "aria-haspopup": "dialog",
-        "aria-label": g && (_ || w) || void 0,
+        "aria-label": k && (w || b) || void 0,
         "aria-controls": N ? p : void 0,
-        onClick: (W) => {
-          var M;
-          if ((M = d.onClick) == null || M.call(d, W), !W.defaultPrevented) {
-            if (W.preventDefault(), W.stopPropagation(), n === "hover") {
-              D();
+        onClick: (P) => {
+          var V;
+          if ((V = d.onClick) == null || V.call(d, P), !P.defaultPrevented) {
+            if (P.preventDefault(), P.stopPropagation(), n === "hover") {
+              L();
               return;
             }
-            y((b) => !b);
+            g((x) => !x);
           }
         },
-        ...P,
-        children: g ? s : _
+        ...y,
+        children: k ? s : w
       }
     ),
-    typeof document < "u" ? H : null
+    typeof document < "u" ? O : null
   ] });
 }
 function Xs({
@@ -1681,7 +1681,7 @@ function Xt(t) {
   return s.length >= 2 ? (s[0][0] + s[1][0]).toUpperCase() : t[0].toUpperCase();
 }
 function Qs({ seed: t, icon: s, src: n, size: r = 32, className: a = "", style: o = {}, ...i }) {
-  const l = Kt(t ?? ""), [c, u] = L(!1), d = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: Xt(t) });
+  const l = Kt(t ?? ""), [c, u] = D(!1), d = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: Xt(t) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1921,7 +1921,7 @@ function fn({
           }
         ),
         h.map(
-          (f, v) => f === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${v}`) : /* @__PURE__ */ e.jsx(
+          (f, _) => f === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${_}`) : /* @__PURE__ */ e.jsx(
             "button",
             {
               className: `ds-pagination-page${f === t ? " ds-pagination-page--current" : ""}`,
@@ -1968,27 +1968,27 @@ function mn({
   closeLabel: u,
   ...d
 }) {
-  const p = K(), h = S(null), f = X.useId(), [v, N] = L(!1), y = () => {
-    !n || v || (N(!0), setTimeout(() => {
+  const p = K(), h = A(null), f = X.useId(), [_, N] = D(!1), g = () => {
+    !n || _ || (N(!0), setTimeout(() => {
       N(!1), n();
     }, Zt));
   };
-  F(() => {
-    const _ = (I) => {
-      I.key === "Escape" && y();
-    }, A = (I) => {
-      var O, k;
-      const D = Ce(I);
-      D && ((O = c == null ? void 0 : c.current) != null && O.contains(D) || (k = h.current) != null && k.contains(D) || Ue(D, null) || y());
+  z(() => {
+    const w = (I) => {
+      I.key === "Escape" && g();
+    }, S = (I) => {
+      var F, W;
+      const L = Ce(I);
+      L && ((F = c == null ? void 0 : c.current) != null && F.contains(L) || (W = h.current) != null && W.contains(L) || Ue(L, null) || g());
     };
-    return document.addEventListener("keydown", _), document.addEventListener("mousedown", A), () => {
-      document.removeEventListener("keydown", _), document.removeEventListener("mousedown", A);
+    return document.addEventListener("keydown", w), document.addEventListener("mousedown", S), () => {
+      document.removeEventListener("keydown", w), document.removeEventListener("mousedown", S);
     };
-  }, [n, v, c]);
-  const j = X.Children.toArray(t), T = j.find((_) => (_ == null ? void 0 : _.type) === et || (_ == null ? void 0 : _.type) === xe), g = j.filter((_) => (_ == null ? void 0 : _.type) !== et && (_ == null ? void 0 : _.type) !== xe), w = /* @__PURE__ */ e.jsx(
+  }, [n, _, c]);
+  const j = X.Children.toArray(t), R = j.find((w) => (w == null ? void 0 : w.type) === et || (w == null ? void 0 : w.type) === xe), k = j.filter((w) => (w == null ? void 0 : w.type) !== et && (w == null ? void 0 : w.type) !== xe), b = /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-side-page-overlay", v && "ds-side-page-overlay--closing"].filter(Boolean).join(" "),
+      className: ["ds-side-page-overlay", _ && "ds-side-page-overlay--closing"].filter(Boolean).join(" "),
       "data-side": a,
       style: { "--ds-side-page-offset-left": `${i}px`, "--ds-side-page-offset-right": `${l}px` },
       ...d,
@@ -1996,7 +1996,7 @@ function mn({
         "div",
         {
           ref: h,
-          className: ["ds-side-page", v && "ds-side-page--closing"].filter(Boolean).join(" "),
+          className: ["ds-side-page", _ && "ds-side-page--closing"].filter(Boolean).join(" "),
           "data-surface": "2",
           "data-side": a,
           "data-size": o,
@@ -2011,7 +2011,7 @@ function mn({
                 variant: "ghost",
                 size: "small",
                 icon: /* @__PURE__ */ e.jsx(ee, { size: q[2], strokeWidth: 1.5 }),
-                onClick: y,
+                onClick: g,
                 "aria-label": u ?? p.close
               }
             ),
@@ -2019,14 +2019,14 @@ function mn({
               s && /* @__PURE__ */ e.jsx("h3", { id: f, className: "ds-side-page__title", children: s }),
               r && /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__subheader", children: r })
             ] }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__body ds-scrollable", children: g }),
-            T
+            /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__body ds-scrollable", children: k }),
+            R
           ]
         }
       )
     }
   );
-  return typeof document > "u" ? w : re.createPortal(w, document.body);
+  return typeof document > "u" ? b : re.createPortal(b, document.body);
 }
 function et({ children: t }) {
   return !t || X.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__footer", children: t });
@@ -2081,7 +2081,7 @@ function hn({
   className: d = "",
   ...p
 }) {
-  const { collapsed: h, side: f } = ie(_e), v = ie(Re), j = {
+  const { collapsed: h, side: f } = ie(_e), _ = ie(Re), j = {
     className: [
       "ds-nav-rail__item",
       d
@@ -2098,10 +2098,10 @@ function hn({
       "data-onboarding": u || void 0
     },
     ...p
-  }, T = i != null, g = f === "left" ? "right" : "left", w = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }, R = i != null, k = f === "left" ? "right" : "left", b = /* @__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 && T && /* @__PURE__ */ e.jsx(
+    !h && R && /* @__PURE__ */ e.jsx(
       "span",
       {
         className: ["ds-nav-rail__count", i === 0 && "ds-nav-rail__count--zero"].filter(Boolean).join(" "),
@@ -2109,11 +2109,11 @@ function hn({
         children: i
       }
     ),
-    !h && l && (!T || i === 0) && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot ds-nav-rail__dot--inline", "aria-hidden": "true" }),
-    h && T && i !== 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__count-collapsed", "data-updated": l || void 0, children: i > 99 ? "99+" : i }),
-    h && l && (!T || i === 0) && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot", "aria-hidden": "true" })
-  ] }), _ = a ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : a, ...j, children: w }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...j, children: w });
-  return h && !v ? /* @__PURE__ */ e.jsx(Ve, { content: s, position: g, children: _ }) : _;
+    !h && l && (!R || i === 0) && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot ds-nav-rail__dot--inline", "aria-hidden": "true" }),
+    h && R && i !== 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__count-collapsed", "data-updated": l || void 0, children: i > 99 ? "99+" : i }),
+    h && l && (!R || i === 0) && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot", "aria-hidden": "true" })
+  ] }), w = a ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : a, ...j, children: b }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...j, children: b });
+  return h && !_ ? /* @__PURE__ */ e.jsx(Ve, { content: s, position: k, children: w }) : w;
 }
 function xn({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__body", "ds-scrollable", s].filter(Boolean).join(" "), ...n, children: t });
@@ -2128,7 +2128,7 @@ function _n({ className: t = "", ...s }) {
   return /* @__PURE__ */ e.jsx("hr", { className: ["ds-nav-rail__divider", t].filter(Boolean).join(" "), ...s });
 }
 function jn({ children: t, label: s, defaultOpen: n = !0, className: r = "", ...a }) {
-  const { collapsed: o } = ie(_e), i = K(), l = s ?? i.recents, [c, u] = L(n);
+  const { collapsed: o } = ie(_e), i = K(), l = s ?? i.recents, [c, u] = D(n);
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-nav-rail__recents", r].filter(Boolean).join(" "), ...a, children: [
     !o && /* @__PURE__ */ e.jsxs(
       "button",
@@ -2189,11 +2189,11 @@ function wn({ avatar: t, label: s, selected: n = !1, disabled: r = !1, href: a,
       "data-disabled": r || void 0
     },
     ...l
-  }, v = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }, _ = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: t }),
     !c && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s })
-  ] }), N = u === "left" ? "right" : "left", y = a ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : a, ...f, children: v }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...f, children: v });
-  return c && !d ? /* @__PURE__ */ e.jsx(Ve, { content: s, position: N, children: y }) : y;
+  ] }), N = u === "left" ? "right" : "left", g = a ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : a, ...f, children: _ }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...f, children: _ });
+  return c && !d ? /* @__PURE__ */ e.jsx(Ve, { content: s, position: N, children: g }) : g;
 }
 const tt = 240, st = 6, nt = 8;
 function gn({
@@ -2205,51 +2205,51 @@ function gn({
   defaultOpen: o = !1,
   closeLabel: i
 }) {
-  const l = K(), { side: c } = ie(_e), [u, d] = L(o), p = r !== void 0, h = p ? r : u, [f, v] = L(!1), N = S(null), y = S(null), [j, T] = L({}), g = se(() => {
+  const l = K(), { side: c } = ie(_e), [u, d] = D(o), p = r !== void 0, h = p ? r : u, [f, _] = D(!1), N = A(null), g = A(null), [j, R] = D({}), k = se(() => {
     p ? a == null || a(!0) : d(!0);
-  }, [p, a]), w = se(() => {
+  }, [p, a]), b = se(() => {
     p ? a == null || a(!1) : d(!1);
-  }, [p, a]), _ = se(() => h ? w() : g(), [h, g, w]), A = se(() => {
-    var W;
-    const D = N.current;
-    if (!D) return;
-    const O = D.getBoundingClientRect(), k = window.innerHeight, P = ((W = y.current) == null ? void 0 : W.offsetHeight) ?? 300, H = Math.max(nt, Math.min(k - P - nt, O.top));
-    T(c === "right" ? {
+  }, [p, a]), w = se(() => h ? b() : k(), [h, k, b]), S = se(() => {
+    var P;
+    const L = N.current;
+    if (!L) return;
+    const F = L.getBoundingClientRect(), W = window.innerHeight, y = ((P = g.current) == null ? void 0 : P.offsetHeight) ?? 300, O = Math.max(nt, Math.min(W - y - nt, F.top));
+    R(c === "right" ? {
       position: "fixed",
-      top: H,
-      right: window.innerWidth - O.left + st,
+      top: O,
+      right: window.innerWidth - F.left + st,
       width: tt
     } : {
       position: "fixed",
-      top: H,
-      left: O.right + st,
+      top: O,
+      left: F.right + st,
       width: tt
     });
   }, [c]);
-  F(() => {
+  z(() => {
     if (!h) {
-      v(!1);
+      _(!1);
       return;
     }
-    return A(), requestAnimationFrame(() => v(!0)), window.addEventListener("scroll", A, !0), window.addEventListener("resize", A), () => {
-      window.removeEventListener("scroll", A, !0), window.removeEventListener("resize", A);
+    return S(), requestAnimationFrame(() => _(!0)), window.addEventListener("scroll", S, !0), window.addEventListener("resize", S), () => {
+      window.removeEventListener("scroll", S, !0), window.removeEventListener("resize", S);
     };
-  }, [h, A]), F(() => {
+  }, [h, S]), z(() => {
     if (!h) return;
-    const D = (k) => {
-      var P, H;
-      !((P = y.current) != null && P.contains(k.target)) && !((H = N.current) != null && H.contains(k.target)) && w();
-    }, O = (k) => {
-      k.key === "Escape" && w();
+    const L = (W) => {
+      var y, O;
+      !((y = g.current) != null && y.contains(W.target)) && !((O = N.current) != null && O.contains(W.target)) && b();
+    }, F = (W) => {
+      W.key === "Escape" && b();
     };
-    return document.addEventListener("mousedown", D), document.addEventListener("keydown", O), () => {
-      document.removeEventListener("mousedown", D), document.removeEventListener("keydown", O);
+    return document.addEventListener("mousedown", L), document.addEventListener("keydown", F), () => {
+      document.removeEventListener("mousedown", L), document.removeEventListener("keydown", F);
     };
-  }, [h, w]);
+  }, [h, b]);
   const I = h && /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: y,
+      ref: g,
       className: [
         "ds-nav-rail-flyout",
         `ds-nav-rail-flyout--${c}`,
@@ -2267,7 +2267,7 @@ function gn({
             {
               type: "button",
               className: "ds-nav-rail-flyout__close",
-              onClick: w,
+              onClick: b,
               "aria-label": i ?? l.close,
               children: /* @__PURE__ */ e.jsx(ee, { size: 16, strokeWidth: 2 })
             }
@@ -2278,7 +2278,7 @@ function gn({
     }
   );
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(Re.Provider, { value: h, children: /* @__PURE__ */ e.jsx("div", { ref: N, onClick: _, style: { display: "flex", flexDirection: "column", width: "100%" }, children: t }) }),
+    /* @__PURE__ */ e.jsx(Re.Provider, { value: h, children: /* @__PURE__ */ e.jsx("div", { ref: N, onClick: w, style: { display: "flex", flexDirection: "column", width: "100%" }, children: t }) }),
     typeof document < "u" && re.createPortal(I, document.body)
   ] });
 }
@@ -2342,96 +2342,96 @@ function kn({
   style: l,
   ...c
 }) {
-  const [u, d] = L(!1), [p, h] = L(!1), f = n !== void 0, v = f ? n : u, N = S(null), y = S(null), j = S(null), T = S(null), [g, w] = L({}), _ = S(null), A = 150, I = () => {
+  const [u, d] = D(!1), [p, h] = D(!1), f = n !== void 0, _ = f ? n : u, N = A(null), g = A(null), j = A(null), R = A(null), [k, b] = D({}), w = A(null), S = 150, I = () => {
     if (f)
       r == null || r(!1);
     else {
       if (p) return;
-      h(!0), _.current = setTimeout(() => {
+      h(!0), w.current = setTimeout(() => {
         d(!1), h(!1);
-      }, A);
+      }, S);
     }
-  }, D = () => {
-    const b = !v;
-    f ? r == null || r(b) : b ? (clearTimeout(_.current), h(!1), d(!0)) : I();
-  }, O = () => {
-    v || (f ? r == null || r(!0) : (clearTimeout(_.current), h(!1), d(!0)));
+  }, L = () => {
+    const x = !_;
+    f ? r == null || r(x) : x ? (clearTimeout(w.current), h(!1), d(!0)) : I();
+  }, F = () => {
+    _ || (f ? r == null || r(!0) : (clearTimeout(w.current), h(!1), d(!0)));
   };
-  F(() => () => clearTimeout(_.current), []), F(() => {
-    if (!v) return;
-    const b = 300, $ = () => {
+  z(() => () => clearTimeout(w.current), []), z(() => {
+    if (!_) return;
+    const x = 300, $ = () => {
       var Y;
-      const R = (Y = N.current) == null ? void 0 : Y.getBoundingClientRect();
-      if (!R) return;
-      const V = window.innerHeight - R.bottom, U = V < b + 8 && R.top > V;
-      w(
-        a === "right" ? U ? { bottom: window.innerHeight - R.top + 4, top: "auto", right: window.innerWidth - R.right } : { top: R.bottom + 4, bottom: "auto", right: window.innerWidth - R.right } : U ? { bottom: window.innerHeight - R.top + 4, top: "auto", left: R.left } : { top: R.bottom + 4, bottom: "auto", left: R.left }
+      const T = (Y = N.current) == null ? void 0 : Y.getBoundingClientRect();
+      if (!T) return;
+      const C = window.innerHeight - T.bottom, H = C < x + 8 && T.top > C;
+      b(
+        a === "right" ? H ? { bottom: window.innerHeight - T.top + 4, top: "auto", right: window.innerWidth - T.right } : { top: T.bottom + 4, bottom: "auto", right: window.innerWidth - T.right } : H ? { bottom: window.innerHeight - T.top + 4, top: "auto", left: T.left } : { top: T.bottom + 4, bottom: "auto", left: T.left }
       );
     };
     return $(), window.addEventListener("scroll", $, !0), window.addEventListener("resize", $), () => {
       window.removeEventListener("scroll", $, !0), window.removeEventListener("resize", $);
     };
-  }, [v, a]);
-  const k = () => {
+  }, [_, a]);
+  const W = () => {
     var $;
-    const b = ($ = j.current) == null ? void 0 : $.querySelector(
+    const x = ($ = j.current) == null ? void 0 : $.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
-    b == null || b.focus();
+    x == null || x.focus();
   };
-  F(() => {
-    if (!v) return;
-    const b = (R) => {
-      var V, U;
-      !((V = N.current) != null && V.contains(R.target)) && !((U = y.current) != null && U.contains(R.target)) && I();
-    }, $ = (R) => {
-      R.key === "Escape" && (I(), k());
+  z(() => {
+    if (!_) return;
+    const x = (T) => {
+      var C, H;
+      !((C = N.current) != null && C.contains(T.target)) && !((H = g.current) != null && H.contains(T.target)) && I();
+    }, $ = (T) => {
+      T.key === "Escape" && (I(), W());
     };
-    return document.addEventListener("mousedown", b), document.addEventListener("keydown", $), () => {
-      document.removeEventListener("mousedown", b), document.removeEventListener("keydown", $);
+    return document.addEventListener("mousedown", x), document.addEventListener("keydown", $), () => {
+      document.removeEventListener("mousedown", x), document.removeEventListener("keydown", $);
     };
-  }, [v]), F(() => {
-    if (!v || !T.current || !y.current) return;
-    const b = P(), $ = T.current === "last" ? b[b.length - 1] : b[0];
-    $ == null || $.focus(), T.current = null;
-  }, [v]);
-  const P = () => y.current ? [...y.current.querySelectorAll(
+  }, [_]), z(() => {
+    if (!_ || !R.current || !g.current) return;
+    const x = y(), $ = R.current === "last" ? x[x.length - 1] : x[0];
+    $ == null || $.focus(), R.current = null;
+  }, [_]);
+  const y = () => g.current ? [...g.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
-  )] : [], H = (b) => {
-    var $, R;
-    if (b.key === "ArrowDown")
-      b.preventDefault(), v ? ($ = P()[0]) == null || $.focus() : (T.current = "first", O());
-    else if (b.key === "ArrowUp")
-      if (b.preventDefault(), !v)
-        T.current = "last", O();
+  )] : [], O = (x) => {
+    var $, T;
+    if (x.key === "ArrowDown")
+      x.preventDefault(), _ ? ($ = y()[0]) == null || $.focus() : (R.current = "first", F());
+    else if (x.key === "ArrowUp")
+      if (x.preventDefault(), !_)
+        R.current = "last", F();
       else {
-        const V = P();
-        (R = V[V.length - 1]) == null || R.focus();
+        const C = y();
+        (T = C[C.length - 1]) == null || T.focus();
       }
-  }, W = (b) => {
-    var V, U, Y, m;
-    const $ = P(), R = $.findIndex((x) => x === document.activeElement);
-    switch (b.key) {
+  }, P = (x) => {
+    var C, H, Y, m;
+    const $ = y(), T = $.findIndex((v) => v === document.activeElement);
+    switch (x.key) {
       case "ArrowDown":
-        b.preventDefault(), (V = $[Math.min(R + 1, $.length - 1)]) == null || V.focus();
+        x.preventDefault(), (C = $[Math.min(T + 1, $.length - 1)]) == null || C.focus();
         break;
       case "ArrowUp":
-        b.preventDefault(), R <= 0 ? k() : (U = $[R - 1]) == null || U.focus();
+        x.preventDefault(), T <= 0 ? W() : (H = $[T - 1]) == null || H.focus();
         break;
       case "Home":
-        b.preventDefault(), (Y = $[0]) == null || Y.focus();
+        x.preventDefault(), (Y = $[0]) == null || Y.focus();
         break;
       case "End":
-        b.preventDefault(), (m = $[$.length - 1]) == null || m.focus();
+        x.preventDefault(), (m = $[$.length - 1]) == null || m.focus();
         break;
       case "Tab":
         I();
         break;
     }
-  }, M = v && /* @__PURE__ */ e.jsx(
+  }, V = _ && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: y,
+      ref: g,
       role: "menu",
       "data-ds-portal": "",
       className: [
@@ -2439,34 +2439,34 @@ function kn({
         `ds-dropdown__menu--${a}`,
         p && "ds-dropdown__menu--closing"
       ].filter(Boolean).join(" "),
-      style: g,
-      onKeyDown: W,
-      children: s.map((b, $) => {
-        if (b.separator)
+      style: k,
+      onKeyDown: P,
+      children: s.map((x, $) => {
+        if (x.separator)
           return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, $);
-        if (b.type === "section")
+        if (x.type === "section")
           return /* @__PURE__ */ e.jsxs("div", { className: "ds-dropdown__section", children: [
-            b.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: b.label }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: b.content })
+            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 })
           ] }, $);
-        const R = !!b.href, V = R ? "a" : "button", U = R ? { href: b.disabled ? void 0 : b.href, "aria-disabled": b.disabled ? "true" : void 0 } : { type: "button", disabled: b.disabled };
+        const T = !!x.href, C = T ? "a" : "button", H = T ? { href: x.disabled ? void 0 : x.href, "aria-disabled": x.disabled ? "true" : void 0 } : { type: "button", disabled: x.disabled };
         return /* @__PURE__ */ e.jsxs(
-          V,
+          C,
           {
             role: "menuitem",
             className: [
               "ds-dropdown__item",
-              b.danger && "ds-dropdown__item--danger"
+              x.danger && "ds-dropdown__item--danger"
             ].filter(Boolean).join(" "),
-            ...U,
+            ...H,
             onClick: () => {
               var Y;
-              (Y = b.onClick) == null || Y.call(b), I();
+              (Y = x.onClick) == null || Y.call(x), I();
             },
             children: [
-              b.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: b.icon }),
-              /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: b.label }),
-              b.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: b.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 })
             ]
           },
           $
@@ -2487,12 +2487,12 @@ function kn({
           {
             ref: j,
             className: "ds-dropdown__trigger",
-            onClick: D,
-            onKeyDown: H,
+            onClick: L,
+            onKeyDown: O,
             children: t
           }
         ),
-        typeof document < "u" && re.createPortal(M, document.body)
+        typeof document < "u" && re.createPortal(V, document.body)
       ]
     }
   );
@@ -2536,8 +2536,8 @@ function En({
 }
 const es = (t) => 1 - Math.pow(1 - t, 3), ts = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 function ss(t, { duration: s = 600 } = {}) {
-  const [n, r] = L(t), a = S(t), o = S(null);
-  return F(() => {
+  const [n, r] = D(t), a = A(t), o = A(null);
+  return z(() => {
     if (ts()) {
       r(t), a.current = t;
       return;
@@ -2564,8 +2564,8 @@ function Tn({
   return `${r}${i}${a}`;
 }
 function ns({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
-  const r = S(null), [a, o] = L(!1);
-  return F(() => {
+  const r = A(null), [a, o] = D(!1);
+  return z(() => {
     const i = r.current;
     if (!i) return;
     const l = new IntersectionObserver(
@@ -2587,8 +2587,8 @@ function $n({
   onLeave: i,
   ...l
 }) {
-  const { ref: c, inView: u } = ns({ threshold: r, rootMargin: a, once: n }), d = S(!1);
-  return F(() => {
+  const { ref: c, inView: u } = ns({ threshold: r, rootMargin: a, once: n }), d = A(!1);
+  return z(() => {
     u && !d.current && (o == null || o()), !u && d.current && (i == null || i()), d.current = u;
   }, [u]), /* @__PURE__ */ e.jsx(s, { ref: c, ...l, children: typeof t == "function" ? t(u) : t });
 }
@@ -2622,8 +2622,8 @@ function Rn() {
   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 os({ data: t, onDismiss: s }) {
-  const n = K(), [r, a] = L(!1), o = S(null);
-  F(() => (requestAnimationFrame(() => a(!0)), t.duration > 0 && (o.current = setTimeout(() => i(), t.duration)), () => clearTimeout(o.current)), []);
+  const n = K(), [r, a] = D(!1), o = A(null);
+  z(() => (requestAnimationFrame(() => a(!0)), t.duration > 0 && (o.current = setTimeout(() => i(), t.duration)), () => clearTimeout(o.current)), []);
   function i() {
     a(!1), setTimeout(() => s(t.id), 250);
   }
@@ -2655,8 +2655,8 @@ function os({ data: t, onDismiss: s }) {
   );
 }
 function Sn({ position: t = "bottom-right" }) {
-  const [s, n] = L(() => [...ve]);
-  return F(() => (Le.add(n), () => Le.delete(n)), []), !s.length || typeof document > "u" ? null : re.createPortal(
+  const [s, n] = D(() => [...ve]);
+  return z(() => (Le.add(n), () => Le.delete(n)), []), !s.length || typeof document > "u" ? null : re.createPortal(
     /* @__PURE__ */ e.jsx("div", { "data-ds-portal": "", className: ["ds-toast-container", `ds-toast-container--${t}`].join(" "), children: s.map((r) => /* @__PURE__ */ e.jsx(os, { data: r, onDismiss: as }, r.id)) }),
     document.body
   );
@@ -2717,7 +2717,7 @@ function ls({
   "aria-label": r,
   ...a
 }) {
-  const o = K(), [i, l] = L(!1), c = (u) => {
+  const o = K(), [i, l] = D(!1), c = (u) => {
     u.currentTarget.blur(), navigator.clipboard.writeText(t).then(() => {
       l(!0), setTimeout(() => l(!1), n);
     });
@@ -2736,8 +2736,8 @@ function ls({
   );
 }
 function Bn({ content: t, streaming: s = !1, ...n }) {
-  const [r, a] = L(s);
-  return F(() => {
+  const [r, a] = D(s);
+  return z(() => {
     a(!!s);
   }, [s]), /* @__PURE__ */ e.jsx(
     He,
@@ -2770,7 +2770,7 @@ function In({
   const c = K(), { t: u } = be();
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", o].filter(Boolean).join(" "), ...l, children: [
     /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i ?? c.steps, children: Array.from({ length: t }, (d, p) => {
-      const h = p === s, f = n.includes(p) && !h, v = r && (p <= s || n.includes(p)), N = [
+      const h = p === s, f = n.includes(p) && !h, _ = r && (p <= s || n.includes(p)), N = [
         "ds-step-indicator__dot",
         h && "ds-step-indicator__dot--active",
         f && "ds-step-indicator__dot--done"
@@ -2783,7 +2783,7 @@ function In({
           role: "tab",
           "aria-selected": h,
           "aria-label": u("stepN", { n: p + 1 }),
-          disabled: !v || p === s,
+          disabled: !_ || p === s,
           onClick: () => r == null ? void 0 : r(p),
           children: f ? /* @__PURE__ */ e.jsx(Pe, { size: 8, strokeWidth: 3 }) : null
         },
@@ -2805,8 +2805,8 @@ function Ln({
   className: a = "",
   ...o
 }) {
-  const i = S(t);
-  return F(() => {
+  const i = A(t);
+  return z(() => {
     t !== i.current && (r == null || r(t), i.current = t);
   }, [t, r]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", a].filter(Boolean).join(" "), ...o, children: [
     t,
@@ -2841,8 +2841,8 @@ function Dn({
   ] });
 }
 function Pn(t, { containerRef: s, smartPause: n = !0 } = {}) {
-  const r = S(!1), a = S(0);
-  F(() => {
+  const r = A(!1), a = A(0);
+  z(() => {
     const o = s == null ? void 0 : s.current;
     if (!o) return;
     const i = () => {
@@ -2850,7 +2850,7 @@ function Pn(t, { containerRef: s, smartPause: n = !0 } = {}) {
       !l && o.scrollTop < a.current && (r.current = !0), l && (r.current = !1), a.current = o.scrollTop;
     };
     return o.addEventListener("scroll", i, { passive: !0 }), () => o.removeEventListener("scroll", i);
-  }, [s]), F(() => {
+  }, [s]), z(() => {
     const o = s == null ? void 0 : s.current;
     o && (n && r.current || (o.scrollTop = o.scrollHeight));
   }, t);
@@ -2864,33 +2864,33 @@ function cs({
   betweenTime: o = 380,
   manualPauseMs: i = 5e3
 }) {
-  const [l, c] = L(0), [u, d] = L(""), p = S("typing"), h = S(0), f = S(0), v = S(null), N = S(0);
-  F(() => {
+  const [l, c] = D(0), [u, d] = D(""), p = A("typing"), h = A(0), f = A(0), _ = A(null), N = A(0);
+  z(() => {
     f.current = l;
-  }, [l]), F(() => {
-    if (v.current && (clearTimeout(v.current), v.current = null), !s || t.length === 0) {
+  }, [l]), z(() => {
+    if (_.current && (clearTimeout(_.current), _.current = null), !s || t.length === 0) {
       d(""), h.current = 0, p.current = "typing";
       return;
     }
-    const w = () => {
-      const _ = Date.now();
-      if (N.current > _) {
-        v.current = setTimeout(w, N.current - _);
+    const b = () => {
+      const w = Date.now();
+      if (N.current > w) {
+        _.current = setTimeout(b, N.current - w);
         return;
       }
-      const A = t[f.current % t.length] ?? "";
-      p.current === "typing" ? (h.current += 1, d(A.slice(0, h.current)), h.current >= A.length ? (p.current = "holding", v.current = setTimeout(w, a)) : v.current = setTimeout(w, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", v.current = setTimeout(w, r)) : (h.current = Math.max(0, h.current - 1), d(A.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", f.current = (f.current + 1) % t.length, c(f.current), v.current = setTimeout(w, o)) : v.current = setTimeout(w, r));
+      const S = t[f.current % t.length] ?? "";
+      p.current === "typing" ? (h.current += 1, d(S.slice(0, h.current)), h.current >= S.length ? (p.current = "holding", _.current = setTimeout(b, a)) : _.current = setTimeout(b, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", _.current = setTimeout(b, r)) : (h.current = Math.max(0, h.current - 1), d(S.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", f.current = (f.current + 1) % t.length, c(f.current), _.current = setTimeout(b, o)) : _.current = setTimeout(b, r));
     };
-    return v.current = setTimeout(w, 260), () => {
-      v.current && clearTimeout(v.current);
+    return _.current = setTimeout(b, 260), () => {
+      _.current && clearTimeout(_.current);
     };
   }, [s, t, n, r, a, o]);
-  const y = (w) => {
+  const g = (b) => {
     if (t.length === 0) return;
-    const _ = (w % t.length + t.length) % t.length, A = t[_];
-    f.current = _, h.current = A.length, p.current = "holding", N.current = Date.now() + i, c(_), d(A);
-  }, j = () => y(f.current + 1), T = () => y(f.current - 1), g = t[l % t.length] ?? "";
-  return { displayed: u, currentPrompt: g, index: l, next: j, prev: T };
+    const w = (b % t.length + t.length) % t.length, S = t[w];
+    f.current = w, h.current = S.length, p.current = "holding", N.current = Date.now() + i, c(w), d(S);
+  }, j = () => g(f.current + 1), R = () => g(f.current - 1), k = t[l % t.length] ?? "";
+  return { displayed: u, currentPrompt: k, index: l, next: j, prev: R };
 }
 let ds = 0;
 function Mn({
@@ -2908,70 +2908,70 @@ function Mn({
   onAttachFiles: p,
   onAttachImages: h,
   onRemoveAttachment: f,
-  onRemoveImage: v,
+  onRemoveImage: _,
   acceptImage: N,
-  acceptFile: y,
+  acceptFile: g,
   maxImages: j,
-  maxImageSize: T,
-  leftSlot: g,
-  rightSlot: w,
-  className: _ = "",
-  ...A
+  maxImageSize: R,
+  leftSlot: k,
+  rightSlot: b,
+  className: w = "",
+  ...S
 }) {
-  const I = K(), { t: D } = be(), O = S(null), k = S(null), P = S(0), [H, W] = L(!1), [M, b] = L([]), $ = l ?? I.promptPlaceholder, R = (E) => {
-    const z = ++ds;
-    b((J) => [...J, { id: z, msg: E }]), setTimeout(() => b((J) => J.filter((Q) => Q.id !== z)), 6e3);
-  }, V = (E) => b((z) => z.filter((J) => J.id !== E)), U = (E) => E.type.startsWith("image/"), Y = () => !0, m = N ?? U, x = y ?? Y, B = (E) => {
-    const z = [], J = [], Q = [], ne = [];
+  const I = K(), { t: L } = be(), F = A(null), W = A(null), y = A(0), [O, P] = D(!1), [V, x] = D([]), $ = l ?? I.promptPlaceholder, T = (E) => {
+    const M = ++ds;
+    x((J) => [...J, { id: M, msg: E }]), setTimeout(() => x((J) => J.filter((Q) => Q.id !== M)), 6e3);
+  }, C = (E) => x((M) => M.filter((J) => J.id !== E)), H = (E) => E.type.startsWith("image/"), Y = () => !0, m = N ?? H, v = g ?? Y, B = (E) => {
+    const M = [], J = [], Q = [], ne = [];
     let ae = 0, me = j != null ? j - ((d == null ? void 0 : d.length) ?? 0) : 1 / 0;
     for (const oe of E)
-      m(oe) ? T && oe.size > T ? Q.push(oe.name) : me > 0 ? (z.push(oe), me--) : ae++ : x(oe) ? J.push(oe) : ne.push(oe.name);
-    return { imageFiles: z, docFiles: J, tooLarge: Q, skipped: ne, limitExceeded: ae };
-  }, C = (E) => {
-    const z = T ? D("fileTooLargeMaxHint", { maxMb: T / 1024 / 1024 }) : "";
-    R(D("fileTooLarge", { maxHint: z, names: E.join(", ") }));
+      m(oe) ? R && oe.size > R ? Q.push(oe.name) : me > 0 ? (M.push(oe), me--) : ae++ : v(oe) ? J.push(oe) : ne.push(oe.name);
+    return { imageFiles: M, docFiles: J, tooLarge: Q, skipped: ne, limitExceeded: ae };
+  }, U = (E) => {
+    const M = R ? L("fileTooLargeMaxHint", { maxMb: R / 1024 / 1024 }) : "";
+    T(L("fileTooLarge", { maxHint: M, names: E.join(", ") }));
   }, te = (E) => {
-    const { imageFiles: z, docFiles: J, tooLarge: Q, skipped: ne, limitExceeded: ae } = B(E);
-    Q.length && C(Q), ne.length && R(D("filesSkipped", { names: ne.join(", ") })), ae && R(D("maxImages", { n: j })), h && z.length && h(z);
-    const me = J.concat(h ? [] : z);
+    const { imageFiles: M, docFiles: J, tooLarge: Q, skipped: ne, limitExceeded: ae } = B(E);
+    Q.length && U(Q), ne.length && T(L("filesSkipped", { names: ne.join(", ") })), ae && T(L("maxImages", { n: j })), h && M.length && h(M);
+    const me = J.concat(h ? [] : M);
     p && me.length && p(me);
   };
-  F(() => {
-    const E = k.current;
+  z(() => {
+    const E = W.current;
     E && (E.style.height = "auto", E.style.height = `${Math.min(E.scrollHeight, 200)}px`);
-  }, [t]), F(() => {
-    const E = (z) => {
+  }, [t]), z(() => {
+    const E = (M) => {
       var Q, ne, ae;
       if (o || i) return;
-      const J = (Q = z.target) == null ? void 0 : Q.tagName;
-      J === "INPUT" || J === "TEXTAREA" || J === "SELECT" || (ne = z.target) != null && ne.isContentEditable || z.ctrlKey || z.metaKey || z.altKey || z.key.length !== 1 && z.key !== "Backspace" && z.key !== "Delete" || (ae = k.current) == null || ae.focus();
+      const J = (Q = M.target) == null ? void 0 : Q.tagName;
+      J === "INPUT" || J === "TEXTAREA" || J === "SELECT" || (ne = M.target) != null && ne.isContentEditable || M.ctrlKey || M.metaKey || M.altKey || M.key.length !== 1 && M.key !== "Backspace" && M.key !== "Delete" || (ae = W.current) == null || ae.focus();
     };
     return document.addEventListener("keydown", E), () => document.removeEventListener("keydown", E);
   }, [o, i]);
   const le = (E) => {
-    E.preventDefault(), P.current++, E.dataTransfer.types.includes("Files") && W(!0);
+    E.preventDefault(), y.current++, E.dataTransfer.types.includes("Files") && P(!0);
   }, G = (E) => {
-    E.preventDefault(), P.current--, P.current === 0 && W(!1);
+    E.preventDefault(), y.current--, y.current === 0 && P(!1);
   }, Z = (E) => E.preventDefault(), fe = (E) => {
-    E.preventDefault(), P.current = 0, W(!1);
-    const z = Array.from(E.dataTransfer.files);
-    z.length && te(z);
+    E.preventDefault(), y.current = 0, P(!1);
+    const M = Array.from(E.dataTransfer.files);
+    M.length && te(M);
   }, je = (E) => {
-    const z = Array.from(E.target.files || []);
-    O.current && (O.current.value = ""), z.length && te(z);
+    const M = Array.from(E.target.files || []);
+    F.current && (F.current.value = ""), M.length && te(M);
   }, Se = (E) => {
     var oe;
     if (!h) return;
-    const z = (oe = E.clipboardData) == null ? void 0 : oe.items;
-    if (!z) return;
+    const M = (oe = E.clipboardData) == null ? void 0 : oe.items;
+    if (!M) return;
     const J = [];
-    for (const xt of z) {
+    for (const xt of M) {
       const qe = xt.getAsFile();
       qe && J.push(qe);
     }
     if (J.length === 0) return;
     const { imageFiles: Q, tooLarge: ne, skipped: ae, limitExceeded: me } = B(J);
-    ne.length && C(ne), ae.length && R(D("filesSkipped", { names: ae.join(", ") })), me && R(D("maxImages", { n: j })), Q.length && (E.preventDefault(), h(Q));
+    ne.length && U(ne), ae.length && T(L("filesSkipped", { names: ae.join(", ") })), me && T(L("maxImages", { n: j })), Q.length && (E.preventDefault(), h(Q));
   }, Ne = !o && !i && !!(c != null && c.length) && t.length === 0, ke = cs({
     prompts: c ?? [],
     enabled: Ne
@@ -2992,11 +2992,11 @@ function Mn({
     }
     a == null || a(E);
   }, ht = (t.trim() || (d == null ? void 0 : d.length) > 0 || (u == null ? void 0 : u.length) > 0) && !i, Ye = p || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", _].filter(Boolean).join(" "), ...A, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", w].filter(Boolean).join(" "), ...S, children: [
     Ye && /* @__PURE__ */ e.jsx(
       "input",
       {
-        ref: O,
+        ref: F,
         type: "file",
         multiple: !0,
         accept: "*/*",
@@ -3007,17 +3007,17 @@ function Mn({
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: ["ds-prompt-input__box", H && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
+        className: ["ds-prompt-input__box", O && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
         onDragEnter: le,
         onDragLeave: G,
         onDragOver: Z,
         onDrop: fe,
         children: [
-          H && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: I.dropFilesHere }),
+          O && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: I.dropFilesHere }),
           /* @__PURE__ */ e.jsx(
             "textarea",
             {
-              ref: k,
+              ref: W,
               value: t,
               onChange: (E) => s == null ? void 0 : s(E.target.value),
               onKeyDown: pt,
@@ -3032,33 +3032,33 @@ function Mn({
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-text", children: ke.displayed }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-cursor" })
           ] }),
-          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: d.map((E, z) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
+          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: d.map((E, M) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
             /* @__PURE__ */ e.jsx("img", { src: E.preview, alt: "" }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 className: "ds-prompt-input__image-remove",
-                onClick: () => v == null ? void 0 : v(z),
+                onClick: () => _ == null ? void 0 : _(M),
                 "aria-label": I.removeImage,
                 type: "button",
                 children: /* @__PURE__ */ e.jsx(ee, { size: 12, strokeWidth: 2 })
               }
             )
-          ] }, z)) }),
-          M.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: M.map((E) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
+          ] }, M)) }),
+          V.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: V.map((E) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
             /* @__PURE__ */ e.jsx("span", { children: E.msg }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
                 className: "ds-prompt-input__warning-close",
-                onClick: () => V(E.id),
+                onClick: () => C(E.id),
                 "aria-label": I.dismiss,
                 children: /* @__PURE__ */ e.jsx(ee, { size: q[1], strokeWidth: 1.5 })
               }
             )
           ] }, E.id)) }),
-          u && u.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: u.map((E, z) => /* @__PURE__ */ e.jsx(he, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
+          u && u.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: u.map((E, M) => /* @__PURE__ */ e.jsx(he, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
             E.uploading ? /* @__PURE__ */ e.jsx(Tt, { size: q[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Ge, { size: q[1], strokeWidth: 1.5 }),
             E.filename,
             E.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: I.uploading }) : /* @__PURE__ */ e.jsx(
@@ -3066,12 +3066,12 @@ function Mn({
               {
                 type: "button",
                 className: "ds-prompt-input__remove-btn",
-                onClick: () => f == null ? void 0 : f(z),
+                onClick: () => f == null ? void 0 : f(M),
                 "aria-label": I.removeAttachment,
                 children: /* @__PURE__ */ e.jsx(ee, { size: q[1], strokeWidth: 1.5 })
               }
             )
-          ] }) }, z)) }),
+          ] }) }, M)) }),
           /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__toolbar", children: [
             Ye && /* @__PURE__ */ e.jsx(
               de,
@@ -3082,12 +3082,12 @@ function Mn({
                 "aria-label": I.attachFiles,
                 onClick: () => {
                   var E;
-                  return (E = O.current) == null ? void 0 : E.click();
+                  return (E = F.current) == null ? void 0 : E.click();
                 }
               }
             ),
-            g,
-            w,
+            k,
+            b,
             /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__spacer" }),
             o ? /* @__PURE__ */ e.jsx(
               de,
@@ -3127,58 +3127,58 @@ function zn({
   className: l = "",
   ...c
 }) {
-  const [u, d] = L(!1), p = S(null), h = S(null), f = S(null), [v, N] = L({}), y = t.filter((k) => !a || k.name === "auto" ? !0 : (at[k.tier] ?? 1) >= (at[a] ?? 1)), j = y.find((k) => k.name === "auto"), T = y.filter((k) => k.name !== "auto"), g = t.find((k) => k.name === s), _ = new Set(T.map((k) => k.tier).filter(Boolean)).size > 1;
-  F(() => {
+  const [u, d] = D(!1), p = A(null), h = A(null), f = A(null), [_, N] = D({}), g = r === "s" ? "s" : "xs", j = t.filter((y) => !a || y.name === "auto" ? !0 : (at[y.tier] ?? 1) >= (at[a] ?? 1)), R = j.find((y) => y.name === "auto"), k = j.filter((y) => y.name !== "auto"), b = t.find((y) => y.name === s), S = new Set(k.map((y) => y.tier).filter(Boolean)).size > 1;
+  z(() => {
     if (!u) return;
-    const k = 320, P = () => {
-      var R;
-      const M = (R = h.current) == null ? void 0 : R.getBoundingClientRect();
-      if (!M) return;
-      const b = window.innerHeight - M.bottom, $ = b < k + 8 && M.top > b;
+    const y = 320, O = () => {
+      var C;
+      const x = (C = h.current) == null ? void 0 : C.getBoundingClientRect();
+      if (!x) return;
+      const $ = window.innerHeight - x.bottom, T = $ < y + 8 && x.top > $;
       N({
         position: "fixed",
         zIndex: "var(--z-dropdown, 500)",
-        left: M.left,
-        ...$ ? { bottom: window.innerHeight - M.top + 4, top: "auto" } : { top: M.bottom + 4, bottom: "auto" }
+        left: x.left,
+        ...T ? { bottom: window.innerHeight - x.top + 4, top: "auto" } : { top: x.bottom + 4, bottom: "auto" }
       });
     };
-    P(), window.addEventListener("scroll", P, !0), window.addEventListener("resize", P);
-    const H = (M) => {
-      var b, $;
-      !((b = p.current) != null && b.contains(M.target)) && !(($ = f.current) != null && $.contains(M.target)) && d(!1);
-    }, W = (M) => {
-      M.key === "Escape" && d(!1);
+    O(), window.addEventListener("scroll", O, !0), window.addEventListener("resize", O);
+    const P = (x) => {
+      var $, T;
+      !(($ = p.current) != null && $.contains(x.target)) && !((T = f.current) != null && T.contains(x.target)) && d(!1);
+    }, V = (x) => {
+      x.key === "Escape" && d(!1);
     };
-    return document.addEventListener("mousedown", H), document.addEventListener("keydown", W), () => {
-      window.removeEventListener("scroll", P, !0), window.removeEventListener("resize", P), document.removeEventListener("mousedown", H), document.removeEventListener("keydown", W);
+    return document.addEventListener("mousedown", P), document.addEventListener("keydown", V), () => {
+      window.removeEventListener("scroll", O, !0), window.removeEventListener("resize", O), document.removeEventListener("mousedown", P), document.removeEventListener("keydown", V);
     };
   }, [u]);
-  const A = (k) => {
-    n == null || n(k), d(!1);
-  }, I = (k) => /* @__PURE__ */ e.jsxs(
+  const I = (y) => {
+    n == null || n(y), d(!1);
+  }, L = (y) => /* @__PURE__ */ e.jsxs(
     "button",
     {
       type: "button",
       className: [
         "ds-model-picker__item",
-        k.name === s && "ds-model-picker__item--active"
+        y.name === s && "ds-model-picker__item--active"
       ].filter(Boolean).join(" "),
-      onClick: () => A(k.name),
+      onClick: () => I(y.name),
       children: [
-        k.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: k.icon }) : /* @__PURE__ */ e.jsx(Ke, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
-        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: k.displayName || k.name }),
-        _ && k.tier && /* @__PURE__ */ e.jsx(he, { size: "xs", variant: ot[k.tier] || "default", children: k.tier })
+        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: y.icon || /* @__PURE__ */ e.jsx(Ke, { strokeWidth: 1.5, "aria-hidden": "true" }) }),
+        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: y.displayName || y.name }),
+        S && y.tier && /* @__PURE__ */ e.jsx(he, { size: "xs", variant: ot[y.tier] || "default", children: y.tier })
       ]
     },
-    k.name
-  ), D = () => !i || !_ ? T.map(I) : ["fast", "standard", "premium"].flatMap((k) => {
-    const P = T.filter((H) => H.tier === k);
-    return P.length ? [
-      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": k, children: k.charAt(0).toUpperCase() + k.slice(1) }, `lbl-${k}`),
-      ...P.map(I)
+    y.name
+  ), F = () => !i || !S ? k.map(L) : ["fast", "standard", "premium"].flatMap((y) => {
+    const O = k.filter((P) => P.tier === y);
+    return O.length ? [
+      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": y, children: y.charAt(0).toUpperCase() + y.slice(1) }, `lbl-${y}`),
+      ...O.map(L)
     ] : [];
-  }), O = u && /* @__PURE__ */ e.jsxs("div", { ref: f, className: "ds-model-picker__menu ds-scrollable", "data-ds-portal": "", style: v, children: [
-    o && j && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }), W = u && /* @__PURE__ */ e.jsxs("div", { ref: f, className: `ds-model-picker__menu ds-model-picker__menu--${g} ds-scrollable`, "data-ds-portal": "", style: _, children: [
+    o && R && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(
         "button",
         {
@@ -3188,16 +3188,16 @@ function zn({
             "ds-model-picker__item--auto",
             s === "auto" && "ds-model-picker__item--active"
           ].filter(Boolean).join(" "),
-          onClick: () => A("auto"),
+          onClick: () => I("auto"),
           children: [
-            /* @__PURE__ */ e.jsx(St, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
+            /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: /* @__PURE__ */ e.jsx(St, { strokeWidth: 1.5, "aria-hidden": "true" }) }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: "Auto (smart routing)" })
           ]
         }
       ),
-      T.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
+      k.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
     ] }),
-    D()
+    F()
   ] });
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -3211,18 +3211,18 @@ function zn({
           {
             ref: h,
             type: "button",
-            className: "ds-model-picker__trigger",
-            onClick: () => d((k) => !k),
+            className: `ds-model-picker__trigger ds-model-picker__trigger--${g}`,
+            onClick: () => d((y) => !y),
             "aria-haspopup": "listbox",
             "aria-expanded": u,
             children: [
-              g != null && g.icon ? /* @__PURE__ */ e.jsx("span", { children: g.icon }) : /* @__PURE__ */ e.jsx(Ke, { size: 12, strokeWidth: 1.5 }),
-              /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (g == null ? void 0 : g.displayName) || (g == null ? void 0 : g.name) || s }),
-              _ && (g == null ? void 0 : g.tier) && /* @__PURE__ */ e.jsx(he, { size: "xs", variant: ot[g.tier] || "default", children: g.tier })
+              /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__icon", children: (b == null ? void 0 : b.icon) || /* @__PURE__ */ e.jsx(Ke, { strokeWidth: 1.5, "aria-hidden": "true" }) }),
+              /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (b == null ? void 0 : b.displayName) || (b == null ? void 0 : b.name) || s }),
+              S && (b == null ? void 0 : b.tier) && /* @__PURE__ */ e.jsx(he, { size: "xs", variant: ot[b.tier] || "default", children: b.tier })
             ]
           }
         ),
-        typeof document < "u" && re.createPortal(O, document.body)
+        typeof document < "u" && re.createPortal(W, document.body)
       ]
     }
   );
@@ -3244,53 +3244,53 @@ function Fn({
   maxVisible: r = 5,
   onSourceClick: a
 }) {
-  const o = K(), { t: i } = be(), l = n ?? o.sources, [c, u] = L(!1), d = fs(t), p = d.length > r, h = c ? d : d.slice(0, r), f = t.some((j) => j.snippet), v = (j) => j != null && j.length ? i("pageAbbrev", { pages: j.join(", ") }) : null, N = i("moreSources", { n: d.length - r }), y = ["ds-sources-panel", s === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
-  return s === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: y, children: [
+  const o = K(), { t: i } = be(), l = n ?? o.sources, [c, u] = D(!1), d = fs(t), p = d.length > r, h = c ? d : d.slice(0, r), f = t.some((j) => j.snippet), _ = (j) => j != null && j.length ? i("pageAbbrev", { pages: j.join(", ") }) : null, N = i("moreSources", { n: d.length - r }), g = ["ds-sources-panel", s === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
+  return s === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: g, children: [
     h.map((j) => {
-      const T = j.items.map((_) => _.page).filter(Boolean), g = v(T), w = !!a;
+      const R = j.items.map((w) => w.page).filter(Boolean), k = _(R), b = !!a;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__compact-row${w ? " ds-sources-panel__compact-row--clickable" : ""}`,
-          onClick: w ? () => a(j.items[0]) : void 0,
+          className: `ds-sources-panel__compact-row${b ? " ds-sources-panel__compact-row--clickable" : ""}`,
+          onClick: b ? () => a(j.items[0]) : void 0,
           children: [
             /* @__PURE__ */ e.jsx(At, { size: q[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: j.filename }),
-            g && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: g })
+            k && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: k })
           ]
         },
         j.filename
       );
     }),
     p && !c && /* @__PURE__ */ e.jsx("button", { className: "ds-sources-panel__more", onClick: () => u(!0), children: N })
-  ] }) : /* @__PURE__ */ e.jsxs("div", { className: y, children: [
+  ] }) : /* @__PURE__ */ e.jsxs("div", { className: g, children: [
     l && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: l }),
     h.map((j) => {
-      const T = j.items.map((_) => _.page).filter(Boolean), g = v(T), w = !!a;
+      const R = j.items.map((w) => w.page).filter(Boolean), k = _(R), b = !!a;
       return f ? /* @__PURE__ */ e.jsx(
         He,
         {
-          title: /* @__PURE__ */ e.jsx(us, { filename: j.filename, pagesLabel: g }),
+          title: /* @__PURE__ */ e.jsx(us, { filename: j.filename, pagesLabel: k }),
           padding: "s",
-          children: j.items.map((_, A) => /* @__PURE__ */ e.jsx(
+          children: j.items.map((w, S) => /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: `ds-sources-panel__snippet${w ? " ds-sources-panel__snippet--clickable" : ""}`,
-              onClick: w ? () => a(_) : void 0,
-              children: _.snippet ?? i("pageAbbrev", { pages: _.page })
+              className: `ds-sources-panel__snippet${b ? " ds-sources-panel__snippet--clickable" : ""}`,
+              onClick: b ? () => a(w) : void 0,
+              children: w.snippet ?? i("pageAbbrev", { pages: w.page })
             },
-            A
+            S
           ))
         },
         j.filename
       ) : /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__row${w ? " ds-sources-panel__row--clickable" : ""}`,
-          onClick: w ? () => a(j.items[0]) : void 0,
+          className: `ds-sources-panel__row${b ? " ds-sources-panel__row--clickable" : ""}`,
+          onClick: b ? () => a(j.items[0]) : void 0,
           children: [
             /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: j.filename }),
-            g && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: g })
+            k && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: k })
           ]
         },
         j.filename
@@ -3612,15 +3612,15 @@ function qn({
   statePrimary: h = "idle",
   stateBack: f = "idle"
 }) {
-  const v = K(), { t: N } = be(), y = c ?? v.next, j = u ?? v.back, T = d ?? v.skipTour, g = p ?? v.done, w = S(null), _ = S(t), A = S(s), I = S(l);
-  _.current = t, A.current = s, I.current = l;
-  const [D, O] = L(!1), [k, P] = L({ position: "fixed", visibility: "hidden", width: Be }), [H, W] = L("bottom"), [M, b] = L(null), $ = S(!1), R = t[s], V = s === t.length - 1, U = se(() => {
-    const Y = _.current[A.current];
-    if (!Y || !w.current) return;
+  const _ = K(), { t: N } = be(), g = c ?? _.next, j = u ?? _.back, R = d ?? _.skipTour, k = p ?? _.done, b = A(null), w = A(t), S = A(s), I = A(l);
+  w.current = t, S.current = s, I.current = l;
+  const [L, F] = D(!1), [W, y] = D({ position: "fixed", visibility: "hidden", width: Be }), [O, P] = D("bottom"), [V, x] = D(null), $ = A(!1), T = t[s], C = s === t.length - 1, H = se(() => {
+    const Y = w.current[S.current];
+    if (!Y || !b.current) return;
     const m = js(Y.target);
     if (!m) return;
-    const x = m.getBoundingClientRect(), C = w.current.getBoundingClientRect().height || 160, te = Be, le = I.current ? vs : bs, G = Y.position || Ns(x, C, te, le), { top: Z, left: fe, arrowOffset: je, arrowOffsetY: Se } = ws(G, x, C, te, le);
-    W(G), P({
+    const v = m.getBoundingClientRect(), U = b.current.getBoundingClientRect().height || 160, te = Be, le = I.current ? vs : bs, G = Y.position || Ns(v, U, te, le), { top: Z, left: fe, arrowOffset: je, arrowOffsetY: Se } = ws(G, v, U, te, le);
+    P(G), y({
       position: "fixed",
       top: Z,
       left: fe,
@@ -3628,79 +3628,79 @@ function qn({
       visibility: "visible",
       "--arrow-offset": `${je}px`,
       "--arrow-offset-y": `${Se}px`
-    }), b({
-      top: x.top - Te,
-      left: x.left - Te,
-      width: x.width + Te * 2,
-      height: x.height + Te * 2
+    }), x({
+      top: v.top - Te,
+      left: v.left - Te,
+      width: v.width + Te * 2,
+      height: v.height + Te * 2
     });
   }, []);
-  return F(() => {
-    window.addEventListener("scroll", U, !0), window.addEventListener("resize", U);
+  return z(() => {
+    window.addEventListener("scroll", H, !0), window.addEventListener("resize", H);
     const Y = requestAnimationFrame(() => {
-      U(), O(!0), $.current = !0;
+      H(), F(!0), $.current = !0;
     });
     return () => {
-      cancelAnimationFrame(Y), window.removeEventListener("scroll", U, !0), window.removeEventListener("resize", U);
+      cancelAnimationFrame(Y), window.removeEventListener("scroll", H, !0), window.removeEventListener("resize", H);
     };
-  }, []), F(() => {
+  }, []), z(() => {
     if (!$.current) return;
-    O(!1);
+    F(!1);
     const Y = setTimeout(() => {
-      P((m) => ({ ...m, visibility: "hidden" })), requestAnimationFrame(() => {
-        U(), O(!0);
+      y((m) => ({ ...m, visibility: "hidden" })), requestAnimationFrame(() => {
+        H(), F(!0);
       });
     }, _s + 20);
     return () => clearTimeout(Y);
-  }, [s]), F(() => {
-    D && w.current && w.current.focus({ preventScroll: !0 });
-  }, [D]), F(() => {
+  }, [s]), z(() => {
+    L && b.current && b.current.focus({ preventScroll: !0 });
+  }, [L]), z(() => {
     const Y = (m) => {
       m.key === "Escape" && a();
     };
     return document.addEventListener("keydown", Y), () => document.removeEventListener("keydown", Y);
-  }, [a]), F(() => {
-    if (!D) return;
+  }, [a]), z(() => {
+    if (!L) return;
     const Y = (m) => {
-      if (m.key !== "Tab" || !w.current) return;
-      const x = Array.from(
-        w.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])')
+      if (m.key !== "Tab" || !b.current) return;
+      const v = Array.from(
+        b.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])')
       );
-      if (!x.length) return;
-      const B = x[0], C = x[x.length - 1];
-      m.shiftKey && document.activeElement === B ? (m.preventDefault(), C.focus()) : !m.shiftKey && document.activeElement === C && (m.preventDefault(), B.focus());
+      if (!v.length) return;
+      const B = v[0], U = v[v.length - 1];
+      m.shiftKey && document.activeElement === B ? (m.preventDefault(), U.focus()) : !m.shiftKey && document.activeElement === U && (m.preventDefault(), B.focus());
     };
     return document.addEventListener("keydown", Y), () => document.removeEventListener("keydown", Y);
-  }, [D]), !R || typeof document > "u" ? null : re.createPortal(
+  }, [L]), !T || typeof document > "u" ? null : re.createPortal(
     /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      M && /* @__PURE__ */ e.jsx(
+      V && /* @__PURE__ */ e.jsx(
         "div",
         {
           className: [
             "ds-coachmark__spotlight",
             i && "ds-coachmark__spotlight--overlay",
             !l && "ds-coachmark__spotlight--no-ring",
-            D && "ds-coachmark__spotlight--visible"
+            L && "ds-coachmark__spotlight--visible"
           ].filter(Boolean).join(" "),
-          style: M,
+          style: V,
           "aria-hidden": "true"
         }
       ),
       /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: w,
+          ref: b,
           "data-ds-portal": "",
           role: "dialog",
           "aria-modal": "false",
           "aria-live": "polite",
-          "aria-label": R.title ?? N("stepOf", { current: s + 1, total: t.length }),
+          "aria-label": T.title ?? N("stepOf", { current: s + 1, total: t.length }),
           className: [
             "ds-coachmark__bubble",
-            `ds-coachmark__bubble--${H}`,
-            D && "ds-coachmark__bubble--visible"
+            `ds-coachmark__bubble--${O}`,
+            L && "ds-coachmark__bubble--visible"
           ].filter(Boolean).join(" "),
-          style: k,
+          style: W,
           tabIndex: -1,
           children: [
             /* @__PURE__ */ e.jsx(
@@ -3709,12 +3709,12 @@ function qn({
                 type: "button",
                 className: "ds-coachmark__close",
                 onClick: a,
-                "aria-label": T,
+                "aria-label": R,
                 children: /* @__PURE__ */ e.jsx(ee, { size: 16, strokeWidth: 2 })
               }
             ),
-            R.title && /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__title", children: R.title }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__body", children: R.content }),
+            T.title && /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__title", children: T.title }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__body", children: T.content }),
             /* @__PURE__ */ e.jsxs("div", { className: "ds-coachmark__footer", children: [
               t.length > 1 && /* @__PURE__ */ e.jsxs("span", { className: "ds-coachmark__counter", children: [
                 s + 1,
@@ -3723,7 +3723,7 @@ function qn({
               ] }),
               /* @__PURE__ */ e.jsxs("div", { className: "ds-coachmark__footer-nav", children: [
                 s > 0 && /* @__PURE__ */ e.jsx(de, { variant: "secondary", size: "s", state: f, onClick: r, children: j }),
-                /* @__PURE__ */ e.jsx(de, { variant: "primary", size: "s", state: h, onClick: V ? o : n, children: V ? g : y })
+                /* @__PURE__ */ e.jsx(de, { variant: "primary", size: "s", state: h, onClick: C ? o : n, children: C ? k : g })
               ] })
             ] })
           ]
@@ -3734,7 +3734,7 @@ function qn({
   );
 }
 function Gn(t, s = {}) {
-  const { storageKey: n } = s, [r, a] = L(0), [o, i] = L(!1), l = () => n && typeof localStorage < "u" && localStorage.getItem(n) === "done", c = se(() => {
+  const { storageKey: n } = s, [r, a] = D(0), [o, i] = D(!1), l = () => n && typeof localStorage < "u" && localStorage.getItem(n) === "done", c = se(() => {
     i(!1), n && typeof localStorage < "u" && localStorage.setItem(n, "done");
   }, [n]);
   return {
@@ -3750,7 +3750,7 @@ function Gn(t, s = {}) {
   };
 }
 function Kn() {
-  const t = S(null), s = se(() => {
+  const t = A(null), s = se(() => {
     const n = t.current;
     if (!n) return;
     n.classList.remove("ds-shake"), n.offsetWidth, n.classList.add("ds-shake");