@donkit-ai/design-system 1.4.62 → 1.4.63

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import V, { useState as A, useRef as R, useEffect as B, useLayoutEffect as Ze, useContext as je, forwardRef as Qe, createContext as et, useCallback as $e } from "react";
+import Y, { useState as I, useRef as T, useEffect as D, useLayoutEffect as Ze, useContext as je, forwardRef as Qe, createContext as et, useCallback as $e } from "react";
 import { Check as Te, X as ee, ChevronDown as ve, Minus as tt, Plus as st, XCircle as Re, AlertTriangle as Se, CheckCircle as Ae, Info as Ie, ChevronUp as nt, ChevronsUpDown as rt, ChevronLeft as at, ChevronRight as ot, Copy as it, Brain as lt, Loader as ct, Paperclip as Me, Square as dt, ArrowUp as ut, Zap as ft, Cpu as ze, FileText as mt, ThumbsUp as pt, ThumbsDown as ht } from "lucide-react";
 import pe from "react-dom";
 const P = {
@@ -56,38 +56,38 @@ function vt() {
     function t(f) {
       if (f == null) return null;
       if (typeof f == "function")
-        return f.$$typeof === C ? null : f.displayName || f.name || null;
+        return f.$$typeof === M ? null : f.displayName || f.name || null;
       if (typeof f == "string") return f;
       switch (f) {
-        case w:
+        case j:
           return "Fragment";
-        case k:
+        case g:
           return "Profiler";
-        case y:
+        case E:
           return "StrictMode";
-        case D:
+        case C:
           return "Suspense";
-        case H:
+        case U:
           return "SuspenseList";
-        case g:
+        case w:
           return "Activity";
       }
       if (typeof f == "object")
         switch (typeof f.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), f.$$typeof) {
-          case _:
+          case v:
             return "Portal";
           case S:
             return f.displayName || "Context";
-          case j:
+          case b:
             return (f._context.displayName || "Context") + ".Consumer";
-          case M:
+          case L:
             var $ = f.render;
             return f = f.displayName, f || (f = $.displayName || $.name || "", f = f !== "" ? "ForwardRef(" + f + ")" : "ForwardRef"), f;
-          case q:
+          case K:
             return $ = f.displayName || null, $ !== null ? $ : t(f.type) || "Memo";
-          case W:
+          case V:
             $ = f._payload, f = f._init;
             try {
               return t(f($));
@@ -108,17 +108,17 @@ function vt() {
       }
       if ($) {
         $ = console;
-        var z = $.error, F = typeof Symbol == "function" && Symbol.toStringTag && f[Symbol.toStringTag] || f.constructor.name || "Object";
+        var z = $.error, W = typeof Symbol == "function" && Symbol.toStringTag && f[Symbol.toStringTag] || f.constructor.name || "Object";
         return z.call(
           $,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          F
+          W
         ), s(f);
       }
     }
     function a(f) {
-      if (f === w) return "<>";
-      if (typeof f == "object" && f !== null && f.$$typeof === W)
+      if (f === j) return "<>";
+      if (typeof f == "object" && f !== null && f.$$typeof === V)
         return "<...>";
       try {
         var $ = t(f);
@@ -128,14 +128,14 @@ function vt() {
       }
     }
     function o() {
-      var f = K.A;
+      var f = G.A;
       return f === null ? null : f.getOwner();
     }
     function r() {
       return Error("react-stack-top-frame");
     }
     function i(f) {
-      if (O.call(f, "key")) {
+      if (F.call(f, "key")) {
         var $ = Object.getOwnPropertyDescriptor(f, "key").get;
         if ($ && $.isReactWarning) return !1;
       }
@@ -143,7 +143,7 @@ function vt() {
     }
     function l(f, $) {
       function z() {
-        E || (E = !0, console.error(
+        y || (y = !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)",
           $
         ));
@@ -153,23 +153,23 @@ function vt() {
         configurable: !0
       });
     }
-    function u() {
+    function d() {
       var f = t(this.type);
-      return L[f] || (L[f] = !0, console.error(
+      return R[f] || (R[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, $, z, F, ne, oe) {
-      var Y = z.ref;
+    function c(f, $, z, W, ne, oe) {
+      var q = z.ref;
       return f = {
-        $$typeof: v,
+        $$typeof: x,
         type: f,
         key: $,
         props: z,
-        _owner: F
-      }, (Y !== void 0 ? Y : null) !== null ? Object.defineProperty(f, "ref", {
+        _owner: W
+      }, (q !== void 0 ? q : null) !== null ? Object.defineProperty(f, "ref", {
         enumerable: !1,
-        get: u
+        get: d
       }) : Object.defineProperty(f, "ref", { enumerable: !1, value: null }), f._store = {}, Object.defineProperty(f._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -192,48 +192,48 @@ function vt() {
         value: oe
       }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     }
-    function m(f, $, z, F, ne, oe) {
-      var Y = $.children;
-      if (Y !== void 0)
-        if (F)
-          if (x(Y)) {
-            for (F = 0; F < Y.length; F++)
-              p(Y[F]);
-            Object.freeze && Object.freeze(Y);
+    function m(f, $, z, W, ne, oe) {
+      var q = $.children;
+      if (q !== void 0)
+        if (W)
+          if (A(q)) {
+            for (W = 0; W < q.length; W++)
+              p(q[W]);
+            Object.freeze && Object.freeze(q);
           } 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(Y);
-      if (O.call($, "key")) {
-        Y = t(f);
+        else p(q);
+      if (F.call($, "key")) {
+        q = t(f);
         var Q = Object.keys($).filter(function(Ne) {
           return Ne !== "key";
         });
-        F = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", T[Y + F] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
+        W = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", k[q + W] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          F,
-          Y,
+          W,
+          q,
           Q,
-          Y
-        ), T[Y + F] = !0);
+          q
+        ), k[q + W] = !0);
       }
-      if (Y = null, z !== void 0 && (n(z), Y = "" + z), i($) && (n($.key), Y = "" + $.key), "key" in $) {
+      if (q = null, z !== void 0 && (n(z), q = "" + z), i($) && (n($.key), q = "" + $.key), "key" in $) {
         z = {};
         for (var ie in $)
           ie !== "key" && (z[ie] = $[ie]);
       } else z = $;
-      return Y && l(
+      return q && l(
         z,
         typeof f == "function" ? f.displayName || f.name || "Unknown" : f
       ), c(
         f,
-        Y,
+        q,
         z,
         o(),
         ne,
@@ -241,42 +241,42 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function p(f) {
-      h(f) ? f._store && (f._store.validated = 1) : typeof f == "object" && f !== null && f.$$typeof === W && (f._payload.status === "fulfilled" ? h(f._payload.value) && f._payload.value._store && (f._payload.value._store.validated = 1) : f._store && (f._store.validated = 1));
+      h(f) ? f._store && (f._store.validated = 1) : typeof f == "object" && f !== null && f.$$typeof === V && (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 === v;
+      return typeof f == "object" && f !== null && f.$$typeof === x;
     }
-    var d = V, v = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), j = Symbol.for("react.consumer"), S = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), H = Symbol.for("react.suspense_list"), q = Symbol.for("react.memo"), W = Symbol.for("react.lazy"), g = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), K = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, O = Object.prototype.hasOwnProperty, x = Array.isArray, b = console.createTask ? console.createTask : function() {
+    var u = Y, x = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), j = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), S = Symbol.for("react.context"), L = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), U = Symbol.for("react.suspense_list"), K = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), w = Symbol.for("react.activity"), M = Symbol.for("react.client.reference"), G = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, A = Array.isArray, _ = console.createTask ? console.createTask : function() {
       return null;
     };
-    d = {
+    u = {
       react_stack_bottom_frame: function(f) {
         return f();
       }
     };
-    var E, L = {}, U = d.react_stack_bottom_frame.bind(
-      d,
+    var y, R = {}, O = u.react_stack_bottom_frame.bind(
+      u,
       r
-    )(), G = b(a(r)), T = {};
-    xe.Fragment = w, xe.jsx = function(f, $, z) {
-      var F = 1e4 > K.recentlyCreatedOwnerStacks++;
+    )(), H = _(a(r)), k = {};
+    xe.Fragment = j, xe.jsx = function(f, $, z) {
+      var W = 1e4 > G.recentlyCreatedOwnerStacks++;
       return m(
         f,
         $,
         z,
         !1,
-        F ? Error("react-stack-top-frame") : U,
-        F ? b(a(f)) : G
+        W ? Error("react-stack-top-frame") : O,
+        W ? _(a(f)) : H
       );
     }, xe.jsxs = function(f, $, z) {
-      var F = 1e4 > K.recentlyCreatedOwnerStacks++;
+      var W = 1e4 > G.recentlyCreatedOwnerStacks++;
       return m(
         f,
         $,
         z,
         !0,
-        F ? Error("react-stack-top-frame") : U,
-        F ? b(a(f)) : G
+        W ? Error("react-stack-top-frame") : O,
+        W ? _(a(f)) : H
       );
     };
   }()), xe;
@@ -304,58 +304,58 @@ function ae({
   disabled: r = !1,
   state: i = "idle",
   onClick: l,
-  type: u = "button",
+  type: d = "button",
   href: c,
   "aria-label": m,
   className: p = "",
   ...h
 }) {
-  const d = o && !t, v = i === "loading", _ = i === "success", w = i === "error", y = v || _ || w, k = n === "xs" ? "s" : "m", j = s === "danger" ? "on-accent" : "default", S = bt[n] ?? 16, M = v ? /* @__PURE__ */ e.jsx(_t, { size: k, color: j }) : _ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Te, { size: S, strokeWidth: 2.5 }) }) : w ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ee, { size: S, strokeWidth: 2.5 }) }) : null, D = [
+  const u = o && !t, x = i === "loading", v = i === "success", j = i === "error", E = x || v || j, g = n === "xs" ? "s" : "m", b = s === "danger" ? "on-accent" : "default", S = bt[n] ?? 16, L = x ? /* @__PURE__ */ e.jsx(_t, { size: g, color: b }) : v ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Te, { size: S, strokeWidth: 2.5 }) }) : j ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ee, { size: S, strokeWidth: 2.5 }) }) : null, C = [
     "ds-button",
     `ds-button--${s}`,
     `ds-button--${n}`,
     a && "ds-button--full",
-    d && "ds-button--icon-only",
+    u && "ds-button--icon-only",
     p
-  ].filter(Boolean).join(" "), H = i !== "idle" ? i : void 0, q = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    y ? M : o && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: o }),
+  ].filter(Boolean).join(" "), U = i !== "idle" ? i : void 0, K = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    E ? L : o && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: o }),
     t
   ] });
   if (c) {
-    const W = (g) => {
-      if (r || v) {
-        g.preventDefault();
+    const V = (w) => {
+      if (r || x) {
+        w.preventDefault();
         return;
       }
-      g.metaKey || g.ctrlKey || g.button === 1 || (g.preventDefault(), l == null || l(g));
+      w.metaKey || w.ctrlKey || w.button === 1 || (w.preventDefault(), l == null || l(w));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
-        className: D,
-        href: r || v ? void 0 : c,
-        onClick: W,
+        className: C,
+        href: r || x ? void 0 : c,
+        onClick: V,
         "aria-label": m,
-        "aria-disabled": r || v ? "true" : void 0,
-        "aria-busy": v ? "true" : void 0,
-        "data-state": H,
+        "aria-disabled": r || x ? "true" : void 0,
+        "aria-busy": x ? "true" : void 0,
+        "data-state": U,
         ...h,
-        children: q
+        children: K
       }
     );
   }
   return /* @__PURE__ */ e.jsx(
     "button",
     {
-      type: u,
-      className: D,
+      type: d,
+      className: C,
       disabled: r,
-      onClick: v ? void 0 : l,
+      onClick: x ? void 0 : l,
       "aria-label": m,
-      "aria-busy": v ? "true" : void 0,
-      "data-state": H,
+      "aria-busy": x ? "true" : void 0,
+      "data-state": U,
       ...h,
-      children: q
+      children: K
     }
   );
 }
@@ -368,12 +368,12 @@ function is({
   iconRight: r,
   onIconRightClick: i,
   size: l = "m",
-  disabled: u,
+  disabled: d,
   id: c,
   ...m
 }) {
-  const p = c || `input-${V.useId()}`, h = n ? `${p}-hint` : void 0, d = s ? `${p}-error` : void 0, v = d || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${a ? "ds-input-wrapper--full" : ""} ${u ? "ds-input-wrapper--disabled" : ""} ${s ? "ds-input-wrapper--error" : ""}`, children: [
+  const p = c || `input-${Y.useId()}`, h = n ? `${p}-hint` : void 0, u = s ? `${p}-error` : void 0, x = u || h;
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${a ? "ds-input-wrapper--full" : ""} ${d ? "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: [
       o && /* @__PURE__ */ e.jsx("span", { className: `ds-input-icon ds-input-icon--${l}`, "aria-hidden": "true", children: o }),
@@ -382,9 +382,9 @@ function is({
         {
           id: p,
           className: `ds-input ds-input--${l} ${o ? "ds-input--with-icon" : ""} ${r ? "ds-input--with-icon-right" : ""} ${s ? "ds-input--error" : ""}`,
-          disabled: u,
+          disabled: d,
           "aria-invalid": s ? "true" : "false",
-          "aria-describedby": v,
+          "aria-describedby": x,
           ...m
         }
       ),
@@ -401,7 +401,7 @@ function is({
       )
     ] }),
     n && !s && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-input-hint", children: n }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: s && /* @__PURE__ */ e.jsx("span", { id: d, className: "ds-input-error", role: "alert", children: s }) }) })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: s && /* @__PURE__ */ e.jsx("span", { id: u, className: "ds-input-error", role: "alert", children: s }) }) })
   ] });
 }
 function ls({
@@ -413,10 +413,10 @@ function ls({
   disabled: r,
   id: i,
   resize: l = !0,
-  rows: u = 3,
+  rows: d = 3,
   ...c
 }) {
-  const m = i || `textarea-${V.useId()}`, p = n ? `${m}-hint` : void 0, h = s ? `${m}-error` : void 0, d = h || p;
+  const m = i || `textarea-${Y.useId()}`, p = n ? `${m}-hint` : void 0, h = s ? `${m}-error` : void 0, u = h || p;
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${a ? "ds-textarea-wrapper--full" : ""} ${r ? "ds-textarea-wrapper--disabled" : ""}`, children: [
     t && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: m, children: t }),
     /* @__PURE__ */ e.jsx(
@@ -426,8 +426,8 @@ function ls({
         className: `ds-textarea ds-textarea--${o} ${s ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
         disabled: r,
         "aria-invalid": s ? "true" : "false",
-        "aria-describedby": d,
-        rows: u,
+        "aria-describedby": u,
+        rows: d,
         ...c
       }
     ),
@@ -444,146 +444,146 @@ function cs({
   error: r,
   fullWidth: i = !0,
   size: l = "m",
-  disabled: u = !1,
+  disabled: d = !1,
   id: c,
   ...m
 }) {
-  const [p, h] = A(!1), [d, v] = A(!1), [_, w] = A({}), [y, k] = A("down"), [j, S] = A(-1), M = R(null), D = R(null), H = R(null), q = R(null), W = c || `select-${V.useId()}`, g = `${W}-label`, C = r ? `${W}-error` : void 0, K = 150, O = (T = !1) => {
-    d || (v(!0), S(-1), q.current = setTimeout(() => {
+  const [p, h] = I(!1), [u, x] = I(!1), [v, j] = I({}), [E, g] = I("down"), [b, S] = I(-1), L = T(null), C = T(null), U = T(null), K = T(null), V = c || `select-${Y.useId()}`, w = `${V}-label`, M = r ? `${V}-error` : void 0, G = 150, F = (k = !1) => {
+    u || (x(!0), S(-1), K.current = setTimeout(() => {
       var f;
-      h(!1), v(!1), T && ((f = H.current) == null || f.focus());
-    }, K));
-  }, x = (T) => {
-    clearTimeout(q.current), v(!1);
-    const f = T !== void 0 ? T : Math.max(a.findIndex(($) => $.value === s), 0);
+      h(!1), x(!1), k && ((f = U.current) == null || f.focus());
+    }, G));
+  }, A = (k) => {
+    clearTimeout(K.current), x(!1);
+    const f = k !== void 0 ? k : Math.max(a.findIndex(($) => $.value === s), 0);
     S(f), h(!0);
   };
-  B(() => () => clearTimeout(q.current), []);
-  const b = () => {
+  D(() => () => clearTimeout(K.current), []);
+  const _ = () => {
     var oe;
-    const T = (oe = M.current) == null ? void 0 : oe.getBoundingClientRect();
-    if (!T) return;
-    const f = window.innerHeight, $ = f - T.bottom, z = T.top, ne = $ < 300 && z > $;
-    k(ne ? "up" : "down"), w(
-      ne ? { bottom: f - T.top + 4, left: T.left, width: T.width } : { top: T.bottom + 4, left: T.left, width: T.width }
+    const k = (oe = L.current) == null ? void 0 : oe.getBoundingClientRect();
+    if (!k) return;
+    const f = window.innerHeight, $ = f - k.bottom, z = k.top, ne = $ < 300 && z > $;
+    g(ne ? "up" : "down"), j(
+      ne ? { bottom: f - k.top + 4, left: k.left, width: k.width } : { top: k.bottom + 4, left: k.left, width: k.width }
     );
   };
-  B(() => {
+  D(() => {
     if (p)
-      return b(), window.addEventListener("scroll", b, !0), window.addEventListener("resize", b), () => {
-        window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", b);
+      return _(), window.addEventListener("scroll", _, !0), window.addEventListener("resize", _), () => {
+        window.removeEventListener("scroll", _, !0), window.removeEventListener("resize", _);
       };
-  }, [p]), B(() => {
-    const T = (f) => {
-      M.current && !M.current.contains(f.target) && D.current && !D.current.contains(f.target) && O();
+  }, [p]), D(() => {
+    const k = (f) => {
+      L.current && !L.current.contains(f.target) && C.current && !C.current.contains(f.target) && F();
     };
-    return document.addEventListener("mousedown", T), () => document.removeEventListener("mousedown", T);
-  }, [d]), B(() => {
+    return document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k);
+  }, [u]), D(() => {
     var f;
-    if (!p || j < 0 || !D.current) return;
-    (f = D.current.querySelectorAll(".ds-select-option")[j]) == null || f.scrollIntoView({ block: "nearest" });
-  }, [j, p]);
-  const E = (T) => {
-    switch (T.key) {
+    if (!p || b < 0 || !C.current) return;
+    (f = C.current.querySelectorAll(".ds-select-option")[b]) == null || f.scrollIntoView({ block: "nearest" });
+  }, [b, p]);
+  const y = (k) => {
+    switch (k.key) {
       case "ArrowDown":
-        T.preventDefault(), p ? S((f) => Math.min(f + 1, a.length - 1)) : x();
+        k.preventDefault(), p ? S((f) => Math.min(f + 1, a.length - 1)) : A();
         break;
       case "ArrowUp":
-        T.preventDefault(), p ? S((f) => Math.max(f - 1, 0)) : x(a.length - 1);
+        k.preventDefault(), p ? S((f) => Math.max(f - 1, 0)) : A(a.length - 1);
         break;
       case "Home":
-        p && (T.preventDefault(), S(0));
+        p && (k.preventDefault(), S(0));
         break;
       case "End":
-        p && (T.preventDefault(), S(a.length - 1));
+        p && (k.preventDefault(), S(a.length - 1));
         break;
       case "Enter":
       case " ":
-        T.preventDefault(), p ? j >= 0 && (n == null || n(a[j].value), O(!0)) : x();
+        k.preventDefault(), p ? b >= 0 && (n == null || n(a[b].value), F(!0)) : A();
         break;
       case "Escape":
-        p && (T.preventDefault(), O(!0));
+        p && (k.preventDefault(), F(!0));
         break;
       case "Tab":
-        p && O(!1);
+        p && F(!1);
         break;
     }
-  }, L = a.find((T) => T.value === s), U = l === "xs" ? P[1] : l === "small" ? P[2] : P[3], G = p && /* @__PURE__ */ e.jsx(
+  }, R = a.find((k) => k.value === s), O = l === "xs" ? P[1] : l === "small" ? P[2] : P[3], H = p && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: D,
+      ref: C,
       "data-ds-portal": "",
       role: "listbox",
-      "aria-labelledby": t ? g : void 0,
+      "aria-labelledby": t ? w : void 0,
       tabIndex: -1,
       className: [
         "ds-select-dropdown ds-scrollable",
         `ds-select-dropdown--${l}`,
-        `ds-select-dropdown--${y}`,
-        d && "ds-select-dropdown--closing"
+        `ds-select-dropdown--${E}`,
+        u && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
-      style: _,
-      children: a.map((T, f) => /* @__PURE__ */ e.jsx(
+      style: v,
+      children: a.map((k, f) => /* @__PURE__ */ e.jsx(
         "button",
         {
-          id: `${W}-opt-${f}`,
+          id: `${V}-opt-${f}`,
           type: "button",
           role: "option",
           tabIndex: -1,
-          "aria-selected": s === T.value,
+          "aria-selected": s === k.value,
           className: [
             "ds-select-option",
             `ds-select-option--${l}`,
-            s === T.value && "ds-select-option--selected",
-            f === j && "ds-select-option--active"
+            s === k.value && "ds-select-option--selected",
+            f === b && "ds-select-option--active"
           ].filter(Boolean).join(" "),
           onClick: () => {
-            n == null || n(T.value), O(!0);
+            n == null || n(k.value), F(!0);
           },
-          children: T.label
+          children: k.label
         },
-        T.value
+        k.value
       ))
     }
   );
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${i ? "ds-select-wrapper--full" : ""} ${u ? "ds-select-wrapper--disabled" : ""}`, children: [
-    t && /* @__PURE__ */ e.jsx("label", { id: g, className: "ds-select-label", children: t }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: M, children: /* @__PURE__ */ e.jsxs(
+  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 }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: L, children: /* @__PURE__ */ e.jsxs(
       "button",
       {
-        ref: H,
+        ref: U,
         type: "button",
-        id: W,
+        id: V,
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": p,
-        "aria-activedescendant": p && j >= 0 ? `${W}-opt-${j}` : void 0,
-        "aria-labelledby": t ? g : void 0,
+        "aria-activedescendant": p && b >= 0 ? `${V}-opt-${b}` : void 0,
+        "aria-labelledby": t ? w : void 0,
         "aria-invalid": r ? "true" : "false",
-        "aria-describedby": C,
+        "aria-describedby": M,
         className: `ds-select-trigger ds-select-trigger--${l} ${r ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          u || (p ? O() : x());
+          d || (p ? F() : A());
         },
-        onKeyDown: E,
-        disabled: u,
+        onKeyDown: y,
+        disabled: d,
         ...m,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: L ? "" : "ds-select-placeholder", children: (L == null ? void 0 : L.label) || o }),
+          /* @__PURE__ */ e.jsx("span", { className: R ? "" : "ds-select-placeholder", children: (R == null ? void 0 : R.label) || o }),
           /* @__PURE__ */ e.jsx(
             ve,
             {
-              size: U,
+              size: O,
               strokeWidth: 1.5,
-              className: `ds-select-icon ${p && y === "down" ? "ds-select-icon--open" : ""} ${p && y === "up" ? "ds-select-icon--up" : ""}`,
+              className: `ds-select-icon ${p && E === "down" ? "ds-select-icon--open" : ""} ${p && E === "up" ? "ds-select-icon--up" : ""}`,
               "aria-hidden": "true"
             }
           )
         ]
       }
     ) }),
-    r && /* @__PURE__ */ e.jsx("span", { id: C, className: "ds-select-error", role: "alert", children: r }),
-    typeof document < "u" && pe.createPortal(G, document.body)
+    r && /* @__PURE__ */ e.jsx("span", { id: M, className: "ds-select-error", role: "alert", children: r }),
+    typeof document < "u" && pe.createPortal(H, document.body)
   ] });
 }
 function ds({
@@ -595,42 +595,42 @@ function ds({
   step: r = 1,
   size: i = "m",
   disabled: l = !1,
-  hint: u,
+  hint: d,
   error: c,
   ...m
 }) {
   const p = () => {
     if (l) return;
-    const y = Math.min(Number(s) + r, o);
-    n == null || n(y);
+    const E = Math.min(Number(s) + r, o);
+    n == null || n(E);
   }, h = () => {
     if (l) return;
-    const y = Math.max(Number(s) - r, a);
-    n == null || n(y);
-  }, d = (y) => {
+    const E = Math.max(Number(s) - r, a);
+    n == null || n(E);
+  }, u = (E) => {
     if (l) return;
-    const k = y.target.value;
-    if (k === "") {
+    const g = E.target.value;
+    if (g === "") {
       n == null || n(a);
       return;
     }
-    const j = Number(k);
-    if (!isNaN(j)) {
-      const S = Math.min(Math.max(j, a), o);
+    const b = Number(g);
+    if (!isNaN(b)) {
+      const S = Math.min(Math.max(b, a), o);
       n == null || n(S);
     }
-  }, v = [
+  }, x = [
     "ds-stepper-wrapper",
     l && "ds-stepper-wrapper--disabled",
     c && "ds-stepper-wrapper--error"
-  ].filter(Boolean).join(" "), _ = [
+  ].filter(Boolean).join(" "), v = [
     "ds-stepper",
     `ds-stepper--${i}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), w = i === "xs" ? P[1] : i === "small" ? P[2] : P[3];
-  return /* @__PURE__ */ e.jsxs("div", { className: v, children: [
+  ].filter(Boolean).join(" "), j = i === "xs" ? P[1] : i === "small" ? P[2] : P[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: _, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: v, children: [
       /* @__PURE__ */ e.jsx(
         "button",
         {
@@ -639,7 +639,7 @@ function ds({
           onClick: h,
           disabled: l || s <= a,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ e.jsx(tt, { size: w, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(tt, { size: j, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -648,7 +648,7 @@ function ds({
           type: "number",
           className: "ds-stepper-input",
           value: s,
-          onChange: d,
+          onChange: u,
           min: a,
           max: o,
           step: r,
@@ -664,11 +664,11 @@ function ds({
           onClick: p,
           disabled: l || s >= o,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ e.jsx(st, { size: w, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(st, { size: j, strokeWidth: 1.5 })
         }
       )
     ] }),
-    u && !c && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: u }),
+    d && !c && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: d }),
     c && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: c })
   ] });
 }
@@ -689,19 +689,19 @@ function us({
     c && "ds-card--interactive"
   ].filter(Boolean).join(" ");
   if (r) {
-    const d = (v) => {
+    const u = (x) => {
       if (i) {
-        v.preventDefault();
+        x.preventDefault();
         return;
       }
-      v.metaKey || v.ctrlKey || v.button === 1 || (v.preventDefault(), o == null || o(v));
+      x.metaKey || x.ctrlKey || x.button === 1 || (x.preventDefault(), o == null || o(x));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
         className: m,
         href: i ? void 0 : r,
-        onClick: d,
+        onClick: u,
         "aria-disabled": i ? "true" : void 0,
         ...l,
         children: t
@@ -764,7 +764,7 @@ const Nt = {
   success: Ae,
   warning: Se,
   error: Re
-}, vs = V.forwardRef(function({
+}, vs = Y.forwardRef(function({
   children: s,
   variant: n = "info",
   title: a,
@@ -772,9 +772,9 @@ const Nt = {
   role: r,
   ...i
 }, l) {
-  const u = Nt[n], c = r || (n === "error" ? "alert" : "status");
+  const d = Nt[n], c = r || (n === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs("div", { ref: l, className: `ds-alert ds-alert--${n} ${a ? "" : "ds-alert--no-title"}`, role: c, ...i, children: [
-    u && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(u, { size: P[3], strokeWidth: 1.5 }) }),
+    d && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(d, { size: P[3], strokeWidth: 1.5 }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-alert__content", children: [
       a && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: a }),
       s && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: s })
@@ -790,7 +790,7 @@ const Nt = {
       }
     )
   ] });
-}), gt = 200;
+}), wt = 200;
 function _s({
   children: t,
   title: s,
@@ -800,24 +800,24 @@ function _s({
   subHeader: r,
   ...i
 }) {
-  const l = R(null), u = V.useId(), [c, m] = A(!1), p = () => {
+  const l = T(null), d = Y.useId(), [c, m] = I(!1), p = () => {
     !n || c || (m(!0), setTimeout(() => {
       m(!1), n();
-    }, gt));
+    }, wt));
   };
-  B(() => {
-    const _ = (y) => {
-      y.key === "Escape" && p();
-    }, w = (y) => {
-      var j, S, M;
-      const k = ((S = (j = y.composedPath) == null ? void 0 : j.call(y)) == null ? void 0 : S[0]) ?? y.target;
-      l.current && !l.current.contains(k) && !((M = k.closest) != null && M.call(k, "[data-ds-portal]")) && p();
+  D(() => {
+    const v = (E) => {
+      E.key === "Escape" && p();
+    }, j = (E) => {
+      var b, S, L;
+      const g = ((S = (b = E.composedPath) == null ? void 0 : b.call(E)) == null ? void 0 : S[0]) ?? E.target;
+      l.current && !l.current.contains(g) && !((L = g.closest) != null && L.call(g, "[data-ds-portal]")) && p();
     };
-    return document.addEventListener("keydown", _), document.addEventListener("mousedown", w), () => {
-      document.removeEventListener("keydown", _), document.removeEventListener("mousedown", w);
+    return document.addEventListener("keydown", v), document.addEventListener("mousedown", j), () => {
+      document.removeEventListener("keydown", v), document.removeEventListener("mousedown", j);
     };
   }, [n, c]);
-  const h = V.Children.toArray(t), d = h.find((_) => (_ == null ? void 0 : _.type) === fe), v = h.filter((_) => (_ == null ? void 0 : _.type) !== fe);
+  const h = Y.Children.toArray(t), u = h.find((v) => (v == null ? void 0 : v.type) === fe), x = h.filter((v) => (v == null ? void 0 : v.type) !== fe);
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", c && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...i, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -825,7 +825,7 @@ function _s({
       ref: l,
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": s ? u : void 0,
+      "aria-labelledby": s ? d : void 0,
       children: [
         n && /* @__PURE__ */ e.jsx(
           ae,
@@ -839,19 +839,19 @@ function _s({
           }
         ),
         (s || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
-          s && /* @__PURE__ */ e.jsx("h3", { id: u, className: "ds-modal__title", children: s }),
+          s && /* @__PURE__ */ e.jsx("h3", { id: d, className: "ds-modal__title", children: s }),
           r && /* @__PURE__ */ e.jsx("div", { className: "ds-modal__subheader", children: r })
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: v }),
-        d
+        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: x }),
+        u
       ]
     }
   ) });
 }
 function fe({ children: t }) {
-  return !t || V.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: t });
+  return !t || Y.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: t });
 }
-const wt = 320;
+const gt = 320;
 function bs({
   children: t,
   title: s,
@@ -859,24 +859,24 @@ function bs({
   subHeader: a,
   ...o
 }) {
-  const r = R(null), i = V.useId(), [l, u] = A(!1), c = () => {
-    !n || l || (u(!0), setTimeout(() => {
-      u(!1), n();
-    }, wt));
+  const r = T(null), i = Y.useId(), [l, d] = I(!1), c = () => {
+    !n || l || (d(!0), setTimeout(() => {
+      d(!1), n();
+    }, gt));
   };
-  B(() => {
-    const d = (_) => {
-      _.key === "Escape" && c();
-    }, v = (_) => {
-      var y, k, j;
-      const w = ((k = (y = _.composedPath) == null ? void 0 : y.call(_)) == null ? void 0 : k[0]) ?? _.target;
-      r.current && !r.current.contains(w) && !((j = w.closest) != null && j.call(w, "[data-ds-portal]")) && c();
+  D(() => {
+    const u = (v) => {
+      v.key === "Escape" && c();
+    }, x = (v) => {
+      var E, g, b;
+      const j = ((g = (E = v.composedPath) == null ? void 0 : E.call(v)) == null ? void 0 : g[0]) ?? v.target;
+      r.current && !r.current.contains(j) && !((b = j.closest) != null && b.call(j, "[data-ds-portal]")) && c();
     };
-    return document.addEventListener("keydown", d), document.addEventListener("mousedown", v), () => {
-      document.removeEventListener("keydown", d), document.removeEventListener("mousedown", v);
+    return document.addEventListener("keydown", u), document.addEventListener("mousedown", x), () => {
+      document.removeEventListener("keydown", u), document.removeEventListener("mousedown", x);
     };
   }, [n, l]);
-  const m = V.Children.toArray(t), p = m.find((d) => (d == null ? void 0 : d.type) === fe), h = m.filter((d) => (d == null ? void 0 : d.type) !== fe);
+  const m = Y.Children.toArray(t), p = m.find((u) => (u == null ? void 0 : u.type) === fe), h = m.filter((u) => (u == null ? void 0 : u.type) !== fe);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -925,15 +925,15 @@ function yt({
   className: i = "",
   ...l
 }) {
-  const [u, c] = A(n), m = a !== void 0, p = m ? a : u, h = () => {
-    m ? o == null || o(!a) : c((v) => !v);
-  }, d = [
+  const [d, c] = I(n), m = a !== void 0, p = m ? a : d, h = () => {
+    m ? o == null || o(!a) : c((x) => !x);
+  }, u = [
     "ds-code-accordion",
     `ds-code-accordion--${r}`,
     p && "ds-code-accordion--expanded",
     i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: d, ...l, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: u, ...l, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -975,10 +975,10 @@ function Ns({ href: t, children: s, onClick: n, target: a, rel: o, ...r }) {
     }
   );
 }
-function gs({ children: t, size: s = "m", variant: n = "ghost", ...a }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...a, children: V.Children.map(t, (o) => V.isValidElement(o) ? V.cloneElement(o, { size: s, variant: n }) : o) });
+function ws({ children: t, size: s = "m", variant: n = "ghost", ...a }) {
+  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...a, children: Y.Children.map(t, (o) => Y.isValidElement(o) ? Y.cloneElement(o, { size: s, variant: n }) : o) });
 }
-function ws({ children: t, selected: s = !1, onClick: n, size: a = "m", variant: o = "ghost", disabled: r = !1, icon: i, href: l, ...u }) {
+function gs({ children: t, selected: s = !1, onClick: n, size: a = "m", variant: o = "ghost", disabled: r = !1, icon: i, href: l, ...d }) {
   const c = i && !t, m = [
     "ds-tab",
     `ds-tab--${a}`,
@@ -990,12 +990,12 @@ function ws({ children: t, selected: s = !1, onClick: n, size: a = "m", variant:
     t
   ] });
   if (l) {
-    const h = (d) => {
+    const h = (u) => {
       if (r) {
-        d.preventDefault();
+        u.preventDefault();
         return;
       }
-      d.metaKey || d.ctrlKey || d.button === 1 || (d.preventDefault(), n == null || n(d));
+      u.metaKey || u.ctrlKey || u.button === 1 || (u.preventDefault(), n == null || n(u));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
@@ -1006,7 +1006,7 @@ function ws({ children: t, selected: s = !1, onClick: n, size: a = "m", variant:
         className: m,
         href: r ? void 0 : l,
         onClick: h,
-        ...u,
+        ...d,
         children: p
       }
     );
@@ -1019,34 +1019,34 @@ function ws({ children: t, selected: s = !1, onClick: n, size: a = "m", variant:
       className: m,
       onClick: n,
       disabled: r,
-      ...u,
+      ...d,
       children: p
     }
   );
 }
 function ys({ options: t, value: s, onChange: n, size: a = "m", disabled: o = !1 }) {
-  const r = R(null), i = R(null), [l, u] = A(!1), c = R(!1), m = R(null), p = R(null), h = () => {
+  const r = T(null), i = T(null), [l, d] = I(!1), c = T(!1), m = T(null), p = T(null), h = () => {
     if (!r.current) return;
-    const d = r.current.querySelector(`[data-value="${s}"]`);
-    if (!d) return;
-    const v = r.current.getBoundingClientRect(), _ = d.getBoundingClientRect(), w = _.left - v.left, y = _.width;
-    i.current ? (i.current.style.transition = c.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = w + "px", i.current.style.width = y + "px", c.current = !1) : (u(!0), requestAnimationFrame(() => {
+    const u = r.current.querySelector(`[data-value="${s}"]`);
+    if (!u) return;
+    const x = r.current.getBoundingClientRect(), v = u.getBoundingClientRect(), j = v.left - x.left, E = v.width;
+    i.current ? (i.current.style.transition = c.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = j + "px", i.current.style.width = E + "px", c.current = !1) : (d(!0), requestAnimationFrame(() => {
       if (!i.current || !r.current) return;
-      const k = r.current.querySelector(`[data-value="${s}"]`);
-      if (!k) return;
-      const j = r.current.getBoundingClientRect(), S = k.getBoundingClientRect();
-      i.current.style.transition = "none", i.current.style.left = S.left - j.left + "px", i.current.style.width = S.width + "px";
+      const g = r.current.querySelector(`[data-value="${s}"]`);
+      if (!g) return;
+      const b = r.current.getBoundingClientRect(), S = g.getBoundingClientRect();
+      i.current.style.transition = "none", i.current.style.left = S.left - b.left + "px", i.current.style.width = S.width + "px";
     }));
   };
   return p.current = h, Ze(() => {
-    const d = m.current !== s;
-    m.current = s, c.current = l && d, h();
-  }), B(() => {
+    const u = m.current !== s;
+    m.current = s, c.current = l && u, h();
+  }), D(() => {
     if (!r.current) return;
-    const d = new ResizeObserver(() => {
+    const u = new ResizeObserver(() => {
       c.current = !1, p.current();
     });
-    return d.observe(r.current), () => d.disconnect();
+    return u.observe(r.current), () => u.disconnect();
   }, []), /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1066,21 +1066,21 @@ function ys({ options: t, value: s, onChange: n, size: a = "m", disabled: o = !1
             "aria-hidden": "true"
           }
         ),
-        t.map((d) => /* @__PURE__ */ e.jsxs(
+        t.map((u) => /* @__PURE__ */ e.jsxs(
           "button",
           {
             type: "button",
-            "data-value": d.value,
-            className: ["ds-seg__btn", s === d.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
-            onClick: () => !o && n(d.value),
-            "aria-pressed": s === d.value,
+            "data-value": u.value,
+            className: ["ds-seg__btn", s === u.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
+            onClick: () => !o && n(u.value),
+            "aria-pressed": s === u.value,
             disabled: o,
             children: [
-              d.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: d.icon }),
-              d.label
+              u.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: u.icon }),
+              u.label
             ]
           },
-          d.value
+          u.value
         ))
       ]
     }
@@ -1095,8 +1095,8 @@ function Be({
   padding: r = "m",
   ...i
 }) {
-  const [l, u] = A(n), c = a !== void 0, m = c ? a : l, p = () => {
-    c ? o == null || o(!a) : u((d) => !d);
+  const [l, d] = I(n), c = a !== void 0, m = c ? a : l, p = () => {
+    c ? o == null || o(!a) : d((u) => !u);
   }, h = [
     "ds-accordion",
     `ds-accordion--${r}`,
@@ -1159,37 +1159,37 @@ function Et(t, s, n) {
   return r === t.top ? "top" : r === o - t.bottom ? "bottom" : r === a - t.right ? "right" : "left";
 }
 function De({ children: t, content: s, position: n, ...a }) {
-  const [o, r] = A(!1), [i, l] = A({ visibility: "hidden" }), [u, c] = A(n || "top"), m = R(null), p = R(null), h = R(!1), d = () => {
+  const [o, r] = I(!1), [i, l] = I({ visibility: "hidden" }), [d, c] = I(n || "top"), m = T(null), p = T(null), h = T(!1), u = () => {
     if (!m.current || !p.current) return;
-    const _ = m.current.getBoundingClientRect(), w = p.current.getBoundingClientRect(), y = n || Et(_, w.height, w.width), { top: k, left: j, arrowOffset: S } = kt(y, _, w);
-    c(y), l({
+    const v = m.current.getBoundingClientRect(), j = p.current.getBoundingClientRect(), E = n || Et(v, j.height, j.width), { top: g, left: b, arrowOffset: S } = kt(E, v, j);
+    c(E), l({
       position: "fixed",
-      top: k,
-      left: j,
+      top: g,
+      left: b,
       visibility: "visible",
       "--arrow-offset": `${S}px`
     });
   };
-  if (B(() => {
+  if (D(() => {
     if (!o) return;
     l({ position: "fixed", visibility: "hidden" });
-    const _ = requestAnimationFrame(d);
-    return window.addEventListener("scroll", d, !0), window.addEventListener("resize", d), () => {
-      cancelAnimationFrame(_), window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
+    const v = requestAnimationFrame(u);
+    return window.addEventListener("scroll", u, !0), window.addEventListener("resize", u), () => {
+      cancelAnimationFrame(v), window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
     };
-  }, [o, n]), B(() => {
+  }, [o, n]), D(() => {
     if (!o) return;
-    const _ = (w) => {
-      m.current && !m.current.contains(w.target) && r(!1);
+    const v = (j) => {
+      m.current && !m.current.contains(j.target) && r(!1);
     };
-    return document.addEventListener("touchstart", _), () => document.removeEventListener("touchstart", _);
+    return document.addEventListener("touchstart", v), () => document.removeEventListener("touchstart", v);
   }, [o]), !s) return t;
-  const v = o && /* @__PURE__ */ e.jsx(
+  const x = o && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: p,
       "data-ds-portal": "",
-      className: `ds-tooltip ds-tooltip--${u}`,
+      className: `ds-tooltip ds-tooltip--${d}`,
       role: "tooltip",
       style: i,
       children: s
@@ -1207,12 +1207,12 @@ function De({ children: t, content: s, position: n, ...a }) {
         h.current || r(!1);
       },
       onTouchStart: () => {
-        h.current = !0, r((_) => !_);
+        h.current = !0, r((v) => !v);
       },
       ...a,
       children: [
         t,
-        typeof document < "u" && pe.createPortal(v, document.body)
+        typeof document < "u" && pe.createPortal(x, document.body)
       ]
     }
   );
@@ -1226,12 +1226,12 @@ function ks({
   id: r,
   ...i
 }) {
-  const l = r || `toggle-${V.useId()}`, u = [
+  const l = r || `toggle-${Y.useId()}`, d = [
     "ds-toggle",
     `ds-toggle--${n}`,
     a && "ds-toggle--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("label", { className: u, htmlFor: l, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: d, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -1257,12 +1257,12 @@ function Es({
   id: r,
   ...i
 }) {
-  const l = r || `checkbox-${V.useId()}`, u = [
+  const l = r || `checkbox-${Y.useId()}`, d = [
     "ds-checkbox",
     `ds-checkbox--${n}`,
     a && "ds-checkbox--disabled"
   ].filter(Boolean).join(" "), c = n === "xs" ? 10 : n === "small" ? 14 : n === "large" ? 20 : 16;
-  return /* @__PURE__ */ e.jsxs("label", { className: u, htmlFor: l, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: d, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -1295,9 +1295,9 @@ function $s({
   name: r,
   value: i,
   id: l,
-  ...u
+  ...d
 }) {
-  const c = l || `radio-${V.useId()}`, m = [
+  const c = l || `radio-${Y.useId()}`, m = [
     "ds-radio",
     `ds-radio--${n}`,
     a && "ds-radio--disabled"
@@ -1314,7 +1314,7 @@ function $s({
         disabled: a,
         name: r,
         value: i,
-        ...u
+        ...d
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-radio__circle", children: /* @__PURE__ */ e.jsx("span", { className: "ds-radio__dot" }) }),
@@ -1364,7 +1364,7 @@ function St(t) {
   return s.length >= 2 ? (s[0][0] + s[1][0]).toUpperCase() : t[0].toUpperCase();
 }
 function Ts({ seed: t, icon: s, src: n, size: a = 32, className: o = "", style: r = {}, ...i }) {
-  const l = Rt(t ?? ""), [u, c] = A(!1), m = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: St(t) });
+  const l = Rt(t ?? ""), [d, c] = I(!1), m = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: St(t) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1372,7 +1372,7 @@ function Ts({ seed: t, icon: s, src: n, size: a = 32, className: o = "", style:
       style: { width: a, height: a, "--ds-avatar-h": l, ...r },
       "aria-hidden": "true",
       ...i,
-      children: n && !u ? /* @__PURE__ */ e.jsx("img", { src: n, alt: "", onError: () => c(!0) }) : m
+      children: n && !d ? /* @__PURE__ */ e.jsx("img", { src: n, alt: "", onError: () => c(!0) }) : m
     }
   );
 }
@@ -1412,7 +1412,7 @@ function Ss({ children: t, ...s }) {
 function As({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("tbody", { ...s, children: t });
 }
-function Is({ children: t, interactive: s, selected: n, subheader: a, exiting: o, updated: r, className: i = "", onClick: l, ...u }) {
+function Is({ children: t, interactive: s, selected: n, subheader: a, exiting: o, updated: r, className: i = "", onClick: l, ...d }) {
   return /* @__PURE__ */ e.jsx(
     "tr",
     {
@@ -1426,7 +1426,7 @@ function Is({ children: t, interactive: s, selected: n, subheader: a, exiting: o
         i
       ].filter(Boolean).join(" "),
       onClick: l,
-      ...u,
+      ...d,
       children: t
     }
   );
@@ -1435,13 +1435,13 @@ function Bs({ 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 Ds({ children: t, align: s = "left", sortDir: n, onSort: a, width: o, className: r = "", style: i = {}, ...l }) {
-  const u = !!a || n !== void 0, c = n === "asc" ? nt : n === "desc" ? ve : rt;
+  const d = !!a || n !== void 0, c = n === "asc" ? nt : n === "desc" ? ve : rt;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
       className: [
         "ds-th",
-        u ? "ds-th--sortable" : "",
+        d ? "ds-th--sortable" : "",
         n ? "ds-th--sorted" : "",
         s !== "left" ? `ds-table-cell--${s}` : "",
         r
@@ -1449,7 +1449,7 @@ function Ds({ children: t, align: s = "left", sortDir: n, onSort: a, width: o, c
       onClick: a,
       style: { width: o, ...i },
       ...l,
-      children: u ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
+      children: d ? /* @__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 }) })
       ] }) : t
@@ -1506,10 +1506,10 @@ function Ms({
   htmlFor: r,
   children: i,
   className: l = "",
-  style: u,
+  style: d,
   ...c
 }) {
-  const m = V.useId(), p = r ?? m, h = `${p}-hint`, d = `${p}-error`;
+  const m = Y.useId(), p = r ?? m, h = `${p}-hint`, u = `${p}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1517,19 +1517,19 @@ function Ms({
       "data-state": n ? "error" : void 0,
       "data-required": a ? "" : void 0,
       "data-disabled": o ? "" : void 0,
-      style: u,
+      style: d,
       ...c,
       children: [
         t && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: p, children: t }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-field-control", children: i }),
         s && !n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: h, children: s }),
-        n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: d, role: "alert", children: n })
+        n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: u, role: "alert", children: n })
       ]
     }
   );
 }
 function zs({ label: t, value: s, delta: n, size: a = "m", inline: o = !1, className: r = "", style: i, ...l }) {
-  const u = n != null && n.startsWith("+") ? "up" : n != null && n.startsWith("-") ? "down" : "neutral";
+  const d = n != null && n.startsWith("+") ? "up" : n != null && n.startsWith("-") ? "down" : "neutral";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1544,7 +1544,7 @@ function zs({ label: t, value: s, delta: n, size: a = "m", inline: o = !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--${u}`, children: n })
+        n != null && /* @__PURE__ */ e.jsx("span", { className: `ds-stat-delta ds-stat-delta--${d}`, children: n })
       ]
     }
   );
@@ -1557,7 +1557,7 @@ function Cs({
   style: o,
   ...r
 }) {
-  const i = V.Children.toArray(t).filter(Boolean);
+  const i = Y.Children.toArray(t).filter(Boolean);
   return /* @__PURE__ */ e.jsx(
     "nav",
     {
@@ -1565,10 +1565,10 @@ function Cs({
       "aria-label": n,
       style: o,
       ...r,
-      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: i.map((l, u) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
+      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: i.map((l, d) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
         l,
-        u < i.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: s })
-      ] }, u)) })
+        d < i.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: s })
+      ] }, d)) })
     }
   );
 }
@@ -1582,7 +1582,7 @@ function Os({
   style: i,
   ...l
 }) {
-  const u = At(t, s, a);
+  const d = At(t, s, a);
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
@@ -1601,7 +1601,7 @@ function Os({
             children: /* @__PURE__ */ e.jsx(at, { size: 16 })
           }
         ),
-        u.map(
+        d.map(
           (c, m) => c === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${m}`) : /* @__PURE__ */ e.jsx(
             "button",
             {
@@ -1643,24 +1643,24 @@ function Fs({
   side: a = "right",
   ...o
 }) {
-  const r = R(null), i = V.useId(), [l, u] = A(!1), c = () => {
-    !n || l || (u(!0), setTimeout(() => {
-      u(!1), n();
+  const r = T(null), i = Y.useId(), [l, d] = I(!1), c = () => {
+    !n || l || (d(!0), setTimeout(() => {
+      d(!1), n();
     }, It));
   };
-  B(() => {
-    const d = (_) => {
-      _.key === "Escape" && c();
-    }, v = (_) => {
-      var y, k, j;
-      const w = ((k = (y = _.composedPath) == null ? void 0 : y.call(_)) == null ? void 0 : k[0]) ?? _.target;
-      r.current && !r.current.contains(w) && !((j = w.closest) != null && j.call(w, "[data-ds-portal]")) && c();
+  D(() => {
+    const u = (v) => {
+      v.key === "Escape" && c();
+    }, x = (v) => {
+      var E, g, b;
+      const j = ((g = (E = v.composedPath) == null ? void 0 : E.call(v)) == null ? void 0 : g[0]) ?? v.target;
+      r.current && !r.current.contains(j) && !((b = j.closest) != null && b.call(j, "[data-ds-portal]")) && c();
     };
-    return document.addEventListener("keydown", d), document.addEventListener("mousedown", v), () => {
-      document.removeEventListener("keydown", d), document.removeEventListener("mousedown", v);
+    return document.addEventListener("keydown", u), document.addEventListener("mousedown", x), () => {
+      document.removeEventListener("keydown", u), document.removeEventListener("mousedown", x);
     };
   }, [n, l]);
-  const m = V.Children.toArray(t), p = m.find((d) => (d == null ? void 0 : d.type) === Fe), h = m.filter((d) => (d == null ? void 0 : d.type) !== Fe);
+  const m = Y.Children.toArray(t), p = m.find((u) => (u == null ? void 0 : u.type) === Fe), h = m.filter((u) => (u == null ? void 0 : u.type) !== Fe);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1699,24 +1699,24 @@ function Ws({
   subHeader: a,
   ...o
 }) {
-  const r = R(null), i = V.useId(), [l, u] = A(!1), c = () => {
-    !n || l || (u(!0), setTimeout(() => {
-      u(!1), n();
+  const r = T(null), i = Y.useId(), [l, d] = I(!1), c = () => {
+    !n || l || (d(!0), setTimeout(() => {
+      d(!1), n();
     }, Bt));
   };
-  B(() => {
-    const d = (_) => {
-      _.key === "Escape" && c();
-    }, v = (_) => {
-      var y, k, j;
-      const w = ((k = (y = _.composedPath) == null ? void 0 : y.call(_)) == null ? void 0 : k[0]) ?? _.target;
-      r.current && !r.current.contains(w) && !((j = w.closest) != null && j.call(w, "[data-ds-portal]")) && c();
+  D(() => {
+    const u = (v) => {
+      v.key === "Escape" && c();
+    }, x = (v) => {
+      var E, g, b;
+      const j = ((g = (E = v.composedPath) == null ? void 0 : E.call(v)) == null ? void 0 : g[0]) ?? v.target;
+      r.current && !r.current.contains(j) && !((b = j.closest) != null && b.call(j, "[data-ds-portal]")) && c();
     };
-    return document.addEventListener("keydown", d), document.addEventListener("mousedown", v), () => {
-      document.removeEventListener("keydown", d), document.removeEventListener("mousedown", v);
+    return document.addEventListener("keydown", u), document.addEventListener("mousedown", x), () => {
+      document.removeEventListener("keydown", u), document.removeEventListener("mousedown", x);
     };
   }, [n, l]);
-  const m = V.Children.toArray(t), p = m.find((d) => (d == null ? void 0 : d.type) === We || (d == null ? void 0 : d.type) === fe), h = m.filter((d) => (d == null ? void 0 : d.type) !== We && (d == null ? void 0 : d.type) !== fe);
+  const m = Y.Children.toArray(t), p = m.find((u) => (u == null ? void 0 : u.type) === We || (u == null ? void 0 : u.type) === fe), h = m.filter((u) => (u == null ? void 0 : u.type) !== We && (u == null ? void 0 : u.type) !== fe);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1755,7 +1755,7 @@ function Ws({
   );
 }
 function We({ children: t }) {
-  return !t || V.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__footer", children: t });
+  return !t || Y.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__footer", children: t });
 }
 const _e = et({ collapsed: !1, side: "left" });
 function Us({
@@ -1782,12 +1782,12 @@ function Vs({
   onClick: r,
   count: i,
   updated: l = !1,
-  open: u = !1,
+  open: d = !1,
   onboarding: c = !1,
   className: m = "",
   ...p
 }) {
-  const { collapsed: h, side: d } = je(_e), w = {
+  const { collapsed: h, side: u } = je(_e), j = {
     className: [
       "ds-nav-rail__item",
       m
@@ -1800,18 +1800,18 @@ function Vs({
     ...{
       "data-selected": n || void 0,
       "data-disabled": a || void 0,
-      "data-open": u || void 0,
+      "data-open": d || void 0,
       "data-onboarding": c || void 0
     },
     ...p
-  }, y = i != null, k = d === "left" ? "right" : "left", j = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }, E = i != null, g = u === "left" ? "right" : "left", b = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: t }),
     !h && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s }),
     !h && l && /* @__PURE__ */ e.jsx(de, { size: "xs", variant: "accent", className: "ds-nav-rail__badge-expanded", children: "New" }),
-    !h && y && /* @__PURE__ */ e.jsx("span", { className: ["ds-nav-rail__count", i === 0 && "ds-nav-rail__count--zero"].filter(Boolean).join(" "), children: i }),
+    !h && E && /* @__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 = o ? /* @__PURE__ */ e.jsx("a", { href: a ? void 0 : o, ...w, children: j }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...w, children: j });
-  return h ? /* @__PURE__ */ e.jsx(De, { content: s, position: k, children: S }) : S;
+  ] }), S = o ? /* @__PURE__ */ e.jsx("a", { href: a ? void 0 : o, ...j, children: b }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...j, children: b });
+  return h ? /* @__PURE__ */ e.jsx(De, { content: s, position: g, children: S }) : S;
 }
 function Ys({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__body", "ds-scrollable", s].filter(Boolean).join(" "), ...n, children: t });
@@ -1826,14 +1826,14 @@ function Ks({ className: t = "", ...s }) {
   return /* @__PURE__ */ e.jsx("hr", { className: ["ds-nav-rail__divider", t].filter(Boolean).join(" "), ...s });
 }
 function Gs({ children: t, label: s = "Recents", defaultOpen: n = !0, className: a = "", ...o }) {
-  const { collapsed: r } = je(_e), [i, l] = A(n);
+  const { collapsed: r } = je(_e), [i, l] = I(n);
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-nav-rail__recents", a].filter(Boolean).join(" "), ...o, children: [
     !r && /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         className: ["ds-nav-rail__recents-toggle", !i && "ds-nav-rail__recents-toggle--closed"].filter(Boolean).join(" "),
-        onClick: () => l((u) => !u),
+        onClick: () => l((d) => !d),
         "aria-expanded": i,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__recents-label", children: s }),
@@ -1851,7 +1851,7 @@ const Xs = Qe(function({
   className: o = "",
   ...r
 }, i) {
-  const { collapsed: l, side: u } = je(_e), c = u === "left" ? "right" : "left", m = [
+  const { collapsed: l, side: d } = je(_e), c = d === "left" ? "right" : "left", m = [
     "ds-nav-rail__item",
     "ds-nav-rail__agent",
     o
@@ -1872,7 +1872,7 @@ const Xs = Qe(function({
   return l ? /* @__PURE__ */ e.jsx(De, { content: a, position: c, children: h }) : h;
 });
 function Js({ avatar: t, label: s, selected: n = !1, disabled: a = !1, href: o, onClick: r, className: i = "", ...l }) {
-  const { collapsed: u, side: c } = je(_e), h = {
+  const { collapsed: d, side: c } = je(_e), h = {
     className: [
       "ds-nav-rail__item",
       "ds-nav-rail__agent",
@@ -1887,11 +1887,11 @@ function Js({ avatar: t, label: s, selected: n = !1, disabled: a = !1, href: o,
       "data-disabled": a || void 0
     },
     ...l
-  }, d = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }, u = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: t }),
-    !u && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s })
-  ] }), v = c === "left" ? "right" : "left", _ = o ? /* @__PURE__ */ e.jsx("a", { href: a ? void 0 : o, ...h, children: d }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...h, children: d });
-  return u ? /* @__PURE__ */ e.jsx(De, { content: s, position: v, children: _ }) : _;
+    !d && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s })
+  ] }), x = c === "left" ? "right" : "left", v = o ? /* @__PURE__ */ e.jsx("a", { href: a ? void 0 : o, ...h, children: u }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...h, children: u });
+  return d ? /* @__PURE__ */ e.jsx(De, { content: s, position: x, children: v }) : v;
 }
 const Dt = {
   info: Ie,
@@ -1908,12 +1908,12 @@ function Zs({
   role: r,
   ...i
 }) {
-  const l = Dt[s], u = r || (s === "error" ? "alert" : "status");
+  const l = Dt[s], d = r || (s === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: `ds-banner ds-banner--${s}`,
-      role: u,
+      role: d,
       ...i,
       children: [
         l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: P[2], strokeWidth: 1.5 }) }),
@@ -1947,138 +1947,139 @@ function Qs({
   open: n,
   onOpenChange: a,
   align: o = "left",
-  className: r = "",
-  style: i,
-  ...l
+  fullWidth: r = !1,
+  className: i = "",
+  style: l,
+  ...d
 }) {
-  const [u, c] = A(!1), [m, p] = A(!1), h = n !== void 0, d = h ? n : u, v = R(null), _ = R(null), w = R(null), y = R(null), [k, j] = A({}), S = R(null), M = 150, D = () => {
-    if (h)
+  const [c, m] = I(!1), [p, h] = I(!1), u = n !== void 0, x = u ? n : c, v = T(null), j = T(null), E = T(null), g = T(null), [b, S] = I({}), L = T(null), C = 150, U = () => {
+    if (u)
       a == null || a(!1);
     else {
-      if (m) return;
-      p(!0), S.current = setTimeout(() => {
-        c(!1), p(!1);
-      }, M);
+      if (p) return;
+      h(!0), L.current = setTimeout(() => {
+        m(!1), h(!1);
+      }, C);
     }
-  }, H = () => {
-    const x = !d;
-    h ? a == null || a(x) : x ? (clearTimeout(S.current), p(!1), c(!0)) : D();
-  }, q = () => {
-    d || (h ? a == null || a(!0) : (clearTimeout(S.current), p(!1), c(!0)));
+  }, K = () => {
+    const _ = !x;
+    u ? a == null || a(_) : _ ? (clearTimeout(L.current), h(!1), m(!0)) : U();
+  }, V = () => {
+    x || (u ? a == null || a(!0) : (clearTimeout(L.current), h(!1), m(!0)));
   };
-  B(() => () => clearTimeout(S.current), []), B(() => {
-    if (!d) return;
-    const x = 300, b = () => {
-      var G;
-      const E = (G = v.current) == null ? void 0 : G.getBoundingClientRect();
-      if (!E) return;
-      const L = window.innerHeight - E.bottom, U = L < x + 8 && E.top > L;
-      j(
-        o === "right" ? U ? { bottom: window.innerHeight - E.top + 4, top: "auto", right: window.innerWidth - E.right } : { top: E.bottom + 4, bottom: "auto", right: window.innerWidth - E.right } : U ? { bottom: window.innerHeight - E.top + 4, top: "auto", left: E.left } : { top: E.bottom + 4, bottom: "auto", left: E.left }
+  D(() => () => clearTimeout(L.current), []), D(() => {
+    if (!x) return;
+    const _ = 300, y = () => {
+      var k;
+      const R = (k = v.current) == null ? void 0 : k.getBoundingClientRect();
+      if (!R) return;
+      const O = window.innerHeight - R.bottom, H = O < _ + 8 && R.top > O;
+      S(
+        o === "right" ? H ? { bottom: window.innerHeight - R.top + 4, top: "auto", right: window.innerWidth - R.right } : { top: R.bottom + 4, bottom: "auto", right: window.innerWidth - R.right } : H ? { bottom: window.innerHeight - R.top + 4, top: "auto", left: R.left } : { top: R.bottom + 4, bottom: "auto", left: R.left }
       );
     };
-    return b(), window.addEventListener("scroll", b, !0), window.addEventListener("resize", b), () => {
-      window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", b);
+    return y(), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y), () => {
+      window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y);
     };
-  }, [d, o]);
-  const W = () => {
-    var b;
-    const x = (b = w.current) == null ? void 0 : b.querySelector(
+  }, [x, o]);
+  const w = () => {
+    var y;
+    const _ = (y = E.current) == null ? void 0 : y.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
-    x == null || x.focus();
+    _ == null || _.focus();
   };
-  B(() => {
-    if (!d) return;
-    const x = (E) => {
-      var L, U;
-      !((L = v.current) != null && L.contains(E.target)) && !((U = _.current) != null && U.contains(E.target)) && D();
-    }, b = (E) => {
-      E.key === "Escape" && (D(), W());
+  D(() => {
+    if (!x) return;
+    const _ = (R) => {
+      var O, H;
+      !((O = v.current) != null && O.contains(R.target)) && !((H = j.current) != null && H.contains(R.target)) && U();
+    }, y = (R) => {
+      R.key === "Escape" && (U(), w());
     };
-    return document.addEventListener("mousedown", x), document.addEventListener("keydown", b), () => {
-      document.removeEventListener("mousedown", x), document.removeEventListener("keydown", b);
+    return document.addEventListener("mousedown", _), document.addEventListener("keydown", y), () => {
+      document.removeEventListener("mousedown", _), document.removeEventListener("keydown", y);
     };
-  }, [d]), B(() => {
-    if (!d || !y.current || !_.current) return;
-    const x = g(), b = y.current === "last" ? x[x.length - 1] : x[0];
-    b == null || b.focus(), y.current = null;
-  }, [d]);
-  const g = () => _.current ? [..._.current.querySelectorAll(
+  }, [x]), D(() => {
+    if (!x || !g.current || !j.current) return;
+    const _ = M(), y = g.current === "last" ? _[_.length - 1] : _[0];
+    y == null || y.focus(), g.current = null;
+  }, [x]);
+  const M = () => j.current ? [...j.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
-  )] : [], C = (x) => {
-    var b, E;
-    if (x.key === "ArrowDown")
-      x.preventDefault(), d ? (b = g()[0]) == null || b.focus() : (y.current = "first", q());
-    else if (x.key === "ArrowUp")
-      if (x.preventDefault(), !d)
-        y.current = "last", q();
+  )] : [], G = (_) => {
+    var y, R;
+    if (_.key === "ArrowDown")
+      _.preventDefault(), x ? (y = M()[0]) == null || y.focus() : (g.current = "first", V());
+    else if (_.key === "ArrowUp")
+      if (_.preventDefault(), !x)
+        g.current = "last", V();
       else {
-        const L = g();
-        (E = L[L.length - 1]) == null || E.focus();
+        const O = M();
+        (R = O[O.length - 1]) == null || R.focus();
       }
-  }, K = (x) => {
-    var L, U, G, T;
-    const b = g(), E = b.findIndex((f) => f === document.activeElement);
-    switch (x.key) {
+  }, F = (_) => {
+    var O, H, k, f;
+    const y = M(), R = y.findIndex(($) => $ === document.activeElement);
+    switch (_.key) {
       case "ArrowDown":
-        x.preventDefault(), (L = b[Math.min(E + 1, b.length - 1)]) == null || L.focus();
+        _.preventDefault(), (O = y[Math.min(R + 1, y.length - 1)]) == null || O.focus();
         break;
       case "ArrowUp":
-        x.preventDefault(), E <= 0 ? W() : (U = b[E - 1]) == null || U.focus();
+        _.preventDefault(), R <= 0 ? w() : (H = y[R - 1]) == null || H.focus();
         break;
       case "Home":
-        x.preventDefault(), (G = b[0]) == null || G.focus();
+        _.preventDefault(), (k = y[0]) == null || k.focus();
         break;
       case "End":
-        x.preventDefault(), (T = b[b.length - 1]) == null || T.focus();
+        _.preventDefault(), (f = y[y.length - 1]) == null || f.focus();
         break;
       case "Tab":
-        D();
+        U();
         break;
     }
-  }, O = d && /* @__PURE__ */ e.jsx(
+  }, A = x && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: _,
+      ref: j,
       role: "menu",
       "data-ds-portal": "",
       className: [
         "ds-dropdown__menu",
         `ds-dropdown__menu--${o}`,
-        m && "ds-dropdown__menu--closing"
+        p && "ds-dropdown__menu--closing"
       ].filter(Boolean).join(" "),
-      style: k,
-      onKeyDown: K,
-      children: s.map((x, b) => {
-        if (x.separator)
-          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, b);
-        if (x.type === "section")
+      style: b,
+      onKeyDown: F,
+      children: s.map((_, y) => {
+        if (_.separator)
+          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, y);
+        if (_.type === "section")
           return /* @__PURE__ */ e.jsxs("div", { className: "ds-dropdown__section", children: [
-            x.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: x.label }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: x.content })
-          ] }, b);
-        const E = !!x.href, L = E ? "a" : "button", U = E ? { href: x.disabled ? void 0 : x.href, "aria-disabled": x.disabled ? "true" : void 0 } : { type: "button", disabled: x.disabled };
+            _.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: _.label }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: _.content })
+          ] }, y);
+        const R = !!_.href, O = R ? "a" : "button", H = R ? { href: _.disabled ? void 0 : _.href, "aria-disabled": _.disabled ? "true" : void 0 } : { type: "button", disabled: _.disabled };
         return /* @__PURE__ */ e.jsxs(
-          L,
+          O,
           {
             role: "menuitem",
             className: [
               "ds-dropdown__item",
-              x.danger && "ds-dropdown__item--danger"
+              _.danger && "ds-dropdown__item--danger"
             ].filter(Boolean).join(" "),
-            ...U,
+            ...H,
             onClick: () => {
-              var G;
-              (G = x.onClick) == null || G.call(x), D();
+              var k;
+              (k = _.onClick) == null || k.call(_), U();
             },
             children: [
-              x.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: x.icon }),
-              /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: x.label }),
-              x.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: x.shortcut })
+              _.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 })
             ]
           },
-          b
+          y
         );
       })
     }
@@ -2087,21 +2088,21 @@ function Qs({
     "div",
     {
       ref: v,
-      className: ["ds-dropdown", r].filter(Boolean).join(" "),
-      style: i,
-      ...l,
+      className: ["ds-dropdown", r && "ds-dropdown--full-width", i].filter(Boolean).join(" "),
+      style: l,
+      ...d,
       children: [
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: w,
+            ref: E,
             className: "ds-dropdown__trigger",
-            onClick: H,
-            onKeyDown: C,
+            onClick: K,
+            onKeyDown: G,
             children: t
           }
         ),
-        typeof document < "u" && pe.createPortal(O, document.body)
+        typeof document < "u" && pe.createPortal(A, document.body)
       ]
     }
   );
@@ -2114,7 +2115,7 @@ function en({
   min: o = 2,
   animate: r = !0
 }) {
-  const i = Math.min(100, Math.max(0, t)), l = Math.max(o, i), u = n === "auto" ? i >= 70 ? "success" : i >= 50 ? "warning" : "danger" : n;
+  const i = Math.min(100, Math.max(0, t)), l = Math.max(o, i), d = n === "auto" ? i >= 70 ? "success" : i >= 50 ? "warning" : "danger" : n;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2131,7 +2132,7 @@ function en({
         /* @__PURE__ */ e.jsx("div", { className: "ds-progress__track", children: /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `ds-progress__fill ds-progress__fill--${u}`,
+            className: `ds-progress__fill ds-progress__fill--${d}`,
             style: { width: `${l}%` }
           }
         ) }),
@@ -2145,18 +2146,18 @@ function en({
 }
 const Lt = (t) => 1 - Math.pow(1 - t, 3), Pt = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 function Mt(t, { duration: s = 600 } = {}) {
-  const [n, a] = A(t), o = R(t), r = R(null);
-  return B(() => {
+  const [n, a] = I(t), o = T(t), r = T(null);
+  return D(() => {
     if (Pt()) {
       a(t), o.current = t;
       return;
     }
     const i = o.current, l = t - i;
     if (l === 0) return;
-    let u = null;
+    let d = null;
     const c = (m) => {
-      u || (u = m);
-      const p = Math.min((m - u) / s, 1);
+      d || (d = m);
+      const p = Math.min((m - d) / s, 1);
       a(i + l * Lt(p)), p < 1 ? r.current = requestAnimationFrame(c) : o.current = t;
     };
     return r.current = requestAnimationFrame(c), () => cancelAnimationFrame(r.current);
@@ -2173,13 +2174,13 @@ function tn({
   return `${a}${i}${o}`;
 }
 function zt({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
-  const a = R(null), [o, r] = A(!1);
-  return B(() => {
+  const a = T(null), [o, r] = I(!1);
+  return D(() => {
     const i = a.current;
     if (!i) return;
     const l = new IntersectionObserver(
-      ([u]) => {
-        u.isIntersecting ? (r(!0), n && l.disconnect()) : n || r(!1);
+      ([d]) => {
+        d.isIntersecting ? (r(!0), n && l.disconnect()) : n || r(!1);
       },
       { threshold: t, rootMargin: s }
     );
@@ -2196,10 +2197,10 @@ function sn({
   onLeave: i,
   ...l
 }) {
-  const { ref: u, inView: c } = zt({ threshold: a, rootMargin: o, once: n }), m = R(!1);
-  return B(() => {
+  const { ref: d, inView: c } = zt({ threshold: a, rootMargin: o, once: n }), m = T(!1);
+  return D(() => {
     c && !m.current && (r == null || r()), !c && m.current && (i == null || i()), m.current = c;
-  }, [c]), /* @__PURE__ */ e.jsx(s, { ref: u, ...l, children: typeof t == "function" ? t(c) : t });
+  }, [c]), /* @__PURE__ */ e.jsx(s, { ref: d, ...l, children: typeof t == "function" ? t(c) : t });
 }
 const Ue = {
   default: Ie,
@@ -2231,8 +2232,8 @@ function nn() {
   return t.success = (s, n) => t(s, { ...n, type: "success" }), t.error = (s, n) => t(s, { ...n, type: "error" }), t.warning = (s, n) => t(s, { ...n, type: "warning" }), { toast: t };
 }
 function Ft({ data: t, onDismiss: s }) {
-  const [n, a] = A(!1), o = R(null);
-  B(() => (requestAnimationFrame(() => a(!0)), t.duration > 0 && (o.current = setTimeout(() => r(), t.duration)), () => clearTimeout(o.current)), []);
+  const [n, a] = I(!1), o = T(null);
+  D(() => (requestAnimationFrame(() => a(!0)), t.duration > 0 && (o.current = setTimeout(() => r(), t.duration)), () => clearTimeout(o.current)), []);
   function r() {
     a(!1), setTimeout(() => s(t.id), 250);
   }
@@ -2264,8 +2265,8 @@ function Ft({ data: t, onDismiss: s }) {
   );
 }
 function rn({ position: t = "bottom-right" }) {
-  const [s, n] = A(() => [...me]);
-  return B(() => (ke.add(n), () => ke.delete(n)), []), !s.length || typeof document > "u" ? null : pe.createPortal(
+  const [s, n] = I(() => [...me]);
+  return D(() => (ke.add(n), () => ke.delete(n)), []), !s.length || typeof document > "u" ? null : pe.createPortal(
     /* @__PURE__ */ e.jsx("div", { "data-ds-portal": "", className: ["ds-toast-container", `ds-toast-container--${t}`].join(" "), children: s.map((a) => /* @__PURE__ */ e.jsx(Ft, { data: a, onDismiss: Ot }, a.id)) }),
     document.body
   );
@@ -2284,7 +2285,7 @@ function an({
   expanded: r,
   onToggle: i,
   children: l,
-  className: u = "",
+  className: d = "",
   ...c
 }) {
   const m = s === "running", p = /* @__PURE__ */ e.jsxs("span", { className: "ds-tool-card__title-row", children: [
@@ -2296,7 +2297,7 @@ function an({
   return l ? /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-tool-card", m && "ds-tool-card--running", u].filter(Boolean).join(" "),
+      className: ["ds-tool-card", m && "ds-tool-card--running", d].filter(Boolean).join(" "),
       ...c,
       children: /* @__PURE__ */ e.jsx(
         Be,
@@ -2313,7 +2314,7 @@ function an({
   ) : /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-tool-card", "ds-tool-card--bubble", u].filter(Boolean).join(" "),
+      className: ["ds-tool-card", "ds-tool-card--bubble", d].filter(Boolean).join(" "),
       ...c,
       children: p
     }
@@ -2326,8 +2327,8 @@ function Ut({
   "aria-label": a = "Copy to clipboard",
   ...o
 }) {
-  const [r, i] = A(!1), l = (u) => {
-    u.currentTarget.blur(), navigator.clipboard.writeText(t).then(() => {
+  const [r, i] = I(!1), l = (d) => {
+    d.currentTarget.blur(), navigator.clipboard.writeText(t).then(() => {
       i(!0), setTimeout(() => i(!1), n);
     });
   };
@@ -2345,8 +2346,8 @@ function Ut({
   );
 }
 function on({ content: t, streaming: s = !1, ...n }) {
-  const [a, o] = A(s);
-  return B(() => {
+  const [a, o] = I(s);
+  return D(() => {
     o(!!s);
   }, [s]), /* @__PURE__ */ e.jsx(
     Be,
@@ -2377,8 +2378,8 @@ function ln({
   ...l
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", r].filter(Boolean).join(" "), ...l, children: [
-    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i, children: Array.from({ length: t }, (u, c) => {
-      const m = c === s, p = n.includes(c) && !m, h = a && (c <= s || n.includes(c)), d = [
+    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i, children: Array.from({ length: t }, (d, c) => {
+      const m = c === s, p = n.includes(c) && !m, h = a && (c <= s || n.includes(c)), u = [
         "ds-step-indicator__dot",
         m && "ds-step-indicator__dot--active",
         p && "ds-step-indicator__dot--done"
@@ -2387,7 +2388,7 @@ function ln({
         "button",
         {
           type: "button",
-          className: d,
+          className: u,
           role: "tab",
           "aria-selected": m,
           "aria-label": `Step ${c + 1}`,
@@ -2413,8 +2414,8 @@ function cn({
   className: o = "",
   ...r
 }) {
-  const i = R(t);
-  return B(() => {
+  const i = T(t);
+  return D(() => {
     t !== i.current && (a == null || a(t), i.current = t);
   }, [t, a]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", o].filter(Boolean).join(" "), ...r, children: [
     t,
@@ -2431,17 +2432,17 @@ function dn({
   className: i = "",
   ...l
 }) {
-  const u = [
+  const d = [
     "ds-chat-message",
     `ds-chat-message--${t}`,
     o && "ds-chat-message--streaming",
     i
   ].filter(Boolean).join(" ");
-  return t === "system" ? /* @__PURE__ */ e.jsx("div", { className: u, ...l, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: r }) }) : t === "user" ? /* @__PURE__ */ e.jsxs("div", { className: u, ...l, children: [
+  return t === "system" ? /* @__PURE__ */ e.jsx("div", { className: d, ...l, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: r }) }) : t === "user" ? /* @__PURE__ */ e.jsxs("div", { className: d, ...l, children: [
     a && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: a }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__bubble", children: r }),
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: n })
-  ] }) : /* @__PURE__ */ e.jsxs("div", { className: u, ...l, children: [
+  ] }) : /* @__PURE__ */ e.jsxs("div", { className: d, ...l, children: [
     s && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__header", children: s }),
     a && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: a }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__body", children: r }),
@@ -2449,8 +2450,8 @@ function dn({
   ] });
 }
 function un(t, { containerRef: s, smartPause: n = !0 } = {}) {
-  const a = R(!1), o = R(0);
-  B(() => {
+  const a = T(!1), o = T(0);
+  D(() => {
     const r = s == null ? void 0 : s.current;
     if (!r) return;
     const i = () => {
@@ -2458,7 +2459,7 @@ function un(t, { containerRef: s, smartPause: n = !0 } = {}) {
       !l && r.scrollTop < o.current && (a.current = !0), l && (a.current = !1), o.current = r.scrollTop;
     };
     return r.addEventListener("scroll", i, { passive: !0 }), () => r.removeEventListener("scroll", i);
-  }, [s]), B(() => {
+  }, [s]), D(() => {
     const r = s == null ? void 0 : s.current;
     r && (n && a.current || (r.scrollTop = r.scrollHeight));
   }, t);
@@ -2472,33 +2473,33 @@ function Vt({
   betweenTime: r = 380,
   manualPauseMs: i = 5e3
 }) {
-  const [l, u] = A(0), [c, m] = A(""), p = R("typing"), h = R(0), d = R(0), v = R(null), _ = R(0);
-  B(() => {
-    d.current = l;
-  }, [l]), B(() => {
-    if (v.current && (clearTimeout(v.current), v.current = null), !s || t.length === 0) {
+  const [l, d] = I(0), [c, m] = I(""), p = T("typing"), h = T(0), u = T(0), x = T(null), v = T(0);
+  D(() => {
+    u.current = l;
+  }, [l]), D(() => {
+    if (x.current && (clearTimeout(x.current), x.current = null), !s || t.length === 0) {
       m(""), h.current = 0, p.current = "typing";
       return;
     }
     const S = () => {
-      const M = Date.now();
-      if (_.current > M) {
-        v.current = setTimeout(S, _.current - M);
+      const L = Date.now();
+      if (v.current > L) {
+        x.current = setTimeout(S, v.current - L);
         return;
       }
-      const D = t[d.current % t.length] ?? "";
-      p.current === "typing" ? (h.current += 1, m(D.slice(0, h.current)), h.current >= D.length ? (p.current = "holding", v.current = setTimeout(S, o)) : v.current = setTimeout(S, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", v.current = setTimeout(S, a)) : (h.current = Math.max(0, h.current - 1), m(D.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", d.current = (d.current + 1) % t.length, u(d.current), v.current = setTimeout(S, r)) : v.current = setTimeout(S, a));
+      const C = t[u.current % t.length] ?? "";
+      p.current === "typing" ? (h.current += 1, m(C.slice(0, h.current)), h.current >= C.length ? (p.current = "holding", x.current = setTimeout(S, o)) : x.current = setTimeout(S, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", x.current = setTimeout(S, a)) : (h.current = Math.max(0, h.current - 1), m(C.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", u.current = (u.current + 1) % t.length, d(u.current), x.current = setTimeout(S, r)) : x.current = setTimeout(S, a));
     };
-    return v.current = setTimeout(S, 260), () => {
-      v.current && clearTimeout(v.current);
+    return x.current = setTimeout(S, 260), () => {
+      x.current && clearTimeout(x.current);
     };
   }, [s, t, n, a, o, r]);
-  const w = (S) => {
+  const j = (S) => {
     if (t.length === 0) return;
-    const M = (S % t.length + t.length) % t.length, D = t[M];
-    d.current = M, h.current = D.length, p.current = "holding", _.current = Date.now() + i, u(M), m(D);
-  }, y = () => w(d.current + 1), k = () => w(d.current - 1), j = t[l % t.length] ?? "";
-  return { displayed: c, currentPrompt: j, index: l, next: y, prev: k };
+    const L = (S % t.length + t.length) % t.length, C = t[L];
+    u.current = L, h.current = C.length, p.current = "holding", v.current = Date.now() + i, d(L), m(C);
+  }, E = () => j(u.current + 1), g = () => j(u.current - 1), b = t[l % t.length] ?? "";
+  return { displayed: c, currentPrompt: b, index: l, next: E, prev: g };
 }
 let Yt = 0;
 function fn({
@@ -2510,75 +2511,75 @@ function fn({
   loading: r = !1,
   disabled: i = !1,
   placeholder: l = "Let's get things done...",
-  animatedPlaceholders: u,
+  animatedPlaceholders: d,
   attachments: c,
   images: m,
   onAttachFiles: p,
   onAttachImages: h,
-  onRemoveAttachment: d,
-  onRemoveImage: v,
-  acceptImage: _,
-  acceptFile: w,
-  maxImages: y,
-  maxImageSize: k,
-  leftSlot: j,
+  onRemoveAttachment: u,
+  onRemoveImage: x,
+  acceptImage: v,
+  acceptFile: j,
+  maxImages: E,
+  maxImageSize: g,
+  leftSlot: b,
   rightSlot: S,
-  className: M = "",
-  ...D
+  className: L = "",
+  ...C
 }) {
-  const H = R(null), q = R(null), W = R(0), [g, C] = A(!1), [K, O] = A([]), x = (N) => {
-    const I = ++Yt;
-    O((X) => [...X, { id: I, msg: N }]), setTimeout(() => O((X) => X.filter((J) => J.id !== I)), 6e3);
-  }, b = (N) => O((I) => I.filter((X) => X.id !== N)), E = (N) => N.type.startsWith("image/"), L = () => !0, U = _ ?? E, G = w ?? L, T = (N) => {
-    const I = [], X = [], J = [], Z = [];
-    let te = 0, ce = y != null ? y - ((m == null ? void 0 : m.length) ?? 0) : 1 / 0;
+  const U = T(null), K = T(null), V = T(0), [w, M] = I(!1), [G, F] = I([]), A = (N) => {
+    const B = ++Yt;
+    F((X) => [...X, { id: B, msg: N }]), setTimeout(() => F((X) => X.filter((J) => J.id !== B)), 6e3);
+  }, _ = (N) => F((B) => B.filter((X) => X.id !== N)), y = (N) => N.type.startsWith("image/"), R = () => !0, O = v ?? y, H = j ?? R, k = (N) => {
+    const B = [], X = [], J = [], Z = [];
+    let te = 0, ce = E != null ? E - ((m == null ? void 0 : m.length) ?? 0) : 1 / 0;
     for (const se of N)
-      U(se) ? k && se.size > k ? J.push(se.name) : ce > 0 ? (I.push(se), ce--) : te++ : G(se) ? X.push(se) : Z.push(se.name);
-    return { imageFiles: I, docFiles: X, tooLarge: J, skipped: Z, limitExceeded: te };
+      O(se) ? g && se.size > g ? J.push(se.name) : ce > 0 ? (B.push(se), ce--) : te++ : H(se) ? X.push(se) : Z.push(se.name);
+    return { imageFiles: B, docFiles: X, tooLarge: J, skipped: Z, limitExceeded: te };
   }, f = (N) => {
-    const { imageFiles: I, docFiles: X, tooLarge: J, skipped: Z, limitExceeded: te } = T(N);
-    J.length && x(`File${J.length > 1 ? "s" : ""} too large${k ? ` (max ${k / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && x(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`), te && x(`Max ${y} images per message`), h && I.length && h(I);
-    const ce = X.concat(h ? [] : I);
+    const { imageFiles: B, docFiles: X, tooLarge: J, skipped: Z, limitExceeded: te } = k(N);
+    J.length && A(`File${J.length > 1 ? "s" : ""} too large${g ? ` (max ${g / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && A(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`), te && A(`Max ${E} images per message`), h && B.length && h(B);
+    const ce = X.concat(h ? [] : B);
     p && ce.length && p(ce);
   };
-  B(() => {
-    const N = q.current;
+  D(() => {
+    const N = K.current;
     N && (N.style.height = "auto", N.style.height = `${Math.min(N.scrollHeight, 200)}px`);
-  }, [t]), B(() => {
-    const N = (I) => {
+  }, [t]), D(() => {
+    const N = (B) => {
       var J, Z, te;
       if (r || i) return;
-      const X = (J = I.target) == null ? void 0 : J.tagName;
-      X === "INPUT" || X === "TEXTAREA" || X === "SELECT" || (Z = I.target) != null && Z.isContentEditable || I.ctrlKey || I.metaKey || I.altKey || I.key.length !== 1 && I.key !== "Backspace" && I.key !== "Delete" || (te = q.current) == null || te.focus();
+      const X = (J = B.target) == null ? void 0 : J.tagName;
+      X === "INPUT" || X === "TEXTAREA" || X === "SELECT" || (Z = B.target) != null && Z.isContentEditable || B.ctrlKey || B.metaKey || B.altKey || B.key.length !== 1 && B.key !== "Backspace" && B.key !== "Delete" || (te = K.current) == null || te.focus();
     };
     return document.addEventListener("keydown", N), () => document.removeEventListener("keydown", N);
   }, [r, i]);
   const $ = (N) => {
-    N.preventDefault(), W.current++, N.dataTransfer.types.includes("Files") && C(!0);
+    N.preventDefault(), V.current++, N.dataTransfer.types.includes("Files") && M(!0);
   }, z = (N) => {
-    N.preventDefault(), W.current--, W.current === 0 && C(!1);
-  }, F = (N) => N.preventDefault(), ne = (N) => {
-    N.preventDefault(), W.current = 0, C(!1);
-    const I = Array.from(N.dataTransfer.files);
-    I.length && f(I);
+    N.preventDefault(), V.current--, V.current === 0 && M(!1);
+  }, W = (N) => N.preventDefault(), ne = (N) => {
+    N.preventDefault(), V.current = 0, M(!1);
+    const B = Array.from(N.dataTransfer.files);
+    B.length && f(B);
   }, oe = (N) => {
-    const I = Array.from(N.target.files || []);
-    H.current && (H.current.value = ""), I.length && f(I);
-  }, Y = (N) => {
+    const B = Array.from(N.target.files || []);
+    U.current && (U.current.value = ""), B.length && f(B);
+  }, q = (N) => {
     var se;
     if (!h) return;
-    const I = (se = N.clipboardData) == null ? void 0 : se.items;
-    if (!I) return;
+    const B = (se = N.clipboardData) == null ? void 0 : se.items;
+    if (!B) return;
     const X = [];
-    for (const Je of I) {
+    for (const Je of B) {
       const Pe = Je.getAsFile();
       Pe && X.push(Pe);
     }
     if (X.length === 0) return;
-    const { imageFiles: J, tooLarge: Z, skipped: te, limitExceeded: ce } = T(X);
-    Z.length && x(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), te.length && x(`Skipped unsupported file${te.length > 1 ? "s" : ""}: ${te.join(", ")}`), ce && x(`Max ${y} images per message`), J.length && (N.preventDefault(), h(J));
-  }, Q = !r && !i && !!(u != null && u.length) && t.length === 0, ie = Vt({
-    prompts: u ?? [],
+    const { imageFiles: J, tooLarge: Z, skipped: te, limitExceeded: ce } = k(X);
+    Z.length && A(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), te.length && A(`Skipped unsupported file${te.length > 1 ? "s" : ""}: ${te.join(", ")}`), ce && A(`Max ${E} images per message`), J.length && (N.preventDefault(), h(J));
+  }, Q = !r && !i && !!(d != null && d.length) && t.length === 0, ie = Vt({
+    prompts: d ?? [],
     enabled: Q
   }), Ne = (N) => {
     if (Q) {
@@ -2597,11 +2598,11 @@ function fn({
     }
     o == null || o(N);
   }, Xe = (t.trim() || (m == null ? void 0 : m.length) > 0 || (c == null ? void 0 : c.length) > 0) && !i, Le = p || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", M].filter(Boolean).join(" "), ...D, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", L].filter(Boolean).join(" "), ...C, children: [
     Le && /* @__PURE__ */ e.jsx(
       "input",
       {
-        ref: H,
+        ref: U,
         type: "file",
         multiple: !0,
         accept: "*/*",
@@ -2612,21 +2613,21 @@ function fn({
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: ["ds-prompt-input__box", g && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
+        className: ["ds-prompt-input__box", w && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
         onDragEnter: $,
         onDragLeave: z,
-        onDragOver: F,
+        onDragOver: W,
         onDrop: ne,
         children: [
-          g && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
+          w && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
           /* @__PURE__ */ e.jsx(
             "textarea",
             {
-              ref: q,
+              ref: K,
               value: t,
               onChange: (N) => s == null ? void 0 : s(N.target.value),
               onKeyDown: Ne,
-              onPaste: Y,
+              onPaste: q,
               placeholder: Q ? "" : l,
               disabled: r || i,
               rows: 1,
@@ -2637,33 +2638,33 @@ function fn({
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-text", children: ie.displayed }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-cursor" })
           ] }),
-          m && m.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: m.map((N, I) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
+          m && m.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: m.map((N, B) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
             /* @__PURE__ */ e.jsx("img", { src: N.preview, alt: "" }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 className: "ds-prompt-input__image-remove",
-                onClick: () => v == null ? void 0 : v(I),
+                onClick: () => x == null ? void 0 : x(B),
                 "aria-label": "Remove image",
                 type: "button",
                 children: /* @__PURE__ */ e.jsx(ee, { size: 12, strokeWidth: 2 })
               }
             )
-          ] }, I)) }),
-          K.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: K.map((N) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
+          ] }, B)) }),
+          G.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: G.map((N) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
             /* @__PURE__ */ e.jsx("span", { children: N.msg }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
                 className: "ds-prompt-input__warning-close",
-                onClick: () => b(N.id),
+                onClick: () => _(N.id),
                 "aria-label": "Dismiss",
                 children: /* @__PURE__ */ e.jsx(ee, { size: P[1], strokeWidth: 1.5 })
               }
             )
           ] }, N.id)) }),
-          c && c.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: c.map((N, I) => /* @__PURE__ */ e.jsx(de, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
+          c && c.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: c.map((N, B) => /* @__PURE__ */ e.jsx(de, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
             N.uploading ? /* @__PURE__ */ e.jsx(ct, { size: P[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Me, { size: P[1], strokeWidth: 1.5 }),
             N.filename,
             N.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: "Uploading..." }) : /* @__PURE__ */ e.jsx(
@@ -2671,11 +2672,11 @@ function fn({
               {
                 type: "button",
                 className: "ds-prompt-input__remove-btn",
-                onClick: () => d == null ? void 0 : d(I),
+                onClick: () => u == null ? void 0 : u(B),
                 children: /* @__PURE__ */ e.jsx(ee, { size: P[1], strokeWidth: 1.5 })
               }
             )
-          ] }) }, I)) }),
+          ] }) }, B)) }),
           /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__toolbar", children: [
             Le && /* @__PURE__ */ e.jsx(
               ae,
@@ -2686,11 +2687,11 @@ function fn({
                 "aria-label": "Attach files",
                 onClick: () => {
                   var N;
-                  return (N = H.current) == null ? void 0 : N.click();
+                  return (N = U.current) == null ? void 0 : N.click();
                 }
               }
             ),
-            j,
+            b,
             S,
             /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__spacer" }),
             r ? /* @__PURE__ */ e.jsx(
@@ -2729,60 +2730,60 @@ function mn({
   showAutoOption: r = !1,
   groupByTier: i = !0,
   className: l = "",
-  ...u
+  ...d
 }) {
-  const [c, m] = A(!1), p = R(null), h = R(null), d = R(null), [v, _] = A({}), w = t.filter((g) => !o || g.name === "auto" ? !0 : (Ve[g.tier] ?? 1) >= (Ve[o] ?? 1)), y = w.find((g) => g.name === "auto"), k = w.filter((g) => g.name !== "auto"), j = t.find((g) => g.name === s), M = new Set(k.map((g) => g.tier).filter(Boolean)).size > 1;
-  B(() => {
+  const [c, m] = I(!1), p = T(null), h = T(null), u = T(null), [x, v] = I({}), j = t.filter((w) => !o || w.name === "auto" ? !0 : (Ve[w.tier] ?? 1) >= (Ve[o] ?? 1)), E = j.find((w) => w.name === "auto"), g = j.filter((w) => w.name !== "auto"), b = t.find((w) => w.name === s), L = new Set(g.map((w) => w.tier).filter(Boolean)).size > 1;
+  D(() => {
     if (!c) return;
-    const g = 320, C = () => {
-      var L;
-      const x = (L = h.current) == null ? void 0 : L.getBoundingClientRect();
-      if (!x) return;
-      const b = window.innerHeight - x.bottom, E = b < g + 8 && x.top > b;
-      _({
+    const w = 320, M = () => {
+      var R;
+      const A = (R = h.current) == null ? void 0 : R.getBoundingClientRect();
+      if (!A) return;
+      const _ = window.innerHeight - A.bottom, y = _ < w + 8 && A.top > _;
+      v({
         position: "fixed",
         zIndex: "var(--z-dropdown, 500)",
-        left: x.left,
-        ...E ? { bottom: window.innerHeight - x.top + 4, top: "auto" } : { top: x.bottom + 4, bottom: "auto" }
+        left: A.left,
+        ...y ? { bottom: window.innerHeight - A.top + 4, top: "auto" } : { top: A.bottom + 4, bottom: "auto" }
       });
     };
-    C(), window.addEventListener("scroll", C, !0), window.addEventListener("resize", C);
-    const K = (x) => {
-      var b, E;
-      !((b = p.current) != null && b.contains(x.target)) && !((E = d.current) != null && E.contains(x.target)) && m(!1);
-    }, O = (x) => {
-      x.key === "Escape" && m(!1);
+    M(), window.addEventListener("scroll", M, !0), window.addEventListener("resize", M);
+    const G = (A) => {
+      var _, y;
+      !((_ = p.current) != null && _.contains(A.target)) && !((y = u.current) != null && y.contains(A.target)) && m(!1);
+    }, F = (A) => {
+      A.key === "Escape" && m(!1);
     };
-    return document.addEventListener("mousedown", K), document.addEventListener("keydown", O), () => {
-      window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C), document.removeEventListener("mousedown", K), document.removeEventListener("keydown", O);
+    return document.addEventListener("mousedown", G), document.addEventListener("keydown", F), () => {
+      window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", M), document.removeEventListener("mousedown", G), document.removeEventListener("keydown", F);
     };
   }, [c]);
-  const D = (g) => {
-    n == null || n(g), m(!1);
-  }, H = (g) => /* @__PURE__ */ e.jsxs(
+  const C = (w) => {
+    n == null || n(w), m(!1);
+  }, U = (w) => /* @__PURE__ */ e.jsxs(
     "button",
     {
       type: "button",
       className: [
         "ds-model-picker__item",
-        g.name === s && "ds-model-picker__item--active"
+        w.name === s && "ds-model-picker__item--active"
       ].filter(Boolean).join(" "),
-      onClick: () => D(g.name),
+      onClick: () => C(w.name),
       children: [
-        g.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: g.icon }) : /* @__PURE__ */ e.jsx(ze, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
-        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: g.displayName || g.name }),
-        M && g.tier && /* @__PURE__ */ e.jsx(de, { size: "xs", variant: Ye[g.tier] || "default", children: g.tier })
+        w.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: w.icon }) : /* @__PURE__ */ e.jsx(ze, { 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 }),
+        L && w.tier && /* @__PURE__ */ e.jsx(de, { size: "xs", variant: Ye[w.tier] || "default", children: w.tier })
       ]
     },
-    g.name
-  ), q = () => !i || !M ? k.map(H) : ["fast", "standard", "premium"].flatMap((g) => {
-    const C = k.filter((K) => K.tier === g);
-    return C.length ? [
-      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": g, children: g.charAt(0).toUpperCase() + g.slice(1) }, `lbl-${g}`),
-      ...C.map(H)
+    w.name
+  ), K = () => !i || !L ? g.map(U) : ["fast", "standard", "premium"].flatMap((w) => {
+    const M = g.filter((G) => G.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(U)
     ] : [];
-  }), W = c && /* @__PURE__ */ e.jsxs("div", { ref: d, className: "ds-model-picker__menu ds-scrollable", "data-ds-portal": "", style: v, children: [
-    r && y && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }), V = c && /* @__PURE__ */ e.jsxs("div", { ref: u, className: "ds-model-picker__menu ds-scrollable", "data-ds-portal": "", style: x, children: [
+    r && E && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(
         "button",
         {
@@ -2792,23 +2793,23 @@ function mn({
             "ds-model-picker__item--auto",
             s === "auto" && "ds-model-picker__item--active"
           ].filter(Boolean).join(" "),
-          onClick: () => D("auto"),
+          onClick: () => C("auto"),
           children: [
             /* @__PURE__ */ e.jsx(ft, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: "Auto (smart routing)" })
           ]
         }
       ),
-      k.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
+      g.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
     ] }),
-    q()
+    K()
   ] });
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       ref: p,
       className: ["ds-model-picker", l].filter(Boolean).join(" "),
-      ...u,
+      ...d,
       children: [
         /* @__PURE__ */ e.jsxs(
           "button",
@@ -2816,17 +2817,17 @@ function mn({
             ref: h,
             type: "button",
             className: "ds-model-picker__trigger",
-            onClick: () => m((g) => !g),
+            onClick: () => m((w) => !w),
             "aria-haspopup": "listbox",
             "aria-expanded": c,
             children: [
-              j != null && j.icon ? /* @__PURE__ */ e.jsx("span", { children: j.icon }) : /* @__PURE__ */ e.jsx(ze, { size: 12, strokeWidth: 1.5 }),
-              /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (j == null ? void 0 : j.displayName) || (j == null ? void 0 : j.name) || s }),
-              M && (j == null ? void 0 : j.tier) && /* @__PURE__ */ e.jsx(de, { size: "xs", variant: Ye[j.tier] || "default", children: j.tier })
+              b != null && b.icon ? /* @__PURE__ */ e.jsx("span", { children: b.icon }) : /* @__PURE__ */ e.jsx(ze, { size: 12, strokeWidth: 1.5 }),
+              /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (b == null ? void 0 : b.displayName) || (b == null ? void 0 : b.name) || s }),
+              L && (b == null ? void 0 : b.tier) && /* @__PURE__ */ e.jsx(de, { size: "xs", variant: Ye[b.tier] || "default", children: b.tier })
             ]
           }
         ),
-        typeof document < "u" && pe.createPortal(W, document.body)
+        typeof document < "u" && pe.createPortal(V, document.body)
       ]
     }
   );
@@ -2851,25 +2852,25 @@ function pn({
   maxVisible: a = 5,
   onSourceClick: o
 }) {
-  const [r, i] = A(!1), l = Ht(t), u = l.length > a, c = r ? l : l.slice(0, a), m = t.some((h) => h.snippet), p = ["ds-sources-panel", s === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
+  const [r, i] = I(!1), l = Ht(t), d = l.length > a, c = r ? l : l.slice(0, a), m = t.some((h) => h.snippet), p = ["ds-sources-panel", s === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
   return s === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: p, children: [
     c.map((h) => {
-      const d = h.items.map((_) => _.page).filter(Boolean), v = !!o;
+      const u = h.items.map((v) => v.page).filter(Boolean), x = !!o;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__compact-row${v ? " ds-sources-panel__compact-row--clickable" : ""}`,
-          onClick: v ? () => o(h.items[0]) : void 0,
+          className: `ds-sources-panel__compact-row${x ? " ds-sources-panel__compact-row--clickable" : ""}`,
+          onClick: x ? () => o(h.items[0]) : void 0,
           children: [
             /* @__PURE__ */ e.jsx(mt, { size: P[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
-            d.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ee(d) })
+            u.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ee(u) })
           ]
         },
         h.filename
       );
     }),
-    u && !r && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
+    d && !r && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
       "+",
       l.length - a,
       " more sources"
@@ -2877,37 +2878,37 @@ function pn({
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: p, children: [
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: n }),
     c.map((h) => {
-      const d = h.items.map((_) => _.page).filter(Boolean), v = !!o;
+      const u = h.items.map((v) => v.page).filter(Boolean), x = !!o;
       return m ? /* @__PURE__ */ e.jsx(
         Be,
         {
-          title: /* @__PURE__ */ e.jsx(qt, { filename: h.filename, pages: d }),
+          title: /* @__PURE__ */ e.jsx(qt, { filename: h.filename, pages: u }),
           padding: "s",
-          children: h.items.map((_, w) => /* @__PURE__ */ e.jsx(
+          children: h.items.map((v, j) => /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: `ds-sources-panel__snippet${v ? " ds-sources-panel__snippet--clickable" : ""}`,
-              onClick: v ? () => o(_) : void 0,
-              children: _.snippet ?? `p. ${_.page}`
+              className: `ds-sources-panel__snippet${x ? " ds-sources-panel__snippet--clickable" : ""}`,
+              onClick: x ? () => o(v) : void 0,
+              children: v.snippet ?? `p. ${v.page}`
             },
-            w
+            j
           ))
         },
         h.filename
       ) : /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__row${v ? " ds-sources-panel__row--clickable" : ""}`,
-          onClick: v ? () => o(h.items[0]) : void 0,
+          className: `ds-sources-panel__row${x ? " ds-sources-panel__row--clickable" : ""}`,
+          onClick: x ? () => o(h.items[0]) : void 0,
           children: [
             /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
-            d.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ee(d) })
+            u.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ee(u) })
           ]
         },
         h.filename
       );
     }),
-    u && !r && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
+    d && !r && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
       "+",
       l.length - a,
       " more sources"
@@ -2926,7 +2927,7 @@ function hn({
   warningThreshold: r = 0.8,
   errorThreshold: i = 1
 }) {
-  const l = s > 0 ? t / s : 0, u = Math.min(l * 100, 100), c = l >= i ? "error" : l >= r ? "warning" : "normal";
+  const l = s > 0 ? t / s : 0, d = Math.min(l * 100, 100), c = l >= i ? "error" : l >= r ? "warning" : "normal";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2939,7 +2940,7 @@ function hn({
           "div",
           {
             className: `ds-token-counter__fill ds-token-counter__fill--${c}`,
-            style: { width: `${u}%` }
+            style: { width: `${d}%` }
           }
         ) }),
         (a || o) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${c}`, children: [
@@ -2974,18 +2975,18 @@ function xn({
     `ds-confidence-bar--${i}`,
     a === "block" && "ds-confidence-bar--block"
   ].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: He }, (l, u) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: He }, (l, d) => /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: `ds-confidence-bar__seg${u < r ? " ds-confidence-bar__seg--filled" : ""}`
+        className: `ds-confidence-bar__seg${d < r ? " ds-confidence-bar__seg--filled" : ""}`
       },
-      u
+      d
     )) }),
     n === "text" && /* @__PURE__ */ e.jsx("span", { className: "ds-confidence-bar__label", children: i })
   ] });
 }
 const Gt = { add: "+", remove: "-", context: " " };
-function ge({ line: t, lineNumbers: s }) {
+function we({ line: t, lineNumbers: s }) {
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-diff-view__line ds-diff-view__line--${t.type}`, children: [
     s && t.lineNo != null && /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__lineno", children: t.lineNo }),
     /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__prefix", children: Gt[t.type] }),
@@ -3006,18 +3007,18 @@ function vn({
     n && "ds-diff-view--wrap"
   ].filter(Boolean).join(" "), l = o ? { maxHeight: o, overflowY: "auto" } : void 0;
   if (s === "split") {
-    const u = t.filter((m) => m.type === "remove" || m.type === "context"), c = t.filter((m) => m.type === "add" || m.type === "context");
+    const d = t.filter((m) => m.type === "remove" || m.type === "context"), c = t.filter((m) => m.type === "add" || m.type === "context");
     return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
       r && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: r }),
       /* @__PURE__ */ e.jsxs("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: u.map((m, p) => /* @__PURE__ */ e.jsx(ge, { line: m, lineNumbers: a }, p)) }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: c.map((m, p) => /* @__PURE__ */ e.jsx(ge, { line: m, lineNumbers: a }, p)) })
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: d.map((m, p) => /* @__PURE__ */ e.jsx(we, { line: m, lineNumbers: a }, p)) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: c.map((m, p) => /* @__PURE__ */ e.jsx(we, { line: m, lineNumbers: a }, p)) })
       ] })
     ] });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
     r && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: r }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: t.map((u, c) => /* @__PURE__ */ e.jsx(ge, { line: u, lineNumbers: a }, c)) })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: t.map((d, c) => /* @__PURE__ */ e.jsx(we, { line: d, lineNumbers: a }, c)) })
   ] });
 }
 function Xt({
@@ -3103,15 +3104,15 @@ function _n({
   className: i = "",
   ...l
 }) {
-  const u = t === "assistant" && (o || r), c = !!s, m = n ? Jt(n) : null;
-  return !u && !c && !m ? null : /* @__PURE__ */ e.jsxs(
+  const d = t === "assistant" && (o || r), c = !!s, m = n ? Jt(n) : null;
+  return !d && !c && !m ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: ["ds-message-footer", `ds-message-footer--${t}`, i].filter(Boolean).join(" "),
       ...l,
       children: [
         t === "user" && m && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: m }),
-        u && /* @__PURE__ */ e.jsx(Xt, { className: "ds-message-action", value: a, onLike: o, onDislike: r }),
+        d && /* @__PURE__ */ e.jsx(Xt, { className: "ds-message-action", value: a, onLike: o, onDislike: r }),
         c && /* @__PURE__ */ e.jsx(Ut, { className: "ds-message-action", text: s }),
         t === "assistant" && m && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: m })
       ]
@@ -3125,7 +3126,7 @@ function bn({ label: t, className: s = "", ...n }) {
   ] });
 }
 function jn({ variant: t = "light", glow: s, mask: n = !0, style: a, ...o }) {
-  const r = t === "dark", i = s ?? r, l = r ? "rgba(255,250,250,0.05)" : "var(--color-border-light)", u = r ? "rgba(255,250,250,0.025)" : "color-mix(in srgb, var(--color-border-light) 50%, transparent)";
+  const r = t === "dark", i = s ?? r, l = r ? "rgba(255,250,250,0.05)" : "var(--color-border-light)", d = r ? "rgba(255,250,250,0.025)" : "color-mix(in srgb, var(--color-border-light) 50%, transparent)";
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -3150,8 +3151,8 @@ function jn({ variant: t = "light", glow: s, mask: n = !0, style: a, ...o }) {
             backgroundImage: [
               `linear-gradient(${l} 1px, transparent 1px)`,
               `linear-gradient(90deg, ${l} 1px, transparent 1px)`,
-              `linear-gradient(${u} 1px, transparent 1px)`,
-              `linear-gradient(90deg, ${u} 1px, transparent 1px)`
+              `linear-gradient(${d} 1px, transparent 1px)`,
+              `linear-gradient(90deg, ${d} 1px, transparent 1px)`
             ].join(", "),
             backgroundSize: "80px 80px, 80px 80px, 16px 16px, 16px 16px",
             backgroundPosition: "-1px -1px, -1px -1px, -1px -1px, -1px -1px",
@@ -3177,7 +3178,7 @@ function Nn({ children: t, axis: s = "y", style: n, className: a = "", ...o }) {
     }
   );
 }
-const we = 280, Zt = 22, Qt = 14, le = 8, be = 6, es = 200;
+const ge = 280, Zt = 22, Qt = 14, le = 8, be = 6, es = 200;
 function ts(t) {
   return t ? typeof t == "function" ? t() : typeof t == "string" ? document.querySelector(t) : null : null;
 }
@@ -3192,24 +3193,24 @@ function ss(t, s, n, a) {
 }
 function ns(t, s, n, a, o) {
   const r = window.innerWidth, i = window.innerHeight;
-  let l, u;
+  let l, d;
   switch (t) {
     case "top":
-      l = s.top - n - o, u = s.left + s.width / 2 - a / 2;
+      l = s.top - n - o, d = s.left + s.width / 2 - a / 2;
       break;
     case "bottom":
-      l = s.bottom + o, u = s.left + s.width / 2 - a / 2;
+      l = s.bottom + o, d = s.left + s.width / 2 - a / 2;
       break;
     case "left":
-      l = s.top + s.height / 2 - n / 2, u = s.left - a - o;
+      l = s.top + s.height / 2 - n / 2, d = s.left - a - o;
       break;
     default:
-      l = s.top + s.height / 2 - n / 2, u = s.right + o;
+      l = s.top + s.height / 2 - n / 2, d = s.right + o;
   }
-  const c = Math.max(le, Math.min(r - a - le, u));
-  return { top: Math.max(le, Math.min(i - n - le, l)), left: c, arrowOffset: u - c };
+  const c = Math.max(le, Math.min(r - a - le, d));
+  return { top: Math.max(le, Math.min(i - n - le, l)), left: c, arrowOffset: d - c };
 }
-function gn({
+function wn({
   steps: t,
   currentStep: s,
   onNext: n,
@@ -3218,99 +3219,99 @@ function gn({
   onFinish: r,
   overlay: i = !0,
   ring: l = !0,
-  labelNext: u = "Next",
+  labelNext: d = "Next",
   labelBack: c = "Back",
   labelSkip: m = "Skip tour",
   labelFinish: p = "Done",
   statePrimary: h = "idle",
-  stateBack: d = "idle"
+  stateBack: u = "idle"
 }) {
-  const v = R(null), _ = R(t), w = R(s), y = R(l);
-  _.current = t, w.current = s, y.current = l;
-  const [k, j] = A(!1), [S, M] = A({ position: "fixed", visibility: "hidden", width: we }), [D, H] = A("bottom"), [q, W] = A(null), g = R(!1), C = t[s], K = s === t.length - 1, O = $e(() => {
-    const x = _.current[w.current];
-    if (!x || !v.current) return;
-    const b = ts(x.target);
-    if (!b) return;
-    const E = b.getBoundingClientRect(), U = v.current.getBoundingClientRect().height || 160, G = we, T = y.current ? Zt : Qt, f = x.position || ss(E, U, G, T), { top: $, left: z, arrowOffset: F } = ns(f, E, U, G, T);
-    H(f), M({
+  const x = T(null), v = T(t), j = T(s), E = T(l);
+  v.current = t, j.current = s, E.current = l;
+  const [g, b] = I(!1), [S, L] = I({ position: "fixed", visibility: "hidden", width: ge }), [C, U] = I("bottom"), [K, V] = I(null), w = T(!1), M = t[s], G = s === t.length - 1, F = $e(() => {
+    const A = v.current[j.current];
+    if (!A || !x.current) return;
+    const _ = ts(A.target);
+    if (!_) return;
+    const y = _.getBoundingClientRect(), O = x.current.getBoundingClientRect().height || 160, H = ge, k = E.current ? Zt : Qt, f = A.position || ss(y, O, H, k), { top: $, left: z, arrowOffset: W } = ns(f, y, O, H, k);
+    U(f), L({
       position: "fixed",
       top: $,
       left: z,
-      width: we,
+      width: ge,
       visibility: "visible",
-      "--arrow-offset": `${F}px`
-    }), W({
-      top: E.top - be,
-      left: E.left - be,
-      width: E.width + be * 2,
-      height: E.height + be * 2
+      "--arrow-offset": `${W}px`
+    }), V({
+      top: y.top - be,
+      left: y.left - be,
+      width: y.width + be * 2,
+      height: y.height + be * 2
     });
   }, []);
-  return B(() => {
-    window.addEventListener("scroll", O, !0), window.addEventListener("resize", O);
-    const x = requestAnimationFrame(() => {
-      O(), j(!0), g.current = !0;
+  return D(() => {
+    window.addEventListener("scroll", F, !0), window.addEventListener("resize", F);
+    const A = requestAnimationFrame(() => {
+      F(), b(!0), w.current = !0;
     });
     return () => {
-      cancelAnimationFrame(x), window.removeEventListener("scroll", O, !0), window.removeEventListener("resize", O);
+      cancelAnimationFrame(A), window.removeEventListener("scroll", F, !0), window.removeEventListener("resize", F);
     };
-  }, []), B(() => {
-    if (!g.current) return;
-    j(!1);
-    const x = setTimeout(() => {
-      M((b) => ({ ...b, visibility: "hidden" })), requestAnimationFrame(() => {
-        O(), j(!0);
+  }, []), D(() => {
+    if (!w.current) return;
+    b(!1);
+    const A = setTimeout(() => {
+      L((_) => ({ ..._, visibility: "hidden" })), requestAnimationFrame(() => {
+        F(), b(!0);
       });
     }, es + 20);
-    return () => clearTimeout(x);
-  }, [s]), B(() => {
-    k && v.current && v.current.focus({ preventScroll: !0 });
-  }, [k]), B(() => {
-    const x = (b) => {
-      b.key === "Escape" && o();
+    return () => clearTimeout(A);
+  }, [s]), D(() => {
+    g && x.current && x.current.focus({ preventScroll: !0 });
+  }, [g]), D(() => {
+    const A = (_) => {
+      _.key === "Escape" && o();
     };
-    return document.addEventListener("keydown", x), () => document.removeEventListener("keydown", x);
-  }, [o]), B(() => {
-    if (!k) return;
-    const x = (b) => {
-      if (b.key !== "Tab" || !v.current) return;
-      const E = Array.from(
-        v.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])')
+    return document.addEventListener("keydown", A), () => document.removeEventListener("keydown", A);
+  }, [o]), D(() => {
+    if (!g) return;
+    const A = (_) => {
+      if (_.key !== "Tab" || !x.current) return;
+      const y = Array.from(
+        x.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])')
       );
-      if (!E.length) return;
-      const L = E[0], U = E[E.length - 1];
-      b.shiftKey && document.activeElement === L ? (b.preventDefault(), U.focus()) : !b.shiftKey && document.activeElement === U && (b.preventDefault(), L.focus());
+      if (!y.length) return;
+      const R = y[0], O = y[y.length - 1];
+      _.shiftKey && document.activeElement === R ? (_.preventDefault(), O.focus()) : !_.shiftKey && document.activeElement === O && (_.preventDefault(), R.focus());
     };
-    return document.addEventListener("keydown", x), () => document.removeEventListener("keydown", x);
-  }, [k]), !C || typeof document > "u" ? null : pe.createPortal(
+    return document.addEventListener("keydown", A), () => document.removeEventListener("keydown", A);
+  }, [g]), !M || typeof document > "u" ? null : pe.createPortal(
     /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      q && /* @__PURE__ */ e.jsx(
+      K && /* @__PURE__ */ e.jsx(
         "div",
         {
           className: [
             "ds-coachmark__spotlight",
             i && "ds-coachmark__spotlight--overlay",
             !l && "ds-coachmark__spotlight--no-ring",
-            k && "ds-coachmark__spotlight--visible"
+            g && "ds-coachmark__spotlight--visible"
           ].filter(Boolean).join(" "),
-          style: q,
+          style: K,
           "aria-hidden": "true"
         }
       ),
       /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: v,
+          ref: x,
           "data-ds-portal": "",
           role: "dialog",
           "aria-modal": "false",
           "aria-live": "polite",
-          "aria-label": C.title ?? `Step ${s + 1} of ${t.length}`,
+          "aria-label": M.title ?? `Step ${s + 1} of ${t.length}`,
           className: [
             "ds-coachmark__bubble",
-            `ds-coachmark__bubble--${D}`,
-            k && "ds-coachmark__bubble--visible"
+            `ds-coachmark__bubble--${C}`,
+            g && "ds-coachmark__bubble--visible"
           ].filter(Boolean).join(" "),
           style: S,
           tabIndex: -1,
@@ -3325,8 +3326,8 @@ function gn({
                 children: /* @__PURE__ */ e.jsx(ee, { size: 16, strokeWidth: 2 })
               }
             ),
-            C.title && /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__title", children: C.title }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__body", children: C.content }),
+            M.title && /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__title", children: M.title }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__body", children: M.content }),
             /* @__PURE__ */ e.jsxs("div", { className: "ds-coachmark__footer", children: [
               t.length > 1 && /* @__PURE__ */ e.jsxs("span", { className: "ds-coachmark__counter", children: [
                 s + 1,
@@ -3334,8 +3335,8 @@ function gn({
                 t.length
               ] }),
               /* @__PURE__ */ e.jsxs("div", { className: "ds-coachmark__footer-nav", children: [
-                s > 0 && /* @__PURE__ */ e.jsx(ae, { variant: "secondary", size: "s", state: d, onClick: a, children: c }),
-                /* @__PURE__ */ e.jsx(ae, { variant: "primary", size: "s", state: h, onClick: K ? r : n, children: K ? p : u })
+                s > 0 && /* @__PURE__ */ e.jsx(ae, { variant: "secondary", size: "s", state: u, onClick: a, children: c }),
+                /* @__PURE__ */ e.jsx(ae, { variant: "primary", size: "s", state: h, onClick: G ? r : n, children: G ? p : d })
               ] })
             ] })
           ]
@@ -3345,8 +3346,8 @@ function gn({
     document.body
   );
 }
-function wn(t, s = {}) {
-  const { storageKey: n } = s, [a, o] = A(0), [r, i] = A(!1), l = () => n && typeof localStorage < "u" && localStorage.getItem(n) === "done", u = $e(() => {
+function gn(t, s = {}) {
+  const { storageKey: n } = s, [a, o] = I(0), [r, i] = I(!1), l = () => n && typeof localStorage < "u" && localStorage.getItem(n) === "done", d = $e(() => {
     i(!1), n && typeof localStorage < "u" && localStorage.setItem(n, "done");
   }, [n]);
   return {
@@ -3357,12 +3358,12 @@ function wn(t, s = {}) {
     },
     next: () => o((c) => Math.min(c + 1, t.length - 1)),
     back: () => o((c) => Math.max(c - 1, 0)),
-    skip: u,
-    finish: u
+    skip: d,
+    finish: d
   };
 }
 function yn() {
-  const t = R(null), s = $e(() => {
+  const t = T(null), s = $e(() => {
     const n = t.current;
     if (!n) return;
     n.classList.remove("ds-shake"), n.offsetWidth, n.classList.add("ds-shake");
@@ -3386,7 +3387,7 @@ export {
   us as Card,
   dn as ChatMessage,
   Es as Checkbox,
-  gn as Coachmark,
+  wn as Coachmark,
   js as Code,
   yt as CodeAccordion,
   xn as ConfidenceBar,
@@ -3439,13 +3440,13 @@ export {
   ln as StepIndicator,
   ds as Stepper,
   cn as StreamingText,
-  ws as Tab,
+  gs as Tab,
   Rs as Table,
   As as TableBody,
   Ss as TableHead,
   Is as TableRow,
   Bs as TableSubheaderRow,
-  gs as Tabs,
+  ws as Tabs,
   Ls as Td,
   ls as Textarea,
   Ds as Th,
@@ -3459,7 +3460,7 @@ export {
   P as iconSizes,
   Mt as useAnimatedNumber,
   Vt as useAnimatedPlaceholder,
-  wn as useCoachmark,
+  gn as useCoachmark,
   zt as useInView,
   yn as useShake,
   un as useStreamScroll,