@donkit-ai/design-system 1.4.87 → 1.4.88

package/dist/index.es.js

@@ -1,5 +1,5 @@
-import X, { useMemo as ht, useContext as ie, createContext as De, useState as P, useRef as I, useEffect as F, useLayoutEffect as it, useId as xt, useCallback as se, forwardRef as lt } from "react";
-import { Check as Pe, X as ee, ChevronDown as ye, Minus as vt, Plus as bt, XCircle as Me, AlertTriangle as ze, CheckCircle as Fe, Info as We, ChevronUp as _t, ChevronsUpDown as jt, ChevronLeft as Nt, ChevronRight as wt, Copy as gt, Brain as yt, Loader as kt, Paperclip as Ye, Square as Et, ArrowUp as Tt, Zap as $t, Cpu as qe, FileText as Rt, ThumbsUp as St, ThumbsDown as At } from "lucide-react";
+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 { 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 = {
   1: 16,
@@ -18,10 +18,10 @@ var Ie = { exports: {} }, we = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ge;
-function Bt() {
-  if (Ge) return we;
-  Ge = 1;
+var Xe;
+function Lt() {
+  if (Xe) return we;
+  Xe = 1;
   var t = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
   function n(r, a, o) {
     var i = null;
@@ -50,24 +50,24 @@ var ge = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ke;
-function It() {
-  return Ke || (Ke = 1, process.env.NODE_ENV !== "production" && function() {
+var Je;
+function Dt() {
+  return Je || (Je = 1, process.env.NODE_ENV !== "production" && function() {
     function t(m) {
       if (m == null) return null;
       if (typeof m == "function")
-        return m.$$typeof === D ? null : m.displayName || m.name || null;
+        return m.$$typeof === P ? null : m.displayName || m.name || null;
       if (typeof m == "string") return m;
       switch (m) {
-        case w:
-          return "Fragment";
         case y:
+          return "Fragment";
+        case T:
           return "Profiler";
-        case g:
+        case j:
           return "StrictMode";
-        case S:
-          return "Suspense";
         case A:
+          return "Suspense";
+        case I:
           return "SuspenseList";
         case k:
           return "Activity";
@@ -76,16 +76,16 @@ function It() {
         switch (typeof m.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), m.$$typeof) {
-          case j:
-            return "Portal";
           case N:
+            return "Portal";
+          case w:
             return m.displayName || "Context";
-          case E:
+          case g:
             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 L:
+          case D:
             return x = m.displayName || null, x !== null ? x : t(m.type) || "Memo";
           case O:
             x = m._payload, m = m._init;
@@ -108,16 +108,16 @@ function It() {
       }
       if (x) {
         x = console;
-        var B = x.error, U = typeof Symbol == "function" && Symbol.toStringTag && m[Symbol.toStringTag] || m.constructor.name || "Object";
+        var B = x.error, C = typeof Symbol == "function" && Symbol.toStringTag && m[Symbol.toStringTag] || m.constructor.name || "Object";
         return B.call(
           x,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          U
+          C
         ), s(m);
       }
     }
     function r(m) {
-      if (m === w) return "<>";
+      if (m === y) return "<>";
       if (typeof m == "object" && m !== null && m.$$typeof === O)
         return "<...>";
       try {
@@ -128,7 +128,7 @@ function It() {
       }
     }
     function a() {
-      var m = C.A;
+      var m = H.A;
       return m === null ? null : m.getOwner();
     }
     function o() {
@@ -159,14 +159,14 @@ function It() {
         "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, U, te, le) {
+    function u(m, x, B, C, te, le) {
       var G = B.ref;
       return m = {
         $$typeof: v,
         type: m,
         key: x,
         props: B,
-        _owner: U
+        _owner: C
       }, (G !== void 0 ? G : null) !== null ? Object.defineProperty(m, "ref", {
         enumerable: !1,
         get: c
@@ -192,13 +192,13 @@ function It() {
         value: le
       }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
     }
-    function d(m, x, B, U, te, le) {
+    function d(m, x, B, C, te, le) {
       var G = x.children;
       if (G !== void 0)
-        if (U)
+        if (C)
           if (M(G)) {
-            for (U = 0; U < G.length; U++)
-              p(G[U]);
+            for (C = 0; C < G.length; C++)
+              p(G[C]);
             Object.freeze && Object.freeze(G);
           } else
             console.error(
@@ -210,18 +210,18 @@ function It() {
         var Z = Object.keys(x).filter(function(je) {
           return je !== "key";
         });
-        U = 0 < Z.length ? "{key: someKey, " + Z.join(": ..., ") + ": ...}" : "{key: someKey}", Y[G + U] || (Z = 0 < Z.length ? "{" + Z.join(": ..., ") + ": ...}" : "{}", console.error(
+        C = 0 < Z.length ? "{key: someKey, " + Z.join(": ..., ") + ": ...}" : "{key: someKey}", Y[G + C] || (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} />`,
-          U,
+          C,
           G,
           Z,
           G
-        ), Y[G + U] = !0);
+        ), Y[G + C] = !0);
       }
       if (G = null, B !== void 0 && (n(B), G = "" + B), i(x) && (n(x.key), G = "" + x.key), "key" in x) {
         B = {};
@@ -246,7 +246,7 @@ React keys must be passed directly to JSX without using spread:
     function h(m) {
       return typeof m == "object" && m !== null && m.$$typeof === v;
     }
-    var f = X, v = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), N = Symbol.for("react.context"), _ = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), A = Symbol.for("react.suspense_list"), L = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), k = Symbol.for("react.activity"), D = Symbol.for("react.client.reference"), C = 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, 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() {
       return null;
     };
     f = {
@@ -257,31 +257,31 @@ React keys must be passed directly to JSX without using spread:
     var $, R = {}, V = f.react_stack_bottom_frame.bind(
       f,
       o
-    )(), H = b(r(o)), Y = {};
-    ge.Fragment = w, ge.jsx = function(m, x, B) {
-      var U = 1e4 > C.recentlyCreatedOwnerStacks++;
+    )(), U = b(r(o)), Y = {};
+    ge.Fragment = y, ge.jsx = function(m, x, B) {
+      var C = 1e4 > H.recentlyCreatedOwnerStacks++;
       return d(
         m,
         x,
         B,
         !1,
-        U ? Error("react-stack-top-frame") : V,
-        U ? b(r(m)) : H
+        C ? Error("react-stack-top-frame") : V,
+        C ? b(r(m)) : U
       );
     }, ge.jsxs = function(m, x, B) {
-      var U = 1e4 > C.recentlyCreatedOwnerStacks++;
+      var C = 1e4 > H.recentlyCreatedOwnerStacks++;
       return d(
         m,
         x,
         B,
         !0,
-        U ? Error("react-stack-top-frame") : V,
-        U ? b(r(m)) : H
+        C ? Error("react-stack-top-frame") : V,
+        C ? b(r(m)) : U
       );
     };
   }()), ge;
 }
-process.env.NODE_ENV === "production" ? Ie.exports = Bt() : Ie.exports = It();
+process.env.NODE_ENV === "production" ? Ie.exports = Lt() : Ie.exports = Dt();
 var e = Ie.exports;
 const $e = {
   // Close / dismiss
@@ -334,7 +334,7 @@ const $e = {
   // Browser tabs
   closeTab: "Close {label}"
 };
-function ct(t, s = {}) {
+function ut(t, s = {}) {
   return typeof t == "function" ? t(s) : typeof t != "string" ? "" : t.replace(
     /\{(\w+)\}/g,
     (n, r) => s[r] !== void 0 && s[r] !== null ? String(s[r]) : ""
@@ -342,14 +342,14 @@ function ct(t, s = {}) {
 }
 const Oe = De({
   strings: $e,
-  t: (t, s) => ct($e[t] ?? t, s)
+  t: (t, s) => ut($e[t] ?? t, s)
 });
-function gs({ strings: t, children: s }) {
-  const n = ht(() => {
+function Es({ strings: t, children: s }) {
+  const n = vt(() => {
     const r = { ...$e, ...t };
     return {
       strings: r,
-      t: (a, o) => ct(r[a] ?? $e[a] ?? a, o)
+      t: (a, o) => ut(r[a] ?? $e[a] ?? a, o)
     };
   }, [t]);
   return /* @__PURE__ */ e.jsx(Oe.Provider, { value: n, children: s });
@@ -360,7 +360,7 @@ function be() {
 function K() {
   return ie(Oe).strings;
 }
-function Lt({ size: t = "m", color: s = "default", className: n = "", "aria-label": r, ...a }) {
+function Pt({ size: t = "m", color: s = "default", className: n = "", "aria-label": r, ...a }) {
   const o = K();
   return /* @__PURE__ */ e.jsx(
     "span",
@@ -372,7 +372,7 @@ function Lt({ size: t = "m", color: s = "default", className: n = "", "aria-labe
     }
   );
 }
-const Dt = { xs: 12, s: 14, m: 16, l: 20 };
+const Mt = { xs: 12, s: 14, m: 16, l: 20 };
 function de({
   children: t,
   variant: s = "primary",
@@ -395,22 +395,22 @@ function de({
   "aria-label": h,
   "aria-pressed": f,
   className: v = "",
-  ...j
+  ...N
 }) {
-  const w = a && !t, g = i === "loading", y = i === "success", E = i === "error", N = g || y || E, _ = !!(l || c), S = n === "xs" ? "s" : "m", A = s === "danger" ? "on-accent" : "default", L = Dt[n] ?? 16, O = g ? /* @__PURE__ */ e.jsx(Lt, { size: S, color: A }) : y ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Pe, { size: L, strokeWidth: 2.5 }) }) : E ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ee, { size: L, strokeWidth: 2.5 }) }) : null, k = [
+  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 = [
     "ds-button",
     `ds-button--${s}`,
     `ds-button--${n}`,
     r && "ds-button--full",
-    w && "ds-button--icon-only",
+    y && "ds-button--icon-only",
     v
-  ].filter(Boolean).join(" "), D = i !== "idle" ? i : void 0, C = f !== void 0 ? f : _ ? !0 : void 0, W = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    N ? O : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
+  ].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 }),
     t
   ] });
   if (p) {
     const M = (b) => {
-      if (o || g) {
+      if (o || j) {
         b.preventDefault();
         return;
       }
@@ -420,15 +420,15 @@ function de({
       "a",
       {
         className: k,
-        href: o || g ? void 0 : p,
+        href: o || j ? void 0 : p,
         onClick: M,
         "aria-label": h,
-        "aria-disabled": o || g ? "true" : void 0,
-        "aria-busy": g ? "true" : void 0,
-        "aria-pressed": C,
-        "data-state": D,
+        "aria-disabled": o || j ? "true" : void 0,
+        "aria-busy": j ? "true" : void 0,
+        "aria-pressed": H,
+        "data-state": P,
         "data-active": _ ? "true" : void 0,
-        ...j,
+        ...N,
         children: W
       }
     );
@@ -439,18 +439,18 @@ function de({
       type: d,
       className: k,
       disabled: o,
-      onClick: g ? void 0 : u,
+      onClick: j ? void 0 : u,
       "aria-label": h,
-      "aria-busy": g ? "true" : void 0,
-      "aria-pressed": C,
-      "data-state": D,
+      "aria-busy": j ? "true" : void 0,
+      "aria-pressed": H,
+      "data-state": P,
       "data-active": _ ? "true" : void 0,
-      ...j,
+      ...N,
       children: W
     }
   );
 }
-function ys({
+function Ts({
   label: t,
   error: s,
   hint: n,
@@ -464,7 +464,7 @@ function ys({
   iconRightLabel: d,
   ...p
 }) {
-  const h = K(), f = u || `input-${X.useId()}`, v = n ? `${f}-hint` : void 0, j = s ? `${f}-error` : void 0, w = j || v;
+  const h = K(), f = u || `input-${X.useId()}`, v = n ? `${f}-hint` : void 0, N = s ? `${f}-error` : void 0, y = N || v;
   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 ys({
           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": w,
+          "aria-describedby": y,
           ...p
         }
       ),
@@ -493,10 +493,10 @@ function ys({
       )
     ] }),
     n && !s && /* @__PURE__ */ e.jsx("span", { id: v, 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: j, className: "ds-input-error", role: "alert", children: s }) }) })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: s && /* @__PURE__ */ e.jsx("span", { id: N, className: "ds-input-error", role: "alert", children: s }) }) })
   ] });
 }
-function ks({
+function $s({
   label: t,
   error: s,
   hint: n,
@@ -527,7 +527,7 @@ function ks({
     s && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-textarea-error", role: "alert", children: s })
   ] });
 }
-function Es({
+function Rs({
   label: t,
   value: s,
   onChange: n,
@@ -540,23 +540,23 @@ function Es({
   id: u,
   ...d
 }) {
-  const p = K(), h = a ?? p.selectOption, [f, v] = P(!1), [j, w] = P(!1), [g, y] = P({}), [E, N] = P("down"), [_, S] = P(-1), A = I(null), L = I(null), O = I(null), k = I(null), D = u || `select-${X.useId()}`, C = `${D}-label`, W = o ? `${D}-error` : void 0, M = 150, b = (x = !1) => {
-    j || (w(!0), S(-1), k.current = setTimeout(() => {
+  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(() => {
       var B;
-      v(!1), w(!1), x && ((B = O.current) == null || B.focus());
+      v(!1), y(!1), x && ((B = O.current) == null || B.focus());
     }, M));
   }, $ = (x) => {
-    clearTimeout(k.current), w(!1);
-    const B = x !== void 0 ? x : Math.max(r.findIndex((U) => U.value === s), 0);
-    S(B), v(!0);
+    clearTimeout(k.current), y(!1);
+    const B = x !== void 0 ? x : Math.max(r.findIndex((C) => C.value === s), 0);
+    A(B), v(!0);
   };
   F(() => () => clearTimeout(k.current), []);
   const R = () => {
     var Z;
-    const x = (Z = A.current) == null ? void 0 : Z.getBoundingClientRect();
+    const x = (Z = I.current) == null ? void 0 : Z.getBoundingClientRect();
     if (!x) return;
-    const B = window.innerHeight, U = B - x.bottom, te = x.top, G = U < 300 && te > U;
-    N(G ? "up" : "down"), y(
+    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 }
     );
   };
@@ -567,27 +567,27 @@ function Es({
       };
   }, [f]), F(() => {
     const x = (B) => {
-      A.current && !A.current.contains(B.target) && L.current && !L.current.contains(B.target) && b();
+      I.current && !I.current.contains(B.target) && D.current && !D.current.contains(B.target) && b();
     };
     return document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
-  }, [j]), F(() => {
+  }, [N]), F(() => {
     var B;
-    if (!f || _ < 0 || !L.current) return;
-    (B = L.current.querySelectorAll(".ds-select-option")[_]) == null || B.scrollIntoView({ block: "nearest" });
+    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) {
       case "ArrowDown":
-        x.preventDefault(), f ? S((B) => Math.min(B + 1, r.length - 1)) : $();
+        x.preventDefault(), f ? A((B) => Math.min(B + 1, r.length - 1)) : $();
         break;
       case "ArrowUp":
-        x.preventDefault(), f ? S((B) => Math.max(B - 1, 0)) : $(r.length - 1);
+        x.preventDefault(), f ? A((B) => Math.max(B - 1, 0)) : $(r.length - 1);
         break;
       case "Home":
-        f && (x.preventDefault(), S(0));
+        f && (x.preventDefault(), A(0));
         break;
       case "End":
-        f && (x.preventDefault(), S(r.length - 1));
+        f && (x.preventDefault(), A(r.length - 1));
         break;
       case "Enter":
       case " ":
@@ -600,25 +600,25 @@ function Es({
         f && b(!1);
         break;
     }
-  }, H = r.find((x) => x.value === s), Y = l === "xs" ? q[1] : l === "small" ? q[2] : q[3], m = f && /* @__PURE__ */ e.jsx(
+  }, U = r.find((x) => x.value === s), Y = l === "xs" ? q[1] : l === "small" ? q[2] : q[3], m = f && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: L,
+      ref: D,
       "data-ds-portal": "",
       role: "listbox",
-      "aria-labelledby": t ? C : void 0,
+      "aria-labelledby": t ? H : void 0,
       tabIndex: -1,
       className: [
         "ds-select-dropdown ds-scrollable",
         `ds-select-dropdown--${l}`,
-        `ds-select-dropdown--${E}`,
-        j && "ds-select-dropdown--closing"
+        `ds-select-dropdown--${g}`,
+        N && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
-      style: g,
+      style: j,
       children: r.map((x, B) => /* @__PURE__ */ e.jsx(
         "button",
         {
-          id: `${D}-opt-${B}`,
+          id: `${P}-opt-${B}`,
           type: "button",
           role: "option",
           tabIndex: -1,
@@ -639,18 +639,18 @@ function Es({
     }
   );
   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: C, className: "ds-select-label", children: t }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: A, children: /* @__PURE__ */ e.jsxs(
+    t && /* @__PURE__ */ e.jsx("label", { id: H, className: "ds-select-label", children: t }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: I, children: /* @__PURE__ */ e.jsxs(
       "button",
       {
         ref: O,
         type: "button",
-        id: D,
+        id: P,
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": f,
-        "aria-activedescendant": f && _ >= 0 ? `${D}-opt-${_}` : void 0,
-        "aria-labelledby": t ? C : void 0,
+        "aria-activedescendant": f && _ >= 0 ? `${P}-opt-${_}` : void 0,
+        "aria-labelledby": t ? H : void 0,
         "aria-invalid": o ? "true" : "false",
         "aria-describedby": W,
         className: `ds-select-trigger ds-select-trigger--${l} ${o ? "ds-select-trigger--error" : ""}`,
@@ -661,13 +661,13 @@ function Es({
         disabled: c,
         ...d,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: H ? "" : "ds-select-placeholder", children: (H == null ? void 0 : H.label) || h }),
+          /* @__PURE__ */ e.jsx("span", { className: U ? "" : "ds-select-placeholder", children: (U == null ? void 0 : U.label) || h }),
           /* @__PURE__ */ e.jsx(
             ye,
             {
               size: Y,
               strokeWidth: 1.5,
-              className: `ds-select-icon ${f && E === "down" ? "ds-select-icon--open" : ""} ${f && E === "up" ? "ds-select-icon--up" : ""}`,
+              className: `ds-select-icon ${f && g === "down" ? "ds-select-icon--open" : ""} ${f && g === "up" ? "ds-select-icon--up" : ""}`,
               "aria-hidden": "true"
             }
           )
@@ -678,7 +678,7 @@ function Es({
     typeof document < "u" && re.createPortal(m, document.body)
   ] });
 }
-function Ts({
+function Ss({
   label: t,
   value: s = 0,
   onChange: n,
@@ -695,45 +695,45 @@ function Ts({
 }) {
   const f = K(), v = () => {
     if (l) return;
-    const N = Math.min(Number(s) + o, a);
-    n == null || n(N);
-  }, j = () => {
+    const w = Math.min(Number(s) + o, a);
+    n == null || n(w);
+  }, N = () => {
     if (l) return;
-    const N = Math.max(Number(s) - o, r);
-    n == null || n(N);
-  }, w = (N) => {
+    const w = Math.max(Number(s) - o, r);
+    n == null || n(w);
+  }, y = (w) => {
     if (l) return;
-    const _ = N.target.value;
+    const _ = w.target.value;
     if (_ === "") {
       n == null || n(r);
       return;
     }
-    const S = Number(_);
-    if (!isNaN(S)) {
-      const A = Math.min(Math.max(S, r), a);
-      n == null || n(A);
+    const A = Number(_);
+    if (!isNaN(A)) {
+      const I = Math.min(Math.max(A, r), a);
+      n == null || n(I);
     }
-  }, g = [
+  }, j = [
     "ds-stepper-wrapper",
     l && "ds-stepper-wrapper--disabled",
     u && "ds-stepper-wrapper--error"
-  ].filter(Boolean).join(" "), y = [
+  ].filter(Boolean).join(" "), T = [
     "ds-stepper",
     `ds-stepper--${i}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), E = i === "xs" ? q[1] : i === "small" ? q[2] : q[3];
-  return /* @__PURE__ */ e.jsxs("div", { className: g, children: [
+  ].filter(Boolean).join(" "), g = 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: y, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: T, children: [
       /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--minus",
-          onClick: j,
+          onClick: N,
           disabled: l || s <= r,
           "aria-label": d ?? f.decrease,
-          children: /* @__PURE__ */ e.jsx(vt, { size: E, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(_t, { size: g, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -742,7 +742,7 @@ function Ts({
           type: "number",
           className: "ds-stepper-input",
           value: s,
-          onChange: w,
+          onChange: y,
           min: r,
           max: a,
           step: o,
@@ -758,7 +758,7 @@ function Ts({
           onClick: v,
           disabled: l || s >= a,
           "aria-label": p ?? f.increase,
-          children: /* @__PURE__ */ e.jsx(bt, { size: E, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(jt, { size: g, strokeWidth: 1.5 })
         }
       )
     ] }),
@@ -766,7 +766,7 @@ function Ts({
     u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: u })
   ] });
 }
-function $s({
+function As({
   children: t,
   padding: s = "m",
   variant: n = "default",
@@ -785,12 +785,12 @@ function $s({
     l
   ].filter(Boolean).join(" ");
   if (o) {
-    const v = (j) => {
+    const v = (N) => {
       if (i) {
-        j.preventDefault();
+        N.preventDefault();
         return;
       }
-      j.metaKey || j.ctrlKey || j.button === 1 || (j.preventDefault(), a == null || a(j));
+      N.metaKey || N.ctrlKey || N.button === 1 || (N.preventDefault(), a == null || a(N));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
@@ -820,25 +820,25 @@ function $s({
     }
   );
 }
-function Rs({ children: t, ...s }) {
+function Bs({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...s, children: t });
 }
-function Ss({ children: t, ...s }) {
+function Is({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...s, children: t });
 }
-function As({ children: t, ...s }) {
+function Ls({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...s, children: t });
 }
-function Bs({ children: t, ...s }) {
+function Ds({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...s, children: t });
 }
-function Is({ children: t, secondary: s = !1, ...n }) {
+function Ps({ children: t, secondary: s = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${s ? "ds-p1--secondary" : ""}`, ...n, children: t });
 }
-function Pt({ children: t, secondary: s = !1, ...n }) {
+function zt({ children: t, secondary: s = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${s ? "ds-p2--secondary" : ""}`, ...n, children: t });
 }
-function dt({ children: t, secondary: s = !1, ...n }) {
+function ft({ children: t, secondary: s = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${s ? "ds-p3--secondary" : ""}`, ...n, children: t });
 }
 function he({
@@ -855,12 +855,12 @@ function he({
   ].filter(Boolean).join(" "), i = r || (["info", "success", "warning", "error"].includes(s) ? "status" : void 0);
   return /* @__PURE__ */ e.jsx("span", { className: o, role: i, ...a, children: t });
 }
-const Mt = {
+const Ft = {
   info: We,
   success: Fe,
   warning: ze,
   error: Me
-}, Ls = X.forwardRef(function({
+}, Ms = X.forwardRef(function({
   children: s,
   variant: n = "info",
   title: r,
@@ -869,7 +869,7 @@ const Mt = {
   closeLabel: i,
   ...l
 }, c) {
-  const u = K(), d = Mt[n], p = o || (n === "error" ? "alert" : "status");
+  const u = K(), d = Ft[n], p = o || (n === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs("div", { ref: c, className: `ds-alert ds-alert--${n} ${r ? "" : "ds-alert--no-title"}`, role: p, ...l, children: [
     d && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(d, { size: q[3], strokeWidth: 1.5 }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-alert__content", children: [
@@ -887,8 +887,19 @@ const Mt = {
       }
     )
   ] });
-}), zt = 200;
-function Ds({
+}), Wt = "data-ds-portal";
+function Ce(t) {
+  var n;
+  const s = ((n = t.composedPath) == null ? void 0 : n.call(t)[0]) ?? t.target;
+  return s instanceof Element ? s : s instanceof Node ? s.parentElement : null;
+}
+function Ue(t, s) {
+  var r;
+  const n = (r = t == null ? void 0 : t.closest) == null ? void 0 : r.call(t, `[${Wt}]`);
+  return !!(n && n !== s);
+}
+const Ot = 200;
+function zs({
   children: t,
   title: s,
   onClose: n,
@@ -898,59 +909,68 @@ function Ds({
   closeLabel: i,
   ...l
 }) {
-  const c = K(), u = I(null), d = X.useId(), [p, h] = P(!1), f = () => {
-    !n || p || (h(!0), setTimeout(() => {
-      h(!1), n();
-    }, zt));
+  const c = K(), u = S(null), d = S(null), p = X.useId(), [h, f] = L(!1), v = () => {
+    !n || h || (f(!0), setTimeout(() => {
+      f(!1), n();
+    }, Ot));
   };
   F(() => {
-    const y = (N) => {
-      N.key === "Escape" && f();
-    }, E = (N) => {
-      var S, A, L;
-      const _ = ((A = (S = N.composedPath) == null ? void 0 : S.call(N)) == null ? void 0 : A[0]) ?? N.target;
-      u.current && !u.current.contains(_) && !((L = _.closest) != null && L.call(_, "[data-ds-portal]")) && f();
+    const g = (_) => {
+      _.key === "Escape" && v();
+    }, w = (_) => {
+      var I;
+      const A = Ce(_);
+      A && ((I = d.current) != null && I.contains(A) || Ue(A, u.current) || v());
     };
-    return document.addEventListener("keydown", y), document.addEventListener("mousedown", E), () => {
-      document.removeEventListener("keydown", y), document.removeEventListener("mousedown", E);
+    return document.addEventListener("keydown", g), document.addEventListener("mousedown", w), () => {
+      document.removeEventListener("keydown", g), document.removeEventListener("mousedown", w);
     };
-  }, [n, p]);
-  const v = X.Children.toArray(t), j = v.find((y) => (y == null ? void 0 : y.type) === xe), w = v.filter((y) => (y == null ? void 0 : y.type) !== xe), g = /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", p && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...l, children: /* @__PURE__ */ e.jsxs(
+  }, [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(
     "div",
     {
-      className: [`ds-modal ds-modal--${r}`, a && "ds-modal--scrollable"].filter(Boolean).join(" "),
+      className: ["ds-modal-overlay", h && "ds-modal-overlay--closing"].filter(Boolean).join(" "),
+      ...l,
       ref: u,
-      role: "dialog",
-      "aria-modal": "true",
-      "aria-labelledby": s ? d : void 0,
-      children: [
-        n && /* @__PURE__ */ e.jsx(
-          de,
-          {
-            className: "ds-modal__close",
-            variant: "ghost",
-            size: "small",
-            icon: /* @__PURE__ */ e.jsx(ee, { size: q[2], strokeWidth: 1.5 }),
-            onClick: f,
-            "aria-label": i ?? c.closeModal
-          }
-        ),
-        (s || o) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
-          s && /* @__PURE__ */ e.jsx("h3", { id: d, className: "ds-modal__title", children: s }),
-          o && /* @__PURE__ */ e.jsx("div", { className: "ds-modal__subheader", children: o })
-        ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: w }),
-        j
-      ]
+      "data-ds-portal": "",
+      children: /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          className: [`ds-modal ds-modal--${r}`, a && "ds-modal--scrollable"].filter(Boolean).join(" "),
+          ref: d,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": s ? p : void 0,
+          children: [
+            n && /* @__PURE__ */ e.jsx(
+              de,
+              {
+                className: "ds-modal__close",
+                variant: "ghost",
+                size: "small",
+                icon: /* @__PURE__ */ e.jsx(ee, { size: q[2], strokeWidth: 1.5 }),
+                onClick: v,
+                "aria-label": i ?? c.closeModal
+              }
+            ),
+            (s || o) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
+              s && /* @__PURE__ */ e.jsx("h3", { id: p, className: "ds-modal__title", children: s }),
+              o && /* @__PURE__ */ e.jsx("div", { className: "ds-modal__subheader", children: o })
+            ] }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: j }),
+            y
+          ]
+        }
+      )
     }
-  ) });
-  return typeof document > "u" ? g : re.createPortal(g, document.body);
+  );
+  return typeof document > "u" ? T : re.createPortal(T, document.body);
 }
 function xe({ children: t }) {
   return !t || X.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: t });
 }
-const Ft = 320;
-function Ps({
+const Ct = 320;
+function Fs({
   children: t,
   title: s,
   onClose: n,
@@ -958,36 +978,38 @@ function Ps({
   closeLabel: a,
   ...o
 }) {
-  const i = K(), l = I(null), c = X.useId(), [u, d] = P(!1), p = () => {
-    !n || u || (d(!0), setTimeout(() => {
-      d(!1), n();
-    }, Ft));
+  const i = K(), l = S(null), c = S(null), u = X.useId(), [d, p] = L(!1), h = () => {
+    !n || d || (p(!0), setTimeout(() => {
+      p(!1), n();
+    }, Ct));
   };
   F(() => {
-    const w = (y) => {
-      y.key === "Escape" && p();
-    }, g = (y) => {
-      var N, _, S;
-      const E = ((_ = (N = y.composedPath) == null ? void 0 : N.call(y)) == null ? void 0 : _[0]) ?? y.target;
-      l.current && !l.current.contains(E) && !((S = E.closest) != null && S.call(E, "[data-ds-portal]")) && p();
+    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());
     };
-    return document.addEventListener("keydown", w), document.addEventListener("mousedown", g), () => {
-      document.removeEventListener("keydown", w), document.removeEventListener("mousedown", g);
+    return document.addEventListener("keydown", j), document.addEventListener("mousedown", T), () => {
+      document.removeEventListener("keydown", j), document.removeEventListener("mousedown", T);
     };
-  }, [n, u]);
-  const h = X.Children.toArray(t), f = h.find((w) => (w == null ? void 0 : w.type) === xe), v = h.filter((w) => (w == null ? void 0 : w.type) !== xe), j = /* @__PURE__ */ e.jsx(
+  }, [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(
     "div",
     {
-      className: ["ds-bottom-sheet-overlay", u && "ds-bottom-sheet-overlay--closing"].filter(Boolean).join(" "),
+      className: ["ds-bottom-sheet-overlay", d && "ds-bottom-sheet-overlay--closing"].filter(Boolean).join(" "),
       ...o,
+      ref: l,
+      "data-ds-portal": "",
       children: /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: l,
-          className: ["ds-bottom-sheet", u && "ds-bottom-sheet--closing"].filter(Boolean).join(" "),
+          ref: c,
+          className: ["ds-bottom-sheet", d && "ds-bottom-sheet--closing"].filter(Boolean).join(" "),
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": s ? c : void 0,
+          "aria-labelledby": s ? u : void 0,
           children: [
             /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__handle", "aria-hidden": "true" }),
             n && /* @__PURE__ */ e.jsx(
@@ -997,24 +1019,24 @@ function Ps({
                 variant: "ghost",
                 size: "small",
                 icon: /* @__PURE__ */ e.jsx(ee, { size: q[2], strokeWidth: 1.5 }),
-                onClick: p,
+                onClick: h,
                 "aria-label": a ?? i.close
               }
             ),
             (s || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-bottom-sheet__header", children: [
-              s && /* @__PURE__ */ e.jsx("h3", { id: c, className: "ds-bottom-sheet__title", children: s }),
+              s && /* @__PURE__ */ e.jsx("h3", { id: u, className: "ds-bottom-sheet__title", children: s }),
               r && /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__subheader", children: r })
             ] }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__body ds-scrollable", children: v }),
-            f
+            /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__body ds-scrollable", children: N }),
+            v
           ]
         }
       )
     }
   );
-  return typeof document > "u" ? j : re.createPortal(j, document.body);
+  return typeof document > "u" ? y : re.createPortal(y, document.body);
 }
-function Wt({
+function Ut({
   children: t,
   title: s,
   defaultExpanded: n = !1,
@@ -1024,15 +1046,15 @@ function Wt({
   className: i = "",
   ...l
 }) {
-  const c = K(), u = s ?? c.code, [d, p] = P(n), h = r !== void 0, f = h ? r : d, v = () => {
-    h ? a == null || a(!r) : p((w) => !w);
-  }, j = [
+  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);
+  }, N = [
     "ds-code-accordion",
     `ds-code-accordion--${o}`,
     f && "ds-code-accordion--expanded",
     i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: j, ...l, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: N, ...l, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -1056,11 +1078,11 @@ function Wt({
     /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__inner", children: /* @__PURE__ */ e.jsx("pre", { className: "ds-code-accordion__pre ds-scrollable", children: /* @__PURE__ */ e.jsx("code", { children: t }) }) }) })
   ] });
 }
-function Ms({ children: t, block: s = !1, collapsible: n = !1, title: r, defaultExpanded: a = !1, ...o }) {
+function Ws({ children: t, block: s = !1, collapsible: n = !1, title: r, defaultExpanded: a = !1, ...o }) {
   const i = K(), l = r ?? i.code;
-  return s ? n ? /* @__PURE__ */ e.jsx(Wt, { title: l, defaultExpanded: a, ...o, children: t }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block ds-scrollable", ...o, children: /* @__PURE__ */ e.jsx("code", { children: t }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...o, children: t });
+  return s ? n ? /* @__PURE__ */ e.jsx(Ut, { title: l, defaultExpanded: a, ...o, children: t }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block ds-scrollable", ...o, children: /* @__PURE__ */ e.jsx("code", { children: t }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...o, children: t });
 }
-function zs({ href: t, children: s, onClick: n, target: r, rel: a, ...o }) {
+function Os({ href: t, children: s, onClick: n, target: r, rel: a, ...o }) {
   const l = r === "_blank" ? a ? `${a} noopener noreferrer` : "noopener noreferrer" : a;
   return /* @__PURE__ */ e.jsx(
     "a",
@@ -1075,10 +1097,10 @@ function zs({ href: t, children: s, onClick: n, target: r, rel: a, ...o }) {
     }
   );
 }
-function Fs({ children: t, size: s = "m", variant: n = "ghost", ...r }) {
+function Cs({ children: t, size: s = "m", variant: n = "ghost", ...r }) {
   return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...r, children: X.Children.map(t, (a) => X.isValidElement(a) ? X.cloneElement(a, { size: s, variant: n }) : a) });
 }
-function Ws({ children: t, selected: s = !1, onClick: n, size: r = "m", variant: a = "ghost", disabled: o = !1, icon: i, href: l, ...c }) {
+function Us({ children: t, selected: s = !1, onClick: n, size: r = "m", variant: a = "ghost", disabled: o = !1, icon: i, href: l, ...c }) {
   const u = i && !t, d = [
     "ds-tab",
     `ds-tab--${r}`,
@@ -1124,10 +1146,10 @@ function Ws({ children: t, selected: s = !1, onClick: n, size: r = "m", variant:
     }
   );
 }
-function Os({ children: t, className: s = "", ...n }) {
+function Hs({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-browser-pane", s].filter(Boolean).join(" "), ...n, children: t });
 }
-function Cs({ tabs: t, active: s, onChange: n, onClose: r, className: a = "", ...o }) {
+function Vs({ tabs: t, active: s, onChange: n, onClose: r, className: a = "", ...o }) {
   const { t: i } = be();
   return /* @__PURE__ */ e.jsx(
     "div",
@@ -1181,10 +1203,10 @@ function Cs({ tabs: t, active: s, onChange: n, onClose: r, className: a = "", ..
     }
   );
 }
-function Us({ children: t, className: s = "", ...n }) {
+function Ys({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-list", s].filter(Boolean).join(" "), role: "list", ...n, children: t });
 }
-function Hs({
+function qs({
   icon: t,
   title: s,
   subtitle: n,
@@ -1208,21 +1230,21 @@ function Hs({
   ] });
   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 Vs({ options: t, value: s, onChange: n, size: r = "m", disabled: a = !1 }) {
-  const o = I(null), i = I(null), [l, c] = P(!1), u = I(!1), d = I(null), p = I(null), h = () => {
+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 = () => {
     if (!o.current) return;
     const f = o.current.querySelector(`[data-value="${s}"]`);
     if (!f) return;
-    const v = o.current.getBoundingClientRect(), j = f.getBoundingClientRect(), w = j.left - v.left, g = j.width;
-    i.current ? (i.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = w + "px", i.current.style.width = g + "px", u.current = !1) : (c(!0), requestAnimationFrame(() => {
+    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(() => {
       if (!i.current || !o.current) return;
-      const y = o.current.querySelector(`[data-value="${s}"]`);
-      if (!y) return;
-      const E = o.current.getBoundingClientRect(), N = y.getBoundingClientRect();
-      i.current.style.transition = "none", i.current.style.left = N.left - E.left + "px", i.current.style.width = N.width + "px";
+      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";
     }));
   };
-  return p.current = h, it(() => {
+  return p.current = h, ct(() => {
     const f = d.current !== s;
     d.current = s, u.current = l && f, h();
   }), F(() => {
@@ -1270,7 +1292,7 @@ function Vs({ options: t, value: s, onChange: n, size: r = "m", disabled: a = !1
     }
   );
 }
-function Ce({
+function He({
   children: t,
   title: s,
   defaultExpanded: n = !1,
@@ -1279,7 +1301,7 @@ function Ce({
   padding: o = "m",
   ...i
 }) {
-  const [l, c] = P(n), u = r !== void 0, d = u ? r : l, p = () => {
+  const [l, c] = L(n), u = r !== void 0, d = u ? r : l, p = () => {
     u ? a == null || a(!r) : c((f) => !f);
   }, h = [
     "ds-accordion",
@@ -1311,7 +1333,7 @@ function Ce({
   ] });
 }
 const ce = 8, pe = 8;
-function Ot(t, s, n) {
+function Ht(t, s, n) {
   const r = window.innerWidth;
   let a, o;
   switch (t) {
@@ -1333,7 +1355,7 @@ function Ot(t, s, n) {
   const i = Math.max(pe, Math.min(r - n.width - pe, o)), l = o - i;
   return { top: a, left: i, arrowOffset: l };
 }
-function Ct(t, s, n) {
+function Vt(t, s, n) {
   const r = window.innerWidth, a = window.innerHeight;
   if (t.top >= s + ce + pe) return "top";
   if (a - t.bottom >= s + ce + pe) return "bottom";
@@ -1342,31 +1364,31 @@ function Ct(t, s, n) {
   const o = Math.max(t.top, a - t.bottom, t.left, r - t.right);
   return o === t.top ? "top" : o === a - t.bottom ? "bottom" : o === r - t.right ? "right" : "left";
 }
-function Ue({ children: t, content: s, position: n, ...r }) {
-  const [a, o] = P(!1), [i, l] = P({ visibility: "hidden" }), [c, u] = P(n || "top"), d = I(null), p = I(null), h = I(!1), f = () => {
+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 = () => {
     if (!d.current || !p.current) return;
-    const j = d.current.getBoundingClientRect(), w = p.current.getBoundingClientRect(), g = n || Ct(j, w.height, w.width), { top: y, left: E, arrowOffset: N } = Ot(g, j, w);
-    u(g), l({
+    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);
+    u(j), l({
       position: "fixed",
-      top: y,
-      left: E,
+      top: T,
+      left: g,
       visibility: "visible",
-      "--arrow-offset": `${N}px`
+      "--arrow-offset": `${w}px`
     });
   };
   if (F(() => {
     if (!a) return;
     l({ position: "fixed", visibility: "hidden" });
-    const j = requestAnimationFrame(f);
+    const N = requestAnimationFrame(f);
     return window.addEventListener("scroll", f, !0), window.addEventListener("resize", f), () => {
-      cancelAnimationFrame(j), window.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f);
+      cancelAnimationFrame(N), window.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f);
     };
   }, [a, n]), F(() => {
     if (!a) return;
-    const j = (w) => {
-      d.current && !d.current.contains(w.target) && o(!1);
+    const N = (y) => {
+      d.current && !d.current.contains(y.target) && o(!1);
     };
-    return document.addEventListener("touchstart", j), () => document.removeEventListener("touchstart", j);
+    return document.addEventListener("touchstart", N), () => document.removeEventListener("touchstart", N);
   }, [a]), !s) return t;
   const v = a && /* @__PURE__ */ e.jsx(
     "div",
@@ -1391,7 +1413,7 @@ function Ue({ children: t, content: s, position: n, ...r }) {
         h.current || o(!1);
       },
       onTouchStart: () => {
-        h.current = !0, o((j) => !j);
+        h.current = !0, o((N) => !N);
       },
       ...r,
       children: [
@@ -1401,12 +1423,12 @@ function Ue({ children: t, content: s, position: n, ...r }) {
     }
   );
 }
-const Xe = 8, Ee = 8, Ut = 140;
-function Je(t) {
+const Ze = 8, Ee = 8, Yt = 140;
+function Qe(t) {
   const s = String(t ?? "").replace(/^@/, "").trim();
   return s ? `@${s}` : "";
 }
-function Ys({
+function Ks({
   label: t,
   children: s,
   mode: n = "click",
@@ -1419,59 +1441,59 @@ function Ys({
   popoverClassName: u = "",
   ...d
 }) {
-  const p = xt(), h = I(null), f = I(null), v = I(null), [j, w] = P(!1), [g, y] = P(null), E = s != null, N = a || t || "", _ = Je(t || a), S = Je(o), A = se(() => {
+  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);
-  }, []), L = se(() => {
-    A(), w(!0);
-  }, [A]), O = se(() => {
-    A(), v.current = window.setTimeout(() => w(!1), Ut);
-  }, [A]), k = se(() => {
+  }, []), 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 + Xe;
-    V + $ > window.innerHeight - Ee && (V = Math.max(Ee, b.top - $ - Xe));
-    const H = Math.max(Ee, Math.min(b.left, window.innerWidth - R - Ee));
-    y({ top: V, left: H });
+    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 });
   }, []);
-  it(() => {
-    j && k();
-  }, [j, k]), F(() => {
-    if (!j) return;
+  ct(() => {
+    N && k();
+  }, [N, k]), F(() => {
+    if (!N) return;
     const W = () => k(), M = ($) => {
-      $.key === "Escape" && w(!1);
+      $.key === "Escape" && y(!1);
     }, b = ($) => {
-      var V, H;
+      var V, U;
       if (n === "hover") return;
       const R = $.target;
-      (V = f.current) != null && V.contains(R) || (H = h.current) != null && H.contains(R) || w(!1);
+      (V = f.current) != null && V.contains(R) || (U = h.current) != null && U.contains(R) || y(!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);
     };
-  }, [j, k, n]), F(() => () => A(), [A]);
-  const D = n === "hover" ? { onMouseEnter: L, onMouseLeave: O } : {}, C = j ? re.createPortal(
+  }, [N, k, n]), F(() => () => I(), [I]);
+  const P = n === "hover" ? { onMouseEnter: D, onMouseLeave: O } : {}, H = N ? re.createPortal(
     /* @__PURE__ */ e.jsxs(
       "div",
       {
         ref: f,
         id: p,
         role: "dialog",
-        "aria-label": N || _ || "Mention",
+        "aria-label": w || _ || "Mention",
         "data-ds-portal": "",
         className: ["ds-mention__popover", u].filter(Boolean).join(" "),
-        style: g ? { top: g.top, left: g.left } : { top: -9999, left: -9999, visibility: "hidden" },
-        ...D,
+        style: j ? { top: j.top, left: j.left } : { top: -9999, left: -9999, visibility: "hidden" },
+        ...P,
         children: [
-          (r || N || S) && /* @__PURE__ */ e.jsxs("div", { className: "ds-mention__head", children: [
+          (r || w || A) && /* @__PURE__ */ e.jsxs("div", { className: "ds-mention__head", children: [
             r,
-            (N || S) && /* @__PURE__ */ e.jsxs("div", { className: "ds-mention__meta", children: [
-              N ? /* @__PURE__ */ e.jsx("span", { className: "ds-mention__name", children: N }) : null,
-              S ? /* @__PURE__ */ e.jsx("span", { className: "ds-mention__handle", children: S }) : null
+            (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
             ] })
           ] }),
           i ? /* @__PURE__ */ e.jsx("p", { className: "ds-mention__desc", children: i }) : null,
-          l ? /* @__PURE__ */ e.jsx("div", { className: "ds-mention__actions", onClick: () => w(!1), children: l }) : null
+          l ? /* @__PURE__ */ e.jsx("div", { className: "ds-mention__actions", onClick: () => y(!1), children: l }) : null
         ]
       }
     ),
@@ -1486,31 +1508,31 @@ function Ys({
         type: "button",
         className: [
           "ds-mention",
-          E && "ds-mention--custom",
+          g && "ds-mention--custom",
           c
         ].filter(Boolean).join(" "),
-        "aria-expanded": j,
+        "aria-expanded": N,
         "aria-haspopup": "dialog",
-        "aria-label": E && (_ || N) || void 0,
-        "aria-controls": j ? p : void 0,
+        "aria-label": g && (_ || w) || 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") {
-              L();
+              D();
               return;
             }
-            w((b) => !b);
+            y((b) => !b);
           }
         },
-        ...D,
-        children: E ? s : _
+        ...P,
+        children: g ? s : _
       }
     ),
-    typeof document < "u" ? C : null
+    typeof document < "u" ? H : null
   ] });
 }
-function qs({
+function Xs({
   checked: t = !1,
   onChange: s,
   size: n = "m",
@@ -1541,7 +1563,7 @@ function qs({
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: a })
   ] });
 }
-function Gs({
+function Js({
   checked: t = !1,
   onChange: s,
   size: n = "m",
@@ -1579,7 +1601,7 @@ function Gs({
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: a })
   ] });
 }
-function Ks({
+function Zs({
   checked: t = !1,
   onChange: s,
   size: n = "m",
@@ -1614,7 +1636,7 @@ function Ks({
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: a })
   ] });
 }
-function Ht({ width: t, height: s, shape: n = "rect", aspectRatio: r, className: a = "", style: o = {}, ...i }) {
+function qt({ width: t, height: s, shape: n = "rect", aspectRatio: r, className: a = "", style: o = {}, ...i }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -1625,7 +1647,7 @@ function Ht({ width: t, height: s, shape: n = "rect", aspectRatio: r, className:
     }
   );
 }
-function Vt({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: r = "", style: a = {}, ...o }) {
+function Gt({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: r = "", style: a = {}, ...o }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -1644,20 +1666,20 @@ function Vt({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: r = "",
     }
   );
 }
-Ht.Text = Vt;
-function Yt(t) {
+qt.Text = Gt;
+function Kt(t) {
   let s = 2166136261;
   for (let n = 0; n < t.length; n++)
     s ^= t.charCodeAt(n), s = Math.imul(s, 16777619) >>> 0;
   return s % 360;
 }
-function qt(t) {
+function Xt(t) {
   if (!t) return "";
   const s = t.trim().split(/\s+/);
   return s.length >= 2 ? (s[0][0] + s[1][0]).toUpperCase() : t[0].toUpperCase();
 }
-function Xs({ seed: t, icon: s, src: n, size: r = 32, className: a = "", style: o = {}, ...i }) {
-  const l = Yt(t ?? ""), [c, u] = P(!1), d = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: qt(t) });
+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) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1669,7 +1691,7 @@ function Xs({ seed: t, icon: s, src: n, size: r = 32, className: a = "", style:
     }
   );
 }
-function Js({
+function en({
   children: t,
   size: s = "compact",
   stickyTop: n,
@@ -1699,13 +1721,13 @@ function Js({
     }
   );
 }
-function Zs({ children: t, ...s }) {
+function tn({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("thead", { ...s, children: t });
 }
-function Qs({ children: t, ...s }) {
+function sn({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("tbody", { ...s, children: t });
 }
-function en({ children: t, interactive: s, selected: n, subheader: r, exiting: a, updated: o, className: i = "", onClick: l, ...c }) {
+function nn({ children: t, interactive: s, selected: n, subheader: r, exiting: a, updated: o, className: i = "", onClick: l, ...c }) {
   return /* @__PURE__ */ e.jsx(
     "tr",
     {
@@ -1724,11 +1746,11 @@ function en({ children: t, interactive: s, selected: n, subheader: r, exiting: a
     }
   );
 }
-function tn({ children: t, colSpan: s = 999, ...n }) {
+function rn({ children: t, colSpan: s = 999, ...n }) {
   return /* @__PURE__ */ e.jsx("tr", { className: "ds-table-row ds-table-row--subheader", ...n, children: /* @__PURE__ */ e.jsx("td", { colSpan: s, children: t }) });
 }
-function sn({ children: t, align: s = "left", sortDir: n, onSort: r, width: a, className: o = "", style: i = {}, ...l }) {
-  const c = !!r || n !== void 0, u = n === "asc" ? _t : n === "desc" ? ye : jt;
+function an({ children: t, align: s = "left", sortDir: n, onSort: r, width: a, className: o = "", style: i = {}, ...l }) {
+  const c = !!r || n !== void 0, u = n === "asc" ? Nt : n === "desc" ? ye : wt;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
@@ -1749,7 +1771,7 @@ function sn({ children: t, align: s = "left", sortDir: n, onSort: r, width: a, c
     }
   );
 }
-function nn({ children: t, align: s = "left", secondary: n, muted: r, truncate: a, nowrap: o, className: i = "", ...l }) {
+function on({ children: t, align: s = "left", secondary: n, muted: r, truncate: a, nowrap: o, className: i = "", ...l }) {
   return /* @__PURE__ */ e.jsx(
     "td",
     {
@@ -1767,7 +1789,7 @@ function nn({ children: t, align: s = "left", secondary: n, muted: r, truncate:
     }
   );
 }
-function rn({
+function ln({
   icon: t,
   title: s,
   description: n,
@@ -1790,7 +1812,7 @@ function rn({
     }
   );
 }
-function an({
+function cn({
   label: t,
   hint: s,
   error: n,
@@ -1821,7 +1843,7 @@ function an({
     }
   );
 }
-function on({ label: t, value: s, delta: n, size: r = "m", inline: a = !1, className: o = "", style: i, ...l }) {
+function dn({ label: t, value: s, delta: n, size: r = "m", inline: a = !1, className: o = "", style: i, ...l }) {
   const c = n != null && n.startsWith("+") ? "up" : n != null && n.startsWith("-") ? "down" : "neutral";
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -1842,7 +1864,7 @@ function on({ label: t, value: s, delta: n, size: r = "m", inline: a = !1, class
     }
   );
 }
-function ln({
+function un({
   children: t,
   separator: s = "/",
   "aria-label": n,
@@ -1865,7 +1887,7 @@ function ln({
     }
   );
 }
-function cn({
+function fn({
   page: t,
   total: s,
   onChange: n,
@@ -1877,7 +1899,7 @@ function cn({
   style: c,
   ...u
 }) {
-  const d = K(), { t: p } = be(), h = Gt(t, s, r);
+  const d = K(), { t: p } = be(), h = Jt(t, s, r);
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
@@ -1893,7 +1915,7 @@ function cn({
             onClick: () => n == null ? void 0 : n(t - 1),
             disabled: t <= 1,
             "aria-label": o ?? d.previousPage,
-            children: /* @__PURE__ */ e.jsx(Nt, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(gt, { size: 16 })
           }
         ),
         h.map(
@@ -1916,22 +1938,22 @@ function cn({
             onClick: () => n == null ? void 0 : n(t + 1),
             disabled: t >= s,
             "aria-label": i ?? d.nextPage,
-            children: /* @__PURE__ */ e.jsx(wt, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(yt, { size: 16 })
           }
         )
       ]
     }
   );
 }
-function Gt(t, s, n) {
+function Jt(t, s, n) {
   if (s <= 7) return Array.from({ length: s }, (i, l) => l + 1);
   const r = Math.max(2, t - n), a = Math.min(s - 1, t + n), o = [1];
   r > 2 && o.push("…");
   for (let i = r; i <= a; i++) o.push(i);
   return a < s - 1 && o.push("…"), o.push(s), o;
 }
-const Kt = 300;
-function dn({
+const Zt = 300;
+function mn({
   children: t,
   title: s,
   onClose: n,
@@ -1944,24 +1966,24 @@ function dn({
   closeLabel: u,
   ...d
 }) {
-  const p = K(), h = I(null), f = X.useId(), [v, j] = P(!1), w = () => {
-    !n || v || (j(!0), setTimeout(() => {
-      j(!1), n();
-    }, Kt));
+  const p = K(), h = S(null), f = X.useId(), [v, N] = L(!1), y = () => {
+    !n || v || (N(!0), setTimeout(() => {
+      N(!1), n();
+    }, Zt));
   };
   F(() => {
-    const _ = (A) => {
-      A.key === "Escape" && w();
-    }, S = (A) => {
-      var O, k, D, C;
-      const L = ((k = (O = A.composedPath) == null ? void 0 : O.call(A)) == null ? void 0 : k[0]) ?? A.target;
-      (D = c == null ? void 0 : c.current) != null && D.contains(L) || h.current && !h.current.contains(L) && !((C = L.closest) != null && C.call(L, "[data-ds-portal]")) && w();
+    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());
     };
-    return document.addEventListener("keydown", _), document.addEventListener("mousedown", S), () => {
-      document.removeEventListener("keydown", _), document.removeEventListener("mousedown", S);
+    return document.addEventListener("keydown", _), document.addEventListener("mousedown", A), () => {
+      document.removeEventListener("keydown", _), document.removeEventListener("mousedown", A);
     };
   }, [n, v, c]);
-  const g = X.Children.toArray(t), y = g.find((_) => (_ == null ? void 0 : _.type) === Ze || (_ == null ? void 0 : _.type) === xe), E = g.filter((_) => (_ == null ? void 0 : _.type) !== Ze && (_ == null ? void 0 : _.type) !== xe), N = /* @__PURE__ */ e.jsx(
+  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(
     "div",
     {
       className: ["ds-side-page-overlay", v && "ds-side-page-overlay--closing"].filter(Boolean).join(" "),
@@ -1986,7 +2008,7 @@ function dn({
                 variant: "ghost",
                 size: "small",
                 icon: /* @__PURE__ */ e.jsx(ee, { size: q[2], strokeWidth: 1.5 }),
-                onClick: w,
+                onClick: y,
                 "aria-label": u ?? p.close
               }
             ),
@@ -1994,19 +2016,19 @@ function dn({
               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: E }),
-            y
+            /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__body ds-scrollable", children: g }),
+            T
           ]
         }
       )
     }
   );
-  return typeof document > "u" ? N : re.createPortal(N, document.body);
+  return typeof document > "u" ? w : re.createPortal(w, document.body);
 }
-function Ze({ children: t }) {
+function et({ children: t }) {
   return !t || X.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__footer", children: t });
 }
-const _e = De({ collapsed: !1, side: "left" }), Re = De(!1), un = lt(function({
+const _e = De({ collapsed: !1, side: "left" }), Re = De(!1), pn = dt(function({
   children: s,
   collapsed: n = !1,
   side: r = "left",
@@ -2042,7 +2064,7 @@ const _e = De({ collapsed: !1, side: "left" }), Re = De(!1), un = lt(function({
     }
   ) });
 });
-function fn({
+function hn({
   icon: t,
   label: s,
   selected: n = !1,
@@ -2056,7 +2078,7 @@ function fn({
   className: d = "",
   ...p
 }) {
-  const { collapsed: h, side: f } = ie(_e), v = ie(Re), g = {
+  const { collapsed: h, side: f } = ie(_e), v = ie(Re), j = {
     className: [
       "ds-nav-rail__item",
       d
@@ -2073,10 +2095,10 @@ function fn({
       "data-onboarding": u || void 0
     },
     ...p
-  }, y = i != null, E = f === "left" ? "right" : "left", N = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }, T = i != null, g = f === "left" ? "right" : "left", w = /* @__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 && y && /* @__PURE__ */ e.jsx(
+    !h && T && /* @__PURE__ */ e.jsx(
       "span",
       {
         className: ["ds-nav-rail__count", i === 0 && "ds-nav-rail__count--zero"].filter(Boolean).join(" "),
@@ -2084,26 +2106,26 @@ function fn({
         children: i
       }
     ),
-    !h && l && (!y || i === 0) && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot ds-nav-rail__dot--inline", "aria-hidden": "true" }),
-    h && y && i !== 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__count-collapsed", "data-updated": l || void 0, children: i > 99 ? "99+" : i }),
-    h && l && (!y || i === 0) && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot", "aria-hidden": "true" })
-  ] }), _ = a ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : a, ...g, children: N }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...g, children: N });
-  return h && !v ? /* @__PURE__ */ e.jsx(Ue, { content: s, position: E, children: _ }) : _;
+    !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: _ }) : _;
 }
-function mn({ children: t, className: s = "", ...n }) {
+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 });
 }
-function pn({ children: t, className: s = "", ...n }) {
+function vn({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__header", s].filter(Boolean).join(" "), ...n, children: t });
 }
-function hn({ children: t, className: s = "", ...n }) {
+function bn({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__footer", s].filter(Boolean).join(" "), ...n, children: t });
 }
-function xn({ className: t = "", ...s }) {
+function _n({ className: t = "", ...s }) {
   return /* @__PURE__ */ e.jsx("hr", { className: ["ds-nav-rail__divider", t].filter(Boolean).join(" "), ...s });
 }
-function vn({ children: t, label: s, defaultOpen: n = !0, className: r = "", ...a }) {
-  const { collapsed: o } = ie(_e), i = K(), l = s ?? i.recents, [c, u] = P(n);
+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);
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-nav-rail__recents", r].filter(Boolean).join(" "), ...a, children: [
     !o && /* @__PURE__ */ e.jsxs(
       "button",
@@ -2121,7 +2143,7 @@ function vn({ children: t, label: s, defaultOpen: n = !0, className: r = "", ...
     (c || o) && /* @__PURE__ */ e.jsx("div", { className: "ds-nav-rail__recents-body", children: t })
   ] });
 }
-const bn = lt(function({
+const Nn = dt(function({
   as: s = "button",
   avatar: n,
   label: r,
@@ -2146,9 +2168,9 @@ const bn = lt(function({
       children: h
     }
   );
-  return l && !u ? /* @__PURE__ */ e.jsx(Ue, { content: r, position: d, children: f }) : f;
+  return l && !u ? /* @__PURE__ */ e.jsx(Ve, { content: r, position: d, children: f }) : f;
 });
-function _n({ avatar: t, label: s, selected: n = !1, disabled: r = !1, href: a, onClick: o, className: i = "", ...l }) {
+function wn({ avatar: t, label: s, selected: n = !1, disabled: r = !1, href: a, onClick: o, className: i = "", ...l }) {
   const { collapsed: c, side: u } = ie(_e), d = ie(Re), f = {
     className: [
       "ds-nav-rail__item",
@@ -2167,11 +2189,11 @@ function _n({ avatar: t, label: s, selected: n = !1, disabled: r = !1, href: a,
   }, v = /* @__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 })
-  ] }), j = u === "left" ? "right" : "left", w = 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(Ue, { content: s, position: j, children: w }) : w;
+  ] }), 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;
 }
-const Qe = 240, et = 6, tt = 8;
-function jn({
+const tt = 240, st = 6, nt = 8;
+function gn({
   trigger: t,
   title: s,
   children: n,
@@ -2180,25 +2202,25 @@ function jn({
   defaultOpen: o = !1,
   closeLabel: i
 }) {
-  const l = K(), { side: c } = ie(_e), [u, d] = P(o), p = r !== void 0, h = p ? r : u, [f, v] = P(!1), j = I(null), w = I(null), [g, y] = P({}), E = se(() => {
+  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(() => {
     p ? a == null || a(!0) : d(!0);
-  }, [p, a]), N = se(() => {
+  }, [p, a]), w = se(() => {
     p ? a == null || a(!1) : d(!1);
-  }, [p, a]), _ = se(() => h ? N() : E(), [h, E, N]), S = se(() => {
+  }, [p, a]), _ = se(() => h ? w() : g(), [h, g, w]), A = se(() => {
     var W;
-    const L = j.current;
-    if (!L) return;
-    const O = L.getBoundingClientRect(), k = window.innerHeight, D = ((W = w.current) == null ? void 0 : W.offsetHeight) ?? 300, C = Math.max(tt, Math.min(k - D - tt, O.top));
-    y(c === "right" ? {
+    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" ? {
       position: "fixed",
-      top: C,
-      right: window.innerWidth - O.left + et,
-      width: Qe
+      top: H,
+      right: window.innerWidth - O.left + st,
+      width: tt
     } : {
       position: "fixed",
-      top: C,
-      left: O.right + et,
-      width: Qe
+      top: H,
+      left: O.right + st,
+      width: tt
     });
   }, [c]);
   F(() => {
@@ -2206,31 +2228,31 @@ function jn({
       v(!1);
       return;
     }
-    return S(), requestAnimationFrame(() => v(!0)), window.addEventListener("scroll", S, !0), window.addEventListener("resize", S), () => {
-      window.removeEventListener("scroll", S, !0), window.removeEventListener("resize", S);
+    return A(), requestAnimationFrame(() => v(!0)), window.addEventListener("scroll", A, !0), window.addEventListener("resize", A), () => {
+      window.removeEventListener("scroll", A, !0), window.removeEventListener("resize", A);
     };
-  }, [h, S]), F(() => {
+  }, [h, A]), F(() => {
     if (!h) return;
-    const L = (k) => {
-      var D, C;
-      !((D = w.current) != null && D.contains(k.target)) && !((C = j.current) != null && C.contains(k.target)) && N();
+    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" && N();
+      k.key === "Escape" && w();
     };
-    return document.addEventListener("mousedown", L), document.addEventListener("keydown", O), () => {
-      document.removeEventListener("mousedown", L), document.removeEventListener("keydown", O);
+    return document.addEventListener("mousedown", D), document.addEventListener("keydown", O), () => {
+      document.removeEventListener("mousedown", D), document.removeEventListener("keydown", O);
     };
-  }, [h, N]);
-  const A = h && /* @__PURE__ */ e.jsxs(
+  }, [h, w]);
+  const I = h && /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: w,
+      ref: y,
       className: [
         "ds-nav-rail-flyout",
         `ds-nav-rail-flyout--${c}`,
         f && "ds-nav-rail-flyout--visible"
       ].filter(Boolean).join(" "),
-      style: g,
+      style: j,
       "data-ds-portal": "",
       role: "dialog",
       "aria-modal": "false",
@@ -2242,7 +2264,7 @@ function jn({
             {
               type: "button",
               className: "ds-nav-rail-flyout__close",
-              onClick: N,
+              onClick: w,
               "aria-label": i ?? l.close,
               children: /* @__PURE__ */ e.jsx(ee, { size: 16, strokeWidth: 2 })
             }
@@ -2253,17 +2275,17 @@ function jn({
     }
   );
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(Re.Provider, { value: h, children: /* @__PURE__ */ e.jsx("div", { ref: j, onClick: _, style: { display: "flex", flexDirection: "column", width: "100%" }, children: t }) }),
-    typeof document < "u" && re.createPortal(A, document.body)
+    /* @__PURE__ */ e.jsx(Re.Provider, { value: h, children: /* @__PURE__ */ e.jsx("div", { ref: N, onClick: _, style: { display: "flex", flexDirection: "column", width: "100%" }, children: t }) }),
+    typeof document < "u" && re.createPortal(I, document.body)
   ] });
 }
-const Xt = {
+const Qt = {
   info: We,
   success: Fe,
   warning: ze,
   error: Me
 };
-function Nn({
+function yn({
   children: t,
   variant: s = "info",
   action: n,
@@ -2273,7 +2295,7 @@ function Nn({
   dismissLabel: i,
   ...l
 }) {
-  const c = K(), u = Xt[s], d = o || (s === "error" ? "alert" : "status");
+  const c = K(), u = Qt[s], d = o || (s === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2306,7 +2328,7 @@ function Nn({
     }
   );
 }
-function wn({
+function kn({
   trigger: t,
   items: s = [],
   open: n,
@@ -2317,18 +2339,18 @@ function wn({
   style: l,
   ...c
 }) {
-  const [u, d] = P(!1), [p, h] = P(!1), f = n !== void 0, v = f ? n : u, j = I(null), w = I(null), g = I(null), y = I(null), [E, N] = P({}), _ = I(null), S = 150, A = () => {
+  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 = () => {
     if (f)
       r == null || r(!1);
     else {
       if (p) return;
       h(!0), _.current = setTimeout(() => {
         d(!1), h(!1);
-      }, S);
+      }, A);
     }
-  }, L = () => {
+  }, D = () => {
     const b = !v;
-    f ? r == null || r(b) : b ? (clearTimeout(_.current), h(!1), d(!0)) : A();
+    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)));
   };
@@ -2336,11 +2358,11 @@ function wn({
     if (!v) return;
     const b = 300, $ = () => {
       var Y;
-      const R = (Y = j.current) == null ? void 0 : Y.getBoundingClientRect();
+      const R = (Y = N.current) == null ? void 0 : Y.getBoundingClientRect();
       if (!R) return;
-      const V = window.innerHeight - R.bottom, H = V < b + 8 && R.top > V;
-      N(
-        a === "right" ? H ? { bottom: window.innerHeight - R.top + 4, top: "auto", right: window.innerWidth - R.right } : { top: R.bottom + 4, bottom: "auto", right: window.innerWidth - R.right } : H ? { bottom: window.innerHeight - R.top + 4, top: "auto", left: R.left } : { top: R.bottom + 4, bottom: "auto", left: R.left }
+      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 }
       );
     };
     return $(), window.addEventListener("scroll", $, !0), window.addEventListener("resize", $), () => {
@@ -2349,7 +2371,7 @@ function wn({
   }, [v, a]);
   const k = () => {
     var $;
-    const b = ($ = g.current) == null ? void 0 : $.querySelector(
+    const b = ($ = j.current) == null ? void 0 : $.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
     b == null || b.focus();
@@ -2357,41 +2379,41 @@ function wn({
   F(() => {
     if (!v) return;
     const b = (R) => {
-      var V, H;
-      !((V = j.current) != null && V.contains(R.target)) && !((H = w.current) != null && H.contains(R.target)) && A();
+      var V, U;
+      !((V = N.current) != null && V.contains(R.target)) && !((U = y.current) != null && U.contains(R.target)) && I();
     }, $ = (R) => {
-      R.key === "Escape" && (A(), k());
+      R.key === "Escape" && (I(), k());
     };
     return document.addEventListener("mousedown", b), document.addEventListener("keydown", $), () => {
       document.removeEventListener("mousedown", b), document.removeEventListener("keydown", $);
     };
   }, [v]), F(() => {
-    if (!v || !y.current || !w.current) return;
-    const b = D(), $ = y.current === "last" ? b[b.length - 1] : b[0];
-    $ == null || $.focus(), y.current = null;
+    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 D = () => w.current ? [...w.current.querySelectorAll(
+  const P = () => y.current ? [...y.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
-  )] : [], C = (b) => {
+  )] : [], H = (b) => {
     var $, R;
     if (b.key === "ArrowDown")
-      b.preventDefault(), v ? ($ = D()[0]) == null || $.focus() : (y.current = "first", O());
+      b.preventDefault(), v ? ($ = P()[0]) == null || $.focus() : (T.current = "first", O());
     else if (b.key === "ArrowUp")
       if (b.preventDefault(), !v)
-        y.current = "last", O();
+        T.current = "last", O();
       else {
-        const V = D();
+        const V = P();
         (R = V[V.length - 1]) == null || R.focus();
       }
   }, W = (b) => {
-    var V, H, Y, m;
-    const $ = D(), R = $.findIndex((x) => x === document.activeElement);
+    var V, U, Y, m;
+    const $ = P(), R = $.findIndex((x) => x === document.activeElement);
     switch (b.key) {
       case "ArrowDown":
         b.preventDefault(), (V = $[Math.min(R + 1, $.length - 1)]) == null || V.focus();
         break;
       case "ArrowUp":
-        b.preventDefault(), R <= 0 ? k() : (H = $[R - 1]) == null || H.focus();
+        b.preventDefault(), R <= 0 ? k() : (U = $[R - 1]) == null || U.focus();
         break;
       case "Home":
         b.preventDefault(), (Y = $[0]) == null || Y.focus();
@@ -2400,13 +2422,13 @@ function wn({
         b.preventDefault(), (m = $[$.length - 1]) == null || m.focus();
         break;
       case "Tab":
-        A();
+        I();
         break;
     }
   }, M = v && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: w,
+      ref: y,
       role: "menu",
       "data-ds-portal": "",
       className: [
@@ -2414,7 +2436,7 @@ function wn({
         `ds-dropdown__menu--${a}`,
         p && "ds-dropdown__menu--closing"
       ].filter(Boolean).join(" "),
-      style: E,
+      style: g,
       onKeyDown: W,
       children: s.map((b, $) => {
         if (b.separator)
@@ -2424,7 +2446,7 @@ function wn({
             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 })
           ] }, $);
-        const R = !!b.href, V = R ? "a" : "button", H = R ? { href: b.disabled ? void 0 : b.href, "aria-disabled": b.disabled ? "true" : void 0 } : { type: "button", disabled: b.disabled };
+        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 };
         return /* @__PURE__ */ e.jsxs(
           V,
           {
@@ -2433,10 +2455,10 @@ function wn({
               "ds-dropdown__item",
               b.danger && "ds-dropdown__item--danger"
             ].filter(Boolean).join(" "),
-            ...H,
+            ...U,
             onClick: () => {
               var Y;
-              (Y = b.onClick) == null || Y.call(b), A();
+              (Y = b.onClick) == null || Y.call(b), I();
             },
             children: [
               b.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: b.icon }),
@@ -2452,7 +2474,7 @@ function wn({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: j,
+      ref: N,
       className: ["ds-dropdown", o && "ds-dropdown--full-width", i].filter(Boolean).join(" "),
       style: l,
       ...c,
@@ -2460,10 +2482,10 @@ function wn({
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: g,
+            ref: j,
             className: "ds-dropdown__trigger",
-            onClick: L,
-            onKeyDown: C,
+            onClick: D,
+            onKeyDown: H,
             children: t
           }
         ),
@@ -2472,7 +2494,7 @@ function wn({
     }
   );
 }
-function gn({
+function En({
   value: t = 0,
   size: s = "m",
   variant: n = "default",
@@ -2509,11 +2531,11 @@ function gn({
     }
   );
 }
-const Jt = (t) => 1 - Math.pow(1 - t, 3), Zt = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-function Qt(t, { duration: s = 600 } = {}) {
-  const [n, r] = P(t), a = I(t), o = I(null);
+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(() => {
-    if (Zt()) {
+    if (ts()) {
       r(t), a.current = t;
       return;
     }
@@ -2523,23 +2545,23 @@ function Qt(t, { duration: s = 600 } = {}) {
     const u = (d) => {
       c || (c = d);
       const p = Math.min((d - c) / s, 1);
-      r(i + l * Jt(p)), p < 1 ? o.current = requestAnimationFrame(u) : a.current = t;
+      r(i + l * es(p)), p < 1 ? o.current = requestAnimationFrame(u) : a.current = t;
     };
     return o.current = requestAnimationFrame(u), () => cancelAnimationFrame(o.current);
   }, [t, s]), n;
 }
-function yn({
+function Tn({
   value: t,
   duration: s = 600,
   decimals: n = 0,
   prefix: r = "",
   suffix: a = ""
 }) {
-  const i = Qt(t, { duration: s }).toFixed(n);
+  const i = ss(t, { duration: s }).toFixed(n);
   return `${r}${i}${a}`;
 }
-function es({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
-  const r = I(null), [a, o] = P(!1);
+function ns({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
+  const r = S(null), [a, o] = L(!1);
   return F(() => {
     const i = r.current;
     if (!i) return;
@@ -2552,7 +2574,7 @@ function es({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
     return l.observe(i), () => l.disconnect();
   }, [t, s, n]), { ref: r, inView: a };
 }
-function kn({
+function $n({
   children: t,
   as: s = "div",
   once: n = !1,
@@ -2562,12 +2584,12 @@ function kn({
   onLeave: i,
   ...l
 }) {
-  const { ref: c, inView: u } = es({ threshold: r, rootMargin: a, once: n }), d = I(!1);
+  const { ref: c, inView: u } = ns({ threshold: r, rootMargin: a, once: n }), d = S(!1);
   return F(() => {
     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 });
 }
-const st = {
+const rt = {
   default: We,
   success: Fe,
   warning: ze,
@@ -2575,18 +2597,18 @@ const st = {
 };
 let ve = [];
 const Le = /* @__PURE__ */ new Set();
-function ut() {
+function mt() {
   Le.forEach((t) => t([...ve]));
 }
-function ts(t) {
-  ve = [...ve, t], ut();
+function rs(t) {
+  ve = [...ve, t], mt();
 }
-function ss(t) {
-  ve = ve.filter((s) => s.id !== t), ut();
+function as(t) {
+  ve = ve.filter((s) => s.id !== t), mt();
 }
-function En() {
+function Rn() {
   const t = (s, n = {}) => {
-    ts({
+    rs({
       id: `${Date.now()}-${Math.random()}`,
       message: s,
       type: "default",
@@ -2596,13 +2618,13 @@ function En() {
   };
   return t.success = (s, n) => t(s, { ...n, type: "success" }), t.error = (s, n) => t(s, { ...n, type: "error" }), t.warning = (s, n) => t(s, { ...n, type: "warning" }), { toast: t };
 }
-function ns({ data: t, onDismiss: s }) {
-  const n = K(), [r, a] = P(!1), o = I(null);
+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)), []);
   function i() {
     a(!1), setTimeout(() => s(t.id), 250);
   }
-  const l = st[t.type] ?? st.default;
+  const l = rt[t.type] ?? rt.default;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2629,19 +2651,19 @@ function ns({ data: t, onDismiss: s }) {
     }
   );
 }
-function Tn({ position: t = "bottom-right" }) {
-  const [s, n] = P(() => [...ve]);
+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(
-    /* @__PURE__ */ e.jsx("div", { "data-ds-portal": "", className: ["ds-toast-container", `ds-toast-container--${t}`].join(" "), children: s.map((r) => /* @__PURE__ */ e.jsx(ns, { data: r, onDismiss: ss }, r.id)) }),
+    /* @__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
   );
 }
-const rs = {
+const is = {
   running: /* @__PURE__ */ e.jsx(he, { size: "xs", variant: "info", children: "Running..." }),
   success: /* @__PURE__ */ e.jsx(he, { size: "xs", variant: "success", children: "Done" }),
   error: /* @__PURE__ */ e.jsx(he, { size: "xs", variant: "error", children: "Error" })
 };
-function $n({
+function An({
   label: t,
   status: s = "idle",
   icon: n,
@@ -2656,7 +2678,7 @@ function $n({
   const d = s === "running", p = /* @__PURE__ */ e.jsxs("span", { className: "ds-tool-card__title-row", children: [
     n && /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__icon", children: n }),
     /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__label", children: t }),
-    rs[s],
+    is[s],
     r
   ] });
   return l ? /* @__PURE__ */ e.jsx(
@@ -2665,7 +2687,7 @@ function $n({
       className: ["ds-tool-card", d && "ds-tool-card--running", c].filter(Boolean).join(" "),
       ...u,
       children: /* @__PURE__ */ e.jsx(
-        Ce,
+        He,
         {
           title: p,
           padding: "s",
@@ -2685,14 +2707,14 @@ function $n({
     }
   );
 }
-function as({
+function ls({
   text: t,
   size: s = "xs",
   timeout: n = 800,
   "aria-label": r,
   ...a
 }) {
-  const o = K(), [i, l] = P(!1), c = (u) => {
+  const o = K(), [i, l] = L(!1), c = (u) => {
     u.currentTarget.blur(), navigator.clipboard.writeText(t).then(() => {
       l(!0), setTimeout(() => l(!1), n);
     });
@@ -2703,36 +2725,36 @@ function as({
       variant: "ghost",
       size: s,
       state: i ? "success" : "idle",
-      icon: /* @__PURE__ */ e.jsx(gt, { size: q[1], strokeWidth: 1.5 }),
+      icon: /* @__PURE__ */ e.jsx(kt, { size: q[1], strokeWidth: 1.5 }),
       "aria-label": r ?? o.copyToClipboard,
       onClick: c,
       ...a
     }
   );
 }
-function Rn({ content: t, streaming: s = !1, ...n }) {
-  const [r, a] = P(s);
+function Bn({ content: t, streaming: s = !1, ...n }) {
+  const [r, a] = L(s);
   return F(() => {
     a(!!s);
   }, [s]), /* @__PURE__ */ e.jsx(
-    Ce,
+    He,
     {
       expanded: r,
       onToggle: a,
       padding: "s",
       title: /* @__PURE__ */ e.jsxs("div", { className: "ds-reasoning__title", children: [
-        /* @__PURE__ */ e.jsx(yt, { size: q[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
-        /* @__PURE__ */ e.jsx(Pt, { secondary: !0, children: "Thinking" })
+        /* @__PURE__ */ e.jsx(Et, { size: q[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
+        /* @__PURE__ */ e.jsx(zt, { secondary: !0, children: "Thinking" })
       ] }),
       ...n,
-      children: /* @__PURE__ */ e.jsxs(dt, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
+      children: /* @__PURE__ */ e.jsxs(ft, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
         t,
         s && /* @__PURE__ */ e.jsx("span", { className: "ds-cursor ds-cursor--line" })
       ] })
     }
   );
 }
-function Sn({
+function In({
   count: t,
   current: s = 0,
   done: n = [],
@@ -2745,7 +2767,7 @@ function Sn({
   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)), j = [
+      const h = p === s, f = n.includes(p) && !h, v = r && (p <= s || n.includes(p)), N = [
         "ds-step-indicator__dot",
         h && "ds-step-indicator__dot--active",
         f && "ds-step-indicator__dot--done"
@@ -2754,7 +2776,7 @@ function Sn({
         "button",
         {
           type: "button",
-          className: j,
+          className: N,
           role: "tab",
           "aria-selected": h,
           "aria-label": u("stepN", { n: p + 1 }),
@@ -2765,14 +2787,14 @@ function Sn({
         p
       );
     }) }),
-    a && /* @__PURE__ */ e.jsxs(dt, { secondary: !0, className: "ds-step-indicator__counter", children: [
+    a && /* @__PURE__ */ e.jsxs(ft, { secondary: !0, className: "ds-step-indicator__counter", children: [
       s + 1,
       " / ",
       t
     ] })
   ] });
 }
-function An({
+function Ln({
   content: t,
   isStreaming: s = !1,
   cursor: n = "line",
@@ -2780,7 +2802,7 @@ function An({
   className: a = "",
   ...o
 }) {
-  const i = I(t);
+  const i = S(t);
   return F(() => {
     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: [
@@ -2788,7 +2810,7 @@ function An({
     s && n !== "none" && /* @__PURE__ */ e.jsx("span", { className: `ds-cursor ds-cursor--${n}`, "aria-hidden": "true" })
   ] });
 }
-function Bn({
+function Dn({
   role: t = "assistant",
   header: s,
   footer: n,
@@ -2815,8 +2837,8 @@ function Bn({
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: n })
   ] });
 }
-function In(t, { containerRef: s, smartPause: n = !0 } = {}) {
-  const r = I(!1), a = I(0);
+function Pn(t, { containerRef: s, smartPause: n = !0 } = {}) {
+  const r = S(!1), a = S(0);
   F(() => {
     const o = s == null ? void 0 : s.current;
     if (!o) return;
@@ -2830,7 +2852,7 @@ function In(t, { containerRef: s, smartPause: n = !0 } = {}) {
     o && (n && r.current || (o.scrollTop = o.scrollHeight));
   }, t);
 }
-function os({
+function cs({
   prompts: t,
   enabled: s,
   typingSpeed: n = 38,
@@ -2839,7 +2861,7 @@ function os({
   betweenTime: o = 380,
   manualPauseMs: i = 5e3
 }) {
-  const [l, c] = P(0), [u, d] = P(""), p = I("typing"), h = I(0), f = I(0), v = I(null), j = I(0);
+  const [l, c] = L(0), [u, d] = L(""), p = S("typing"), h = S(0), f = S(0), v = S(null), N = S(0);
   F(() => {
     f.current = l;
   }, [l]), F(() => {
@@ -2847,28 +2869,28 @@ function os({
       d(""), h.current = 0, p.current = "typing";
       return;
     }
-    const N = () => {
+    const w = () => {
       const _ = Date.now();
-      if (j.current > _) {
-        v.current = setTimeout(N, j.current - _);
+      if (N.current > _) {
+        v.current = setTimeout(w, N.current - _);
         return;
       }
-      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", v.current = setTimeout(N, a)) : v.current = setTimeout(N, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", v.current = setTimeout(N, 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), v.current = setTimeout(N, o)) : v.current = setTimeout(N, r));
+      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));
     };
-    return v.current = setTimeout(N, 260), () => {
+    return v.current = setTimeout(w, 260), () => {
       v.current && clearTimeout(v.current);
     };
   }, [s, t, n, r, a, o]);
-  const w = (N) => {
+  const y = (w) => {
     if (t.length === 0) return;
-    const _ = (N % t.length + t.length) % t.length, S = t[_];
-    f.current = _, h.current = S.length, p.current = "holding", j.current = Date.now() + i, c(_), d(S);
-  }, g = () => w(f.current + 1), y = () => w(f.current - 1), E = t[l % t.length] ?? "";
-  return { displayed: u, currentPrompt: E, index: l, next: g, prev: y };
+    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 };
 }
-let is = 0;
-function Ln({
+let ds = 0;
+function Mn({
   value: t = "",
   onChange: s,
   onSubmit: n,
@@ -2884,91 +2906,91 @@ function Ln({
   onAttachImages: h,
   onRemoveAttachment: f,
   onRemoveImage: v,
-  acceptImage: j,
-  acceptFile: w,
-  maxImages: g,
-  maxImageSize: y,
-  leftSlot: E,
-  rightSlot: N,
+  acceptImage: N,
+  acceptFile: y,
+  maxImages: j,
+  maxImageSize: T,
+  leftSlot: g,
+  rightSlot: w,
   className: _ = "",
-  ...S
+  ...A
 }) {
-  const A = K(), { t: L } = be(), O = I(null), k = I(null), D = I(0), [C, W] = P(!1), [M, b] = P([]), $ = l ?? A.promptPlaceholder, R = (T) => {
-    const z = ++is;
-    b((J) => [...J, { id: z, msg: T }]), setTimeout(() => b((J) => J.filter((Q) => Q.id !== z)), 6e3);
-  }, V = (T) => b((z) => z.filter((J) => J.id !== T)), H = (T) => T.type.startsWith("image/"), Y = () => !0, m = j ?? H, x = w ?? Y, B = (T) => {
+  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 = [];
-    let ae = 0, me = g != null ? g - ((d == null ? void 0 : d.length) ?? 0) : 1 / 0;
-    for (const oe of T)
-      m(oe) ? y && oe.size > y ? Q.push(oe.name) : me > 0 ? (z.push(oe), me--) : ae++ : x(oe) ? J.push(oe) : ne.push(oe.name);
+    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 };
-  }, U = (T) => {
-    const z = y ? L("fileTooLargeMaxHint", { maxMb: y / 1024 / 1024 }) : "";
-    R(L("fileTooLarge", { maxHint: z, names: T.join(", ") }));
-  }, te = (T) => {
-    const { imageFiles: z, docFiles: J, tooLarge: Q, skipped: ne, limitExceeded: ae } = B(T);
-    Q.length && U(Q), ne.length && R(L("filesSkipped", { names: ne.join(", ") })), ae && R(L("maxImages", { n: g })), h && z.length && h(z);
+  }, C = (E) => {
+    const z = T ? D("fileTooLargeMaxHint", { maxMb: T / 1024 / 1024 }) : "";
+    R(D("fileTooLarge", { maxHint: z, 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);
     p && me.length && p(me);
   };
   F(() => {
-    const T = k.current;
-    T && (T.style.height = "auto", T.style.height = `${Math.min(T.scrollHeight, 200)}px`);
+    const E = k.current;
+    E && (E.style.height = "auto", E.style.height = `${Math.min(E.scrollHeight, 200)}px`);
   }, [t]), F(() => {
-    const T = (z) => {
+    const E = (z) => {
       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();
     };
-    return document.addEventListener("keydown", T), () => document.removeEventListener("keydown", T);
+    return document.addEventListener("keydown", E), () => document.removeEventListener("keydown", E);
   }, [o, i]);
-  const le = (T) => {
-    T.preventDefault(), D.current++, T.dataTransfer.types.includes("Files") && W(!0);
-  }, G = (T) => {
-    T.preventDefault(), D.current--, D.current === 0 && W(!1);
-  }, Z = (T) => T.preventDefault(), fe = (T) => {
-    T.preventDefault(), D.current = 0, W(!1);
-    const z = Array.from(T.dataTransfer.files);
+  const le = (E) => {
+    E.preventDefault(), P.current++, E.dataTransfer.types.includes("Files") && W(!0);
+  }, G = (E) => {
+    E.preventDefault(), P.current--, P.current === 0 && W(!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);
-  }, je = (T) => {
-    const z = Array.from(T.target.files || []);
+  }, je = (E) => {
+    const z = Array.from(E.target.files || []);
     O.current && (O.current.value = ""), z.length && te(z);
-  }, Se = (T) => {
+  }, Se = (E) => {
     var oe;
     if (!h) return;
-    const z = (oe = T.clipboardData) == null ? void 0 : oe.items;
+    const z = (oe = E.clipboardData) == null ? void 0 : oe.items;
     if (!z) return;
     const J = [];
-    for (const pt of z) {
-      const Ve = pt.getAsFile();
-      Ve && J.push(Ve);
+    for (const xt of z) {
+      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 && U(ne), ae.length && R(L("filesSkipped", { names: ae.join(", ") })), me && R(L("maxImages", { n: g })), Q.length && (T.preventDefault(), h(Q));
-  }, Ne = !o && !i && !!(c != null && c.length) && t.length === 0, ke = os({
+    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 = !o && !i && !!(c != null && c.length) && t.length === 0, ke = cs({
     prompts: c ?? [],
     enabled: Ne
-  }), ft = (T) => {
+  }), pt = (E) => {
     if (Ne) {
-      if (T.key === "ArrowDown" || T.key === "ArrowRight") {
-        T.preventDefault(), ke.next();
+      if (E.key === "ArrowDown" || E.key === "ArrowRight") {
+        E.preventDefault(), ke.next();
         return;
       }
-      if (T.key === "ArrowUp" || T.key === "ArrowLeft") {
-        T.preventDefault(), ke.prev();
+      if (E.key === "ArrowUp" || E.key === "ArrowLeft") {
+        E.preventDefault(), ke.prev();
         return;
       }
-      if (T.key === "Tab" && !T.shiftKey) {
-        T.preventDefault(), s == null || s(ke.currentPrompt);
+      if (E.key === "Tab" && !E.shiftKey) {
+        E.preventDefault(), s == null || s(ke.currentPrompt);
         return;
       }
     }
-    a == null || a(T);
-  }, mt = (t.trim() || (d == null ? void 0 : d.length) > 0 || (u == null ? void 0 : u.length) > 0) && !i, He = p || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", _].filter(Boolean).join(" "), ...S, children: [
-    He && /* @__PURE__ */ e.jsx(
+    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: [
+    Ye && /* @__PURE__ */ e.jsx(
       "input",
       {
         ref: O,
@@ -2982,20 +3004,20 @@ function Ln({
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: ["ds-prompt-input__box", C && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
+        className: ["ds-prompt-input__box", H && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
         onDragEnter: le,
         onDragLeave: G,
         onDragOver: Z,
         onDrop: fe,
         children: [
-          C && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: A.dropFilesHere }),
+          H && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: I.dropFilesHere }),
           /* @__PURE__ */ e.jsx(
             "textarea",
             {
               ref: k,
               value: t,
-              onChange: (T) => s == null ? void 0 : s(T.target.value),
-              onKeyDown: ft,
+              onChange: (E) => s == null ? void 0 : s(E.target.value),
+              onKeyDown: pt,
               onPaste: Se,
               placeholder: Ne ? "" : $,
               disabled: o || i,
@@ -3007,81 +3029,81 @@ function Ln({
             /* @__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((T, z) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
-            /* @__PURE__ */ e.jsx("img", { src: T.preview, alt: "" }),
+          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: [
+            /* @__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),
-                "aria-label": A.removeImage,
+                "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((T) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
-            /* @__PURE__ */ e.jsx("span", { children: T.msg }),
+          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: [
+            /* @__PURE__ */ e.jsx("span", { children: E.msg }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
                 className: "ds-prompt-input__warning-close",
-                onClick: () => V(T.id),
-                "aria-label": A.dismiss,
+                onClick: () => V(E.id),
+                "aria-label": I.dismiss,
                 children: /* @__PURE__ */ e.jsx(ee, { size: q[1], strokeWidth: 1.5 })
               }
             )
-          ] }, T.id)) }),
-          u && u.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: u.map((T, z) => /* @__PURE__ */ e.jsx(he, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
-            T.uploading ? /* @__PURE__ */ e.jsx(kt, { size: q[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Ye, { size: q[1], strokeWidth: 1.5 }),
-            T.filename,
-            T.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: A.uploading }) : /* @__PURE__ */ e.jsx(
+          ] }, 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: [
+            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(
               "button",
               {
                 type: "button",
                 className: "ds-prompt-input__remove-btn",
                 onClick: () => f == null ? void 0 : f(z),
-                "aria-label": A.removeAttachment,
+                "aria-label": I.removeAttachment,
                 children: /* @__PURE__ */ e.jsx(ee, { size: q[1], strokeWidth: 1.5 })
               }
             )
           ] }) }, z)) }),
           /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__toolbar", children: [
-            He && /* @__PURE__ */ e.jsx(
+            Ye && /* @__PURE__ */ e.jsx(
               de,
               {
                 variant: "ghost",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(Ye, { size: q[2], strokeWidth: 1.5 }),
-                "aria-label": A.attachFiles,
+                icon: /* @__PURE__ */ e.jsx(Ge, { size: q[2], strokeWidth: 1.5 }),
+                "aria-label": I.attachFiles,
                 onClick: () => {
-                  var T;
-                  return (T = O.current) == null ? void 0 : T.click();
+                  var E;
+                  return (E = O.current) == null ? void 0 : E.click();
                 }
               }
             ),
-            E,
-            N,
+            g,
+            w,
             /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__spacer" }),
             o ? /* @__PURE__ */ e.jsx(
               de,
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(Et, { size: q[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx($t, { size: q[2], strokeWidth: 1.5 }),
                 onClick: r,
-                "aria-label": A.stop
+                "aria-label": I.stop
               }
             ) : /* @__PURE__ */ e.jsx(
               de,
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(Tt, { size: q[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(Rt, { size: q[2], strokeWidth: 1.5 }),
                 onClick: n,
-                disabled: !mt,
-                "aria-label": A.send
+                disabled: !ht,
+                "aria-label": I.send
               }
             )
           ] })
@@ -3090,8 +3112,8 @@ function Ln({
     )
   ] });
 }
-const nt = { fast: 0, standard: 1, premium: 2 }, rt = { fast: "data-5", standard: "data-3", premium: "data-6" };
-function Dn({
+const at = { fast: 0, standard: 1, premium: 2 }, ot = { fast: "data-5", standard: "data-3", premium: "data-6" };
+function zn({
   models: t = [],
   value: s,
   onChange: n,
@@ -3102,35 +3124,35 @@ function Dn({
   className: l = "",
   ...c
 }) {
-  const [u, d] = P(!1), p = I(null), h = I(null), f = I(null), [v, j] = P({}), w = t.filter((k) => !a || k.name === "auto" ? !0 : (nt[k.tier] ?? 1) >= (nt[a] ?? 1)), g = w.find((k) => k.name === "auto"), y = w.filter((k) => k.name !== "auto"), E = t.find((k) => k.name === s), _ = new Set(y.map((k) => k.tier).filter(Boolean)).size > 1;
+  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(() => {
     if (!u) return;
-    const k = 320, D = () => {
+    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;
-      j({
+      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" }
       });
     };
-    D(), window.addEventListener("scroll", D, !0), window.addEventListener("resize", D);
-    const C = (M) => {
+    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);
     };
-    return document.addEventListener("mousedown", C), document.addEventListener("keydown", W), () => {
-      window.removeEventListener("scroll", D, !0), window.removeEventListener("resize", D), document.removeEventListener("mousedown", C), document.removeEventListener("keydown", W);
+    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);
     };
   }, [u]);
-  const S = (k) => {
+  const A = (k) => {
     n == null || n(k), d(!1);
-  }, A = (k) => /* @__PURE__ */ e.jsxs(
+  }, I = (k) => /* @__PURE__ */ e.jsxs(
     "button",
     {
       type: "button",
@@ -3138,22 +3160,22 @@ function Dn({
         "ds-model-picker__item",
         k.name === s && "ds-model-picker__item--active"
       ].filter(Boolean).join(" "),
-      onClick: () => S(k.name),
+      onClick: () => A(k.name),
       children: [
-        k.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: k.icon }) : /* @__PURE__ */ e.jsx(qe, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
+        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: rt[k.tier] || "default", children: k.tier })
+        _ && k.tier && /* @__PURE__ */ e.jsx(he, { size: "xs", variant: ot[k.tier] || "default", children: k.tier })
       ]
     },
     k.name
-  ), L = () => !i || !_ ? y.map(A) : ["fast", "standard", "premium"].flatMap((k) => {
-    const D = y.filter((C) => C.tier === k);
-    return D.length ? [
+  ), 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}`),
-      ...D.map(A)
+      ...P.map(I)
     ] : [];
   }), O = u && /* @__PURE__ */ e.jsxs("div", { ref: f, className: "ds-model-picker__menu ds-scrollable", "data-ds-portal": "", style: v, children: [
-    o && g && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    o && j && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(
         "button",
         {
@@ -3163,16 +3185,16 @@ function Dn({
             "ds-model-picker__item--auto",
             s === "auto" && "ds-model-picker__item--active"
           ].filter(Boolean).join(" "),
-          onClick: () => S("auto"),
+          onClick: () => A("auto"),
           children: [
-            /* @__PURE__ */ e.jsx($t, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
+            /* @__PURE__ */ e.jsx(St, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: "Auto (smart routing)" })
           ]
         }
       ),
-      y.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
+      T.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
     ] }),
-    L()
+    D()
   ] });
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -3191,9 +3213,9 @@ function Dn({
             "aria-haspopup": "listbox",
             "aria-expanded": u,
             children: [
-              E != null && E.icon ? /* @__PURE__ */ e.jsx("span", { children: E.icon }) : /* @__PURE__ */ e.jsx(qe, { size: 12, strokeWidth: 1.5 }),
-              /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (E == null ? void 0 : E.displayName) || (E == null ? void 0 : E.name) || s }),
-              _ && (E == null ? void 0 : E.tier) && /* @__PURE__ */ e.jsx(he, { size: "xs", variant: rt[E.tier] || "default", children: E.tier })
+              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 })
             ]
           }
         ),
@@ -3202,82 +3224,82 @@ function Dn({
     }
   );
 }
-const ls = ({ filename: t, pagesLabel: s }) => /* @__PURE__ */ e.jsxs("span", { style: { display: "flex", alignItems: "center", gap: "var(--space-2)", minWidth: 0 }, children: [
+const us = ({ filename: t, pagesLabel: s }) => /* @__PURE__ */ e.jsxs("span", { style: { display: "flex", alignItems: "center", gap: "var(--space-2)", minWidth: 0 }, children: [
   /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: t }),
   s && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: s })
 ] });
-function cs(t) {
+function fs(t) {
   const s = /* @__PURE__ */ new Map();
   for (const n of t)
     s.has(n.filename) || s.set(n.filename, { filename: n.filename, url: n.url, items: [] }), s.get(n.filename).items.push(n);
   return [...s.values()];
 }
-function Pn({
+function Fn({
   sources: t = [],
   layout: s = "list",
   title: n,
   maxVisible: r = 5,
   onSourceClick: a
 }) {
-  const o = K(), { t: i } = be(), l = n ?? o.sources, [c, u] = P(!1), d = cs(t), p = d.length > r, h = c ? d : d.slice(0, r), f = t.some((g) => g.snippet), v = (g) => g != null && g.length ? i("pageAbbrev", { pages: g.join(", ") }) : null, j = i("moreSources", { n: d.length - r }), w = ["ds-sources-panel", s === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
-  return s === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: w, children: [
-    h.map((g) => {
-      const y = g.items.map((_) => _.page).filter(Boolean), E = v(y), N = !!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: [
+    h.map((j) => {
+      const T = j.items.map((_) => _.page).filter(Boolean), g = v(T), w = !!a;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__compact-row${N ? " ds-sources-panel__compact-row--clickable" : ""}`,
-          onClick: N ? () => a(g.items[0]) : void 0,
+          className: `ds-sources-panel__compact-row${w ? " ds-sources-panel__compact-row--clickable" : ""}`,
+          onClick: w ? () => a(j.items[0]) : void 0,
           children: [
-            /* @__PURE__ */ e.jsx(Rt, { size: q[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
-            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: g.filename }),
-            E && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: E })
+            /* @__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 })
           ]
         },
-        g.filename
+        j.filename
       );
     }),
-    p && !c && /* @__PURE__ */ e.jsx("button", { className: "ds-sources-panel__more", onClick: () => u(!0), children: j })
-  ] }) : /* @__PURE__ */ e.jsxs("div", { className: w, children: [
+    p && !c && /* @__PURE__ */ e.jsx("button", { className: "ds-sources-panel__more", onClick: () => u(!0), children: N })
+  ] }) : /* @__PURE__ */ e.jsxs("div", { className: y, children: [
     l && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: l }),
-    h.map((g) => {
-      const y = g.items.map((_) => _.page).filter(Boolean), E = v(y), N = !!a;
+    h.map((j) => {
+      const T = j.items.map((_) => _.page).filter(Boolean), g = v(T), w = !!a;
       return f ? /* @__PURE__ */ e.jsx(
-        Ce,
+        He,
         {
-          title: /* @__PURE__ */ e.jsx(ls, { filename: g.filename, pagesLabel: E }),
+          title: /* @__PURE__ */ e.jsx(us, { filename: j.filename, pagesLabel: g }),
           padding: "s",
-          children: g.items.map((_, S) => /* @__PURE__ */ e.jsx(
+          children: j.items.map((_, A) => /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: `ds-sources-panel__snippet${N ? " ds-sources-panel__snippet--clickable" : ""}`,
-              onClick: N ? () => a(_) : void 0,
+              className: `ds-sources-panel__snippet${w ? " ds-sources-panel__snippet--clickable" : ""}`,
+              onClick: w ? () => a(_) : void 0,
               children: _.snippet ?? i("pageAbbrev", { pages: _.page })
             },
-            S
+            A
           ))
         },
-        g.filename
+        j.filename
       ) : /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__row${N ? " ds-sources-panel__row--clickable" : ""}`,
-          onClick: N ? () => a(g.items[0]) : void 0,
+          className: `ds-sources-panel__row${w ? " ds-sources-panel__row--clickable" : ""}`,
+          onClick: w ? () => a(j.items[0]) : void 0,
           children: [
-            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: g.filename }),
-            E && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: E })
+            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: j.filename }),
+            g && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: g })
           ]
         },
-        g.filename
+        j.filename
       );
     }),
-    p && !c && /* @__PURE__ */ e.jsx("button", { className: "ds-sources-panel__more", onClick: () => u(!0), children: j })
+    p && !c && /* @__PURE__ */ e.jsx("button", { className: "ds-sources-panel__more", onClick: () => u(!0), children: N })
   ] });
 }
-function at(t) {
+function it(t) {
   return t >= 1e6 ? (t / 1e6).toFixed(1).replace(/\.0$/, "") + "M" : t >= 1e3 ? (t / 1e3).toFixed(1).replace(/\.0$/, "") + "K" : String(t);
 }
-function Mn({
+function Wn({
   used: t,
   limit: s,
   size: n = "s",
@@ -3304,9 +3326,9 @@ function Mn({
         ) }),
         (r || a) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${u}`, children: [
           r && /* @__PURE__ */ e.jsxs("span", { children: [
-            at(t),
+            it(t),
             " / ",
-            at(s)
+            it(s)
           ] }),
           a && /* @__PURE__ */ e.jsxs("span", { style: { marginLeft: "auto" }, children: [
             Math.round(l * 100),
@@ -3317,24 +3339,24 @@ function Mn({
     }
   );
 }
-const ot = 5;
-function ds(t) {
+const lt = 5;
+function ms(t) {
   return t < 0.34 ? "low" : t < 0.67 ? "medium" : "high";
 }
-function zn({
+function On({
   value: t = 0,
   size: s = "xs",
   showLabel: n = "none",
   layout: r = "inline"
 }) {
-  const a = Math.max(0, Math.min(1, t)), o = Math.round(a * ot), i = ds(a);
+  const a = Math.max(0, Math.min(1, t)), o = Math.round(a * lt), i = ms(a);
   return /* @__PURE__ */ e.jsxs("div", { className: [
     "ds-confidence-bar",
     `ds-confidence-bar--${s}`,
     `ds-confidence-bar--${i}`,
     r === "block" && "ds-confidence-bar--block"
   ].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: ot }, (l, c) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: lt }, (l, c) => /* @__PURE__ */ e.jsx(
       "div",
       {
         className: `ds-confidence-bar__seg${c < o ? " ds-confidence-bar__seg--filled" : ""}`
@@ -3344,15 +3366,15 @@ function zn({
     n === "text" && /* @__PURE__ */ e.jsx("span", { className: "ds-confidence-bar__label", children: i })
   ] });
 }
-const us = { add: "+", remove: "-", context: " " };
+const ps = { add: "+", remove: "-", context: " " };
 function Ae({ line: t, lineNumbers: s }) {
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-diff-view__line ds-diff-view__line--${t.type}`, children: [
     s && t.lineNo != null && /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__lineno", children: t.lineNo }),
-    /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__prefix", children: us[t.type] }),
+    /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__prefix", children: ps[t.type] }),
     /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__text", children: t.text })
   ] });
 }
-function Fn({
+function Cn({
   lines: t = [],
   layout: s = "inline",
   wordWrap: n = !1,
@@ -3380,7 +3402,7 @@ function Fn({
     /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: t.map((c, u) => /* @__PURE__ */ e.jsx(Ae, { line: c, lineNumbers: r }, u)) })
   ] });
 }
-function fs({
+function hs({
   value: t = "idle",
   onLike: s,
   onDislike: n,
@@ -3412,7 +3434,7 @@ function fs({
             "aria-label": a ?? l.like,
             "aria-pressed": t === "liked",
             children: /* @__PURE__ */ e.jsx(
-              St,
+              Bt,
               {
                 size: q[1],
                 strokeWidth: 1.5,
@@ -3433,7 +3455,7 @@ function fs({
             "aria-label": o ?? l.dislike,
             "aria-pressed": t === "disliked",
             children: /* @__PURE__ */ e.jsx(
-              At,
+              It,
               {
                 size: q[1],
                 strokeWidth: 1.5,
@@ -3446,7 +3468,7 @@ function fs({
     }
   );
 }
-function ms(t) {
+function xs(t) {
   const s = t instanceof Date ? t : new Date(t);
   if (isNaN(s)) return null;
   const n = /* @__PURE__ */ new Date(), r = s.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: !1 }), a = new Date(n.getFullYear(), n.getMonth(), n.getDate()), o = new Date(a - 864e5);
@@ -3455,7 +3477,7 @@ function ms(t) {
   const i = s.getDate(), l = s.toLocaleString([], { month: "short" });
   return `${i} ${l} ${r}`;
 }
-function Wn({
+function Un({
   role: t = "assistant",
   text: s,
   timestamp: n,
@@ -3465,7 +3487,7 @@ function Wn({
   className: i = "",
   ...l
 }) {
-  const c = t === "assistant" && (a || o), u = !!s, d = n ? ms(n) : null;
+  const c = t === "assistant" && (a || o), u = !!s, d = n ? xs(n) : null;
   return !c && !u && !d ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -3473,20 +3495,20 @@ function Wn({
       ...l,
       children: [
         t === "user" && d && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: d }),
-        c && /* @__PURE__ */ e.jsx(fs, { className: "ds-message-action", value: r, onLike: a, onDislike: o }),
-        u && /* @__PURE__ */ e.jsx(as, { className: "ds-message-action", text: s }),
+        c && /* @__PURE__ */ e.jsx(hs, { className: "ds-message-action", value: r, onLike: a, onDislike: o }),
+        u && /* @__PURE__ */ e.jsx(ls, { className: "ds-message-action", text: s }),
         t === "assistant" && d && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: d })
       ]
     }
   );
 }
-function On({ label: t, className: s = "", ...n }) {
+function Hn({ label: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsxs("span", { className: ["ds-thinking-dot", s].filter(Boolean).join(" "), ...n, children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-thinking-dot__pulse" }),
     t && /* @__PURE__ */ e.jsx("span", { className: "ds-thinking-dot__label", children: t })
   ] });
 }
-function Cn({ variant: t = "light", glow: s, mask: n = !0, style: r, ...a }) {
+function Vn({ variant: t = "light", glow: s, mask: n = !0, style: r, ...a }) {
   const o = t === "dark", i = s ?? o, l = o ? "rgba(255,250,250,0.05)" : "var(--color-border-light)", c = o ? "rgba(255,250,250,0.025)" : "color-mix(in srgb, var(--color-border-light) 50%, transparent)";
   return /* @__PURE__ */ e.jsx(
     "div",
@@ -3527,7 +3549,7 @@ function Cn({ variant: t = "light", glow: s, mask: n = !0, style: r, ...a }) {
     }
   );
 }
-function Un({ children: t, axis: s = "y", style: n, className: r = "", ...a }) {
+function Yn({ children: t, axis: s = "y", style: n, className: r = "", ...a }) {
   const o = s === "x" ? { overflowX: "auto", overflowY: "hidden" } : s === "both" ? { overflow: "auto" } : { overflowY: "auto", overflowX: "hidden" };
   return /* @__PURE__ */ e.jsx(
     "div",
@@ -3539,11 +3561,11 @@ function Un({ children: t, axis: s = "y", style: n, className: r = "", ...a }) {
     }
   );
 }
-const Be = 280, ps = 22, hs = 14, ue = 8, Te = 6, xs = 200;
-function vs(t) {
+const Be = 280, vs = 22, bs = 14, ue = 8, Te = 6, _s = 200;
+function js(t) {
   return t ? typeof t == "function" ? t() : typeof t == "string" ? document.querySelector(t) : null : null;
 }
-function bs(t, s, n, r) {
+function Ns(t, s, n, r) {
   const a = window.innerWidth, o = window.innerHeight;
   if (o - t.bottom >= s + r + ue) return "bottom";
   if (t.top >= s + r + ue) return "top";
@@ -3552,7 +3574,7 @@ function bs(t, s, n, r) {
   const i = Math.max(t.top, o - t.bottom, a - t.right, t.left);
   return i === o - t.bottom ? "bottom" : i === t.top ? "top" : i === a - t.right ? "right" : "left";
 }
-function _s(t, s, n, r, a) {
+function ws(t, s, n, r, a) {
   const o = window.innerWidth, i = window.innerHeight;
   let l, c;
   switch (t) {
@@ -3571,7 +3593,7 @@ function _s(t, s, n, r, a) {
   const u = Math.max(ue, Math.min(o - r - ue, c)), d = Math.max(ue, Math.min(i - n - ue, l));
   return { top: d, left: u, arrowOffset: c - u, arrowOffsetY: l - d };
 }
-function Hn({
+function qn({
   steps: t,
   currentStep: s,
   onNext: n,
@@ -3587,15 +3609,15 @@ function Hn({
   statePrimary: h = "idle",
   stateBack: f = "idle"
 }) {
-  const v = K(), { t: j } = be(), w = c ?? v.next, g = u ?? v.back, y = d ?? v.skipTour, E = p ?? v.done, N = I(null), _ = I(t), S = I(s), A = I(l);
-  _.current = t, S.current = s, A.current = l;
-  const [L, O] = P(!1), [k, D] = P({ position: "fixed", visibility: "hidden", width: Be }), [C, W] = P("bottom"), [M, b] = P(null), $ = I(!1), R = t[s], V = s === t.length - 1, H = se(() => {
-    const Y = _.current[S.current];
-    if (!Y || !N.current) return;
-    const m = vs(Y.target);
+  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 m = js(Y.target);
     if (!m) return;
-    const x = m.getBoundingClientRect(), U = N.current.getBoundingClientRect().height || 160, te = Be, le = A.current ? ps : hs, G = Y.position || bs(x, U, te, le), { top: Z, left: fe, arrowOffset: je, arrowOffsetY: Se } = _s(G, x, U, te, le);
-    W(G), D({
+    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({
       position: "fixed",
       top: Z,
       left: fe,
@@ -3611,42 +3633,42 @@ function Hn({
     });
   }, []);
   return F(() => {
-    window.addEventListener("scroll", H, !0), window.addEventListener("resize", H);
+    window.addEventListener("scroll", U, !0), window.addEventListener("resize", U);
     const Y = requestAnimationFrame(() => {
-      H(), O(!0), $.current = !0;
+      U(), O(!0), $.current = !0;
     });
     return () => {
-      cancelAnimationFrame(Y), window.removeEventListener("scroll", H, !0), window.removeEventListener("resize", H);
+      cancelAnimationFrame(Y), window.removeEventListener("scroll", U, !0), window.removeEventListener("resize", U);
     };
   }, []), F(() => {
     if (!$.current) return;
     O(!1);
     const Y = setTimeout(() => {
-      D((m) => ({ ...m, visibility: "hidden" })), requestAnimationFrame(() => {
-        H(), O(!0);
+      P((m) => ({ ...m, visibility: "hidden" })), requestAnimationFrame(() => {
+        U(), O(!0);
       });
-    }, xs + 20);
+    }, _s + 20);
     return () => clearTimeout(Y);
   }, [s]), F(() => {
-    L && N.current && N.current.focus({ preventScroll: !0 });
-  }, [L]), F(() => {
+    D && w.current && w.current.focus({ preventScroll: !0 });
+  }, [D]), F(() => {
     const Y = (m) => {
       m.key === "Escape" && a();
     };
     return document.addEventListener("keydown", Y), () => document.removeEventListener("keydown", Y);
   }, [a]), F(() => {
-    if (!L) return;
+    if (!D) return;
     const Y = (m) => {
-      if (m.key !== "Tab" || !N.current) return;
+      if (m.key !== "Tab" || !w.current) return;
       const x = Array.from(
-        N.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])')
+        w.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])')
       );
       if (!x.length) return;
-      const B = x[0], U = x[x.length - 1];
-      m.shiftKey && document.activeElement === B ? (m.preventDefault(), U.focus()) : !m.shiftKey && document.activeElement === U && (m.preventDefault(), B.focus());
+      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());
     };
     return document.addEventListener("keydown", Y), () => document.removeEventListener("keydown", Y);
-  }, [L]), !R || typeof document > "u" ? null : re.createPortal(
+  }, [D]), !R || typeof document > "u" ? null : re.createPortal(
     /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       M && /* @__PURE__ */ e.jsx(
         "div",
@@ -3655,7 +3677,7 @@ function Hn({
             "ds-coachmark__spotlight",
             i && "ds-coachmark__spotlight--overlay",
             !l && "ds-coachmark__spotlight--no-ring",
-            L && "ds-coachmark__spotlight--visible"
+            D && "ds-coachmark__spotlight--visible"
           ].filter(Boolean).join(" "),
           style: M,
           "aria-hidden": "true"
@@ -3664,16 +3686,16 @@ function Hn({
       /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: N,
+          ref: w,
           "data-ds-portal": "",
           role: "dialog",
           "aria-modal": "false",
           "aria-live": "polite",
-          "aria-label": R.title ?? j("stepOf", { current: s + 1, total: t.length }),
+          "aria-label": R.title ?? N("stepOf", { current: s + 1, total: t.length }),
           className: [
             "ds-coachmark__bubble",
-            `ds-coachmark__bubble--${C}`,
-            L && "ds-coachmark__bubble--visible"
+            `ds-coachmark__bubble--${H}`,
+            D && "ds-coachmark__bubble--visible"
           ].filter(Boolean).join(" "),
           style: k,
           tabIndex: -1,
@@ -3684,7 +3706,7 @@ function Hn({
                 type: "button",
                 className: "ds-coachmark__close",
                 onClick: a,
-                "aria-label": y,
+                "aria-label": T,
                 children: /* @__PURE__ */ e.jsx(ee, { size: 16, strokeWidth: 2 })
               }
             ),
@@ -3697,8 +3719,8 @@ function Hn({
                 t.length
               ] }),
               /* @__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: g }),
-                /* @__PURE__ */ e.jsx(de, { variant: "primary", size: "s", state: h, onClick: V ? o : n, children: V ? E : w })
+                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 })
               ] })
             ] })
           ]
@@ -3708,8 +3730,8 @@ function Hn({
     document.body
   );
 }
-function Vn(t, s = {}) {
-  const { storageKey: n } = s, [r, a] = P(0), [o, i] = P(!1), l = () => n && typeof localStorage < "u" && localStorage.getItem(n) === "done", c = se(() => {
+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(() => {
     i(!1), n && typeof localStorage < "u" && localStorage.setItem(n, "done");
   }, [n]);
   return {
@@ -3724,8 +3746,8 @@ function Vn(t, s = {}) {
     finish: c
   };
 }
-function Yn() {
-  const t = I(null), s = se(() => {
+function Kn() {
+  const t = S(null), s = se(() => {
     const n = t.current;
     if (!n) return;
     n.classList.remove("ds-shake"), n.offsetWidth, n.classList.add("ds-shake");
@@ -3737,103 +3759,103 @@ function Yn() {
   return { ref: t, shake: s };
 }
 export {
-  Ce as Accordion,
-  Ls as Alert,
-  yn as AnimatedNumber,
-  Xs as Avatar,
+  He as Accordion,
+  Ms as Alert,
+  Tn as AnimatedNumber,
+  Qs as Avatar,
   he as Badge,
-  Nn as Banner,
-  Ps as BottomSheet,
-  ln as Breadcrumb,
-  Os as BrowserPane,
-  Cs as BrowserTabs,
+  yn as Banner,
+  Fs as BottomSheet,
+  un as Breadcrumb,
+  Hs as BrowserPane,
+  Vs as BrowserTabs,
   de as Button,
-  $s as Card,
-  Bn as ChatMessage,
-  Gs as Checkbox,
-  Hn as Coachmark,
-  Ms as Code,
-  Wt as CodeAccordion,
-  zn as ConfidenceBar,
-  as as CopyButton,
-  Fn as DiffView,
-  wn as Dropdown,
-  rn as EmptyState,
-  Cn as EngineerGrid,
-  an as FormField,
-  Rs as H1,
-  Ss as H2,
-  As as H3,
-  Bs as H4,
-  kn as InView,
-  ys as Input,
-  zs as Link,
-  Us as List,
-  Hs as ListRow,
-  gs as LocaleProvider,
-  Ys as Mention,
-  fs as MessageFeedback,
-  Wn as MessageFooter,
-  Ds as Modal,
+  As as Card,
+  Dn as ChatMessage,
+  Js as Checkbox,
+  qn as Coachmark,
+  Ws as Code,
+  Ut as CodeAccordion,
+  On as ConfidenceBar,
+  ls as CopyButton,
+  Cn as DiffView,
+  kn as Dropdown,
+  ln as EmptyState,
+  Vn as EngineerGrid,
+  cn as FormField,
+  Bs as H1,
+  Is as H2,
+  Ls as H3,
+  Ds as H4,
+  $n as InView,
+  Ts as Input,
+  Os as Link,
+  Ys as List,
+  qs as ListRow,
+  Es as LocaleProvider,
+  Ks as Mention,
+  hs as MessageFeedback,
+  Un as MessageFooter,
+  zs as Modal,
   xe as ModalFooter,
-  Dn as ModelPicker,
-  un as NavRail,
-  _n as NavRailAgent,
-  mn as NavRailBody,
-  bn as NavRailCustomItem,
-  xn as NavRailDivider,
-  jn as NavRailFlyout,
-  hn as NavRailFooter,
-  pn as NavRailHeader,
-  fn as NavRailItem,
-  vn as NavRailRecents,
-  Is as P1,
-  Pt as P2,
-  dt as P3,
-  cn as Pagination,
-  gn as ProgressBar,
-  Ln as PromptInput,
-  Ks as Radio,
-  Rn as ReasoningBlock,
-  Un as Scrollable,
-  Vs as SegmentedControl,
-  Es as Select,
-  dn as SidePage,
-  Ze as SidePageFooter,
-  Ht as Skeleton,
-  Pn as SourcesPanel,
-  Lt as Spinner,
-  on as Stat,
-  Sn as StepIndicator,
-  Ts as Stepper,
-  An as StreamingText,
-  Ws as Tab,
-  Js as Table,
-  Qs as TableBody,
-  Zs as TableHead,
-  en as TableRow,
-  tn as TableSubheaderRow,
-  Fs as Tabs,
-  nn as Td,
-  ks as Textarea,
-  sn as Th,
-  On as ThinkingDot,
-  Tn as ToastContainer,
-  qs as Toggle,
-  Mn as TokenCounter,
-  $n as ToolCallBubble,
-  $n as ToolCallCard,
-  Ue as Tooltip,
+  zn as ModelPicker,
+  pn as NavRail,
+  wn as NavRailAgent,
+  xn as NavRailBody,
+  Nn as NavRailCustomItem,
+  _n as NavRailDivider,
+  gn as NavRailFlyout,
+  bn as NavRailFooter,
+  vn as NavRailHeader,
+  hn as NavRailItem,
+  jn as NavRailRecents,
+  Ps as P1,
+  zt as P2,
+  ft as P3,
+  fn as Pagination,
+  En as ProgressBar,
+  Mn as PromptInput,
+  Zs as Radio,
+  Bn as ReasoningBlock,
+  Yn as Scrollable,
+  Gs as SegmentedControl,
+  Rs as Select,
+  mn as SidePage,
+  et as SidePageFooter,
+  qt as Skeleton,
+  Fn as SourcesPanel,
+  Pt as Spinner,
+  dn as Stat,
+  In as StepIndicator,
+  Ss as Stepper,
+  Ln as StreamingText,
+  Us as Tab,
+  en as Table,
+  sn as TableBody,
+  tn as TableHead,
+  nn as TableRow,
+  rn as TableSubheaderRow,
+  Cs as Tabs,
+  on as Td,
+  $s as Textarea,
+  an as Th,
+  Hn as ThinkingDot,
+  Sn as ToastContainer,
+  Xs as Toggle,
+  Wn as TokenCounter,
+  An as ToolCallBubble,
+  An as ToolCallCard,
+  Ve as Tooltip,
   $e as defaultStrings,
-  ct as formatString,
+  ut as formatString,
   q as iconSizes,
-  Qt as useAnimatedNumber,
-  os as useAnimatedPlaceholder,
-  Vn as useCoachmark,
-  es as useInView,
+  ss as useAnimatedNumber,
+  cs as useAnimatedPlaceholder,
+  Gn as useCoachmark,
+  ns as useInView,
   be as useLocale,
-  Yn as useShake,
-  In as useStreamScroll,
+  Kn as useShake,
+  Pn as useStreamScroll,
   K as useStrings,
-  En as useToast
+  Rn as useToast
 };