@donkit-ai/design-system 1.4.69 → 1.4.71

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import H, { useState as I, useRef as R, useEffect as B, useLayoutEffect as nt, useCallback as le, useContext as de, forwardRef as rt, createContext as Ze } from "react";
-import { Check as Re, X as Q, ChevronDown as je, Minus as at, Plus as ot, XCircle as Se, AlertTriangle as Ae, CheckCircle as Ie, Info as De, ChevronUp as it, ChevronsUpDown as lt, ChevronLeft as ct, ChevronRight as dt, Copy as ut, Brain as ft, Loader as mt, Paperclip as ze, Square as pt, ArrowUp as ht, Zap as xt, Cpu as Fe, FileText as vt, ThumbsUp as _t, ThumbsDown as bt } from "lucide-react";
+import q, { useState as I, useRef as R, useEffect as P, useLayoutEffect as nt, forwardRef as Je, useCallback as le, useContext as de, createContext as Ze } from "react";
+import { Check as Re, X as ee, ChevronDown as je, Minus as rt, Plus as at, XCircle as Se, AlertTriangle as Ae, CheckCircle as De, Info as Ie, ChevronUp as ot, ChevronsUpDown as it, ChevronLeft as lt, ChevronRight as ct, Copy as dt, Brain as ut, Loader as ft, Paperclip as ze, Square as mt, ArrowUp as pt, Zap as ht, Cpu as Fe, FileText as xt, ThumbsUp as vt, ThumbsDown as _t } from "lucide-react";
 import me from "react-dom";
-const F = {
+const C = {
   1: 16,
   2: 20,
   3: 24,
@@ -18,10 +18,10 @@ var Ee = { exports: {} }, _e = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ce;
-function jt() {
-  if (Ce) return _e;
-  Ce = 1;
+var We;
+function bt() {
+  if (We) return _e;
+  We = 1;
   var t = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
   function n(r, a, o) {
     var i = null;
@@ -50,44 +50,44 @@ var be = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var We;
-function Nt() {
-  return We || (We = 1, process.env.NODE_ENV !== "production" && function() {
+var Ce;
+function jt() {
+  return Ce || (Ce = 1, process.env.NODE_ENV !== "production" && function() {
     function t(f) {
       if (f == null) return null;
       if (typeof f == "function")
-        return f.$$typeof === M ? null : f.displayName || f.name || null;
+        return f.$$typeof === F ? null : f.displayName || f.name || null;
       if (typeof f == "string") return f;
       switch (f) {
         case g:
           return "Fragment";
-        case b:
+        case _:
           return "Profiler";
-        case j:
+        case $:
           return "StrictMode";
-        case P:
+        case B:
           return "Suspense";
-        case z:
+        case M:
           return "SuspenseList";
-        case w:
+        case j:
           return "Activity";
       }
       if (typeof f == "object")
         switch (typeof f.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), f.$$typeof) {
-          case v:
+          case b:
             return "Portal";
-          case k:
+          case y:
             return f.displayName || "Context";
           case N:
             return (f._context.displayName || "Context") + ".Consumer";
           case S:
             var T = f.render;
             return f = f.displayName, f || (f = T.displayName || T.name || "", f = f !== "" ? "ForwardRef(" + f + ")" : "ForwardRef"), f;
-          case O:
+          case W:
             return T = f.displayName || null, T !== null ? T : t(f.type) || "Memo";
-          case C:
+          case z:
             T = f._payload, f = f._init;
             try {
               return t(f(T));
@@ -108,8 +108,8 @@ function Nt() {
       }
       if (T) {
         T = console;
-        var W = T.error, Y = typeof Symbol == "function" && Symbol.toStringTag && f[Symbol.toStringTag] || f.constructor.name || "Object";
-        return W.call(
+        var O = T.error, Y = typeof Symbol == "function" && Symbol.toStringTag && f[Symbol.toStringTag] || f.constructor.name || "Object";
+        return O.call(
           T,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           Y
@@ -118,7 +118,7 @@ function Nt() {
     }
     function r(f) {
       if (f === g) return "<>";
-      if (typeof f == "object" && f !== null && f.$$typeof === C)
+      if (typeof f == "object" && f !== null && f.$$typeof === z)
         return "<...>";
       try {
         var T = t(f);
@@ -142,34 +142,34 @@ function Nt() {
       return f.key !== void 0;
     }
     function l(f, T) {
-      function W() {
-        E || (E = !0, console.error(
+      function O() {
+        k || (k = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           T
         ));
       }
-      W.isReactWarning = !0, Object.defineProperty(f, "key", {
-        get: W,
+      O.isReactWarning = !0, Object.defineProperty(f, "key", {
+        get: O,
         configurable: !0
       });
     }
-    function d() {
+    function c() {
       var f = t(this.type);
       return A[f] || (A[f] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), f = this.props.ref, f !== void 0 ? f : null;
     }
-    function c(f, T, W, Y, ne, oe) {
-      var q = W.ref;
+    function d(f, T, O, Y, ne, oe) {
+      var H = O.ref;
       return f = {
         $$typeof: x,
         type: f,
         key: T,
-        props: W,
+        props: O,
         _owner: Y
-      }, (q !== void 0 ? q : null) !== null ? Object.defineProperty(f, "ref", {
+      }, (H !== void 0 ? H : null) !== null ? Object.defineProperty(f, "ref", {
         enumerable: !1,
-        get: d
+        get: c
       }) : Object.defineProperty(f, "ref", { enumerable: !1, value: null }), f._store = {}, Object.defineProperty(f._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -192,25 +192,25 @@ function Nt() {
         value: oe
       }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     }
-    function u(f, T, W, Y, ne, oe) {
-      var q = T.children;
-      if (q !== void 0)
+    function u(f, T, O, Y, ne, oe) {
+      var H = T.children;
+      if (H !== void 0)
         if (Y)
-          if (D(q)) {
-            for (Y = 0; Y < q.length; Y++)
-              p(q[Y]);
-            Object.freeze && Object.freeze(q);
+          if (D(H)) {
+            for (Y = 0; Y < H.length; Y++)
+              p(H[Y]);
+            Object.freeze && Object.freeze(H);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else p(q);
+        else p(H);
       if (V.call(T, "key")) {
-        q = t(f);
-        var ee = Object.keys(T).filter(function(ge) {
+        H = t(f);
+        var Q = Object.keys(T).filter(function(ge) {
           return ge !== "key";
         });
-        Y = 0 < ee.length ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}", $[q + Y] || (ee = 0 < ee.length ? "{" + ee.join(": ..., ") + ": ...}" : "{}", console.error(
+        Y = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", E[H + Y] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -218,35 +218,35 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           Y,
-          q,
-          ee,
-          q
-        ), $[q + Y] = !0);
+          H,
+          Q,
+          H
+        ), E[H + Y] = !0);
       }
-      if (q = null, W !== void 0 && (n(W), q = "" + W), i(T) && (n(T.key), q = "" + T.key), "key" in T) {
-        W = {};
+      if (H = null, O !== void 0 && (n(O), H = "" + O), i(T) && (n(T.key), H = "" + T.key), "key" in T) {
+        O = {};
         for (var ie in T)
-          ie !== "key" && (W[ie] = T[ie]);
-      } else W = T;
-      return q && l(
-        W,
+          ie !== "key" && (O[ie] = T[ie]);
+      } else O = T;
+      return H && l(
+        O,
         typeof f == "function" ? f.displayName || f.name || "Unknown" : f
-      ), c(
+      ), d(
         f,
-        q,
-        W,
+        H,
+        O,
         a(),
         ne,
         oe
       );
     }
     function p(f) {
-      h(f) ? f._store && (f._store.validated = 1) : typeof f == "object" && f !== null && f.$$typeof === C && (f._payload.status === "fulfilled" ? h(f._payload.value) && f._payload.value._store && (f._payload.value._store.validated = 1) : f._store && (f._store.validated = 1));
+      h(f) ? f._store && (f._store.validated = 1) : typeof f == "object" && f !== null && f.$$typeof === z && (f._payload.status === "fulfilled" ? h(f._payload.value) && f._payload.value._store && (f._payload.value._store.validated = 1) : f._store && (f._store.validated = 1));
     }
     function h(f) {
       return typeof f == "object" && f !== null && f.$$typeof === x;
     }
-    var m = H, x = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), k = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), z = Symbol.for("react.suspense_list"), O = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), w = Symbol.for("react.activity"), M = Symbol.for("react.client.reference"), K = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, D = Array.isArray, _ = console.createTask ? console.createTask : function() {
+    var m = q, x = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), _ = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), y = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), M = Symbol.for("react.suspense_list"), W = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), j = Symbol.for("react.activity"), F = Symbol.for("react.client.reference"), K = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, D = Array.isArray, v = console.createTask ? console.createTask : function() {
       return null;
     };
     m = {
@@ -254,36 +254,36 @@ React keys must be passed directly to JSX without using spread:
         return f();
       }
     };
-    var E, A = {}, U = m.react_stack_bottom_frame.bind(
+    var k, A = {}, U = m.react_stack_bottom_frame.bind(
       m,
       o
-    )(), G = _(r(o)), $ = {};
-    be.Fragment = g, be.jsx = function(f, T, W) {
+    )(), G = v(r(o)), E = {};
+    be.Fragment = g, be.jsx = function(f, T, O) {
       var Y = 1e4 > K.recentlyCreatedOwnerStacks++;
       return u(
         f,
         T,
-        W,
+        O,
         !1,
         Y ? Error("react-stack-top-frame") : U,
-        Y ? _(r(f)) : G
+        Y ? v(r(f)) : G
       );
-    }, be.jsxs = function(f, T, W) {
+    }, be.jsxs = function(f, T, O) {
       var Y = 1e4 > K.recentlyCreatedOwnerStacks++;
       return u(
         f,
         T,
-        W,
+        O,
         !0,
         Y ? Error("react-stack-top-frame") : U,
-        Y ? _(r(f)) : G
+        Y ? v(r(f)) : G
       );
     };
   }()), be;
 }
-process.env.NODE_ENV === "production" ? Ee.exports = jt() : Ee.exports = Nt();
+process.env.NODE_ENV === "production" ? Ee.exports = bt() : Ee.exports = jt();
 var e = Ee.exports;
-function wt({ size: t = "m", color: s = "default", className: n = "", ...r }) {
+function Nt({ size: t = "m", color: s = "default", className: n = "", ...r }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -294,7 +294,7 @@ function wt({ size: t = "m", color: s = "default", className: n = "", ...r }) {
     }
   );
 }
-const gt = { xs: 12, s: 14, m: 16, l: 20 };
+const wt = { xs: 12, s: 14, m: 16, l: 20 };
 function ae({
   children: t,
   variant: s = "primary",
@@ -304,62 +304,62 @@ function ae({
   disabled: o = !1,
   state: i = "idle",
   onClick: l,
-  type: d = "button",
-  href: c,
+  type: c = "button",
+  href: d,
   "aria-label": u,
   className: p = "",
   ...h
 }) {
-  const m = a && !t, x = i === "loading", v = i === "success", g = i === "error", j = x || v || g, b = n === "xs" ? "s" : "m", N = s === "danger" ? "on-accent" : "default", k = gt[n] ?? 16, S = x ? /* @__PURE__ */ e.jsx(wt, { size: b, color: N }) : v ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Re, { size: k, strokeWidth: 2.5 }) }) : g ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Q, { size: k, strokeWidth: 2.5 }) }) : null, P = [
+  const m = a && !t, x = i === "loading", b = i === "success", g = i === "error", $ = x || b || g, _ = n === "xs" ? "s" : "m", N = s === "danger" ? "on-accent" : "default", y = wt[n] ?? 16, S = x ? /* @__PURE__ */ e.jsx(Nt, { size: _, color: N }) : b ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Re, { size: y, strokeWidth: 2.5 }) }) : g ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ee, { size: y, strokeWidth: 2.5 }) }) : null, B = [
     "ds-button",
     `ds-button--${s}`,
     `ds-button--${n}`,
     r && "ds-button--full",
     m && "ds-button--icon-only",
     p
-  ].filter(Boolean).join(" "), z = i !== "idle" ? i : void 0, O = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    j ? S : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
+  ].filter(Boolean).join(" "), M = i !== "idle" ? i : void 0, W = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    $ ? S : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
     t
   ] });
-  if (c) {
-    const C = (w) => {
+  if (d) {
+    const z = (j) => {
       if (o || x) {
-        w.preventDefault();
+        j.preventDefault();
         return;
       }
-      w.metaKey || w.ctrlKey || w.button === 1 || (w.preventDefault(), l == null || l(w));
+      j.metaKey || j.ctrlKey || j.button === 1 || (j.preventDefault(), l == null || l(j));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
-        className: P,
-        href: o || x ? void 0 : c,
-        onClick: C,
+        className: B,
+        href: o || x ? void 0 : d,
+        onClick: z,
         "aria-label": u,
         "aria-disabled": o || x ? "true" : void 0,
         "aria-busy": x ? "true" : void 0,
-        "data-state": z,
+        "data-state": M,
         ...h,
-        children: O
+        children: W
       }
     );
   }
   return /* @__PURE__ */ e.jsx(
     "button",
     {
-      type: d,
-      className: P,
+      type: c,
+      className: B,
       disabled: o,
       onClick: x ? void 0 : l,
       "aria-label": u,
       "aria-busy": x ? "true" : void 0,
-      "data-state": z,
+      "data-state": M,
       ...h,
-      children: O
+      children: W
     }
   );
 }
-function us({
+function cs({
   label: t,
   error: s,
   hint: n,
@@ -368,12 +368,12 @@ function us({
   iconRight: o,
   onIconRightClick: i,
   size: l = "m",
-  disabled: d,
-  id: c,
+  disabled: c,
+  id: d,
   ...u
 }) {
-  const p = c || `input-${H.useId()}`, h = n ? `${p}-hint` : void 0, m = s ? `${p}-error` : void 0, x = m || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${r ? "ds-input-wrapper--full" : ""} ${d ? "ds-input-wrapper--disabled" : ""} ${s ? "ds-input-wrapper--error" : ""}`, children: [
+  const p = d || `input-${q.useId()}`, h = n ? `${p}-hint` : void 0, m = s ? `${p}-error` : void 0, x = m || h;
+  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: p, children: t }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-input-container", children: [
       a && /* @__PURE__ */ e.jsx("span", { className: `ds-input-icon ds-input-icon--${l}`, "aria-hidden": "true", children: a }),
@@ -382,7 +382,7 @@ function us({
         {
           id: p,
           className: `ds-input ds-input--${l} ${a ? "ds-input--with-icon" : ""} ${o ? "ds-input--with-icon-right" : ""} ${s ? "ds-input--error" : ""}`,
-          disabled: d,
+          disabled: c,
           "aria-invalid": s ? "true" : "false",
           "aria-describedby": x,
           ...u
@@ -404,7 +404,7 @@ function us({
     /* @__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: m, className: "ds-input-error", role: "alert", children: s }) }) })
   ] });
 }
-function fs({
+function ds({
   label: t,
   error: s,
   hint: n,
@@ -413,10 +413,10 @@ function fs({
   disabled: o,
   id: i,
   resize: l = !0,
-  rows: d = 3,
-  ...c
+  rows: c = 3,
+  ...d
 }) {
-  const u = i || `textarea-${H.useId()}`, p = n ? `${u}-hint` : void 0, h = s ? `${u}-error` : void 0, m = h || p;
+  const u = i || `textarea-${q.useId()}`, p = n ? `${u}-hint` : void 0, h = s ? `${u}-error` : void 0, m = h || p;
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${r ? "ds-textarea-wrapper--full" : ""} ${o ? "ds-textarea-wrapper--disabled" : ""}`, children: [
     t && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: u, children: t }),
     /* @__PURE__ */ e.jsx(
@@ -427,15 +427,15 @@ function fs({
         disabled: o,
         "aria-invalid": s ? "true" : "false",
         "aria-describedby": m,
-        rows: d,
-        ...c
+        rows: c,
+        ...d
       }
     ),
     n && !s && /* @__PURE__ */ e.jsx("span", { id: p, className: "ds-textarea-hint", children: n }),
     s && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-textarea-error", role: "alert", children: s })
   ] });
 }
-function ms({
+function us({
   label: t,
   value: s,
   onChange: n,
@@ -444,129 +444,129 @@ function ms({
   error: o,
   fullWidth: i = !0,
   size: l = "m",
-  disabled: d = !1,
-  id: c,
+  disabled: c = !1,
+  id: d,
   ...u
 }) {
-  const [p, h] = I(!1), [m, x] = I(!1), [v, g] = I({}), [j, b] = I("down"), [N, k] = I(-1), S = R(null), P = R(null), z = R(null), O = R(null), C = c || `select-${H.useId()}`, w = `${C}-label`, M = o ? `${C}-error` : void 0, K = 150, V = ($ = !1) => {
-    m || (x(!0), k(-1), O.current = setTimeout(() => {
+  const [p, h] = I(!1), [m, x] = I(!1), [b, g] = I({}), [$, _] = I("down"), [N, y] = I(-1), S = R(null), B = R(null), M = R(null), W = R(null), z = d || `select-${q.useId()}`, j = `${z}-label`, F = o ? `${z}-error` : void 0, K = 150, V = (E = !1) => {
+    m || (x(!0), y(-1), W.current = setTimeout(() => {
       var f;
-      h(!1), x(!1), $ && ((f = z.current) == null || f.focus());
+      h(!1), x(!1), E && ((f = M.current) == null || f.focus());
     }, K));
-  }, D = ($) => {
-    clearTimeout(O.current), x(!1);
-    const f = $ !== void 0 ? $ : Math.max(r.findIndex((T) => T.value === s), 0);
-    k(f), h(!0);
+  }, D = (E) => {
+    clearTimeout(W.current), x(!1);
+    const f = E !== void 0 ? E : Math.max(r.findIndex((T) => T.value === s), 0);
+    y(f), h(!0);
   };
-  B(() => () => clearTimeout(O.current), []);
-  const _ = () => {
+  P(() => () => clearTimeout(W.current), []);
+  const v = () => {
     var oe;
-    const $ = (oe = S.current) == null ? void 0 : oe.getBoundingClientRect();
-    if (!$) return;
-    const f = window.innerHeight, T = f - $.bottom, W = $.top, ne = T < 300 && W > T;
-    b(ne ? "up" : "down"), g(
-      ne ? { bottom: f - $.top + 4, left: $.left, width: $.width } : { top: $.bottom + 4, left: $.left, width: $.width }
+    const E = (oe = S.current) == null ? void 0 : oe.getBoundingClientRect();
+    if (!E) return;
+    const f = window.innerHeight, T = f - E.bottom, O = E.top, ne = T < 300 && O > T;
+    _(ne ? "up" : "down"), g(
+      ne ? { bottom: f - E.top + 4, left: E.left, width: E.width } : { top: E.bottom + 4, left: E.left, width: E.width }
     );
   };
-  B(() => {
+  P(() => {
     if (p)
-      return _(), window.addEventListener("scroll", _, !0), window.addEventListener("resize", _), () => {
-        window.removeEventListener("scroll", _, !0), window.removeEventListener("resize", _);
+      return v(), window.addEventListener("scroll", v, !0), window.addEventListener("resize", v), () => {
+        window.removeEventListener("scroll", v, !0), window.removeEventListener("resize", v);
       };
-  }, [p]), B(() => {
-    const $ = (f) => {
-      S.current && !S.current.contains(f.target) && P.current && !P.current.contains(f.target) && V();
+  }, [p]), P(() => {
+    const E = (f) => {
+      S.current && !S.current.contains(f.target) && B.current && !B.current.contains(f.target) && V();
     };
-    return document.addEventListener("mousedown", $), () => document.removeEventListener("mousedown", $);
-  }, [m]), B(() => {
+    return document.addEventListener("mousedown", E), () => document.removeEventListener("mousedown", E);
+  }, [m]), P(() => {
     var f;
-    if (!p || N < 0 || !P.current) return;
-    (f = P.current.querySelectorAll(".ds-select-option")[N]) == null || f.scrollIntoView({ block: "nearest" });
+    if (!p || N < 0 || !B.current) return;
+    (f = B.current.querySelectorAll(".ds-select-option")[N]) == null || f.scrollIntoView({ block: "nearest" });
   }, [N, p]);
-  const E = ($) => {
-    switch ($.key) {
+  const k = (E) => {
+    switch (E.key) {
       case "ArrowDown":
-        $.preventDefault(), p ? k((f) => Math.min(f + 1, r.length - 1)) : D();
+        E.preventDefault(), p ? y((f) => Math.min(f + 1, r.length - 1)) : D();
         break;
       case "ArrowUp":
-        $.preventDefault(), p ? k((f) => Math.max(f - 1, 0)) : D(r.length - 1);
+        E.preventDefault(), p ? y((f) => Math.max(f - 1, 0)) : D(r.length - 1);
         break;
       case "Home":
-        p && ($.preventDefault(), k(0));
+        p && (E.preventDefault(), y(0));
         break;
       case "End":
-        p && ($.preventDefault(), k(r.length - 1));
+        p && (E.preventDefault(), y(r.length - 1));
         break;
       case "Enter":
       case " ":
-        $.preventDefault(), p ? N >= 0 && (n == null || n(r[N].value), V(!0)) : D();
+        E.preventDefault(), p ? N >= 0 && (n == null || n(r[N].value), V(!0)) : D();
         break;
       case "Escape":
-        p && ($.preventDefault(), V(!0));
+        p && (E.preventDefault(), V(!0));
         break;
       case "Tab":
         p && V(!1);
         break;
     }
-  }, A = r.find(($) => $.value === s), U = l === "xs" ? F[1] : l === "small" ? F[2] : F[3], G = p && /* @__PURE__ */ e.jsx(
+  }, A = r.find((E) => E.value === s), U = l === "xs" ? C[1] : l === "small" ? C[2] : C[3], G = p && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: P,
+      ref: B,
       "data-ds-portal": "",
       role: "listbox",
-      "aria-labelledby": t ? w : void 0,
+      "aria-labelledby": t ? j : void 0,
       tabIndex: -1,
       className: [
         "ds-select-dropdown ds-scrollable",
         `ds-select-dropdown--${l}`,
-        `ds-select-dropdown--${j}`,
+        `ds-select-dropdown--${$}`,
         m && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
-      style: v,
-      children: r.map(($, f) => /* @__PURE__ */ e.jsx(
+      style: b,
+      children: r.map((E, f) => /* @__PURE__ */ e.jsx(
         "button",
         {
-          id: `${C}-opt-${f}`,
+          id: `${z}-opt-${f}`,
           type: "button",
           role: "option",
           tabIndex: -1,
-          "aria-selected": s === $.value,
+          "aria-selected": s === E.value,
           className: [
             "ds-select-option",
             `ds-select-option--${l}`,
-            s === $.value && "ds-select-option--selected",
+            s === E.value && "ds-select-option--selected",
             f === N && "ds-select-option--active"
           ].filter(Boolean).join(" "),
           onClick: () => {
-            n == null || n($.value), V(!0);
+            n == null || n(E.value), V(!0);
           },
-          children: $.label
+          children: E.label
         },
-        $.value
+        E.value
       ))
     }
   );
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${i ? "ds-select-wrapper--full" : ""} ${d ? "ds-select-wrapper--disabled" : ""}`, children: [
-    t && /* @__PURE__ */ e.jsx("label", { id: w, className: "ds-select-label", children: t }),
+  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: j, className: "ds-select-label", children: t }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: S, children: /* @__PURE__ */ e.jsxs(
       "button",
       {
-        ref: z,
+        ref: M,
         type: "button",
-        id: C,
+        id: z,
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": p,
-        "aria-activedescendant": p && N >= 0 ? `${C}-opt-${N}` : void 0,
-        "aria-labelledby": t ? w : void 0,
+        "aria-activedescendant": p && N >= 0 ? `${z}-opt-${N}` : void 0,
+        "aria-labelledby": t ? j : void 0,
         "aria-invalid": o ? "true" : "false",
-        "aria-describedby": M,
+        "aria-describedby": F,
         className: `ds-select-trigger ds-select-trigger--${l} ${o ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          d || (p ? V() : D());
+          c || (p ? V() : D());
         },
-        onKeyDown: E,
-        disabled: d,
+        onKeyDown: k,
+        disabled: c,
         ...u,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: A ? "" : "ds-select-placeholder", children: (A == null ? void 0 : A.label) || a }),
@@ -575,18 +575,18 @@ function ms({
             {
               size: U,
               strokeWidth: 1.5,
-              className: `ds-select-icon ${p && j === "down" ? "ds-select-icon--open" : ""} ${p && j === "up" ? "ds-select-icon--up" : ""}`,
+              className: `ds-select-icon ${p && $ === "down" ? "ds-select-icon--open" : ""} ${p && $ === "up" ? "ds-select-icon--up" : ""}`,
               "aria-hidden": "true"
             }
           )
         ]
       }
     ) }),
-    o && /* @__PURE__ */ e.jsx("span", { id: M, className: "ds-select-error", role: "alert", children: o }),
+    o && /* @__PURE__ */ e.jsx("span", { id: F, className: "ds-select-error", role: "alert", children: o }),
     typeof document < "u" && me.createPortal(G, document.body)
   ] });
 }
-function ps({
+function fs({
   label: t,
   value: s = 0,
   onChange: n,
@@ -595,42 +595,42 @@ function ps({
   step: o = 1,
   size: i = "m",
   disabled: l = !1,
-  hint: d,
-  error: c,
+  hint: c,
+  error: d,
   ...u
 }) {
   const p = () => {
     if (l) return;
-    const j = Math.min(Number(s) + o, a);
-    n == null || n(j);
+    const $ = Math.min(Number(s) + o, a);
+    n == null || n($);
   }, h = () => {
     if (l) return;
-    const j = Math.max(Number(s) - o, r);
-    n == null || n(j);
-  }, m = (j) => {
+    const $ = Math.max(Number(s) - o, r);
+    n == null || n($);
+  }, m = ($) => {
     if (l) return;
-    const b = j.target.value;
-    if (b === "") {
+    const _ = $.target.value;
+    if (_ === "") {
       n == null || n(r);
       return;
     }
-    const N = Number(b);
+    const N = Number(_);
     if (!isNaN(N)) {
-      const k = Math.min(Math.max(N, r), a);
-      n == null || n(k);
+      const y = Math.min(Math.max(N, r), a);
+      n == null || n(y);
     }
   }, x = [
     "ds-stepper-wrapper",
     l && "ds-stepper-wrapper--disabled",
-    c && "ds-stepper-wrapper--error"
-  ].filter(Boolean).join(" "), v = [
+    d && "ds-stepper-wrapper--error"
+  ].filter(Boolean).join(" "), b = [
     "ds-stepper",
     `ds-stepper--${i}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), g = i === "xs" ? F[1] : i === "small" ? F[2] : F[3];
+  ].filter(Boolean).join(" "), g = i === "xs" ? C[1] : i === "small" ? C[2] : C[3];
   return /* @__PURE__ */ e.jsxs("div", { className: x, children: [
     t && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: t }),
-    /* @__PURE__ */ e.jsxs("div", { className: v, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: b, children: [
       /* @__PURE__ */ e.jsx(
         "button",
         {
@@ -639,7 +639,7 @@ function ps({
           onClick: h,
           disabled: l || s <= r,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ e.jsx(at, { size: g, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(rt, { size: g, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -664,15 +664,15 @@ function ps({
           onClick: p,
           disabled: l || s >= a,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ e.jsx(ot, { size: g, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(at, { size: g, strokeWidth: 1.5 })
         }
       )
     ] }),
-    d && !c && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: d }),
-    c && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: c })
+    c && !d && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: c }),
+    d && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: d })
   ] });
 }
-function hs({
+function ms({
   children: t,
   padding: s = "m",
   variant: n = "info",
@@ -683,10 +683,10 @@ function hs({
   disabled: i = !1,
   ...l
 }) {
-  const c = (r ? "interactive" : n) === "interactive" || a || o, u = [
+  const d = (r ? "interactive" : n) === "interactive" || a || o, u = [
     "ds-card",
     `ds-card--${s}`,
-    c && "ds-card--interactive"
+    d && "ds-card--interactive"
   ].filter(Boolean).join(" ");
   if (o) {
     const m = (x) => {
@@ -708,7 +708,7 @@ function hs({
       }
     );
   }
-  const p = c && a ? "button" : "div", h = c && a ? {
+  const p = d && a ? "button" : "div", h = d && a ? {
     type: "button",
     onClick: a,
     disabled: i
@@ -717,29 +717,29 @@ function hs({
     p,
     {
       className: u,
-      role: c && !a ? "article" : void 0,
+      role: d && !a ? "article" : void 0,
       ...h,
       ...l,
       children: t
     }
   );
 }
-function xs({ children: t, ...s }) {
+function ps({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...s, children: t });
 }
-function vs({ children: t, ...s }) {
+function hs({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...s, children: t });
 }
-function _s({ children: t, ...s }) {
+function xs({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...s, children: t });
 }
-function bs({ children: t, ...s }) {
+function vs({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...s, children: t });
 }
-function js({ children: t, secondary: s = !1, ...n }) {
+function _s({ children: t, secondary: s = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${s ? "ds-p1--secondary" : ""}`, ...n, children: t });
 }
-function yt({ children: t, secondary: s = !1, ...n }) {
+function gt({ children: t, secondary: s = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${s ? "ds-p2--secondary" : ""}`, ...n, children: t });
 }
 function Qe({ children: t, secondary: s = !1, ...n }) {
@@ -759,12 +759,12 @@ function fe({
   ].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 kt = {
-  info: De,
-  success: Ie,
+const yt = {
+  info: Ie,
+  success: De,
   warning: Ae,
   error: Se
-}, Ns = H.forwardRef(function({
+}, bs = q.forwardRef(function({
   children: s,
   variant: n = "info",
   title: r,
@@ -772,9 +772,9 @@ const kt = {
   role: o,
   ...i
 }, l) {
-  const d = kt[n], c = o || (n === "error" ? "alert" : "status");
-  return /* @__PURE__ */ e.jsxs("div", { ref: l, className: `ds-alert ds-alert--${n} ${r ? "" : "ds-alert--no-title"}`, role: c, ...i, children: [
-    d && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(d, { size: F[3], strokeWidth: 1.5 }) }),
+  const c = yt[n], d = o || (n === "error" ? "alert" : "status");
+  return /* @__PURE__ */ e.jsxs("div", { ref: l, className: `ds-alert ds-alert--${n} ${r ? "" : "ds-alert--no-title"}`, role: d, ...i, children: [
+    c && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(c, { size: C[3], strokeWidth: 1.5 }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-alert__content", children: [
       r && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: r }),
       s && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: s })
@@ -786,12 +786,12 @@ const kt = {
         className: "ds-alert__close",
         onClick: a,
         "aria-label": "Close alert",
-        children: /* @__PURE__ */ e.jsx(Q, { size: F[3], strokeWidth: 1.5 })
+        children: /* @__PURE__ */ e.jsx(ee, { size: C[3], strokeWidth: 1.5 })
       }
     )
   ] });
-}), Et = 200;
-function ws({
+}), kt = 200;
+function js({
   children: t,
   title: s,
   onClose: n,
@@ -800,32 +800,32 @@ function ws({
   subHeader: o,
   ...i
 }) {
-  const l = R(null), d = H.useId(), [c, u] = I(!1), p = () => {
-    !n || c || (u(!0), setTimeout(() => {
+  const l = R(null), c = q.useId(), [d, u] = I(!1), p = () => {
+    !n || d || (u(!0), setTimeout(() => {
       u(!1), n();
-    }, Et));
+    }, kt));
   };
-  B(() => {
-    const v = (j) => {
-      j.key === "Escape" && p();
-    }, g = (j) => {
-      var N, k, S;
-      const b = ((k = (N = j.composedPath) == null ? void 0 : N.call(j)) == null ? void 0 : k[0]) ?? j.target;
-      l.current && !l.current.contains(b) && !((S = b.closest) != null && S.call(b, "[data-ds-portal]")) && p();
+  P(() => {
+    const b = ($) => {
+      $.key === "Escape" && p();
+    }, g = ($) => {
+      var N, y, S;
+      const _ = ((y = (N = $.composedPath) == null ? void 0 : N.call($)) == null ? void 0 : y[0]) ?? $.target;
+      l.current && !l.current.contains(_) && !((S = _.closest) != null && S.call(_, "[data-ds-portal]")) && p();
     };
-    return document.addEventListener("keydown", v), document.addEventListener("mousedown", g), () => {
-      document.removeEventListener("keydown", v), document.removeEventListener("mousedown", g);
+    return document.addEventListener("keydown", b), document.addEventListener("mousedown", g), () => {
+      document.removeEventListener("keydown", b), document.removeEventListener("mousedown", g);
     };
-  }, [n, c]);
-  const h = H.Children.toArray(t), m = h.find((v) => (v == null ? void 0 : v.type) === he), x = h.filter((v) => (v == null ? void 0 : v.type) !== he);
-  return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", c && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...i, children: /* @__PURE__ */ e.jsxs(
+  }, [n, d]);
+  const h = q.Children.toArray(t), m = h.find((b) => (b == null ? void 0 : b.type) === he), x = h.filter((b) => (b == null ? void 0 : b.type) !== he);
+  return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", d && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...i, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [`ds-modal ds-modal--${r}`, a && "ds-modal--scrollable"].filter(Boolean).join(" "),
       ref: l,
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": s ? d : void 0,
+      "aria-labelledby": s ? c : void 0,
       children: [
         n && /* @__PURE__ */ e.jsx(
           ae,
@@ -833,13 +833,13 @@ function ws({
             className: "ds-modal__close",
             variant: "ghost",
             size: "small",
-            icon: /* @__PURE__ */ e.jsx(Q, { size: F[2], strokeWidth: 1.5 }),
+            icon: /* @__PURE__ */ e.jsx(ee, { size: C[2], strokeWidth: 1.5 }),
             onClick: p,
             "aria-label": "Close modal"
           }
         ),
         (s || o) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
-          s && /* @__PURE__ */ e.jsx("h3", { id: d, className: "ds-modal__title", children: s }),
+          s && /* @__PURE__ */ e.jsx("h3", { id: c, 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: x }),
@@ -849,34 +849,34 @@ function ws({
   ) });
 }
 function he({ children: t }) {
-  return !t || H.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: t });
+  return !t || q.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: t });
 }
-const $t = 320;
-function gs({
+const Et = 320;
+function Ns({
   children: t,
   title: s,
   onClose: n,
   subHeader: r,
   ...a
 }) {
-  const o = R(null), i = H.useId(), [l, d] = I(!1), c = () => {
-    !n || l || (d(!0), setTimeout(() => {
-      d(!1), n();
-    }, $t));
+  const o = R(null), i = q.useId(), [l, c] = I(!1), d = () => {
+    !n || l || (c(!0), setTimeout(() => {
+      c(!1), n();
+    }, Et));
   };
-  B(() => {
-    const m = (v) => {
-      v.key === "Escape" && c();
-    }, x = (v) => {
-      var j, b, N;
-      const g = ((b = (j = v.composedPath) == null ? void 0 : j.call(v)) == null ? void 0 : b[0]) ?? v.target;
-      o.current && !o.current.contains(g) && !((N = g.closest) != null && N.call(g, "[data-ds-portal]")) && c();
+  P(() => {
+    const m = (b) => {
+      b.key === "Escape" && d();
+    }, x = (b) => {
+      var $, _, N;
+      const g = ((_ = ($ = b.composedPath) == null ? void 0 : $.call(b)) == null ? void 0 : _[0]) ?? b.target;
+      o.current && !o.current.contains(g) && !((N = g.closest) != null && N.call(g, "[data-ds-portal]")) && d();
     };
     return document.addEventListener("keydown", m), document.addEventListener("mousedown", x), () => {
       document.removeEventListener("keydown", m), document.removeEventListener("mousedown", x);
     };
   }, [n, l]);
-  const u = H.Children.toArray(t), p = u.find((m) => (m == null ? void 0 : m.type) === he), h = u.filter((m) => (m == null ? void 0 : m.type) !== he);
+  const u = q.Children.toArray(t), p = u.find((m) => (m == null ? void 0 : m.type) === he), h = u.filter((m) => (m == null ? void 0 : m.type) !== he);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -898,8 +898,8 @@ function gs({
                 className: "ds-bottom-sheet__close",
                 variant: "ghost",
                 size: "small",
-                icon: /* @__PURE__ */ e.jsx(Q, { size: F[2], strokeWidth: 1.5 }),
-                onClick: c,
+                icon: /* @__PURE__ */ e.jsx(ee, { size: C[2], strokeWidth: 1.5 }),
+                onClick: d,
                 "aria-label": "Close"
               }
             ),
@@ -915,7 +915,7 @@ function gs({
     }
   );
 }
-function Tt({
+function $t({
   children: t,
   title: s = "Code",
   defaultExpanded: n = !1,
@@ -925,8 +925,8 @@ function Tt({
   className: i = "",
   ...l
 }) {
-  const [d, c] = I(n), u = r !== void 0, p = u ? r : d, h = () => {
-    u ? a == null || a(!r) : c((x) => !x);
+  const [c, d] = I(n), u = r !== void 0, p = u ? r : c, h = () => {
+    u ? a == null || a(!r) : d((x) => !x);
   }, m = [
     "ds-code-accordion",
     `ds-code-accordion--${o}`,
@@ -946,7 +946,7 @@ function Tt({
           /* @__PURE__ */ e.jsx(
             je,
             {
-              size: F[2],
+              size: C[2],
               strokeWidth: 1.5,
               className: `ds-code-accordion__icon ${p ? "ds-code-accordion__icon--expanded" : ""}`
             }
@@ -957,10 +957,10 @@ function Tt({
     /* @__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 ys({ children: t, block: s = !1, collapsible: n = !1, title: r = "Code", defaultExpanded: a = !1, ...o }) {
-  return s ? n ? /* @__PURE__ */ e.jsx(Tt, { title: r, 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 ws({ children: t, block: s = !1, collapsible: n = !1, title: r = "Code", defaultExpanded: a = !1, ...o }) {
+  return s ? n ? /* @__PURE__ */ e.jsx($t, { title: r, 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 ks({ href: t, children: s, onClick: n, target: r, rel: a, ...o }) {
+function gs({ 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",
@@ -975,16 +975,16 @@ function ks({ href: t, children: s, onClick: n, target: r, rel: a, ...o }) {
     }
   );
 }
-function Es({ children: t, size: s = "m", variant: n = "ghost", ...r }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...r, children: H.Children.map(t, (a) => H.isValidElement(a) ? H.cloneElement(a, { size: s, variant: n }) : a) });
+function ys({ children: t, size: s = "m", variant: n = "ghost", ...r }) {
+  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...r, children: q.Children.map(t, (a) => q.isValidElement(a) ? q.cloneElement(a, { size: s, variant: n }) : a) });
 }
-function $s({ children: t, selected: s = !1, onClick: n, size: r = "m", variant: a = "ghost", disabled: o = !1, icon: i, href: l, ...d }) {
-  const c = i && !t, u = [
+function ks({ children: t, selected: s = !1, onClick: n, size: r = "m", variant: a = "ghost", disabled: o = !1, icon: i, href: l, ...c }) {
+  const d = i && !t, u = [
     "ds-tab",
     `ds-tab--${r}`,
     `ds-tab--${a}`,
     s && "ds-tab--selected",
-    c && "ds-tab--icon-only"
+    d && "ds-tab--icon-only"
   ].filter(Boolean).join(" "), p = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     i && /* @__PURE__ */ e.jsx("span", { className: "ds-tab-icon", children: i }),
     t
@@ -1006,7 +1006,7 @@ function $s({ children: t, selected: s = !1, onClick: n, size: r = "m", variant:
         className: u,
         href: o ? void 0 : l,
         onClick: h,
-        ...d,
+        ...c,
         children: p
       }
     );
@@ -1019,32 +1019,32 @@ function $s({ children: t, selected: s = !1, onClick: n, size: r = "m", variant:
       className: u,
       onClick: n,
       disabled: o,
-      ...d,
+      ...c,
       children: p
     }
   );
 }
-function Ts({ options: t, value: s, onChange: n, size: r = "m", disabled: a = !1 }) {
-  const o = R(null), i = R(null), [l, d] = I(!1), c = R(!1), u = R(null), p = R(null), h = () => {
+function Es({ options: t, value: s, onChange: n, size: r = "m", disabled: a = !1 }) {
+  const o = R(null), i = R(null), [l, c] = I(!1), d = R(!1), u = R(null), p = R(null), h = () => {
     if (!o.current) return;
     const m = o.current.querySelector(`[data-value="${s}"]`);
     if (!m) return;
-    const x = o.current.getBoundingClientRect(), v = m.getBoundingClientRect(), g = v.left - x.left, j = v.width;
-    i.current ? (i.current.style.transition = c.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = g + "px", i.current.style.width = j + "px", c.current = !1) : (d(!0), requestAnimationFrame(() => {
+    const x = o.current.getBoundingClientRect(), b = m.getBoundingClientRect(), g = b.left - x.left, $ = b.width;
+    i.current ? (i.current.style.transition = d.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = g + "px", i.current.style.width = $ + "px", d.current = !1) : (c(!0), requestAnimationFrame(() => {
       if (!i.current || !o.current) return;
-      const b = o.current.querySelector(`[data-value="${s}"]`);
-      if (!b) return;
-      const N = o.current.getBoundingClientRect(), k = b.getBoundingClientRect();
-      i.current.style.transition = "none", i.current.style.left = k.left - N.left + "px", i.current.style.width = k.width + "px";
+      const _ = o.current.querySelector(`[data-value="${s}"]`);
+      if (!_) return;
+      const N = o.current.getBoundingClientRect(), y = _.getBoundingClientRect();
+      i.current.style.transition = "none", i.current.style.left = y.left - N.left + "px", i.current.style.width = y.width + "px";
     }));
   };
   return p.current = h, nt(() => {
     const m = u.current !== s;
-    u.current = s, c.current = l && m, h();
-  }), B(() => {
+    u.current = s, d.current = l && m, h();
+  }), P(() => {
     if (!o.current) return;
     const m = new ResizeObserver(() => {
-      c.current = !1, p.current();
+      d.current = !1, p.current();
     });
     return m.observe(o.current), () => m.disconnect();
   }, []), /* @__PURE__ */ e.jsxs(
@@ -1095,8 +1095,8 @@ function Be({
   padding: o = "m",
   ...i
 }) {
-  const [l, d] = I(n), c = r !== void 0, u = c ? r : l, p = () => {
-    c ? a == null || a(!r) : d((m) => !m);
+  const [l, c] = I(n), d = r !== void 0, u = d ? r : l, p = () => {
+    d ? a == null || a(!r) : c((m) => !m);
   }, h = [
     "ds-accordion",
     `ds-accordion--${o}`,
@@ -1115,7 +1115,7 @@ function Be({
           /* @__PURE__ */ e.jsx(
             je,
             {
-              size: F[2],
+              size: C[2],
               strokeWidth: 1.5,
               className: `ds-accordion__icon ${u ? "ds-accordion__icon--expanded" : ""}`
             }
@@ -1127,7 +1127,7 @@ function Be({
   ] });
 }
 const re = 8, pe = 8;
-function Rt(t, s, n) {
+function Tt(t, s, n) {
   const r = window.innerWidth;
   let a, o;
   switch (t) {
@@ -1149,7 +1149,7 @@ function Rt(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 St(t, s, n) {
+function Rt(t, s, n) {
   const r = window.innerWidth, a = window.innerHeight;
   if (t.top >= s + re + pe) return "top";
   if (a - t.bottom >= s + re + pe) return "bottom";
@@ -1159,37 +1159,37 @@ function St(t, s, n) {
   return o === t.top ? "top" : o === a - t.bottom ? "bottom" : o === r - t.right ? "right" : "left";
 }
 function Le({ children: t, content: s, position: n, ...r }) {
-  const [a, o] = I(!1), [i, l] = I({ visibility: "hidden" }), [d, c] = I(n || "top"), u = R(null), p = R(null), h = R(!1), m = () => {
+  const [a, o] = I(!1), [i, l] = I({ visibility: "hidden" }), [c, d] = I(n || "top"), u = R(null), p = R(null), h = R(!1), m = () => {
     if (!u.current || !p.current) return;
-    const v = u.current.getBoundingClientRect(), g = p.current.getBoundingClientRect(), j = n || St(v, g.height, g.width), { top: b, left: N, arrowOffset: k } = Rt(j, v, g);
-    c(j), l({
+    const b = u.current.getBoundingClientRect(), g = p.current.getBoundingClientRect(), $ = n || Rt(b, g.height, g.width), { top: _, left: N, arrowOffset: y } = Tt($, b, g);
+    d($), l({
       position: "fixed",
-      top: b,
+      top: _,
       left: N,
       visibility: "visible",
-      "--arrow-offset": `${k}px`
+      "--arrow-offset": `${y}px`
     });
   };
-  if (B(() => {
+  if (P(() => {
     if (!a) return;
     l({ position: "fixed", visibility: "hidden" });
-    const v = requestAnimationFrame(m);
+    const b = requestAnimationFrame(m);
     return window.addEventListener("scroll", m, !0), window.addEventListener("resize", m), () => {
-      cancelAnimationFrame(v), window.removeEventListener("scroll", m, !0), window.removeEventListener("resize", m);
+      cancelAnimationFrame(b), window.removeEventListener("scroll", m, !0), window.removeEventListener("resize", m);
     };
-  }, [a, n]), B(() => {
+  }, [a, n]), P(() => {
     if (!a) return;
-    const v = (g) => {
+    const b = (g) => {
       u.current && !u.current.contains(g.target) && o(!1);
     };
-    return document.addEventListener("touchstart", v), () => document.removeEventListener("touchstart", v);
+    return document.addEventListener("touchstart", b), () => document.removeEventListener("touchstart", b);
   }, [a]), !s) return t;
   const x = a && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: p,
       "data-ds-portal": "",
-      className: `ds-tooltip ds-tooltip--${d}`,
+      className: `ds-tooltip ds-tooltip--${c}`,
       role: "tooltip",
       style: i,
       children: s
@@ -1207,7 +1207,7 @@ function Le({ children: t, content: s, position: n, ...r }) {
         h.current || o(!1);
       },
       onTouchStart: () => {
-        h.current = !0, o((v) => !v);
+        h.current = !0, o((b) => !b);
       },
       ...r,
       children: [
@@ -1217,7 +1217,7 @@ function Le({ children: t, content: s, position: n, ...r }) {
     }
   );
 }
-function Rs({
+function $s({
   checked: t = !1,
   onChange: s,
   size: n = "m",
@@ -1226,12 +1226,12 @@ function Rs({
   id: o,
   ...i
 }) {
-  const l = o || `toggle-${H.useId()}`, d = [
+  const l = o || `toggle-${q.useId()}`, c = [
     "ds-toggle",
     `ds-toggle--${n}`,
     r && "ds-toggle--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("label", { className: d, htmlFor: l, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: c, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -1239,7 +1239,7 @@ function Rs({
         id: l,
         className: "ds-toggle__input",
         checked: t,
-        onChange: (c) => s == null ? void 0 : s(c.target.checked),
+        onChange: (d) => s == null ? void 0 : s(d.target.checked),
         disabled: r,
         ...i
       }
@@ -1248,7 +1248,7 @@ function Rs({
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: a })
   ] });
 }
-function Ss({
+function Ts({
   checked: t = !1,
   onChange: s,
   size: n = "m",
@@ -1257,12 +1257,12 @@ function Ss({
   id: o,
   ...i
 }) {
-  const l = o || `checkbox-${H.useId()}`, d = [
+  const l = o || `checkbox-${q.useId()}`, c = [
     "ds-checkbox",
     `ds-checkbox--${n}`,
     r && "ds-checkbox--disabled"
-  ].filter(Boolean).join(" "), c = n === "xs" ? 10 : n === "small" ? 14 : n === "large" ? 20 : 16;
-  return /* @__PURE__ */ e.jsxs("label", { className: d, htmlFor: l, children: [
+  ].filter(Boolean).join(" "), d = n === "xs" ? 10 : n === "small" ? 14 : n === "large" ? 20 : 16;
+  return /* @__PURE__ */ e.jsxs("label", { className: c, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -1278,7 +1278,7 @@ function Ss({
     /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: t && /* @__PURE__ */ e.jsx(
       Re,
       {
-        size: c,
+        size: d,
         strokeWidth: 2.5,
         className: "ds-checkbox__icon"
       }
@@ -1286,7 +1286,7 @@ function Ss({
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: a })
   ] });
 }
-function As({
+function Rs({
   checked: t = !1,
   onChange: s,
   size: n = "m",
@@ -1295,33 +1295,33 @@ function As({
   name: o,
   value: i,
   id: l,
-  ...d
+  ...c
 }) {
-  const c = l || `radio-${H.useId()}`, u = [
+  const d = l || `radio-${q.useId()}`, u = [
     "ds-radio",
     `ds-radio--${n}`,
     r && "ds-radio--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("label", { className: u, htmlFor: c, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: u, htmlFor: d, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "radio",
-        id: c,
+        id: d,
         className: "ds-radio__input",
         checked: t,
         onChange: (p) => s == null ? void 0 : s(p.target.checked),
         disabled: r,
         name: o,
         value: i,
-        ...d
+        ...c
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-radio__circle", children: /* @__PURE__ */ e.jsx("span", { className: "ds-radio__dot" }) }),
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: a })
   ] });
 }
-function At({ width: t, height: s, shape: n = "rect", aspectRatio: r, className: a = "", style: o = {}, ...i }) {
+function St({ width: t, height: s, shape: n = "rect", aspectRatio: r, className: a = "", style: o = {}, ...i }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -1332,7 +1332,7 @@ function At({ width: t, height: s, shape: n = "rect", aspectRatio: r, className:
     }
   );
 }
-function It({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: r = "", style: a = {}, ...o }) {
+function At({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: r = "", style: a = {}, ...o }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -1351,20 +1351,20 @@ function It({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: r = "",
     }
   );
 }
-At.Text = It;
+St.Text = At;
 function Dt(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 Bt(t) {
+function It(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 Is({ seed: t, icon: s, src: n, size: r = 32, className: a = "", style: o = {}, ...i }) {
-  const l = Dt(t ?? ""), [d, c] = I(!1), u = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: Bt(t) });
+function Ss({ seed: t, icon: s, src: n, size: r = 32, className: a = "", style: o = {}, ...i }) {
+  const l = Dt(t ?? ""), [c, d] = I(!1), u = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: It(t) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1372,11 +1372,11 @@ function Is({ seed: t, icon: s, src: n, size: r = 32, className: a = "", style:
       style: { width: r, height: r, "--ds-avatar-h": l, ...o },
       "aria-hidden": "true",
       ...i,
-      children: n && !d ? /* @__PURE__ */ e.jsx("img", { src: n, alt: "", onError: () => c(!0) }) : u
+      children: n && !c ? /* @__PURE__ */ e.jsx("img", { src: n, alt: "", onError: () => d(!0) }) : u
     }
   );
 }
-function Ds({
+function As({
   children: t,
   size: s = "compact",
   stickyTop: n,
@@ -1406,13 +1406,13 @@ function Ds({
     }
   );
 }
-function Bs({ children: t, ...s }) {
+function Ds({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("thead", { ...s, children: t });
 }
-function Ls({ children: t, ...s }) {
+function Is({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("tbody", { ...s, children: t });
 }
-function Ps({ children: t, interactive: s, selected: n, subheader: r, exiting: a, updated: o, className: i = "", onClick: l, ...d }) {
+function Bs({ children: t, interactive: s, selected: n, subheader: r, exiting: a, updated: o, className: i = "", onClick: l, ...c }) {
   return /* @__PURE__ */ e.jsx(
     "tr",
     {
@@ -1426,22 +1426,22 @@ function Ps({ children: t, interactive: s, selected: n, subheader: r, exiting: a
         i
       ].filter(Boolean).join(" "),
       onClick: l,
-      ...d,
+      ...c,
       children: t
     }
   );
 }
-function Ms({ children: t, colSpan: s = 999, ...n }) {
+function Ls({ 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 zs({ children: t, align: s = "left", sortDir: n, onSort: r, width: a, className: o = "", style: i = {}, ...l }) {
-  const d = !!r || n !== void 0, c = n === "asc" ? it : n === "desc" ? je : lt;
+function Ps({ children: t, align: s = "left", sortDir: n, onSort: r, width: a, className: o = "", style: i = {}, ...l }) {
+  const c = !!r || n !== void 0, d = n === "asc" ? ot : n === "desc" ? je : it;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
       className: [
         "ds-th",
-        d ? "ds-th--sortable" : "",
+        c ? "ds-th--sortable" : "",
         n ? "ds-th--sorted" : "",
         s !== "left" ? `ds-table-cell--${s}` : "",
         o
@@ -1449,14 +1449,14 @@ function zs({ children: t, align: s = "left", sortDir: n, onSort: r, width: a, c
       onClick: r,
       style: { width: a, ...i },
       ...l,
-      children: d ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
+      children: c ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
         t,
-        /* @__PURE__ */ e.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ e.jsx(c, { size: 11, strokeWidth: 2.5 }) })
+        /* @__PURE__ */ e.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ e.jsx(d, { size: 11, strokeWidth: 2.5 }) })
       ] }) : t
     }
   );
 }
-function Fs({ children: t, align: s = "left", secondary: n, muted: r, truncate: a, nowrap: o, className: i = "", ...l }) {
+function Ms({ children: t, align: s = "left", secondary: n, muted: r, truncate: a, nowrap: o, className: i = "", ...l }) {
   return /* @__PURE__ */ e.jsx(
     "td",
     {
@@ -1474,7 +1474,7 @@ function Fs({ children: t, align: s = "left", secondary: n, muted: r, truncate:
     }
   );
 }
-function Cs({
+function zs({
   icon: t,
   title: s,
   description: n,
@@ -1497,7 +1497,7 @@ function Cs({
     }
   );
 }
-function Ws({
+function Fs({
   label: t,
   hint: s,
   error: n,
@@ -1506,10 +1506,10 @@ function Ws({
   htmlFor: o,
   children: i,
   className: l = "",
-  style: d,
-  ...c
+  style: c,
+  ...d
 }) {
-  const u = H.useId(), p = o ?? u, h = `${p}-hint`, m = `${p}-error`;
+  const u = q.useId(), p = o ?? u, h = `${p}-hint`, m = `${p}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1517,8 +1517,8 @@ function Ws({
       "data-state": n ? "error" : void 0,
       "data-required": r ? "" : void 0,
       "data-disabled": a ? "" : void 0,
-      style: d,
-      ...c,
+      style: c,
+      ...d,
       children: [
         t && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: p, children: t }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-field-control", children: i }),
@@ -1528,8 +1528,8 @@ function Ws({
     }
   );
 }
-function Os({ label: t, value: s, delta: n, size: r = "m", inline: a = !1, className: o = "", style: i, ...l }) {
-  const d = n != null && n.startsWith("+") ? "up" : n != null && n.startsWith("-") ? "down" : "neutral";
+function Ws({ 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",
     {
@@ -1544,12 +1544,12 @@ function Os({ label: t, value: s, delta: n, size: r = "m", inline: a = !1, class
       children: [
         t && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-label", children: t }),
         s != null && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-value", children: s }),
-        n != null && /* @__PURE__ */ e.jsx("span", { className: `ds-stat-delta ds-stat-delta--${d}`, children: n })
+        n != null && /* @__PURE__ */ e.jsx("span", { className: `ds-stat-delta ds-stat-delta--${c}`, children: n })
       ]
     }
   );
 }
-function Us({
+function Cs({
   children: t,
   separator: s = "/",
   "aria-label": n = "Breadcrumb",
@@ -1557,7 +1557,7 @@ function Us({
   style: a,
   ...o
 }) {
-  const i = H.Children.toArray(t).filter(Boolean);
+  const i = q.Children.toArray(t).filter(Boolean);
   return /* @__PURE__ */ e.jsx(
     "nav",
     {
@@ -1565,14 +1565,14 @@ function Us({
       "aria-label": n,
       style: a,
       ...o,
-      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: i.map((l, d) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
+      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: i.map((l, c) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
         l,
-        d < i.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: s })
-      ] }, d)) })
+        c < i.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: s })
+      ] }, c)) })
     }
   );
 }
-function Vs({
+function Os({
   page: t,
   total: s,
   onChange: n,
@@ -1582,7 +1582,7 @@ function Vs({
   style: i,
   ...l
 }) {
-  const d = Lt(t, s, r);
+  const c = Bt(t, s, r);
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
@@ -1598,20 +1598,20 @@ function Vs({
             onClick: () => n == null ? void 0 : n(t - 1),
             disabled: t <= 1,
             "aria-label": "Previous page",
-            children: /* @__PURE__ */ e.jsx(ct, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(lt, { size: 16 })
           }
         ),
-        d.map(
-          (c, u) => c === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${u}`) : /* @__PURE__ */ e.jsx(
+        c.map(
+          (d, u) => d === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${u}`) : /* @__PURE__ */ e.jsx(
             "button",
             {
-              className: `ds-pagination-page${c === t ? " ds-pagination-page--current" : ""}`,
-              onClick: () => c !== t && (n == null ? void 0 : n(c)),
-              "aria-current": c === t ? "page" : void 0,
-              "aria-label": `Page ${c}`,
-              children: c
+              className: `ds-pagination-page${d === t ? " ds-pagination-page--current" : ""}`,
+              onClick: () => d !== t && (n == null ? void 0 : n(d)),
+              "aria-current": d === t ? "page" : void 0,
+              "aria-label": `Page ${d}`,
+              children: d
             },
-            c
+            d
           )
         ),
         /* @__PURE__ */ e.jsx(
@@ -1621,121 +1621,68 @@ function Vs({
             onClick: () => n == null ? void 0 : n(t + 1),
             disabled: t >= s,
             "aria-label": "Next page",
-            children: /* @__PURE__ */ e.jsx(dt, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(ct, { size: 16 })
           }
         )
       ]
     }
   );
 }
-function Lt(t, s, n) {
+function Bt(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 Pt = 200;
-function Ys({
-  children: t,
-  title: s,
-  onClose: n,
-  side: r = "right",
-  offsetLeft: a = 0,
-  offsetRight: o = 0,
-  ...i
-}) {
-  const l = R(null), d = H.useId(), [c, u] = I(!1), p = () => {
-    !n || c || (u(!0), setTimeout(() => {
-      u(!1), n();
-    }, Pt));
-  };
-  B(() => {
-    const v = (j) => {
-      j.key === "Escape" && p();
-    }, g = (j) => {
-      var N, k, S;
-      const b = ((k = (N = j.composedPath) == null ? void 0 : N.call(j)) == null ? void 0 : k[0]) ?? j.target;
-      l.current && !l.current.contains(b) && !((S = b.closest) != null && S.call(b, "[data-ds-portal]")) && p();
-    };
-    return document.addEventListener("keydown", v), document.addEventListener("mousedown", g), () => {
-      document.removeEventListener("keydown", v), document.removeEventListener("mousedown", g);
-    };
-  }, [n, c]);
-  const h = H.Children.toArray(t), m = h.find((v) => (v == null ? void 0 : v.type) === Oe), x = h.filter((v) => (v == null ? void 0 : v.type) !== Oe);
-  return /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      className: ["ds-drawer-overlay", c && "ds-drawer-overlay--closing"].filter(Boolean).join(" "),
-      style: { "--ds-drawer-offset-left": `${a}px`, "--ds-drawer-offset-right": `${o}px` },
-      ...i,
-      children: /* @__PURE__ */ e.jsxs(
-        "aside",
-        {
-          className: ["ds-drawer", c && "ds-drawer--closing"].filter(Boolean).join(" "),
-          "data-side": r,
-          ref: l,
-          role: "dialog",
-          "aria-modal": "true",
-          "aria-labelledby": s ? d : void 0,
-          children: [
-            /* @__PURE__ */ e.jsxs("header", { className: "ds-drawer-header", children: [
-              s && /* @__PURE__ */ e.jsx("h3", { id: d, className: "ds-drawer-title", children: s }),
-              n && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: p, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(Q, { size: F[2], strokeWidth: 1.5 }) })
-            ] }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body ds-scrollable", children: x }),
-            m
-          ]
-        }
-      )
-    }
-  );
-}
-function Oe({ children: t }) {
-  return /* @__PURE__ */ e.jsx("footer", { className: "ds-drawer-footer", children: t });
-}
-const Mt = 320;
-function Hs({
+const Lt = 300;
+function Us({
   children: t,
   title: s,
   onClose: n,
   subHeader: r,
-  offsetLeft: a = 0,
-  offsetRight: o = 0,
-  ...i
+  side: a = "right",
+  size: o = "wide",
+  offsetLeft: i = 0,
+  offsetRight: l = 0,
+  keepOpenRef: c,
+  ...d
 }) {
-  const l = R(null), d = H.useId(), [c, u] = I(!1), p = () => {
-    !n || c || (u(!0), setTimeout(() => {
-      u(!1), n();
-    }, Mt));
+  const u = R(null), p = q.useId(), [h, m] = I(!1), x = () => {
+    !n || h || (m(!0), setTimeout(() => {
+      m(!1), n();
+    }, Lt));
   };
-  B(() => {
-    const v = (j) => {
-      j.key === "Escape" && p();
-    }, g = (j) => {
-      var N, k, S;
-      const b = ((k = (N = j.composedPath) == null ? void 0 : N.call(j)) == null ? void 0 : k[0]) ?? j.target;
-      l.current && !l.current.contains(b) && !((S = b.closest) != null && S.call(b, "[data-ds-portal]")) && p();
+  P(() => {
+    const _ = (y) => {
+      y.key === "Escape" && x();
+    }, N = (y) => {
+      var B, M, W, z;
+      const S = ((M = (B = y.composedPath) == null ? void 0 : B.call(y)) == null ? void 0 : M[0]) ?? y.target;
+      (W = c == null ? void 0 : c.current) != null && W.contains(S) || u.current && !u.current.contains(S) && !((z = S.closest) != null && z.call(S, "[data-ds-portal]")) && x();
     };
-    return document.addEventListener("keydown", v), document.addEventListener("mousedown", g), () => {
-      document.removeEventListener("keydown", v), document.removeEventListener("mousedown", g);
+    return document.addEventListener("keydown", _), document.addEventListener("mousedown", N), () => {
+      document.removeEventListener("keydown", _), document.removeEventListener("mousedown", N);
     };
-  }, [n, c]);
-  const h = H.Children.toArray(t), m = h.find((v) => (v == null ? void 0 : v.type) === Ue || (v == null ? void 0 : v.type) === he), x = h.filter((v) => (v == null ? void 0 : v.type) !== Ue && (v == null ? void 0 : v.type) !== he);
+  }, [n, h, c]);
+  const b = q.Children.toArray(t), g = b.find((_) => (_ == null ? void 0 : _.type) === Oe || (_ == null ? void 0 : _.type) === he), $ = b.filter((_) => (_ == null ? void 0 : _.type) !== Oe && (_ == null ? void 0 : _.type) !== he);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-side-page-overlay", c && "ds-side-page-overlay--closing"].filter(Boolean).join(" "),
-      style: { "--ds-side-page-offset-left": `${a}px`, "--ds-side-page-offset-right": `${o}px` },
-      ...i,
+      className: ["ds-side-page-overlay", h && "ds-side-page-overlay--closing"].filter(Boolean).join(" "),
+      "data-side": a,
+      style: { "--ds-side-page-offset-left": `${i}px`, "--ds-side-page-offset-right": `${l}px` },
+      ...d,
       children: /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: l,
-          className: ["ds-side-page", c && "ds-side-page--closing"].filter(Boolean).join(" "),
+          ref: u,
+          className: ["ds-side-page", h && "ds-side-page--closing"].filter(Boolean).join(" "),
+          "data-side": a,
+          "data-size": o,
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": s ? d : void 0,
+          "aria-labelledby": s ? p : void 0,
           children: [
             n && /* @__PURE__ */ e.jsx(
               ae,
@@ -1743,55 +1690,55 @@ function Hs({
                 className: "ds-side-page__close",
                 variant: "ghost",
                 size: "small",
-                icon: /* @__PURE__ */ e.jsx(Q, { size: F[2], strokeWidth: 1.5 }),
-                onClick: p,
+                icon: /* @__PURE__ */ e.jsx(ee, { size: C[2], strokeWidth: 1.5 }),
+                onClick: x,
                 "aria-label": "Close"
               }
             ),
             (s || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-side-page__header", children: [
-              s && /* @__PURE__ */ e.jsx("h3", { id: d, className: "ds-side-page__title", children: s }),
+              s && /* @__PURE__ */ e.jsx("h3", { id: p, 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: x }),
-            m
+            /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__body ds-scrollable", children: $ }),
+            g
           ]
         }
       )
     }
   );
 }
-function Ue({ children: t }) {
-  return !t || H.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__footer", children: t });
+function Oe({ children: t }) {
+  return !t || q.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__footer", children: t });
 }
-const ve = Ze({ collapsed: !1, side: "left" }), we = Ze(!1);
-function qs({
-  children: t,
-  collapsed: s = !1,
-  side: n = "left",
-  onExpand: r,
-  className: a = "",
-  ...o
-}) {
-  const i = [
+const ve = Ze({ collapsed: !1, side: "left" }), we = Ze(!1), Vs = Je(function({
+  children: s,
+  collapsed: n = !1,
+  side: r = "left",
+  onExpand: a,
+  className: o = "",
+  ...i
+}, l) {
+  const c = [
     "ds-nav-rail",
-    s && "ds-nav-rail--collapsed",
-    `ds-nav-rail--${n}`,
-    a
-  ].filter(Boolean).join(" "), l = le((d) => {
-    !s || !r || d.target.closest('button, a, input, select, textarea, [role="button"], [tabindex]') || r();
-  }, [s, r]);
-  return /* @__PURE__ */ e.jsx(ve.Provider, { value: { collapsed: s, side: n }, children: /* @__PURE__ */ e.jsx(
+    n && "ds-nav-rail--collapsed",
+    `ds-nav-rail--${r}`,
+    o
+  ].filter(Boolean).join(" "), d = le((u) => {
+    !n || !a || u.target.closest('button, a, input, select, textarea, [role="button"], [tabindex]') || a();
+  }, [n, a]);
+  return /* @__PURE__ */ e.jsx(ve.Provider, { value: { collapsed: n, side: r }, children: /* @__PURE__ */ e.jsx(
     "nav",
     {
-      className: i,
-      onClick: l,
-      "data-expandable": s && r ? "" : void 0,
-      ...o,
-      children: t
+      ref: l,
+      className: c,
+      onClick: d,
+      "data-expandable": n && a ? "" : void 0,
+      ...i,
+      children: s
     }
   ) });
-}
-function Gs({
+});
+function Ys({
   icon: t,
   label: s,
   selected: n = !1,
@@ -1800,12 +1747,12 @@ function Gs({
   onClick: o,
   count: i,
   updated: l = !1,
-  open: d = !1,
-  onboarding: c = !1,
+  open: c = !1,
+  onboarding: d = !1,
   className: u = "",
   ...p
 }) {
-  const { collapsed: h, side: m } = de(ve), x = de(we), j = {
+  const { collapsed: h, side: m } = de(ve), x = de(we), $ = {
     className: [
       "ds-nav-rail__item",
       u
@@ -1818,32 +1765,32 @@ function Gs({
     ...{
       "data-selected": n || void 0,
       "data-disabled": r || void 0,
-      "data-open": d || void 0,
-      "data-onboarding": c || void 0
+      "data-open": c || void 0,
+      "data-onboarding": d || void 0
     },
     ...p
-  }, b = i != null, N = m === "left" ? "right" : "left", k = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }, _ = i != null, N = m === "left" ? "right" : "left", y = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: t }),
     !h && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s }),
     !h && l && /* @__PURE__ */ e.jsx(fe, { size: "xs", variant: "accent", className: "ds-nav-rail__badge-expanded", children: "New" }),
-    !h && b && /* @__PURE__ */ e.jsx("span", { className: ["ds-nav-rail__count", i === 0 && "ds-nav-rail__count--zero"].filter(Boolean).join(" "), children: i }),
+    !h && _ && /* @__PURE__ */ e.jsx("span", { className: ["ds-nav-rail__count", i === 0 && "ds-nav-rail__count--zero"].filter(Boolean).join(" "), children: i }),
     h && l && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot", "aria-hidden": "true" })
-  ] }), S = a ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : a, ...j, children: k }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...j, children: k });
+  ] }), S = a ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : a, ...$, children: y }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...$, children: y });
   return h && !x ? /* @__PURE__ */ e.jsx(Le, { content: s, position: N, children: S }) : S;
 }
-function Ks({ children: t, className: s = "", ...n }) {
+function Hs({ 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 Xs({ children: t, className: s = "", ...n }) {
+function qs({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__header", s].filter(Boolean).join(" "), ...n, children: t });
 }
-function Js({ children: t, className: s = "", ...n }) {
+function Gs({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__footer", s].filter(Boolean).join(" "), ...n, children: t });
 }
-function Zs({ className: t = "", ...s }) {
+function Ks({ className: t = "", ...s }) {
   return /* @__PURE__ */ e.jsx("hr", { className: ["ds-nav-rail__divider", t].filter(Boolean).join(" "), ...s });
 }
-function Qs({ children: t, label: s = "Recents", defaultOpen: n = !0, className: r = "", ...a }) {
+function Xs({ children: t, label: s = "Recents", defaultOpen: n = !0, className: r = "", ...a }) {
   const { collapsed: o } = de(ve), [i, l] = I(n);
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-nav-rail__recents", r].filter(Boolean).join(" "), ...a, children: [
     !o && /* @__PURE__ */ e.jsxs(
@@ -1851,7 +1798,7 @@ function Qs({ children: t, label: s = "Recents", defaultOpen: n = !0, className:
       {
         type: "button",
         className: ["ds-nav-rail__recents-toggle", !i && "ds-nav-rail__recents-toggle--closed"].filter(Boolean).join(" "),
-        onClick: () => l((d) => !d),
+        onClick: () => l((c) => !c),
         "aria-expanded": i,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__recents-label", children: s }),
@@ -1862,14 +1809,14 @@ function Qs({ children: t, label: s = "Recents", defaultOpen: n = !0, className:
     (i || o) && /* @__PURE__ */ e.jsx("div", { className: "ds-nav-rail__recents-body", children: t })
   ] });
 }
-const en = rt(function({
+const Js = Je(function({
   as: s = "button",
   avatar: n,
   label: r,
   className: a = "",
   ...o
 }, i) {
-  const { collapsed: l, side: d } = de(ve), c = de(we), u = d === "left" ? "right" : "left", p = [
+  const { collapsed: l, side: c } = de(ve), d = de(we), u = c === "left" ? "right" : "left", p = [
     "ds-nav-rail__item",
     "ds-nav-rail__agent",
     a
@@ -1887,10 +1834,10 @@ const en = rt(function({
       children: h
     }
   );
-  return l && !c ? /* @__PURE__ */ e.jsx(Le, { content: r, position: u, children: m }) : m;
+  return l && !d ? /* @__PURE__ */ e.jsx(Le, { content: r, position: u, children: m }) : m;
 });
-function tn({ avatar: t, label: s, selected: n = !1, disabled: r = !1, href: a, onClick: o, className: i = "", ...l }) {
-  const { collapsed: d, side: c } = de(ve), u = de(we), m = {
+function Zs({ avatar: t, label: s, selected: n = !1, disabled: r = !1, href: a, onClick: o, className: i = "", ...l }) {
+  const { collapsed: c, side: d } = de(ve), u = de(we), m = {
     className: [
       "ds-nav-rail__item",
       "ds-nav-rail__agent",
@@ -1907,12 +1854,12 @@ function tn({ avatar: t, label: s, selected: n = !1, disabled: r = !1, href: a,
     ...l
   }, x = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: t }),
-    !d && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s })
-  ] }), v = c === "left" ? "right" : "left", g = a ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : a, ...m, children: x }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...m, children: x });
-  return d && !u ? /* @__PURE__ */ e.jsx(Le, { content: s, position: v, children: g }) : g;
+    !c && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s })
+  ] }), b = d === "left" ? "right" : "left", g = a ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : a, ...m, children: x }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...m, children: x });
+  return c && !u ? /* @__PURE__ */ e.jsx(Le, { content: s, position: b, children: g }) : g;
 }
-const Ve = 240, Ye = 6, He = 8;
-function sn({
+const Ue = 240, Ve = 6, Ye = 8;
+function Qs({
   trigger: t,
   title: s,
   children: n,
@@ -1920,47 +1867,47 @@ function sn({
   onOpenChange: a,
   defaultOpen: o = !1
 }) {
-  const { side: i } = de(ve), [l, d] = I(o), c = r !== void 0, u = c ? r : l, [p, h] = I(!1), m = R(null), x = R(null), [v, g] = I({}), j = le(() => {
-    c ? a == null || a(!0) : d(!0);
-  }, [c, a]), b = le(() => {
-    c ? a == null || a(!1) : d(!1);
-  }, [c, a]), N = le(() => u ? b() : j(), [u, j, b]), k = le(() => {
-    var M;
-    const P = m.current;
-    if (!P) return;
-    const z = P.getBoundingClientRect(), O = window.innerHeight, C = ((M = x.current) == null ? void 0 : M.offsetHeight) ?? 300, w = Math.max(He, Math.min(O - C - He, z.top));
+  const { side: i } = de(ve), [l, c] = I(o), d = r !== void 0, u = d ? r : l, [p, h] = I(!1), m = R(null), x = R(null), [b, g] = I({}), $ = le(() => {
+    d ? a == null || a(!0) : c(!0);
+  }, [d, a]), _ = le(() => {
+    d ? a == null || a(!1) : c(!1);
+  }, [d, a]), N = le(() => u ? _() : $(), [u, $, _]), y = le(() => {
+    var F;
+    const B = m.current;
+    if (!B) return;
+    const M = B.getBoundingClientRect(), W = window.innerHeight, z = ((F = x.current) == null ? void 0 : F.offsetHeight) ?? 300, j = Math.max(Ye, Math.min(W - z - Ye, M.top));
     g(i === "right" ? {
       position: "fixed",
-      top: w,
-      right: window.innerWidth - z.left + Ye,
-      width: Ve
+      top: j,
+      right: window.innerWidth - M.left + Ve,
+      width: Ue
     } : {
       position: "fixed",
-      top: w,
-      left: z.right + Ye,
-      width: Ve
+      top: j,
+      left: M.right + Ve,
+      width: Ue
     });
   }, [i]);
-  B(() => {
+  P(() => {
     if (!u) {
       h(!1);
       return;
     }
-    return k(), requestAnimationFrame(() => h(!0)), window.addEventListener("scroll", k, !0), window.addEventListener("resize", k), () => {
-      window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", k);
+    return y(), requestAnimationFrame(() => h(!0)), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y), () => {
+      window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y);
     };
-  }, [u, k]), B(() => {
+  }, [u, y]), P(() => {
     if (!u) return;
-    const P = (O) => {
-      var C, w;
-      !((C = x.current) != null && C.contains(O.target)) && !((w = m.current) != null && w.contains(O.target)) && b();
-    }, z = (O) => {
-      O.key === "Escape" && b();
+    const B = (W) => {
+      var z, j;
+      !((z = x.current) != null && z.contains(W.target)) && !((j = m.current) != null && j.contains(W.target)) && _();
+    }, M = (W) => {
+      W.key === "Escape" && _();
     };
-    return document.addEventListener("mousedown", P), document.addEventListener("keydown", z), () => {
-      document.removeEventListener("mousedown", P), document.removeEventListener("keydown", z);
+    return document.addEventListener("mousedown", B), document.addEventListener("keydown", M), () => {
+      document.removeEventListener("mousedown", B), document.removeEventListener("keydown", M);
     };
-  }, [u, b]);
+  }, [u, _]);
   const S = u && /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1970,7 +1917,7 @@ function sn({
         `ds-nav-rail-flyout--${i}`,
         p && "ds-nav-rail-flyout--visible"
       ].filter(Boolean).join(" "),
-      style: v,
+      style: b,
       "data-ds-portal": "",
       role: "dialog",
       "aria-modal": "false",
@@ -1982,9 +1929,9 @@ function sn({
             {
               type: "button",
               className: "ds-nav-rail-flyout__close",
-              onClick: b,
+              onClick: _,
               "aria-label": "Close",
-              children: /* @__PURE__ */ e.jsx(Q, { size: 16, strokeWidth: 2 })
+              children: /* @__PURE__ */ e.jsx(ee, { size: 16, strokeWidth: 2 })
             }
           )
         ] }),
@@ -1997,13 +1944,13 @@ function sn({
     typeof document < "u" && me.createPortal(S, document.body)
   ] });
 }
-const zt = {
-  info: De,
-  success: Ie,
+const Pt = {
+  info: Ie,
+  success: De,
   warning: Ae,
   error: Se
 };
-function nn({
+function en({
   children: t,
   variant: s = "info",
   action: n,
@@ -2012,15 +1959,15 @@ function nn({
   role: o,
   ...i
 }) {
-  const l = zt[s], d = o || (s === "error" ? "alert" : "status");
+  const l = Pt[s], c = o || (s === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: `ds-banner ds-banner--${s}`,
-      role: d,
+      role: c,
       ...i,
       children: [
-        l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: F[2], strokeWidth: 1.5 }) }),
+        l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: C[2], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-banner-text", children: t }),
         n && /* @__PURE__ */ e.jsx(
           "button",
@@ -2038,14 +1985,14 @@ function nn({
             className: "ds-banner-dismiss",
             onClick: a,
             "aria-label": "Dismiss",
-            children: /* @__PURE__ */ e.jsx(Q, { size: F[2], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ee, { size: C[2], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function rn({
+function tn({
   trigger: t,
   items: s = [],
   open: n,
@@ -2054,92 +2001,92 @@ function rn({
   fullWidth: o = !1,
   className: i = "",
   style: l,
-  ...d
+  ...c
 }) {
-  const [c, u] = I(!1), [p, h] = I(!1), m = n !== void 0, x = m ? n : c, v = R(null), g = R(null), j = R(null), b = R(null), [N, k] = I({}), S = R(null), P = 150, z = () => {
+  const [d, u] = I(!1), [p, h] = I(!1), m = n !== void 0, x = m ? n : d, b = R(null), g = R(null), $ = R(null), _ = R(null), [N, y] = I({}), S = R(null), B = 150, M = () => {
     if (m)
       r == null || r(!1);
     else {
       if (p) return;
       h(!0), S.current = setTimeout(() => {
         u(!1), h(!1);
-      }, P);
+      }, B);
     }
-  }, O = () => {
-    const _ = !x;
-    m ? r == null || r(_) : _ ? (clearTimeout(S.current), h(!1), u(!0)) : z();
-  }, C = () => {
+  }, W = () => {
+    const v = !x;
+    m ? r == null || r(v) : v ? (clearTimeout(S.current), h(!1), u(!0)) : M();
+  }, z = () => {
     x || (m ? r == null || r(!0) : (clearTimeout(S.current), h(!1), u(!0)));
   };
-  B(() => () => clearTimeout(S.current), []), B(() => {
+  P(() => () => clearTimeout(S.current), []), P(() => {
     if (!x) return;
-    const _ = 300, E = () => {
-      var $;
-      const A = ($ = v.current) == null ? void 0 : $.getBoundingClientRect();
+    const v = 300, k = () => {
+      var E;
+      const A = (E = b.current) == null ? void 0 : E.getBoundingClientRect();
       if (!A) return;
-      const U = window.innerHeight - A.bottom, G = U < _ + 8 && A.top > U;
-      k(
+      const U = window.innerHeight - A.bottom, G = U < v + 8 && A.top > U;
+      y(
         a === "right" ? G ? { bottom: window.innerHeight - A.top + 4, top: "auto", right: window.innerWidth - A.right } : { top: A.bottom + 4, bottom: "auto", right: window.innerWidth - A.right } : G ? { bottom: window.innerHeight - A.top + 4, top: "auto", left: A.left } : { top: A.bottom + 4, bottom: "auto", left: A.left }
       );
     };
-    return E(), window.addEventListener("scroll", E, !0), window.addEventListener("resize", E), () => {
-      window.removeEventListener("scroll", E, !0), window.removeEventListener("resize", E);
+    return k(), window.addEventListener("scroll", k, !0), window.addEventListener("resize", k), () => {
+      window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", k);
     };
   }, [x, a]);
-  const w = () => {
-    var E;
-    const _ = (E = j.current) == null ? void 0 : E.querySelector(
+  const j = () => {
+    var k;
+    const v = (k = $.current) == null ? void 0 : k.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
-    _ == null || _.focus();
+    v == null || v.focus();
   };
-  B(() => {
+  P(() => {
     if (!x) return;
-    const _ = (A) => {
+    const v = (A) => {
       var U, G;
-      !((U = v.current) != null && U.contains(A.target)) && !((G = g.current) != null && G.contains(A.target)) && z();
-    }, E = (A) => {
-      A.key === "Escape" && (z(), w());
+      !((U = b.current) != null && U.contains(A.target)) && !((G = g.current) != null && G.contains(A.target)) && M();
+    }, k = (A) => {
+      A.key === "Escape" && (M(), j());
     };
-    return document.addEventListener("mousedown", _), document.addEventListener("keydown", E), () => {
-      document.removeEventListener("mousedown", _), document.removeEventListener("keydown", E);
+    return document.addEventListener("mousedown", v), document.addEventListener("keydown", k), () => {
+      document.removeEventListener("mousedown", v), document.removeEventListener("keydown", k);
     };
-  }, [x]), B(() => {
-    if (!x || !b.current || !g.current) return;
-    const _ = M(), E = b.current === "last" ? _[_.length - 1] : _[0];
-    E == null || E.focus(), b.current = null;
+  }, [x]), P(() => {
+    if (!x || !_.current || !g.current) return;
+    const v = F(), k = _.current === "last" ? v[v.length - 1] : v[0];
+    k == null || k.focus(), _.current = null;
   }, [x]);
-  const M = () => g.current ? [...g.current.querySelectorAll(
+  const F = () => g.current ? [...g.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
-  )] : [], K = (_) => {
-    var E, A;
-    if (_.key === "ArrowDown")
-      _.preventDefault(), x ? (E = M()[0]) == null || E.focus() : (b.current = "first", C());
-    else if (_.key === "ArrowUp")
-      if (_.preventDefault(), !x)
-        b.current = "last", C();
+  )] : [], K = (v) => {
+    var k, A;
+    if (v.key === "ArrowDown")
+      v.preventDefault(), x ? (k = F()[0]) == null || k.focus() : (_.current = "first", z());
+    else if (v.key === "ArrowUp")
+      if (v.preventDefault(), !x)
+        _.current = "last", z();
       else {
-        const U = M();
+        const U = F();
         (A = U[U.length - 1]) == null || A.focus();
       }
-  }, V = (_) => {
-    var U, G, $, f;
-    const E = M(), A = E.findIndex((T) => T === document.activeElement);
-    switch (_.key) {
+  }, V = (v) => {
+    var U, G, E, f;
+    const k = F(), A = k.findIndex((T) => T === document.activeElement);
+    switch (v.key) {
       case "ArrowDown":
-        _.preventDefault(), (U = E[Math.min(A + 1, E.length - 1)]) == null || U.focus();
+        v.preventDefault(), (U = k[Math.min(A + 1, k.length - 1)]) == null || U.focus();
         break;
       case "ArrowUp":
-        _.preventDefault(), A <= 0 ? w() : (G = E[A - 1]) == null || G.focus();
+        v.preventDefault(), A <= 0 ? j() : (G = k[A - 1]) == null || G.focus();
         break;
       case "Home":
-        _.preventDefault(), ($ = E[0]) == null || $.focus();
+        v.preventDefault(), (E = k[0]) == null || E.focus();
         break;
       case "End":
-        _.preventDefault(), (f = E[E.length - 1]) == null || f.focus();
+        v.preventDefault(), (f = k[k.length - 1]) == null || f.focus();
         break;
       case "Tab":
-        z();
+        M();
         break;
     }
   }, D = x && /* @__PURE__ */ e.jsx(
@@ -2155,35 +2102,35 @@ function rn({
       ].filter(Boolean).join(" "),
       style: N,
       onKeyDown: V,
-      children: s.map((_, E) => {
-        if (_.separator)
-          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, E);
-        if (_.type === "section")
+      children: s.map((v, k) => {
+        if (v.separator)
+          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, k);
+        if (v.type === "section")
           return /* @__PURE__ */ e.jsxs("div", { className: "ds-dropdown__section", children: [
-            _.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: _.label }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: _.content })
-          ] }, E);
-        const A = !!_.href, U = A ? "a" : "button", G = A ? { href: _.disabled ? void 0 : _.href, "aria-disabled": _.disabled ? "true" : void 0 } : { type: "button", disabled: _.disabled };
+            v.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: v.label }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: v.content })
+          ] }, k);
+        const A = !!v.href, U = A ? "a" : "button", G = A ? { href: v.disabled ? void 0 : v.href, "aria-disabled": v.disabled ? "true" : void 0 } : { type: "button", disabled: v.disabled };
         return /* @__PURE__ */ e.jsxs(
           U,
           {
             role: "menuitem",
             className: [
               "ds-dropdown__item",
-              _.danger && "ds-dropdown__item--danger"
+              v.danger && "ds-dropdown__item--danger"
             ].filter(Boolean).join(" "),
             ...G,
             onClick: () => {
-              var $;
-              ($ = _.onClick) == null || $.call(_), z();
+              var E;
+              (E = v.onClick) == null || E.call(v), M();
             },
             children: [
-              _.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: _.icon }),
-              /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: _.label }),
-              _.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: _.shortcut })
+              v.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: v.icon }),
+              /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: v.label }),
+              v.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: v.shortcut })
             ]
           },
-          E
+          k
         );
       })
     }
@@ -2191,17 +2138,17 @@ function rn({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: v,
+      ref: b,
       className: ["ds-dropdown", o && "ds-dropdown--full-width", i].filter(Boolean).join(" "),
       style: l,
-      ...d,
+      ...c,
       children: [
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: j,
+            ref: $,
             className: "ds-dropdown__trigger",
-            onClick: O,
+            onClick: W,
             onKeyDown: K,
             children: t
           }
@@ -2211,7 +2158,7 @@ function rn({
     }
   );
 }
-function an({
+function sn({
   value: t = 0,
   size: s = "m",
   variant: n = "default",
@@ -2219,7 +2166,7 @@ function an({
   min: a = 2,
   animate: o = !0
 }) {
-  const i = Math.min(100, Math.max(0, t)), l = Math.max(a, i), d = n === "auto" ? i >= 70 ? "success" : i >= 50 ? "warning" : "danger" : n;
+  const i = Math.min(100, Math.max(0, t)), l = Math.max(a, i), c = n === "auto" ? i >= 70 ? "success" : i >= 50 ? "warning" : "danger" : n;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2236,7 +2183,7 @@ function an({
         /* @__PURE__ */ e.jsx("div", { className: "ds-progress__track", children: /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `ds-progress__fill ds-progress__fill--${d}`,
+            className: `ds-progress__fill ds-progress__fill--${c}`,
             style: { width: `${l}%` }
           }
         ) }),
@@ -2248,50 +2195,50 @@ function an({
     }
   );
 }
-const Ft = (t) => 1 - Math.pow(1 - t, 3), Ct = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-function Wt(t, { duration: s = 600 } = {}) {
+const Mt = (t) => 1 - Math.pow(1 - t, 3), zt = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+function Ft(t, { duration: s = 600 } = {}) {
   const [n, r] = I(t), a = R(t), o = R(null);
-  return B(() => {
-    if (Ct()) {
+  return P(() => {
+    if (zt()) {
       r(t), a.current = t;
       return;
     }
     const i = a.current, l = t - i;
     if (l === 0) return;
-    let d = null;
-    const c = (u) => {
-      d || (d = u);
-      const p = Math.min((u - d) / s, 1);
-      r(i + l * Ft(p)), p < 1 ? o.current = requestAnimationFrame(c) : a.current = t;
+    let c = null;
+    const d = (u) => {
+      c || (c = u);
+      const p = Math.min((u - c) / s, 1);
+      r(i + l * Mt(p)), p < 1 ? o.current = requestAnimationFrame(d) : a.current = t;
     };
-    return o.current = requestAnimationFrame(c), () => cancelAnimationFrame(o.current);
+    return o.current = requestAnimationFrame(d), () => cancelAnimationFrame(o.current);
   }, [t, s]), n;
 }
-function on({
+function nn({
   value: t,
   duration: s = 600,
   decimals: n = 0,
   prefix: r = "",
   suffix: a = ""
 }) {
-  const i = Wt(t, { duration: s }).toFixed(n);
+  const i = Ft(t, { duration: s }).toFixed(n);
   return `${r}${i}${a}`;
 }
-function Ot({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
+function Wt({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
   const r = R(null), [a, o] = I(!1);
-  return B(() => {
+  return P(() => {
     const i = r.current;
     if (!i) return;
     const l = new IntersectionObserver(
-      ([d]) => {
-        d.isIntersecting ? (o(!0), n && l.disconnect()) : n || o(!1);
+      ([c]) => {
+        c.isIntersecting ? (o(!0), n && l.disconnect()) : n || o(!1);
       },
       { threshold: t, rootMargin: s }
     );
     return l.observe(i), () => l.disconnect();
   }, [t, s, n]), { ref: r, inView: a };
 }
-function ln({
+function rn({
   children: t,
   as: s = "div",
   once: n = !1,
@@ -2301,14 +2248,14 @@ function ln({
   onLeave: i,
   ...l
 }) {
-  const { ref: d, inView: c } = Ot({ threshold: r, rootMargin: a, once: n }), u = R(!1);
-  return B(() => {
-    c && !u.current && (o == null || o()), !c && u.current && (i == null || i()), u.current = c;
-  }, [c]), /* @__PURE__ */ e.jsx(s, { ref: d, ...l, children: typeof t == "function" ? t(c) : t });
-}
-const qe = {
-  default: De,
-  success: Ie,
+  const { ref: c, inView: d } = Wt({ threshold: r, rootMargin: a, once: n }), u = R(!1);
+  return P(() => {
+    d && !u.current && (o == null || o()), !d && u.current && (i == null || i()), u.current = d;
+  }, [d]), /* @__PURE__ */ e.jsx(s, { ref: c, ...l, children: typeof t == "function" ? t(d) : t });
+}
+const He = {
+  default: Ie,
+  success: De,
   warning: Ae,
   error: Se
 };
@@ -2317,15 +2264,15 @@ const $e = /* @__PURE__ */ new Set();
 function et() {
   $e.forEach((t) => t([...xe]));
 }
-function Ut(t) {
+function Ct(t) {
   xe = [...xe, t], et();
 }
-function Vt(t) {
+function Ot(t) {
   xe = xe.filter((s) => s.id !== t), et();
 }
-function cn() {
+function an() {
   const t = (s, n = {}) => {
-    Ut({
+    Ct({
       id: `${Date.now()}-${Math.random()}`,
       message: s,
       type: "default",
@@ -2335,13 +2282,13 @@ function cn() {
   };
   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 Yt({ data: t, onDismiss: s }) {
+function Ut({ data: t, onDismiss: s }) {
   const [n, r] = I(!1), a = R(null);
-  B(() => (requestAnimationFrame(() => r(!0)), t.duration > 0 && (a.current = setTimeout(() => o(), t.duration)), () => clearTimeout(a.current)), []);
+  P(() => (requestAnimationFrame(() => r(!0)), t.duration > 0 && (a.current = setTimeout(() => o(), t.duration)), () => clearTimeout(a.current)), []);
   function o() {
     r(!1), setTimeout(() => s(t.id), 250);
   }
-  const i = qe[t.type] ?? qe.default;
+  const i = He[t.type] ?? He.default;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2353,7 +2300,7 @@ function Yt({ data: t, onDismiss: s }) {
       role: t.type === "error" ? "alert" : "status",
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(i, { size: F[3], strokeWidth: 1.5 }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(i, { size: C[3], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-toast__message", children: t.message }),
         /* @__PURE__ */ e.jsx(
           "button",
@@ -2361,26 +2308,26 @@ function Yt({ data: t, onDismiss: s }) {
             className: "ds-toast__close",
             onClick: o,
             "aria-label": "Закрыть",
-            children: /* @__PURE__ */ e.jsx(Q, { size: F[3], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ee, { size: C[3], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function dn({ position: t = "bottom-right" }) {
+function on({ position: t = "bottom-right" }) {
   const [s, n] = I(() => [...xe]);
-  return B(() => ($e.add(n), () => $e.delete(n)), []), !s.length || typeof document > "u" ? null : me.createPortal(
-    /* @__PURE__ */ e.jsx("div", { "data-ds-portal": "", className: ["ds-toast-container", `ds-toast-container--${t}`].join(" "), children: s.map((r) => /* @__PURE__ */ e.jsx(Yt, { data: r, onDismiss: Vt }, r.id)) }),
+  return P(() => ($e.add(n), () => $e.delete(n)), []), !s.length || typeof document > "u" ? null : me.createPortal(
+    /* @__PURE__ */ e.jsx("div", { "data-ds-portal": "", className: ["ds-toast-container", `ds-toast-container--${t}`].join(" "), children: s.map((r) => /* @__PURE__ */ e.jsx(Ut, { data: r, onDismiss: Ot }, r.id)) }),
     document.body
   );
 }
-const Ht = {
+const Vt = {
   running: /* @__PURE__ */ e.jsx(fe, { size: "xs", variant: "info", children: "Running..." }),
   success: /* @__PURE__ */ e.jsx(fe, { size: "xs", variant: "success", children: "Done" }),
   error: /* @__PURE__ */ e.jsx(fe, { size: "xs", variant: "error", children: "Error" })
 };
-function un({
+function ln({
   label: t,
   status: s = "idle",
   icon: n,
@@ -2389,20 +2336,20 @@ function un({
   expanded: o,
   onToggle: i,
   children: l,
-  className: d = "",
-  ...c
+  className: c = "",
+  ...d
 }) {
   const u = 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 }),
-    Ht[s],
+    Vt[s],
     r
   ] });
   return l ? /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-tool-card", u && "ds-tool-card--running", d].filter(Boolean).join(" "),
-      ...c,
+      className: ["ds-tool-card", u && "ds-tool-card--running", c].filter(Boolean).join(" "),
+      ...d,
       children: /* @__PURE__ */ e.jsx(
         Be,
         {
@@ -2418,21 +2365,21 @@ function un({
   ) : /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-tool-card", "ds-tool-card--bubble", d].filter(Boolean).join(" "),
-      ...c,
+      className: ["ds-tool-card", "ds-tool-card--bubble", c].filter(Boolean).join(" "),
+      ...d,
       children: p
     }
   );
 }
-function qt({
+function Yt({
   text: t,
   size: s = "xs",
   timeout: n = 800,
   "aria-label": r = "Copy to clipboard",
   ...a
 }) {
-  const [o, i] = I(!1), l = (d) => {
-    d.currentTarget.blur(), navigator.clipboard.writeText(t).then(() => {
+  const [o, i] = I(!1), l = (c) => {
+    c.currentTarget.blur(), navigator.clipboard.writeText(t).then(() => {
       i(!0), setTimeout(() => i(!1), n);
     });
   };
@@ -2442,16 +2389,16 @@ function qt({
       variant: "ghost",
       size: s,
       state: o ? "success" : "idle",
-      icon: /* @__PURE__ */ e.jsx(ut, { size: F[1], strokeWidth: 1.5 }),
+      icon: /* @__PURE__ */ e.jsx(dt, { size: C[1], strokeWidth: 1.5 }),
       "aria-label": r,
       onClick: l,
       ...a
     }
   );
 }
-function fn({ content: t, streaming: s = !1, ...n }) {
+function cn({ content: t, streaming: s = !1, ...n }) {
   const [r, a] = I(s);
-  return B(() => {
+  return P(() => {
     a(!!s);
   }, [s]), /* @__PURE__ */ e.jsx(
     Be,
@@ -2460,8 +2407,8 @@ function fn({ content: t, streaming: s = !1, ...n }) {
       onToggle: a,
       padding: "s",
       title: /* @__PURE__ */ e.jsxs("div", { className: "ds-reasoning__title", children: [
-        /* @__PURE__ */ e.jsx(ft, { size: F[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
-        /* @__PURE__ */ e.jsx(yt, { secondary: !0, children: "Thinking" })
+        /* @__PURE__ */ e.jsx(ut, { size: C[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
+        /* @__PURE__ */ e.jsx(gt, { secondary: !0, children: "Thinking" })
       ] }),
       ...n,
       children: /* @__PURE__ */ e.jsxs(Qe, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
@@ -2471,7 +2418,7 @@ function fn({ content: t, streaming: s = !1, ...n }) {
     }
   );
 }
-function mn({
+function dn({
   count: t,
   current: s = 0,
   done: n = [],
@@ -2482,8 +2429,8 @@ function mn({
   ...l
 }) {
   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, children: Array.from({ length: t }, (d, c) => {
-      const u = c === s, p = n.includes(c) && !u, h = r && (c <= s || n.includes(c)), m = [
+    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i, children: Array.from({ length: t }, (c, d) => {
+      const u = d === s, p = n.includes(d) && !u, h = r && (d <= s || n.includes(d)), m = [
         "ds-step-indicator__dot",
         u && "ds-step-indicator__dot--active",
         p && "ds-step-indicator__dot--done"
@@ -2495,12 +2442,12 @@ function mn({
           className: m,
           role: "tab",
           "aria-selected": u,
-          "aria-label": `Step ${c + 1}`,
-          disabled: !h || c === s,
-          onClick: () => r == null ? void 0 : r(c),
+          "aria-label": `Step ${d + 1}`,
+          disabled: !h || d === s,
+          onClick: () => r == null ? void 0 : r(d),
           children: p ? /* @__PURE__ */ e.jsx(Re, { size: 8, strokeWidth: 3 }) : null
         },
-        c
+        d
       );
     }) }),
     a && /* @__PURE__ */ e.jsxs(Qe, { secondary: !0, className: "ds-step-indicator__counter", children: [
@@ -2510,7 +2457,7 @@ function mn({
     ] })
   ] });
 }
-function pn({
+function un({
   content: t,
   isStreaming: s = !1,
   cursor: n = "line",
@@ -2519,14 +2466,14 @@ function pn({
   ...o
 }) {
   const i = R(t);
-  return B(() => {
+  return P(() => {
     t !== i.current && (r == null || r(t), i.current = t);
   }, [t, r]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", a].filter(Boolean).join(" "), ...o, children: [
     t,
     s && n !== "none" && /* @__PURE__ */ e.jsx("span", { className: `ds-cursor ds-cursor--${n}`, "aria-hidden": "true" })
   ] });
 }
-function hn({
+function fn({
   role: t = "assistant",
   header: s,
   footer: n,
@@ -2536,26 +2483,26 @@ function hn({
   className: i = "",
   ...l
 }) {
-  const d = [
+  const c = [
     "ds-chat-message",
     `ds-chat-message--${t}`,
     a && "ds-chat-message--streaming",
     i
   ].filter(Boolean).join(" ");
-  return t === "system" ? /* @__PURE__ */ e.jsx("div", { className: d, ...l, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: o }) }) : t === "user" ? /* @__PURE__ */ e.jsxs("div", { className: d, ...l, children: [
+  return t === "system" ? /* @__PURE__ */ e.jsx("div", { className: c, ...l, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: o }) }) : t === "user" ? /* @__PURE__ */ e.jsxs("div", { className: c, ...l, children: [
     r && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: r }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__bubble", children: o }),
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: n })
-  ] }) : /* @__PURE__ */ e.jsxs("div", { className: d, ...l, children: [
+  ] }) : /* @__PURE__ */ e.jsxs("div", { className: c, ...l, children: [
     s && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__header", children: s }),
     r && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: r }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__body", children: o }),
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: n })
   ] });
 }
-function xn(t, { containerRef: s, smartPause: n = !0 } = {}) {
+function mn(t, { containerRef: s, smartPause: n = !0 } = {}) {
   const r = R(!1), a = R(0);
-  B(() => {
+  P(() => {
     const o = s == null ? void 0 : s.current;
     if (!o) return;
     const i = () => {
@@ -2563,12 +2510,12 @@ function xn(t, { containerRef: s, smartPause: n = !0 } = {}) {
       !l && o.scrollTop < a.current && (r.current = !0), l && (r.current = !1), a.current = o.scrollTop;
     };
     return o.addEventListener("scroll", i, { passive: !0 }), () => o.removeEventListener("scroll", i);
-  }, [s]), B(() => {
+  }, [s]), P(() => {
     const o = s == null ? void 0 : s.current;
     o && (n && r.current || (o.scrollTop = o.scrollHeight));
   }, t);
 }
-function Gt({
+function Ht({
   prompts: t,
   enabled: s,
   typingSpeed: n = 38,
@@ -2577,36 +2524,36 @@ function Gt({
   betweenTime: o = 380,
   manualPauseMs: i = 5e3
 }) {
-  const [l, d] = I(0), [c, u] = I(""), p = R("typing"), h = R(0), m = R(0), x = R(null), v = R(0);
-  B(() => {
+  const [l, c] = I(0), [d, u] = I(""), p = R("typing"), h = R(0), m = R(0), x = R(null), b = R(0);
+  P(() => {
     m.current = l;
-  }, [l]), B(() => {
+  }, [l]), P(() => {
     if (x.current && (clearTimeout(x.current), x.current = null), !s || t.length === 0) {
       u(""), h.current = 0, p.current = "typing";
       return;
     }
-    const k = () => {
+    const y = () => {
       const S = Date.now();
-      if (v.current > S) {
-        x.current = setTimeout(k, v.current - S);
+      if (b.current > S) {
+        x.current = setTimeout(y, b.current - S);
         return;
       }
-      const P = t[m.current % t.length] ?? "";
-      p.current === "typing" ? (h.current += 1, u(P.slice(0, h.current)), h.current >= P.length ? (p.current = "holding", x.current = setTimeout(k, a)) : x.current = setTimeout(k, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", x.current = setTimeout(k, r)) : (h.current = Math.max(0, h.current - 1), u(P.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", m.current = (m.current + 1) % t.length, d(m.current), x.current = setTimeout(k, o)) : x.current = setTimeout(k, r));
+      const B = t[m.current % t.length] ?? "";
+      p.current === "typing" ? (h.current += 1, u(B.slice(0, h.current)), h.current >= B.length ? (p.current = "holding", x.current = setTimeout(y, a)) : x.current = setTimeout(y, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", x.current = setTimeout(y, r)) : (h.current = Math.max(0, h.current - 1), u(B.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", m.current = (m.current + 1) % t.length, c(m.current), x.current = setTimeout(y, o)) : x.current = setTimeout(y, r));
     };
-    return x.current = setTimeout(k, 260), () => {
+    return x.current = setTimeout(y, 260), () => {
       x.current && clearTimeout(x.current);
     };
   }, [s, t, n, r, a, o]);
-  const g = (k) => {
+  const g = (y) => {
     if (t.length === 0) return;
-    const S = (k % t.length + t.length) % t.length, P = t[S];
-    m.current = S, h.current = P.length, p.current = "holding", v.current = Date.now() + i, d(S), u(P);
-  }, j = () => g(m.current + 1), b = () => g(m.current - 1), N = t[l % t.length] ?? "";
-  return { displayed: c, currentPrompt: N, index: l, next: j, prev: b };
+    const S = (y % t.length + t.length) % t.length, B = t[S];
+    m.current = S, h.current = B.length, p.current = "holding", b.current = Date.now() + i, c(S), u(B);
+  }, $ = () => g(m.current + 1), _ = () => g(m.current - 1), N = t[l % t.length] ?? "";
+  return { displayed: d, currentPrompt: N, index: l, next: $, prev: _ };
 }
-let Kt = 0;
-function vn({
+let qt = 0;
+function pn({
   value: t = "",
   onChange: s,
   onSubmit: n,
@@ -2615,64 +2562,64 @@ function vn({
   loading: o = !1,
   disabled: i = !1,
   placeholder: l = "Let's get things done...",
-  animatedPlaceholders: d,
-  attachments: c,
+  animatedPlaceholders: c,
+  attachments: d,
   images: u,
   onAttachFiles: p,
   onAttachImages: h,
   onRemoveAttachment: m,
   onRemoveImage: x,
-  acceptImage: v,
+  acceptImage: b,
   acceptFile: g,
-  maxImages: j,
-  maxImageSize: b,
+  maxImages: $,
+  maxImageSize: _,
   leftSlot: N,
-  rightSlot: k,
+  rightSlot: y,
   className: S = "",
-  ...P
+  ...B
 }) {
-  const z = R(null), O = R(null), C = R(0), [w, M] = I(!1), [K, V] = I([]), D = (y) => {
-    const L = ++Kt;
-    V((X) => [...X, { id: L, msg: y }]), setTimeout(() => V((X) => X.filter((J) => J.id !== L)), 6e3);
-  }, _ = (y) => V((L) => L.filter((X) => X.id !== y)), E = (y) => y.type.startsWith("image/"), A = () => !0, U = v ?? E, G = g ?? A, $ = (y) => {
+  const M = R(null), W = R(null), z = R(0), [j, F] = I(!1), [K, V] = I([]), D = (w) => {
+    const L = ++qt;
+    V((X) => [...X, { id: L, msg: w }]), setTimeout(() => V((X) => X.filter((J) => J.id !== L)), 6e3);
+  }, v = (w) => V((L) => L.filter((X) => X.id !== w)), k = (w) => w.type.startsWith("image/"), A = () => !0, U = b ?? k, G = g ?? A, E = (w) => {
     const L = [], X = [], J = [], Z = [];
-    let te = 0, ue = j != null ? j - ((u == null ? void 0 : u.length) ?? 0) : 1 / 0;
-    for (const se of y)
-      U(se) ? b && se.size > b ? J.push(se.name) : ue > 0 ? (L.push(se), ue--) : te++ : G(se) ? X.push(se) : Z.push(se.name);
+    let te = 0, ue = $ != null ? $ - ((u == null ? void 0 : u.length) ?? 0) : 1 / 0;
+    for (const se of w)
+      U(se) ? _ && se.size > _ ? J.push(se.name) : ue > 0 ? (L.push(se), ue--) : te++ : G(se) ? X.push(se) : Z.push(se.name);
     return { imageFiles: L, docFiles: X, tooLarge: J, skipped: Z, limitExceeded: te };
-  }, f = (y) => {
-    const { imageFiles: L, docFiles: X, tooLarge: J, skipped: Z, limitExceeded: te } = $(y);
-    J.length && D(`File${J.length > 1 ? "s" : ""} too large${b ? ` (max ${b / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && D(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`), te && D(`Max ${j} images per message`), h && L.length && h(L);
+  }, f = (w) => {
+    const { imageFiles: L, docFiles: X, tooLarge: J, skipped: Z, limitExceeded: te } = E(w);
+    J.length && D(`File${J.length > 1 ? "s" : ""} too large${_ ? ` (max ${_ / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && D(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`), te && D(`Max ${$} images per message`), h && L.length && h(L);
     const ue = X.concat(h ? [] : L);
     p && ue.length && p(ue);
   };
-  B(() => {
-    const y = O.current;
-    y && (y.style.height = "auto", y.style.height = `${Math.min(y.scrollHeight, 200)}px`);
-  }, [t]), B(() => {
-    const y = (L) => {
+  P(() => {
+    const w = W.current;
+    w && (w.style.height = "auto", w.style.height = `${Math.min(w.scrollHeight, 200)}px`);
+  }, [t]), P(() => {
+    const w = (L) => {
       var J, Z, te;
       if (o || i) return;
       const X = (J = L.target) == null ? void 0 : J.tagName;
-      X === "INPUT" || X === "TEXTAREA" || X === "SELECT" || (Z = L.target) != null && Z.isContentEditable || L.ctrlKey || L.metaKey || L.altKey || L.key.length !== 1 && L.key !== "Backspace" && L.key !== "Delete" || (te = O.current) == null || te.focus();
+      X === "INPUT" || X === "TEXTAREA" || X === "SELECT" || (Z = L.target) != null && Z.isContentEditable || L.ctrlKey || L.metaKey || L.altKey || L.key.length !== 1 && L.key !== "Backspace" && L.key !== "Delete" || (te = W.current) == null || te.focus();
     };
-    return document.addEventListener("keydown", y), () => document.removeEventListener("keydown", y);
+    return document.addEventListener("keydown", w), () => document.removeEventListener("keydown", w);
   }, [o, i]);
-  const T = (y) => {
-    y.preventDefault(), C.current++, y.dataTransfer.types.includes("Files") && M(!0);
-  }, W = (y) => {
-    y.preventDefault(), C.current--, C.current === 0 && M(!1);
-  }, Y = (y) => y.preventDefault(), ne = (y) => {
-    y.preventDefault(), C.current = 0, M(!1);
-    const L = Array.from(y.dataTransfer.files);
+  const T = (w) => {
+    w.preventDefault(), z.current++, w.dataTransfer.types.includes("Files") && F(!0);
+  }, O = (w) => {
+    w.preventDefault(), z.current--, z.current === 0 && F(!1);
+  }, Y = (w) => w.preventDefault(), ne = (w) => {
+    w.preventDefault(), z.current = 0, F(!1);
+    const L = Array.from(w.dataTransfer.files);
     L.length && f(L);
-  }, oe = (y) => {
-    const L = Array.from(y.target.files || []);
-    z.current && (z.current.value = ""), L.length && f(L);
-  }, q = (y) => {
+  }, oe = (w) => {
+    const L = Array.from(w.target.files || []);
+    M.current && (M.current.value = ""), L.length && f(L);
+  }, H = (w) => {
     var se;
     if (!h) return;
-    const L = (se = y.clipboardData) == null ? void 0 : se.items;
+    const L = (se = w.clipboardData) == null ? void 0 : se.items;
     if (!L) return;
     const X = [];
     for (const st of L) {
@@ -2680,33 +2627,33 @@ function vn({
       Me && X.push(Me);
     }
     if (X.length === 0) return;
-    const { imageFiles: J, tooLarge: Z, skipped: te, limitExceeded: ue } = $(X);
-    Z.length && D(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), te.length && D(`Skipped unsupported file${te.length > 1 ? "s" : ""}: ${te.join(", ")}`), ue && D(`Max ${j} images per message`), J.length && (y.preventDefault(), h(J));
-  }, ee = !o && !i && !!(d != null && d.length) && t.length === 0, ie = Gt({
-    prompts: d ?? [],
-    enabled: ee
-  }), ge = (y) => {
-    if (ee) {
-      if (y.key === "ArrowDown" || y.key === "ArrowRight") {
-        y.preventDefault(), ie.next();
+    const { imageFiles: J, tooLarge: Z, skipped: te, limitExceeded: ue } = E(X);
+    Z.length && D(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), te.length && D(`Skipped unsupported file${te.length > 1 ? "s" : ""}: ${te.join(", ")}`), ue && D(`Max ${$} images per message`), J.length && (w.preventDefault(), h(J));
+  }, Q = !o && !i && !!(c != null && c.length) && t.length === 0, ie = Ht({
+    prompts: c ?? [],
+    enabled: Q
+  }), ge = (w) => {
+    if (Q) {
+      if (w.key === "ArrowDown" || w.key === "ArrowRight") {
+        w.preventDefault(), ie.next();
         return;
       }
-      if (y.key === "ArrowUp" || y.key === "ArrowLeft") {
-        y.preventDefault(), ie.prev();
+      if (w.key === "ArrowUp" || w.key === "ArrowLeft") {
+        w.preventDefault(), ie.prev();
         return;
       }
-      if (y.key === "Tab" && !y.shiftKey) {
-        y.preventDefault(), s == null || s(ie.currentPrompt);
+      if (w.key === "Tab" && !w.shiftKey) {
+        w.preventDefault(), s == null || s(ie.currentPrompt);
         return;
       }
     }
-    a == null || a(y);
-  }, tt = (t.trim() || (u == null ? void 0 : u.length) > 0 || (c == null ? void 0 : c.length) > 0) && !i, Pe = p || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", S].filter(Boolean).join(" "), ...P, children: [
+    a == null || a(w);
+  }, tt = (t.trim() || (u == null ? void 0 : u.length) > 0 || (d == null ? void 0 : d.length) > 0) && !i, Pe = p || h;
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", S].filter(Boolean).join(" "), ...B, children: [
     Pe && /* @__PURE__ */ e.jsx(
       "input",
       {
-        ref: z,
+        ref: M,
         type: "file",
         multiple: !0,
         accept: "*/*",
@@ -2717,33 +2664,33 @@ function vn({
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: ["ds-prompt-input__box", w && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
+        className: ["ds-prompt-input__box", j && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
         onDragEnter: T,
-        onDragLeave: W,
+        onDragLeave: O,
         onDragOver: Y,
         onDrop: ne,
         children: [
-          w && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
+          j && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
           /* @__PURE__ */ e.jsx(
             "textarea",
             {
-              ref: O,
+              ref: W,
               value: t,
-              onChange: (y) => s == null ? void 0 : s(y.target.value),
+              onChange: (w) => s == null ? void 0 : s(w.target.value),
               onKeyDown: ge,
-              onPaste: q,
-              placeholder: ee ? "" : l,
+              onPaste: H,
+              placeholder: Q ? "" : l,
               disabled: o || i,
               rows: 1,
-              className: ["ds-prompt-input__textarea", ee && "ds-prompt-input__textarea--anim"].filter(Boolean).join(" ")
+              className: ["ds-prompt-input__textarea", Q && "ds-prompt-input__textarea--anim"].filter(Boolean).join(" ")
             }
           ),
-          ee && /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__anim", "aria-hidden": "true", children: [
+          Q && /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__anim", "aria-hidden": "true", children: [
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-text", children: ie.displayed }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-cursor" })
           ] }),
-          u && u.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: u.map((y, L) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
-            /* @__PURE__ */ e.jsx("img", { src: y.preview, alt: "" }),
+          u && u.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: u.map((w, L) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
+            /* @__PURE__ */ e.jsx("img", { src: w.preview, alt: "" }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
@@ -2751,33 +2698,33 @@ function vn({
                 onClick: () => x == null ? void 0 : x(L),
                 "aria-label": "Remove image",
                 type: "button",
-                children: /* @__PURE__ */ e.jsx(Q, { size: 12, strokeWidth: 2 })
+                children: /* @__PURE__ */ e.jsx(ee, { size: 12, strokeWidth: 2 })
               }
             )
           ] }, L)) }),
-          K.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: K.map((y) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
-            /* @__PURE__ */ e.jsx("span", { children: y.msg }),
+          K.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: K.map((w) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
+            /* @__PURE__ */ e.jsx("span", { children: w.msg }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
                 className: "ds-prompt-input__warning-close",
-                onClick: () => _(y.id),
+                onClick: () => v(w.id),
                 "aria-label": "Dismiss",
-                children: /* @__PURE__ */ e.jsx(Q, { size: F[1], strokeWidth: 1.5 })
+                children: /* @__PURE__ */ e.jsx(ee, { size: C[1], strokeWidth: 1.5 })
               }
             )
-          ] }, y.id)) }),
-          c && c.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: c.map((y, L) => /* @__PURE__ */ e.jsx(fe, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
-            y.uploading ? /* @__PURE__ */ e.jsx(mt, { size: F[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(ze, { size: F[1], strokeWidth: 1.5 }),
-            y.filename,
-            y.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: "Uploading..." }) : /* @__PURE__ */ e.jsx(
+          ] }, w.id)) }),
+          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: d.map((w, L) => /* @__PURE__ */ e.jsx(fe, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
+            w.uploading ? /* @__PURE__ */ e.jsx(ft, { size: C[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(ze, { size: C[1], strokeWidth: 1.5 }),
+            w.filename,
+            w.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: "Uploading..." }) : /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
                 className: "ds-prompt-input__remove-btn",
                 onClick: () => m == null ? void 0 : m(L),
-                children: /* @__PURE__ */ e.jsx(Q, { size: F[1], strokeWidth: 1.5 })
+                children: /* @__PURE__ */ e.jsx(ee, { size: C[1], strokeWidth: 1.5 })
               }
             )
           ] }) }, L)) }),
@@ -2787,23 +2734,23 @@ function vn({
               {
                 variant: "ghost",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(ze, { size: F[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(ze, { size: C[2], strokeWidth: 1.5 }),
                 "aria-label": "Attach files",
                 onClick: () => {
-                  var y;
-                  return (y = z.current) == null ? void 0 : y.click();
+                  var w;
+                  return (w = M.current) == null ? void 0 : w.click();
                 }
               }
             ),
             N,
-            k,
+            y,
             /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__spacer" }),
             o ? /* @__PURE__ */ e.jsx(
               ae,
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(pt, { size: F[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(mt, { size: C[2], strokeWidth: 1.5 }),
                 onClick: r,
                 "aria-label": "Stop"
               }
@@ -2812,7 +2759,7 @@ function vn({
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(ht, { size: F[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(pt, { size: C[2], strokeWidth: 1.5 }),
                 onClick: n,
                 disabled: !tt,
                 "aria-label": "Send"
@@ -2824,8 +2771,8 @@ function vn({
     )
   ] });
 }
-const Ge = { fast: 0, standard: 1, premium: 2 }, Ke = { fast: "data-5", standard: "data-3", premium: "data-6" };
-function _n({
+const qe = { fast: 0, standard: 1, premium: 2 }, Ge = { fast: "data-5", standard: "data-3", premium: "data-6" };
+function hn({
   models: t = [],
   value: s,
   onChange: n,
@@ -2834,60 +2781,60 @@ function _n({
   showAutoOption: o = !1,
   groupByTier: i = !0,
   className: l = "",
-  ...d
+  ...c
 }) {
-  const [c, u] = I(!1), p = R(null), h = R(null), m = R(null), [x, v] = I({}), g = t.filter((w) => !a || w.name === "auto" ? !0 : (Ge[w.tier] ?? 1) >= (Ge[a] ?? 1)), j = g.find((w) => w.name === "auto"), b = g.filter((w) => w.name !== "auto"), N = t.find((w) => w.name === s), S = new Set(b.map((w) => w.tier).filter(Boolean)).size > 1;
-  B(() => {
-    if (!c) return;
-    const w = 320, M = () => {
+  const [d, u] = I(!1), p = R(null), h = R(null), m = R(null), [x, b] = I({}), g = t.filter((j) => !a || j.name === "auto" ? !0 : (qe[j.tier] ?? 1) >= (qe[a] ?? 1)), $ = g.find((j) => j.name === "auto"), _ = g.filter((j) => j.name !== "auto"), N = t.find((j) => j.name === s), S = new Set(_.map((j) => j.tier).filter(Boolean)).size > 1;
+  P(() => {
+    if (!d) return;
+    const j = 320, F = () => {
       var A;
       const D = (A = h.current) == null ? void 0 : A.getBoundingClientRect();
       if (!D) return;
-      const _ = window.innerHeight - D.bottom, E = _ < w + 8 && D.top > _;
-      v({
+      const v = window.innerHeight - D.bottom, k = v < j + 8 && D.top > v;
+      b({
         position: "fixed",
         zIndex: "var(--z-dropdown, 500)",
         left: D.left,
-        ...E ? { bottom: window.innerHeight - D.top + 4, top: "auto" } : { top: D.bottom + 4, bottom: "auto" }
+        ...k ? { bottom: window.innerHeight - D.top + 4, top: "auto" } : { top: D.bottom + 4, bottom: "auto" }
       });
     };
-    M(), window.addEventListener("scroll", M, !0), window.addEventListener("resize", M);
+    F(), window.addEventListener("scroll", F, !0), window.addEventListener("resize", F);
     const K = (D) => {
-      var _, E;
-      !((_ = p.current) != null && _.contains(D.target)) && !((E = m.current) != null && E.contains(D.target)) && u(!1);
+      var v, k;
+      !((v = p.current) != null && v.contains(D.target)) && !((k = m.current) != null && k.contains(D.target)) && u(!1);
     }, V = (D) => {
       D.key === "Escape" && u(!1);
     };
     return document.addEventListener("mousedown", K), document.addEventListener("keydown", V), () => {
-      window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", M), document.removeEventListener("mousedown", K), document.removeEventListener("keydown", V);
+      window.removeEventListener("scroll", F, !0), window.removeEventListener("resize", F), document.removeEventListener("mousedown", K), document.removeEventListener("keydown", V);
     };
-  }, [c]);
-  const P = (w) => {
-    n == null || n(w), u(!1);
-  }, z = (w) => /* @__PURE__ */ e.jsxs(
+  }, [d]);
+  const B = (j) => {
+    n == null || n(j), u(!1);
+  }, M = (j) => /* @__PURE__ */ e.jsxs(
     "button",
     {
       type: "button",
       className: [
         "ds-model-picker__item",
-        w.name === s && "ds-model-picker__item--active"
+        j.name === s && "ds-model-picker__item--active"
       ].filter(Boolean).join(" "),
-      onClick: () => P(w.name),
+      onClick: () => B(j.name),
       children: [
-        w.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: w.icon }) : /* @__PURE__ */ e.jsx(Fe, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
-        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: w.displayName || w.name }),
-        S && w.tier && /* @__PURE__ */ e.jsx(fe, { size: "xs", variant: Ke[w.tier] || "default", children: w.tier })
+        j.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: j.icon }) : /* @__PURE__ */ e.jsx(Fe, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
+        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: j.displayName || j.name }),
+        S && j.tier && /* @__PURE__ */ e.jsx(fe, { size: "xs", variant: Ge[j.tier] || "default", children: j.tier })
       ]
     },
-    w.name
-  ), O = () => !i || !S ? b.map(z) : ["fast", "standard", "premium"].flatMap((w) => {
-    const M = b.filter((K) => K.tier === w);
-    return M.length ? [
-      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": w, children: w.charAt(0).toUpperCase() + w.slice(1) }, `lbl-${w}`),
-      ...M.map(z)
+    j.name
+  ), W = () => !i || !S ? _.map(M) : ["fast", "standard", "premium"].flatMap((j) => {
+    const F = _.filter((K) => K.tier === j);
+    return F.length ? [
+      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": j, children: j.charAt(0).toUpperCase() + j.slice(1) }, `lbl-${j}`),
+      ...F.map(M)
     ] : [];
-  }), C = c && /* @__PURE__ */ e.jsxs("div", { ref: m, className: "ds-model-picker__menu ds-scrollable", "data-ds-portal": "", style: x, children: [
-    o && j && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }), z = d && /* @__PURE__ */ e.jsxs("div", { ref: m, className: "ds-model-picker__menu ds-scrollable", "data-ds-portal": "", style: x, children: [
+    o && $ && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(
         "button",
         {
@@ -2897,23 +2844,23 @@ function _n({
             "ds-model-picker__item--auto",
             s === "auto" && "ds-model-picker__item--active"
           ].filter(Boolean).join(" "),
-          onClick: () => P("auto"),
+          onClick: () => B("auto"),
           children: [
-            /* @__PURE__ */ e.jsx(xt, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
+            /* @__PURE__ */ e.jsx(ht, { 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)" })
           ]
         }
       ),
-      b.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
+      _.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
     ] }),
-    O()
+    W()
   ] });
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       ref: p,
       className: ["ds-model-picker", l].filter(Boolean).join(" "),
-      ...d,
+      ...c,
       children: [
         /* @__PURE__ */ e.jsxs(
           "button",
@@ -2921,52 +2868,52 @@ function _n({
             ref: h,
             type: "button",
             className: "ds-model-picker__trigger",
-            onClick: () => u((w) => !w),
+            onClick: () => u((j) => !j),
             "aria-haspopup": "listbox",
-            "aria-expanded": c,
+            "aria-expanded": d,
             children: [
               N != null && N.icon ? /* @__PURE__ */ e.jsx("span", { children: N.icon }) : /* @__PURE__ */ e.jsx(Fe, { size: 12, strokeWidth: 1.5 }),
               /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (N == null ? void 0 : N.displayName) || (N == null ? void 0 : N.name) || s }),
-              S && (N == null ? void 0 : N.tier) && /* @__PURE__ */ e.jsx(fe, { size: "xs", variant: Ke[N.tier] || "default", children: N.tier })
+              S && (N == null ? void 0 : N.tier) && /* @__PURE__ */ e.jsx(fe, { size: "xs", variant: Ge[N.tier] || "default", children: N.tier })
             ]
           }
         ),
-        typeof document < "u" && me.createPortal(C, document.body)
+        typeof document < "u" && me.createPortal(z, document.body)
       ]
     }
   );
 }
-const Xt = ({ filename: t, pages: s }) => /* @__PURE__ */ e.jsxs("span", { style: { display: "flex", alignItems: "center", gap: "var(--space-2)", minWidth: 0 }, children: [
+const Gt = ({ filename: t, pages: s }) => /* @__PURE__ */ e.jsxs("span", { style: { display: "flex", alignItems: "center", gap: "var(--space-2)", minWidth: 0 }, children: [
   /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: t }),
   s.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Te(s) })
 ] });
 function Te(t) {
   return t != null && t.length ? "p. " + t.join(", ") : null;
 }
-function Jt(t) {
+function Kt(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 bn({
+function xn({
   sources: t = [],
   layout: s = "list",
   title: n = "Sources",
   maxVisible: r = 5,
   onSourceClick: a
 }) {
-  const [o, i] = I(!1), l = Jt(t), d = l.length > r, c = o ? l : l.slice(0, r), u = t.some((h) => h.snippet), p = ["ds-sources-panel", s === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
+  const [o, i] = I(!1), l = Kt(t), c = l.length > r, d = o ? l : l.slice(0, r), u = t.some((h) => h.snippet), p = ["ds-sources-panel", s === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
   return s === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: p, children: [
-    c.map((h) => {
-      const m = h.items.map((v) => v.page).filter(Boolean), x = !!a;
+    d.map((h) => {
+      const m = h.items.map((b) => b.page).filter(Boolean), x = !!a;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: `ds-sources-panel__compact-row${x ? " ds-sources-panel__compact-row--clickable" : ""}`,
           onClick: x ? () => a(h.items[0]) : void 0,
           children: [
-            /* @__PURE__ */ e.jsx(vt, { size: F[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
+            /* @__PURE__ */ e.jsx(xt, { size: C[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
             m.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Te(m) })
           ]
@@ -2974,26 +2921,26 @@ function bn({
         h.filename
       );
     }),
-    d && !o && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
+    c && !o && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
       "+",
       l.length - r,
       " more sources"
     ] })
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: p, children: [
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: n }),
-    c.map((h) => {
-      const m = h.items.map((v) => v.page).filter(Boolean), x = !!a;
+    d.map((h) => {
+      const m = h.items.map((b) => b.page).filter(Boolean), x = !!a;
       return u ? /* @__PURE__ */ e.jsx(
         Be,
         {
-          title: /* @__PURE__ */ e.jsx(Xt, { filename: h.filename, pages: m }),
+          title: /* @__PURE__ */ e.jsx(Gt, { filename: h.filename, pages: m }),
           padding: "s",
-          children: h.items.map((v, g) => /* @__PURE__ */ e.jsx(
+          children: h.items.map((b, g) => /* @__PURE__ */ e.jsx(
             "div",
             {
               className: `ds-sources-panel__snippet${x ? " ds-sources-panel__snippet--clickable" : ""}`,
-              onClick: x ? () => a(v) : void 0,
-              children: v.snippet ?? `p. ${v.page}`
+              onClick: x ? () => a(b) : void 0,
+              children: b.snippet ?? `p. ${b.page}`
             },
             g
           ))
@@ -3012,17 +2959,17 @@ function bn({
         h.filename
       );
     }),
-    d && !o && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
+    c && !o && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
       "+",
       l.length - r,
       " more sources"
     ] })
   ] });
 }
-function Xe(t) {
+function Ke(t) {
   return t >= 1e6 ? (t / 1e6).toFixed(1).replace(/\.0$/, "") + "M" : t >= 1e3 ? (t / 1e3).toFixed(1).replace(/\.0$/, "") + "K" : String(t);
 }
-function jn({
+function vn({
   used: t,
   limit: s,
   size: n = "s",
@@ -3031,7 +2978,7 @@ function jn({
   warningThreshold: o = 0.8,
   errorThreshold: i = 1
 }) {
-  const l = s > 0 ? t / s : 0, d = Math.min(l * 100, 100), c = l >= i ? "error" : l >= o ? "warning" : "normal";
+  const l = s > 0 ? t / s : 0, c = Math.min(l * 100, 100), d = l >= i ? "error" : l >= o ? "warning" : "normal";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -3043,15 +2990,15 @@ function jn({
         /* @__PURE__ */ e.jsx("div", { className: "ds-token-counter__track", children: /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `ds-token-counter__fill ds-token-counter__fill--${c}`,
-            style: { width: `${d}%` }
+            className: `ds-token-counter__fill ds-token-counter__fill--${d}`,
+            style: { width: `${c}%` }
           }
         ) }),
-        (r || a) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${c}`, children: [
+        (r || a) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${d}`, children: [
           r && /* @__PURE__ */ e.jsxs("span", { children: [
-            Xe(t),
+            Ke(t),
             " / ",
-            Xe(s)
+            Ke(s)
           ] }),
           a && /* @__PURE__ */ e.jsxs("span", { style: { marginLeft: "auto" }, children: [
             Math.round(l * 100),
@@ -3062,42 +3009,42 @@ function jn({
     }
   );
 }
-const Je = 5;
-function Zt(t) {
+const Xe = 5;
+function Xt(t) {
   return t < 0.34 ? "low" : t < 0.67 ? "medium" : "high";
 }
-function Nn({
+function _n({
   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 * Je), i = Zt(a);
+  const a = Math.max(0, Math.min(1, t)), o = Math.round(a * Xe), i = Xt(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: Je }, (l, d) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: Xe }, (l, c) => /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: `ds-confidence-bar__seg${d < o ? " ds-confidence-bar__seg--filled" : ""}`
+        className: `ds-confidence-bar__seg${c < o ? " ds-confidence-bar__seg--filled" : ""}`
       },
-      d
+      c
     )) }),
     n === "text" && /* @__PURE__ */ e.jsx("span", { className: "ds-confidence-bar__label", children: i })
   ] });
 }
-const Qt = { add: "+", remove: "-", context: " " };
+const Jt = { add: "+", remove: "-", context: " " };
 function ye({ 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: Qt[t.type] }),
+    /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__prefix", children: Jt[t.type] }),
     /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__text", children: t.text })
   ] });
 }
-function wn({
+function bn({
   lines: t = [],
   layout: s = "inline",
   wordWrap: n = !1,
@@ -3111,21 +3058,21 @@ function wn({
     n && "ds-diff-view--wrap"
   ].filter(Boolean).join(" "), l = a ? { maxHeight: a, overflowY: "auto" } : void 0;
   if (s === "split") {
-    const d = t.filter((u) => u.type === "remove" || u.type === "context"), c = t.filter((u) => u.type === "add" || u.type === "context");
+    const c = t.filter((u) => u.type === "remove" || u.type === "context"), d = t.filter((u) => u.type === "add" || u.type === "context");
     return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
       o && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: o }),
       /* @__PURE__ */ e.jsxs("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: d.map((u, p) => /* @__PURE__ */ e.jsx(ye, { line: u, lineNumbers: r }, p)) }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: c.map((u, p) => /* @__PURE__ */ e.jsx(ye, { line: u, lineNumbers: r }, p)) })
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: c.map((u, p) => /* @__PURE__ */ e.jsx(ye, { line: u, lineNumbers: r }, p)) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: d.map((u, p) => /* @__PURE__ */ e.jsx(ye, { line: u, lineNumbers: r }, p)) })
       ] })
     ] });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
     o && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: o }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: t.map((d, c) => /* @__PURE__ */ e.jsx(ye, { line: d, lineNumbers: r }, c)) })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: t.map((c, d) => /* @__PURE__ */ e.jsx(ye, { line: c, lineNumbers: r }, d)) })
   ] });
 }
-function es({
+function Zt({
   value: t = "idle",
   onLike: s,
   onDislike: n,
@@ -3155,9 +3102,9 @@ function es({
             "aria-label": "Like",
             "aria-pressed": t === "liked",
             children: /* @__PURE__ */ e.jsx(
-              _t,
+              vt,
               {
-                size: F[1],
+                size: C[1],
                 strokeWidth: 1.5,
                 fill: t === "liked" ? "currentColor" : "none"
               }
@@ -3176,9 +3123,9 @@ function es({
             "aria-label": "Dislike",
             "aria-pressed": t === "disliked",
             children: /* @__PURE__ */ e.jsx(
-              bt,
+              _t,
               {
-                size: F[1],
+                size: C[1],
                 strokeWidth: 1.5,
                 fill: t === "disliked" ? "currentColor" : "none"
               }
@@ -3189,7 +3136,7 @@ function es({
     }
   );
 }
-function ts(t) {
+function Qt(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);
@@ -3198,7 +3145,7 @@ function ts(t) {
   const i = s.getDate(), l = s.toLocaleString([], { month: "short" });
   return `${i} ${l} ${r}`;
 }
-function gn({
+function jn({
   role: t = "assistant",
   text: s,
   timestamp: n,
@@ -3208,29 +3155,29 @@ function gn({
   className: i = "",
   ...l
 }) {
-  const d = t === "assistant" && (a || o), c = !!s, u = n ? ts(n) : null;
-  return !d && !c && !u ? null : /* @__PURE__ */ e.jsxs(
+  const c = t === "assistant" && (a || o), d = !!s, u = n ? Qt(n) : null;
+  return !c && !d && !u ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: ["ds-message-footer", `ds-message-footer--${t}`, i].filter(Boolean).join(" "),
       ...l,
       children: [
         t === "user" && u && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: u }),
-        d && /* @__PURE__ */ e.jsx(es, { className: "ds-message-action", value: r, onLike: a, onDislike: o }),
-        c && /* @__PURE__ */ e.jsx(qt, { className: "ds-message-action", text: s }),
+        c && /* @__PURE__ */ e.jsx(Zt, { className: "ds-message-action", value: r, onLike: a, onDislike: o }),
+        d && /* @__PURE__ */ e.jsx(Yt, { className: "ds-message-action", text: s }),
         t === "assistant" && u && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: u })
       ]
     }
   );
 }
-function yn({ label: t, className: s = "", ...n }) {
+function Nn({ 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 kn({ 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)", d = o ? "rgba(255,250,250,0.025)" : "color-mix(in srgb, var(--color-border-light) 50%, transparent)";
+function wn({ 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",
     {
@@ -3255,8 +3202,8 @@ function kn({ variant: t = "light", glow: s, mask: n = !0, style: r, ...a }) {
             backgroundImage: [
               `linear-gradient(${l} 1px, transparent 1px)`,
               `linear-gradient(90deg, ${l} 1px, transparent 1px)`,
-              `linear-gradient(${d} 1px, transparent 1px)`,
-              `linear-gradient(90deg, ${d} 1px, transparent 1px)`
+              `linear-gradient(${c} 1px, transparent 1px)`,
+              `linear-gradient(90deg, ${c} 1px, transparent 1px)`
             ].join(", "),
             backgroundSize: "80px 80px, 80px 80px, 16px 16px, 16px 16px",
             backgroundPosition: "-1px -1px, -1px -1px, -1px -1px, -1px -1px",
@@ -3270,7 +3217,7 @@ function kn({ variant: t = "light", glow: s, mask: n = !0, style: r, ...a }) {
     }
   );
 }
-function En({ children: t, axis: s = "y", style: n, className: r = "", ...a }) {
+function gn({ 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",
@@ -3282,11 +3229,11 @@ function En({ children: t, axis: s = "y", style: n, className: r = "", ...a }) {
     }
   );
 }
-const ke = 280, ss = 22, ns = 14, ce = 8, Ne = 6, rs = 200;
-function as(t) {
+const ke = 280, es = 22, ts = 14, ce = 8, Ne = 6, ss = 200;
+function ns(t) {
   return t ? typeof t == "function" ? t() : typeof t == "string" ? document.querySelector(t) : null : null;
 }
-function os(t, s, n, r) {
+function rs(t, s, n, r) {
   const a = window.innerWidth, o = window.innerHeight;
   if (o - t.bottom >= s + r + ce) return "bottom";
   if (t.top >= s + r + ce) return "top";
@@ -3295,26 +3242,26 @@ function os(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 is(t, s, n, r, a) {
+function as(t, s, n, r, a) {
   const o = window.innerWidth, i = window.innerHeight;
-  let l, d;
+  let l, c;
   switch (t) {
     case "top":
-      l = s.top - n - a, d = s.left + s.width / 2 - r / 2;
+      l = s.top - n - a, c = s.left + s.width / 2 - r / 2;
       break;
     case "bottom":
-      l = s.bottom + a, d = s.left + s.width / 2 - r / 2;
+      l = s.bottom + a, c = s.left + s.width / 2 - r / 2;
       break;
     case "left":
-      l = s.top + s.height / 2 - n / 2, d = s.left - r - a;
+      l = s.top + s.height / 2 - n / 2, c = s.left - r - a;
       break;
     default:
-      l = s.top + s.height / 2 - n / 2, d = s.right + a;
+      l = s.top + s.height / 2 - n / 2, c = s.right + a;
   }
-  const c = Math.max(ce, Math.min(o - r - ce, d));
-  return { top: Math.max(ce, Math.min(i - n - ce, l)), left: c, arrowOffset: d - c };
+  const d = Math.max(ce, Math.min(o - r - ce, c));
+  return { top: Math.max(ce, Math.min(i - n - ce, l)), left: d, arrowOffset: c - d };
 }
-function $n({
+function yn({
   steps: t,
   currentStep: s,
   onNext: n,
@@ -3323,83 +3270,83 @@ function $n({
   onFinish: o,
   overlay: i = !0,
   ring: l = !0,
-  labelNext: d = "Next",
-  labelBack: c = "Back",
+  labelNext: c = "Next",
+  labelBack: d = "Back",
   labelSkip: u = "Skip tour",
   labelFinish: p = "Done",
   statePrimary: h = "idle",
   stateBack: m = "idle"
 }) {
-  const x = R(null), v = R(t), g = R(s), j = R(l);
-  v.current = t, g.current = s, j.current = l;
-  const [b, N] = I(!1), [k, S] = I({ position: "fixed", visibility: "hidden", width: ke }), [P, z] = I("bottom"), [O, C] = I(null), w = R(!1), M = t[s], K = s === t.length - 1, V = le(() => {
-    const D = v.current[g.current];
+  const x = R(null), b = R(t), g = R(s), $ = R(l);
+  b.current = t, g.current = s, $.current = l;
+  const [_, N] = I(!1), [y, S] = I({ position: "fixed", visibility: "hidden", width: ke }), [B, M] = I("bottom"), [W, z] = I(null), j = R(!1), F = t[s], K = s === t.length - 1, V = le(() => {
+    const D = b.current[g.current];
     if (!D || !x.current) return;
-    const _ = as(D.target);
-    if (!_) return;
-    const E = _.getBoundingClientRect(), U = x.current.getBoundingClientRect().height || 160, G = ke, $ = j.current ? ss : ns, f = D.position || os(E, U, G, $), { top: T, left: W, arrowOffset: Y } = is(f, E, U, G, $);
-    z(f), S({
+    const v = ns(D.target);
+    if (!v) return;
+    const k = v.getBoundingClientRect(), U = x.current.getBoundingClientRect().height || 160, G = ke, E = $.current ? es : ts, f = D.position || rs(k, U, G, E), { top: T, left: O, arrowOffset: Y } = as(f, k, U, G, E);
+    M(f), S({
       position: "fixed",
       top: T,
-      left: W,
+      left: O,
       width: ke,
       visibility: "visible",
       "--arrow-offset": `${Y}px`
-    }), C({
-      top: E.top - Ne,
-      left: E.left - Ne,
-      width: E.width + Ne * 2,
-      height: E.height + Ne * 2
+    }), z({
+      top: k.top - Ne,
+      left: k.left - Ne,
+      width: k.width + Ne * 2,
+      height: k.height + Ne * 2
     });
   }, []);
-  return B(() => {
+  return P(() => {
     window.addEventListener("scroll", V, !0), window.addEventListener("resize", V);
     const D = requestAnimationFrame(() => {
-      V(), N(!0), w.current = !0;
+      V(), N(!0), j.current = !0;
     });
     return () => {
       cancelAnimationFrame(D), window.removeEventListener("scroll", V, !0), window.removeEventListener("resize", V);
     };
-  }, []), B(() => {
-    if (!w.current) return;
+  }, []), P(() => {
+    if (!j.current) return;
     N(!1);
     const D = setTimeout(() => {
-      S((_) => ({ ..._, visibility: "hidden" })), requestAnimationFrame(() => {
+      S((v) => ({ ...v, visibility: "hidden" })), requestAnimationFrame(() => {
         V(), N(!0);
       });
-    }, rs + 20);
+    }, ss + 20);
     return () => clearTimeout(D);
-  }, [s]), B(() => {
-    b && x.current && x.current.focus({ preventScroll: !0 });
-  }, [b]), B(() => {
-    const D = (_) => {
-      _.key === "Escape" && a();
+  }, [s]), P(() => {
+    _ && x.current && x.current.focus({ preventScroll: !0 });
+  }, [_]), P(() => {
+    const D = (v) => {
+      v.key === "Escape" && a();
     };
     return document.addEventListener("keydown", D), () => document.removeEventListener("keydown", D);
-  }, [a]), B(() => {
-    if (!b) return;
-    const D = (_) => {
-      if (_.key !== "Tab" || !x.current) return;
-      const E = Array.from(
+  }, [a]), P(() => {
+    if (!_) return;
+    const D = (v) => {
+      if (v.key !== "Tab" || !x.current) return;
+      const k = Array.from(
         x.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])')
       );
-      if (!E.length) return;
-      const A = E[0], U = E[E.length - 1];
-      _.shiftKey && document.activeElement === A ? (_.preventDefault(), U.focus()) : !_.shiftKey && document.activeElement === U && (_.preventDefault(), A.focus());
+      if (!k.length) return;
+      const A = k[0], U = k[k.length - 1];
+      v.shiftKey && document.activeElement === A ? (v.preventDefault(), U.focus()) : !v.shiftKey && document.activeElement === U && (v.preventDefault(), A.focus());
     };
     return document.addEventListener("keydown", D), () => document.removeEventListener("keydown", D);
-  }, [b]), !M || typeof document > "u" ? null : me.createPortal(
+  }, [_]), !F || typeof document > "u" ? null : me.createPortal(
     /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      O && /* @__PURE__ */ e.jsx(
+      W && /* @__PURE__ */ e.jsx(
         "div",
         {
           className: [
             "ds-coachmark__spotlight",
             i && "ds-coachmark__spotlight--overlay",
             !l && "ds-coachmark__spotlight--no-ring",
-            b && "ds-coachmark__spotlight--visible"
+            _ && "ds-coachmark__spotlight--visible"
           ].filter(Boolean).join(" "),
-          style: O,
+          style: W,
           "aria-hidden": "true"
         }
       ),
@@ -3411,13 +3358,13 @@ function $n({
           role: "dialog",
           "aria-modal": "false",
           "aria-live": "polite",
-          "aria-label": M.title ?? `Step ${s + 1} of ${t.length}`,
+          "aria-label": F.title ?? `Step ${s + 1} of ${t.length}`,
           className: [
             "ds-coachmark__bubble",
-            `ds-coachmark__bubble--${P}`,
-            b && "ds-coachmark__bubble--visible"
+            `ds-coachmark__bubble--${B}`,
+            _ && "ds-coachmark__bubble--visible"
           ].filter(Boolean).join(" "),
-          style: k,
+          style: y,
           tabIndex: -1,
           children: [
             /* @__PURE__ */ e.jsx(
@@ -3427,11 +3374,11 @@ function $n({
                 className: "ds-coachmark__close",
                 onClick: a,
                 "aria-label": u,
-                children: /* @__PURE__ */ e.jsx(Q, { size: 16, strokeWidth: 2 })
+                children: /* @__PURE__ */ e.jsx(ee, { size: 16, strokeWidth: 2 })
               }
             ),
-            M.title && /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__title", children: M.title }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__body", children: M.content }),
+            F.title && /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__title", children: F.title }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__body", children: F.content }),
             /* @__PURE__ */ e.jsxs("div", { className: "ds-coachmark__footer", children: [
               t.length > 1 && /* @__PURE__ */ e.jsxs("span", { className: "ds-coachmark__counter", children: [
                 s + 1,
@@ -3439,8 +3386,8 @@ function $n({
                 t.length
               ] }),
               /* @__PURE__ */ e.jsxs("div", { className: "ds-coachmark__footer-nav", children: [
-                s > 0 && /* @__PURE__ */ e.jsx(ae, { variant: "secondary", size: "s", state: m, onClick: r, children: c }),
-                /* @__PURE__ */ e.jsx(ae, { variant: "primary", size: "s", state: h, onClick: K ? o : n, children: K ? p : d })
+                s > 0 && /* @__PURE__ */ e.jsx(ae, { variant: "secondary", size: "s", state: m, onClick: r, children: d }),
+                /* @__PURE__ */ e.jsx(ae, { variant: "primary", size: "s", state: h, onClick: K ? o : n, children: K ? p : c })
               ] })
             ] })
           ]
@@ -3450,8 +3397,8 @@ function $n({
     document.body
   );
 }
-function Tn(t, s = {}) {
-  const { storageKey: n } = s, [r, a] = I(0), [o, i] = I(!1), l = () => n && typeof localStorage < "u" && localStorage.getItem(n) === "done", d = le(() => {
+function kn(t, s = {}) {
+  const { storageKey: n } = s, [r, a] = I(0), [o, i] = I(!1), l = () => n && typeof localStorage < "u" && localStorage.getItem(n) === "done", c = le(() => {
     i(!1), n && typeof localStorage < "u" && localStorage.setItem(n, "done");
   }, [n]);
   return {
@@ -3460,13 +3407,13 @@ function Tn(t, s = {}) {
     start: () => {
       l() || (a(0), i(!0));
     },
-    next: () => a((c) => Math.min(c + 1, t.length - 1)),
-    back: () => a((c) => Math.max(c - 1, 0)),
-    skip: d,
-    finish: d
+    next: () => a((d) => Math.min(d + 1, t.length - 1)),
+    back: () => a((d) => Math.max(d - 1, 0)),
+    skip: c,
+    finish: c
   };
 }
-function Rn() {
+function En() {
   const t = R(null), s = le(() => {
     const n = t.current;
     if (!n) return;
@@ -3480,94 +3427,92 @@ function Rn() {
 }
 export {
   Be as Accordion,
-  Ns as Alert,
-  on as AnimatedNumber,
-  Is as Avatar,
+  bs as Alert,
+  nn as AnimatedNumber,
+  Ss as Avatar,
   fe as Badge,
-  nn as Banner,
-  gs as BottomSheet,
-  Us as Breadcrumb,
+  en as Banner,
+  Ns as BottomSheet,
+  Cs as Breadcrumb,
   ae as Button,
-  hs as Card,
-  hn as ChatMessage,
-  Ss as Checkbox,
-  $n as Coachmark,
-  ys as Code,
-  Tt as CodeAccordion,
-  Nn as ConfidenceBar,
-  qt as CopyButton,
-  wn as DiffView,
-  Ys as Drawer,
-  Oe as DrawerFooter,
-  rn as Dropdown,
-  Cs as EmptyState,
-  kn as EngineerGrid,
-  Ws as FormField,
-  xs as H1,
-  vs as H2,
-  _s as H3,
-  bs as H4,
-  ln as InView,
-  us as Input,
-  ks as Link,
-  es as MessageFeedback,
-  gn as MessageFooter,
-  ws as Modal,
+  ms as Card,
+  fn as ChatMessage,
+  Ts as Checkbox,
+  yn as Coachmark,
+  ws as Code,
+  $t as CodeAccordion,
+  _n as ConfidenceBar,
+  Yt as CopyButton,
+  bn as DiffView,
+  tn as Dropdown,
+  zs as EmptyState,
+  wn as EngineerGrid,
+  Fs as FormField,
+  ps as H1,
+  hs as H2,
+  xs as H3,
+  vs as H4,
+  rn as InView,
+  cs as Input,
+  gs as Link,
+  Zt as MessageFeedback,
+  jn as MessageFooter,
+  js as Modal,
   he as ModalFooter,
-  _n as ModelPicker,
-  qs as NavRail,
-  tn as NavRailAgent,
-  Ks as NavRailBody,
-  en as NavRailCustomItem,
-  Zs as NavRailDivider,
-  sn as NavRailFlyout,
-  Js as NavRailFooter,
-  Xs as NavRailHeader,
-  Gs as NavRailItem,
-  Qs as NavRailRecents,
-  js as P1,
-  yt as P2,
+  hn as ModelPicker,
+  Vs as NavRail,
+  Zs as NavRailAgent,
+  Hs as NavRailBody,
+  Js as NavRailCustomItem,
+  Ks as NavRailDivider,
+  Qs as NavRailFlyout,
+  Gs as NavRailFooter,
+  qs as NavRailHeader,
+  Ys as NavRailItem,
+  Xs as NavRailRecents,
+  _s as P1,
+  gt as P2,
   Qe as P3,
-  Vs as Pagination,
-  an as ProgressBar,
-  vn as PromptInput,
-  As as Radio,
-  fn as ReasoningBlock,
-  En as Scrollable,
-  Ts as SegmentedControl,
-  ms as Select,
-  Hs as SidePage,
-  Ue as SidePageFooter,
-  At as Skeleton,
-  bn as SourcesPanel,
-  wt as Spinner,
-  Os as Stat,
-  mn as StepIndicator,
-  ps as Stepper,
-  pn as StreamingText,
-  $s as Tab,
-  Ds as Table,
-  Ls as TableBody,
-  Bs as TableHead,
-  Ps as TableRow,
-  Ms as TableSubheaderRow,
-  Es as Tabs,
-  Fs as Td,
-  fs as Textarea,
-  zs as Th,
-  yn as ThinkingDot,
-  dn as ToastContainer,
-  Rs as Toggle,
-  jn as TokenCounter,
-  un as ToolCallBubble,
-  un as ToolCallCard,
+  Os as Pagination,
+  sn as ProgressBar,
+  pn as PromptInput,
+  Rs as Radio,
+  cn as ReasoningBlock,
+  gn as Scrollable,
+  Es as SegmentedControl,
+  us as Select,
+  Us as SidePage,
+  Oe as SidePageFooter,
+  St as Skeleton,
+  xn as SourcesPanel,
+  Nt as Spinner,
+  Ws as Stat,
+  dn as StepIndicator,
+  fs as Stepper,
+  un as StreamingText,
+  ks as Tab,
+  As as Table,
+  Is as TableBody,
+  Ds as TableHead,
+  Bs as TableRow,
+  Ls as TableSubheaderRow,
+  ys as Tabs,
+  Ms as Td,
+  ds as Textarea,
+  Ps as Th,
+  Nn as ThinkingDot,
+  on as ToastContainer,
+  $s as Toggle,
+  vn as TokenCounter,
+  ln as ToolCallBubble,
+  ln as ToolCallCard,
   Le as Tooltip,
-  F as iconSizes,
-  Wt as useAnimatedNumber,
-  Gt as useAnimatedPlaceholder,
-  Tn as useCoachmark,
-  Ot as useInView,
-  Rn as useShake,
-  xn as useStreamScroll,
-  cn as useToast
+  C as iconSizes,
+  Ft as useAnimatedNumber,
+  Ht as useAnimatedPlaceholder,
+  kn as useCoachmark,
+  Wt as useInView,
+  En as useShake,
+  mn as useStreamScroll,
+  an as useToast
 };