@donkit-ai/design-system 1.4.51 → 1.4.52

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import U, { useState as D, useRef as k, useEffect as B, useLayoutEffect as Ve } from "react";
-import { Check as we, X as te, ChevronDown as xe, Minus as Ye, Plus as qe, XCircle as ge, AlertTriangle as ye, CheckCircle as ke, Info as Ee, ChevronUp as He, ChevronsUpDown as Ke, ChevronLeft as Xe, ChevronRight as Ge, Copy as Je, Brain as Ze, Loader as Qe, Paperclip as Se, Square as es, ArrowUp as ss, Zap as ts, Cpu as De, FileText as rs, ThumbsUp as ns, ThumbsDown as as } from "lucide-react";
+import U, { useState as I, useRef as T, useEffect as L, useLayoutEffect as Ve } from "react";
+import { Check as we, X as te, ChevronDown as xe, Minus as Ye, Plus as qe, XCircle as ge, AlertTriangle as ye, CheckCircle as ke, Info as Ee, ChevronUp as He, ChevronsUpDown as Ke, ChevronLeft as Xe, ChevronRight as Ge, Copy as Je, Brain as Ze, Loader as Qe, Paperclip as Se, Square as es, ArrowUp as ss, Zap as ts, Cpu as De, FileText as ns, ThumbsUp as rs, ThumbsDown as as } from "lucide-react";
 import pe from "react-dom";
-const I = {
+const A = {
   1: 16,
   2: 20,
   3: 24,
@@ -23,22 +23,22 @@ function os() {
   if (Ie) return fe;
   Ie = 1;
   var s = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function r(o, a, n) {
+  function n(o, a, r) {
     var i = null;
-    if (n !== void 0 && (i = "" + n), a.key !== void 0 && (i = "" + a.key), "key" in a) {
-      n = {};
+    if (r !== void 0 && (i = "" + r), a.key !== void 0 && (i = "" + a.key), "key" in a) {
+      r = {};
       for (var l in a)
-        l !== "key" && (n[l] = a[l]);
-    } else n = a;
-    return a = n.ref, {
+        l !== "key" && (r[l] = a[l]);
+    } else r = a;
+    return a = r.ref, {
       $$typeof: s,
       type: o,
       key: i,
       ref: a !== void 0 ? a : null,
-      props: n
+      props: r
     };
   }
-  return fe.Fragment = t, fe.jsx = r, fe.jsxs = r, fe;
+  return fe.Fragment = t, fe.jsx = n, fe.jsxs = n, fe;
 }
 var me = {};
 /**
@@ -59,13 +59,13 @@ function is() {
         return c.$$typeof === C ? null : c.displayName || c.name || null;
       if (typeof c == "string") return c;
       switch (c) {
-        case R:
+        case y:
           return "Fragment";
-        case L:
+        case R:
           return "Profiler";
-        case E:
+        case g:
           return "StrictMode";
-        case A:
+        case B:
           return "Suspense";
         case q:
           return "SuspenseList";
@@ -78,19 +78,19 @@ function is() {
         ), c.$$typeof) {
           case _:
             return "Portal";
-          case T:
+          case $:
             return c.displayName || "Context";
-          case y:
+          case N:
             return (c._context.displayName || "Context") + ".Consumer";
-          case z:
-            var w = c.render;
-            return c = c.displayName, c || (c = w.displayName || w.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
+          case P:
+            var k = c.render;
+            return c = c.displayName, c || (c = k.displayName || k.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
           case H:
-            return w = c.displayName || null, w !== null ? w : s(c.type) || "Memo";
+            return k = c.displayName || null, k !== null ? k : s(c.type) || "Memo";
           case F:
-            w = c._payload, c = c._init;
+            k = c._payload, c = c._init;
             try {
-              return s(c(w));
+              return s(c(k));
             } catch {
             }
         }
@@ -99,30 +99,30 @@ function is() {
     function t(c) {
       return "" + c;
     }
-    function r(c) {
+    function n(c) {
       try {
         t(c);
-        var w = !1;
+        var k = !1;
       } catch {
-        w = !0;
+        k = !0;
       }
-      if (w) {
-        w = console;
-        var P = w.error, O = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
-        return P.call(
-          w,
+      if (k) {
+        k = console;
+        var z = k.error, O = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
+        return z.call(
+          k,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           O
         ), t(c);
       }
     }
     function o(c) {
-      if (c === R) return "<>";
+      if (c === y) return "<>";
       if (typeof c == "object" && c !== null && c.$$typeof === F)
         return "<...>";
       try {
-        var w = s(c);
-        return w ? "<" + w + ">" : "<...>";
+        var k = s(c);
+        return k ? "<" + k + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -131,25 +131,25 @@ function is() {
       var c = X.A;
       return c === null ? null : c.getOwner();
     }
-    function n() {
+    function r() {
       return Error("react-stack-top-frame");
     }
     function i(c) {
       if (V.call(c, "key")) {
-        var w = Object.getOwnPropertyDescriptor(c, "key").get;
-        if (w && w.isReactWarning) return !1;
+        var k = Object.getOwnPropertyDescriptor(c, "key").get;
+        if (k && k.isReactWarning) return !1;
       }
       return c.key !== void 0;
     }
-    function l(c, w) {
-      function P() {
-        $ || ($ = !0, console.error(
+    function l(c, k) {
+      function z() {
+        S || (S = !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)",
-          w
+          k
         ));
       }
-      P.isReactWarning = !0, Object.defineProperty(c, "key", {
-        get: P,
+      z.isReactWarning = !0, Object.defineProperty(c, "key", {
+        get: z,
         configurable: !0
       });
     }
@@ -159,13 +159,13 @@ function is() {
         "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."
       )), c = this.props.ref, c !== void 0 ? c : null;
     }
-    function d(c, w, P, O, re, ae) {
-      var W = P.ref;
+    function d(c, k, z, O, ne, ae) {
+      var W = z.ref;
       return c = {
         $$typeof: b,
         type: c,
-        key: w,
-        props: P,
+        key: k,
+        props: z,
         _owner: O
       }, (W !== void 0 ? W : null) !== null ? Object.defineProperty(c, "ref", {
         enumerable: !1,
@@ -184,7 +184,7 @@ function is() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: re
+        value: ne
       }), Object.defineProperty(c, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -192,8 +192,8 @@ function is() {
         value: ae
       }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
     }
-    function f(c, w, P, O, re, ae) {
-      var W = w.children;
+    function f(c, k, z, O, ne, ae) {
+      var W = k.children;
       if (W !== void 0)
         if (O)
           if (x(W)) {
@@ -205,12 +205,12 @@ function is() {
               "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(W);
-      if (V.call(w, "key")) {
+      if (V.call(k, "key")) {
         W = s(c);
-        var Q = Object.keys(w).filter(function(be) {
+        var Q = Object.keys(k).filter(function(be) {
           return be !== "key";
         });
-        O = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", g[W + O] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
+        O = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", E[W + O] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -221,22 +221,22 @@ React keys must be passed directly to JSX without using spread:
           W,
           Q,
           W
-        ), g[W + O] = !0);
+        ), E[W + O] = !0);
       }
-      if (W = null, P !== void 0 && (r(P), W = "" + P), i(w) && (r(w.key), W = "" + w.key), "key" in w) {
-        P = {};
-        for (var oe in w)
-          oe !== "key" && (P[oe] = w[oe]);
-      } else P = w;
+      if (W = null, z !== void 0 && (n(z), W = "" + z), i(k) && (n(k.key), W = "" + k.key), "key" in k) {
+        z = {};
+        for (var oe in k)
+          oe !== "key" && (z[oe] = k[oe]);
+      } else z = k;
       return W && l(
-        P,
+        z,
         typeof c == "function" ? c.displayName || c.name || "Unknown" : c
       ), d(
         c,
         W,
-        P,
+        z,
         a(),
-        re,
+        ne,
         ae
       );
     }
@@ -246,7 +246,7 @@ React keys must be passed directly to JSX without using spread:
     function h(c) {
       return typeof c == "object" && c !== null && c.$$typeof === b;
     }
-    var u = U, b = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), L = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), T = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), A = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), v = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), X = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, x = Array.isArray, N = console.createTask ? console.createTask : function() {
+    var u = U, b = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), P = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), v = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), X = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, x = Array.isArray, w = console.createTask ? console.createTask : function() {
       return null;
     };
     u = {
@@ -254,40 +254,40 @@ React keys must be passed directly to JSX without using spread:
         return c();
       }
     };
-    var $, M = {}, K = u.react_stack_bottom_frame.bind(
+    var S, M = {}, K = u.react_stack_bottom_frame.bind(
       u,
-      n
-    )(), G = N(o(n)), g = {};
-    me.Fragment = R, me.jsx = function(c, w, P) {
+      r
+    )(), G = w(o(r)), E = {};
+    me.Fragment = y, me.jsx = function(c, k, z) {
       var O = 1e4 > X.recentlyCreatedOwnerStacks++;
       return f(
         c,
-        w,
-        P,
+        k,
+        z,
         !1,
         O ? Error("react-stack-top-frame") : K,
-        O ? N(o(c)) : G
+        O ? w(o(c)) : G
       );
-    }, me.jsxs = function(c, w, P) {
+    }, me.jsxs = function(c, k, z) {
       var O = 1e4 > X.recentlyCreatedOwnerStacks++;
       return f(
         c,
-        w,
-        P,
+        k,
+        z,
         !0,
         O ? Error("react-stack-top-frame") : K,
-        O ? N(o(c)) : G
+        O ? w(o(c)) : G
       );
     };
   }()), me;
 }
 process.env.NODE_ENV === "production" ? je.exports = os() : je.exports = is();
 var e = je.exports;
-function ls({ size: s = "m", color: t = "default", className: r = "", ...o }) {
+function ls({ size: s = "m", color: t = "default", className: n = "", ...o }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: ["ds-spinner", `ds-spinner--${s}`, `ds-spinner--${t}`, r].filter(Boolean).join(" "),
+      className: ["ds-spinner", `ds-spinner--${s}`, `ds-spinner--${t}`, n].filter(Boolean).join(" "),
       role: "status",
       "aria-label": "Loading",
       ...o
@@ -298,10 +298,10 @@ const cs = { xs: 12, s: 14, m: 16, l: 20 };
 function ce({
   children: s,
   variant: t = "primary",
-  size: r = "m",
+  size: n = "m",
   fullWidth: o = !1,
   icon: a,
-  disabled: n = !1,
+  disabled: r = !1,
   state: i = "idle",
   onClick: l,
   type: m = "button",
@@ -310,20 +310,20 @@ function ce({
   className: p = "",
   ...h
 }) {
-  const u = a && !s, b = i === "loading", _ = i === "success", R = i === "error", E = b || _ || R, L = r === "xs" ? "s" : "m", y = t === "danger" ? "on-accent" : "default", T = cs[r] ?? 16, z = b ? /* @__PURE__ */ e.jsx(ls, { size: L, color: y }) : _ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(we, { size: T, strokeWidth: 2.5 }) }) : R ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(te, { size: T, strokeWidth: 2.5 }) }) : null, A = [
+  const u = a && !s, b = i === "loading", _ = i === "success", y = i === "error", g = b || _ || y, R = n === "xs" ? "s" : "m", N = t === "danger" ? "on-accent" : "default", $ = cs[n] ?? 16, P = b ? /* @__PURE__ */ e.jsx(ls, { size: R, color: N }) : _ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(we, { size: $, strokeWidth: 2.5 }) }) : y ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(te, { size: $, strokeWidth: 2.5 }) }) : null, B = [
     "ds-button",
     `ds-button--${t}`,
-    `ds-button--${r}`,
+    `ds-button--${n}`,
     o && "ds-button--full",
     u && "ds-button--icon-only",
     p
   ].filter(Boolean).join(" "), q = i !== "idle" ? i : void 0, H = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    E ? z : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
+    g ? P : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
     s
   ] });
   if (d) {
     const F = (v) => {
-      if (n || b) {
+      if (r || b) {
         v.preventDefault();
         return;
       }
@@ -332,11 +332,11 @@ function ce({
     return /* @__PURE__ */ e.jsx(
       "a",
       {
-        className: A,
-        href: n || b ? void 0 : d,
+        className: B,
+        href: r || b ? void 0 : d,
         onClick: F,
         "aria-label": f,
-        "aria-disabled": n || b ? "true" : void 0,
+        "aria-disabled": r || b ? "true" : void 0,
         "aria-busy": b ? "true" : void 0,
         "data-state": q,
         ...h,
@@ -348,8 +348,8 @@ function ce({
     "button",
     {
       type: m,
-      className: A,
-      disabled: n,
+      className: B,
+      disabled: r,
       onClick: b ? void 0 : l,
       "aria-label": f,
       "aria-busy": b ? "true" : void 0,
@@ -362,17 +362,17 @@ function ce({
 function Vs({
   label: s,
   error: t,
-  hint: r,
+  hint: n,
   fullWidth: o = !0,
   icon: a,
-  iconRight: n,
+  iconRight: r,
   onIconRightClick: i,
   size: l = "m",
   disabled: m,
   id: d,
   ...f
 }) {
-  const p = d || `input-${U.useId()}`, h = r ? `${p}-hint` : void 0, u = t ? `${p}-error` : void 0, b = u || h;
+  const p = d || `input-${U.useId()}`, h = n ? `${p}-hint` : void 0, u = t ? `${p}-error` : void 0, b = u || h;
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${o ? "ds-input-wrapper--full" : ""} ${m ? "ds-input-wrapper--disabled" : ""} ${t ? "ds-input-wrapper--error" : ""}`, children: [
     s && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: p, children: s }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-input-container", children: [
@@ -381,14 +381,14 @@ function Vs({
         "input",
         {
           id: p,
-          className: `ds-input ds-input--${l} ${a ? "ds-input--with-icon" : ""} ${n ? "ds-input--with-icon-right" : ""} ${t ? "ds-input--error" : ""}`,
+          className: `ds-input ds-input--${l} ${a ? "ds-input--with-icon" : ""} ${r ? "ds-input--with-icon-right" : ""} ${t ? "ds-input--error" : ""}`,
           disabled: m,
           "aria-invalid": t ? "true" : "false",
           "aria-describedby": b,
           ...f
         }
       ),
-      n && /* @__PURE__ */ e.jsx(
+      r && /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
@@ -396,122 +396,122 @@ function Vs({
           onClick: i,
           tabIndex: -1,
           "aria-label": "Toggle visibility",
-          children: n
+          children: r
         }
       )
     ] }),
-    r && !t && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-input-hint", children: r }),
+    n && !t && /* @__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: t && /* @__PURE__ */ e.jsx("span", { id: u, className: "ds-input-error", role: "alert", children: t }) }) })
   ] });
 }
 function Ys({
   label: s,
   error: t,
-  hint: r,
+  hint: n,
   fullWidth: o = !0,
   size: a = "m",
-  disabled: n,
+  disabled: r,
   id: i,
   resize: l = !0,
   rows: m = 3,
   ...d
 }) {
-  const f = i || `textarea-${U.useId()}`, p = r ? `${f}-hint` : void 0, h = t ? `${f}-error` : void 0, u = h || p;
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${o ? "ds-textarea-wrapper--full" : ""} ${n ? "ds-textarea-wrapper--disabled" : ""}`, children: [
+  const f = i || `textarea-${U.useId()}`, p = n ? `${f}-hint` : void 0, h = t ? `${f}-error` : void 0, u = h || p;
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${o ? "ds-textarea-wrapper--full" : ""} ${r ? "ds-textarea-wrapper--disabled" : ""}`, children: [
     s && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: f, children: s }),
     /* @__PURE__ */ e.jsx(
       "textarea",
       {
         id: f,
         className: `ds-textarea ds-textarea--${a} ${t ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
-        disabled: n,
+        disabled: r,
         "aria-invalid": t ? "true" : "false",
         "aria-describedby": u,
         rows: m,
         ...d
       }
     ),
-    r && !t && /* @__PURE__ */ e.jsx("span", { id: p, className: "ds-textarea-hint", children: r }),
+    n && !t && /* @__PURE__ */ e.jsx("span", { id: p, className: "ds-textarea-hint", children: n }),
     t && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-textarea-error", role: "alert", children: t })
   ] });
 }
 function qs({
   label: s,
   value: t,
-  onChange: r,
+  onChange: n,
   options: o = [],
   placeholder: a = "Select option",
-  error: n,
+  error: r,
   fullWidth: i = !0,
   size: l = "m",
   disabled: m = !1,
   id: d,
   ...f
 }) {
-  const [p, h] = D(!1), [u, b] = D(!1), [_, R] = D({}), [E, L] = D("down"), [y, T] = D(-1), z = k(null), A = k(null), q = k(null), H = k(null), F = d || `select-${U.useId()}`, v = `${F}-label`, C = n ? `${F}-error` : void 0, X = 150, V = (g = !1) => {
-    u || (b(!0), T(-1), H.current = setTimeout(() => {
+  const [p, h] = I(!1), [u, b] = I(!1), [_, y] = I({}), [g, R] = I("down"), [N, $] = I(-1), P = T(null), B = T(null), q = T(null), H = T(null), F = d || `select-${U.useId()}`, v = `${F}-label`, C = r ? `${F}-error` : void 0, X = 150, V = (E = !1) => {
+    u || (b(!0), $(-1), H.current = setTimeout(() => {
       var c;
-      h(!1), b(!1), g && ((c = q.current) == null || c.focus());
+      h(!1), b(!1), E && ((c = q.current) == null || c.focus());
     }, X));
-  }, x = (g) => {
+  }, x = (E) => {
     clearTimeout(H.current), b(!1);
-    const c = g !== void 0 ? g : Math.max(o.findIndex((w) => w.value === t), 0);
-    T(c), h(!0);
+    const c = E !== void 0 ? E : Math.max(o.findIndex((k) => k.value === t), 0);
+    $(c), h(!0);
   };
-  B(() => () => clearTimeout(H.current), []);
-  const N = () => {
+  L(() => () => clearTimeout(H.current), []);
+  const w = () => {
     var ae;
-    const g = (ae = z.current) == null ? void 0 : ae.getBoundingClientRect();
-    if (!g) return;
-    const c = window.innerHeight, w = c - g.bottom, P = g.top, re = w < 300 && P > w;
-    L(re ? "up" : "down"), R(
-      re ? { bottom: c - g.top + 4, left: g.left, width: g.width } : { top: g.bottom + 4, left: g.left, width: g.width }
+    const E = (ae = P.current) == null ? void 0 : ae.getBoundingClientRect();
+    if (!E) return;
+    const c = window.innerHeight, k = c - E.bottom, z = E.top, ne = k < 300 && z > k;
+    R(ne ? "up" : "down"), y(
+      ne ? { bottom: c - E.top + 4, left: E.left, width: E.width } : { top: E.bottom + 4, left: E.left, width: E.width }
     );
   };
-  B(() => {
+  L(() => {
     if (p)
-      return N(), window.addEventListener("scroll", N, !0), window.addEventListener("resize", N), () => {
-        window.removeEventListener("scroll", N, !0), window.removeEventListener("resize", N);
+      return w(), window.addEventListener("scroll", w, !0), window.addEventListener("resize", w), () => {
+        window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", w);
       };
-  }, [p]), B(() => {
-    const g = (c) => {
-      z.current && !z.current.contains(c.target) && A.current && !A.current.contains(c.target) && V();
+  }, [p]), L(() => {
+    const E = (c) => {
+      P.current && !P.current.contains(c.target) && B.current && !B.current.contains(c.target) && V();
     };
-    return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
-  }, [u]), B(() => {
+    return document.addEventListener("mousedown", E), () => document.removeEventListener("mousedown", E);
+  }, [u]), L(() => {
     var c;
-    if (!p || y < 0 || !A.current) return;
-    (c = A.current.querySelectorAll(".ds-select-option")[y]) == null || c.scrollIntoView({ block: "nearest" });
-  }, [y, p]);
-  const $ = (g) => {
-    switch (g.key) {
+    if (!p || N < 0 || !B.current) return;
+    (c = B.current.querySelectorAll(".ds-select-option")[N]) == null || c.scrollIntoView({ block: "nearest" });
+  }, [N, p]);
+  const S = (E) => {
+    switch (E.key) {
       case "ArrowDown":
-        g.preventDefault(), p ? T((c) => Math.min(c + 1, o.length - 1)) : x();
+        E.preventDefault(), p ? $((c) => Math.min(c + 1, o.length - 1)) : x();
         break;
       case "ArrowUp":
-        g.preventDefault(), p ? T((c) => Math.max(c - 1, 0)) : x(o.length - 1);
+        E.preventDefault(), p ? $((c) => Math.max(c - 1, 0)) : x(o.length - 1);
         break;
       case "Home":
-        p && (g.preventDefault(), T(0));
+        p && (E.preventDefault(), $(0));
         break;
       case "End":
-        p && (g.preventDefault(), T(o.length - 1));
+        p && (E.preventDefault(), $(o.length - 1));
         break;
       case "Enter":
       case " ":
-        g.preventDefault(), p ? y >= 0 && (r == null || r(o[y].value), V(!0)) : x();
+        E.preventDefault(), p ? N >= 0 && (n == null || n(o[N].value), V(!0)) : x();
         break;
       case "Escape":
-        p && (g.preventDefault(), V(!0));
+        p && (E.preventDefault(), V(!0));
         break;
       case "Tab":
         p && V(!1);
         break;
     }
-  }, M = o.find((g) => g.value === t), K = l === "xs" ? I[1] : l === "small" ? I[2] : I[3], G = p && /* @__PURE__ */ e.jsx(
+  }, M = o.find((E) => E.value === t), K = l === "xs" ? A[1] : l === "small" ? A[2] : A[3], G = p && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: A,
+      ref: B,
       "data-ds-portal": "",
       role: "listbox",
       "aria-labelledby": s ? v : void 0,
@@ -519,36 +519,36 @@ function qs({
       className: [
         "ds-select-dropdown ds-scrollable",
         `ds-select-dropdown--${l}`,
-        `ds-select-dropdown--${E}`,
+        `ds-select-dropdown--${g}`,
         u && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
       style: _,
-      children: o.map((g, c) => /* @__PURE__ */ e.jsx(
+      children: o.map((E, c) => /* @__PURE__ */ e.jsx(
         "button",
         {
           id: `${F}-opt-${c}`,
           type: "button",
           role: "option",
           tabIndex: -1,
-          "aria-selected": t === g.value,
+          "aria-selected": t === E.value,
           className: [
             "ds-select-option",
             `ds-select-option--${l}`,
-            t === g.value && "ds-select-option--selected",
-            c === y && "ds-select-option--active"
+            t === E.value && "ds-select-option--selected",
+            c === N && "ds-select-option--active"
           ].filter(Boolean).join(" "),
           onClick: () => {
-            r == null || r(g.value), V(!0);
+            n == null || n(E.value), V(!0);
           },
-          children: g.label
+          children: E.label
         },
-        g.value
+        E.value
       ))
     }
   );
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${i ? "ds-select-wrapper--full" : ""} ${m ? "ds-select-wrapper--disabled" : ""}`, children: [
     s && /* @__PURE__ */ e.jsx("label", { id: v, className: "ds-select-label", children: s }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: z, children: /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: P, children: /* @__PURE__ */ e.jsxs(
       "button",
       {
         ref: q,
@@ -557,15 +557,15 @@ function qs({
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": p,
-        "aria-activedescendant": p && y >= 0 ? `${F}-opt-${y}` : void 0,
+        "aria-activedescendant": p && N >= 0 ? `${F}-opt-${N}` : void 0,
         "aria-labelledby": s ? v : void 0,
-        "aria-invalid": n ? "true" : "false",
+        "aria-invalid": r ? "true" : "false",
         "aria-describedby": C,
-        className: `ds-select-trigger ds-select-trigger--${l} ${n ? "ds-select-trigger--error" : ""}`,
+        className: `ds-select-trigger ds-select-trigger--${l} ${r ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
           m || (p ? V() : x());
         },
-        onKeyDown: $,
+        onKeyDown: S,
         disabled: m,
         ...f,
         children: [
@@ -575,24 +575,24 @@ function qs({
             {
               size: K,
               strokeWidth: 1.5,
-              className: `ds-select-icon ${p && E === "down" ? "ds-select-icon--open" : ""} ${p && E === "up" ? "ds-select-icon--up" : ""}`,
+              className: `ds-select-icon ${p && g === "down" ? "ds-select-icon--open" : ""} ${p && g === "up" ? "ds-select-icon--up" : ""}`,
               "aria-hidden": "true"
             }
           )
         ]
       }
     ) }),
-    n && /* @__PURE__ */ e.jsx("span", { id: C, className: "ds-select-error", role: "alert", children: n }),
+    r && /* @__PURE__ */ e.jsx("span", { id: C, className: "ds-select-error", role: "alert", children: r }),
     typeof document < "u" && pe.createPortal(G, document.body)
   ] });
 }
 function Hs({
   label: s,
   value: t = 0,
-  onChange: r,
+  onChange: n,
   min: o = 0,
   max: a = 100,
-  step: n = 1,
+  step: r = 1,
   size: i = "m",
   disabled: l = !1,
   hint: m,
@@ -601,23 +601,23 @@ function Hs({
 }) {
   const p = () => {
     if (l) return;
-    const E = Math.min(Number(t) + n, a);
-    r == null || r(E);
+    const g = Math.min(Number(t) + r, a);
+    n == null || n(g);
   }, h = () => {
     if (l) return;
-    const E = Math.max(Number(t) - n, o);
-    r == null || r(E);
-  }, u = (E) => {
+    const g = Math.max(Number(t) - r, o);
+    n == null || n(g);
+  }, u = (g) => {
     if (l) return;
-    const L = E.target.value;
-    if (L === "") {
-      r == null || r(o);
+    const R = g.target.value;
+    if (R === "") {
+      n == null || n(o);
       return;
     }
-    const y = Number(L);
-    if (!isNaN(y)) {
-      const T = Math.min(Math.max(y, o), a);
-      r == null || r(T);
+    const N = Number(R);
+    if (!isNaN(N)) {
+      const $ = Math.min(Math.max(N, o), a);
+      n == null || n($);
     }
   }, b = [
     "ds-stepper-wrapper",
@@ -627,7 +627,7 @@ function Hs({
     "ds-stepper",
     `ds-stepper--${i}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), R = i === "xs" ? I[1] : i === "small" ? I[2] : I[3];
+  ].filter(Boolean).join(" "), y = i === "xs" ? A[1] : i === "small" ? A[2] : A[3];
   return /* @__PURE__ */ e.jsxs("div", { className: b, children: [
     s && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: s }),
     /* @__PURE__ */ e.jsxs("div", { className: _, children: [
@@ -639,7 +639,7 @@ function Hs({
           onClick: h,
           disabled: l || t <= o,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ e.jsx(Ye, { size: R, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(Ye, { size: y, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -651,7 +651,7 @@ function Hs({
           onChange: u,
           min: o,
           max: a,
-          step: n,
+          step: r,
           disabled: l,
           ...f
         }
@@ -664,7 +664,7 @@ function Hs({
           onClick: p,
           disabled: l || t >= a,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ e.jsx(qe, { size: R, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(qe, { size: y, strokeWidth: 1.5 })
         }
       )
     ] }),
@@ -675,20 +675,20 @@ function Hs({
 function Ks({
   children: s,
   padding: t = "m",
-  variant: r = "info",
+  variant: n = "info",
   hover: o = !1,
   // deprecated, use variant="interactive"
   onClick: a,
-  href: n,
+  href: r,
   disabled: i = !1,
   ...l
 }) {
-  const d = (o ? "interactive" : r) === "interactive" || a || n, f = [
+  const d = (o ? "interactive" : n) === "interactive" || a || r, f = [
     "ds-card",
     `ds-card--${t}`,
     d && "ds-card--interactive"
   ].filter(Boolean).join(" ");
-  if (n) {
+  if (r) {
     const u = (b) => {
       if (i) {
         b.preventDefault();
@@ -700,7 +700,7 @@ function Ks({
       "a",
       {
         className: f,
-        href: i ? void 0 : n,
+        href: i ? void 0 : r,
         onClick: u,
         "aria-disabled": i ? "true" : void 0,
         ...l,
@@ -736,28 +736,28 @@ function Js({ children: s, ...t }) {
 function Zs({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...t, children: s });
 }
-function Qs({ children: s, secondary: t = !1, ...r }) {
-  return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${t ? "ds-p1--secondary" : ""}`, ...r, children: s });
+function Qs({ children: s, secondary: t = !1, ...n }) {
+  return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${t ? "ds-p1--secondary" : ""}`, ...n, children: s });
 }
-function ds({ children: s, secondary: t = !1, ...r }) {
-  return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${t ? "ds-p2--secondary" : ""}`, ...r, children: s });
+function ds({ children: s, secondary: t = !1, ...n }) {
+  return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${t ? "ds-p2--secondary" : ""}`, ...n, children: s });
 }
-function Fe({ children: s, secondary: t = !1, ...r }) {
-  return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${t ? "ds-p3--secondary" : ""}`, ...r, children: s });
+function Fe({ children: s, secondary: t = !1, ...n }) {
+  return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${t ? "ds-p3--secondary" : ""}`, ...n, children: s });
 }
 function de({
   children: s,
   variant: t = "default",
-  size: r = "m",
+  size: n = "m",
   role: o,
   ...a
 }) {
-  const n = [
+  const r = [
     "ds-badge",
     `ds-badge--${t}`,
-    `ds-badge--${r}`
+    `ds-badge--${n}`
   ].filter(Boolean).join(" "), i = o || (["info", "success", "warning", "error"].includes(t) ? "status" : void 0);
-  return /* @__PURE__ */ e.jsx("span", { className: n, role: i, ...a, children: s });
+  return /* @__PURE__ */ e.jsx("span", { className: r, role: i, ...a, children: s });
 }
 const us = {
   info: Ee,
@@ -768,16 +768,16 @@ const us = {
 function et({
   children: s,
   variant: t = "info",
-  title: r,
+  title: n,
   onClose: o,
   role: a,
-  ...n
+  ...r
 }) {
   const i = us[t], l = a || (t === "error" ? "alert" : "status");
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-alert ds-alert--${t} ${r ? "" : "ds-alert--no-title"}`, role: l, ...n, children: [
-    i && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(i, { size: I[3], strokeWidth: 1.5 }) }),
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-alert ds-alert--${t} ${n ? "" : "ds-alert--no-title"}`, role: l, ...r, children: [
+    i && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(i, { size: A[3], strokeWidth: 1.5 }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-alert__content", children: [
-      r && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: r }),
+      n && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: n }),
       s && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: s })
     ] }),
     o && /* @__PURE__ */ e.jsx(
@@ -787,7 +787,7 @@ function et({
         className: "ds-alert__close",
         onClick: o,
         "aria-label": "Close alert",
-        children: /* @__PURE__ */ e.jsx(te, { size: I[3], strokeWidth: 1.5 })
+        children: /* @__PURE__ */ e.jsx(te, { size: A[3], strokeWidth: 1.5 })
       }
     )
   ] });
@@ -796,27 +796,29 @@ const fs = 200;
 function st({
   children: s,
   title: t,
-  onClose: r,
+  onClose: n,
   size: o = "m",
   scrollable: a = !1,
-  subHeader: n,
+  subHeader: r,
   ...i
 }) {
-  const l = k(null), m = U.useId(), [d, f] = D(!1), p = () => {
-    !r || d || (f(!0), setTimeout(() => {
-      f(!1), r();
+  const l = T(null), m = U.useId(), [d, f] = I(!1), p = () => {
+    !n || d || (f(!0), setTimeout(() => {
+      f(!1), n();
     }, fs));
   };
-  B(() => {
-    const _ = (E) => {
-      E.key === "Escape" && p();
-    }, R = (E) => {
-      l.current && !l.current.contains(E.target) && !E.target.closest("[data-ds-portal]") && p();
+  L(() => {
+    const _ = (g) => {
+      g.key === "Escape" && p();
+    }, y = (g) => {
+      var N, $, P;
+      const R = (($ = (N = g.composedPath) == null ? void 0 : N.call(g)) == null ? void 0 : $[0]) ?? g.target;
+      l.current && !l.current.contains(R) && !((P = R.closest) != null && P.call(R, "[data-ds-portal]")) && p();
     };
-    return document.addEventListener("keydown", _), document.addEventListener("mousedown", R), () => {
-      document.removeEventListener("keydown", _), document.removeEventListener("mousedown", R);
+    return document.addEventListener("keydown", _), document.addEventListener("mousedown", y), () => {
+      document.removeEventListener("keydown", _), document.removeEventListener("mousedown", y);
     };
-  }, [r, d]);
+  }, [n, d]);
   const h = U.Children.toArray(s), u = h.find((_) => (_ == null ? void 0 : _.type) === he), b = h.filter((_) => (_ == null ? void 0 : _.type) !== he);
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", d && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...i, children: /* @__PURE__ */ e.jsxs(
     "div",
@@ -827,20 +829,20 @@ function st({
       "aria-modal": "true",
       "aria-labelledby": t ? m : void 0,
       children: [
-        r && /* @__PURE__ */ e.jsx(
+        n && /* @__PURE__ */ e.jsx(
           ce,
           {
             className: "ds-modal__close",
             variant: "ghost",
             size: "small",
-            icon: /* @__PURE__ */ e.jsx(te, { size: I[2], strokeWidth: 1.5 }),
+            icon: /* @__PURE__ */ e.jsx(te, { size: A[2], strokeWidth: 1.5 }),
             onClick: p,
             "aria-label": "Close modal"
           }
         ),
-        (t || n) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
+        (t || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
           t && /* @__PURE__ */ e.jsx("h3", { id: m, className: "ds-modal__title", children: t }),
-          n && /* @__PURE__ */ e.jsx("div", { className: "ds-modal__subheader", children: n })
+          r && /* @__PURE__ */ e.jsx("div", { className: "ds-modal__subheader", children: r })
         ] }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: b }),
         u
@@ -855,25 +857,27 @@ const ms = 320;
 function tt({
   children: s,
   title: t,
-  onClose: r,
+  onClose: n,
   subHeader: o,
   ...a
 }) {
-  const n = k(null), i = U.useId(), [l, m] = D(!1), d = () => {
-    !r || l || (m(!0), setTimeout(() => {
-      m(!1), r();
+  const r = T(null), i = U.useId(), [l, m] = I(!1), d = () => {
+    !n || l || (m(!0), setTimeout(() => {
+      m(!1), n();
     }, ms));
   };
-  B(() => {
+  L(() => {
     const u = (_) => {
       _.key === "Escape" && d();
     }, b = (_) => {
-      n.current && !n.current.contains(_.target) && !_.target.closest("[data-ds-portal]") && d();
+      var g, R, N;
+      const y = ((R = (g = _.composedPath) == null ? void 0 : g.call(_)) == null ? void 0 : R[0]) ?? _.target;
+      r.current && !r.current.contains(y) && !((N = y.closest) != null && N.call(y, "[data-ds-portal]")) && d();
     };
     return document.addEventListener("keydown", u), document.addEventListener("mousedown", b), () => {
       document.removeEventListener("keydown", u), document.removeEventListener("mousedown", b);
     };
-  }, [r, l]);
+  }, [n, l]);
   const f = U.Children.toArray(s), p = f.find((u) => (u == null ? void 0 : u.type) === he), h = f.filter((u) => (u == null ? void 0 : u.type) !== he);
   return /* @__PURE__ */ e.jsx(
     "div",
@@ -883,20 +887,20 @@ function tt({
       children: /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: n,
+          ref: r,
           className: ["ds-bottom-sheet", l && "ds-bottom-sheet--closing"].filter(Boolean).join(" "),
           role: "dialog",
           "aria-modal": "true",
           "aria-labelledby": t ? i : void 0,
           children: [
             /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__handle", "aria-hidden": "true" }),
-            r && /* @__PURE__ */ e.jsx(
+            n && /* @__PURE__ */ e.jsx(
               ce,
               {
                 className: "ds-bottom-sheet__close",
                 variant: "ghost",
                 size: "small",
-                icon: /* @__PURE__ */ e.jsx(te, { size: I[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(te, { size: A[2], strokeWidth: 1.5 }),
                 onClick: d,
                 "aria-label": "Close"
               }
@@ -916,18 +920,18 @@ function tt({
 function ps({
   children: s,
   title: t = "Code",
-  defaultExpanded: r = !1,
+  defaultExpanded: n = !1,
   expanded: o,
   onToggle: a,
-  padding: n = "s",
+  padding: r = "s",
   className: i = "",
   ...l
 }) {
-  const [m, d] = D(r), f = o !== void 0, p = f ? o : m, h = () => {
+  const [m, d] = I(n), f = o !== void 0, p = f ? o : m, h = () => {
     f ? a == null || a(!o) : d((b) => !b);
   }, u = [
     "ds-code-accordion",
-    `ds-code-accordion--${n}`,
+    `ds-code-accordion--${r}`,
     p && "ds-code-accordion--expanded",
     i
   ].filter(Boolean).join(" ");
@@ -944,7 +948,7 @@ function ps({
           /* @__PURE__ */ e.jsx(
             xe,
             {
-              size: I[2],
+              size: A[2],
               strokeWidth: 1.5,
               className: `ds-code-accordion__icon ${p ? "ds-code-accordion__icon--expanded" : ""}`
             }
@@ -955,28 +959,28 @@ function ps({
     /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__inner", children: /* @__PURE__ */ e.jsx("pre", { className: "ds-code-accordion__pre ds-scrollable", children: /* @__PURE__ */ e.jsx("code", { children: s }) }) }) })
   ] });
 }
-function rt({ children: s, block: t = !1, collapsible: r = !1, title: o = "Code", defaultExpanded: a = !1, ...n }) {
-  return t ? r ? /* @__PURE__ */ e.jsx(ps, { title: o, defaultExpanded: a, ...n, children: s }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block ds-scrollable", ...n, children: /* @__PURE__ */ e.jsx("code", { children: s }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...n, children: s });
+function nt({ children: s, block: t = !1, collapsible: n = !1, title: o = "Code", defaultExpanded: a = !1, ...r }) {
+  return t ? n ? /* @__PURE__ */ e.jsx(ps, { title: o, defaultExpanded: a, ...r, children: s }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block ds-scrollable", ...r, children: /* @__PURE__ */ e.jsx("code", { children: s }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...r, children: s });
 }
-function nt({ href: s, children: t, onClick: r, target: o, rel: a, ...n }) {
+function rt({ href: s, children: t, onClick: n, target: o, rel: a, ...r }) {
   const l = o === "_blank" ? a ? `${a} noopener noreferrer` : "noopener noreferrer" : a;
   return /* @__PURE__ */ e.jsx(
     "a",
     {
       href: s,
       className: "ds-link",
-      onClick: r,
+      onClick: n,
       target: o,
       rel: l,
-      ...n,
+      ...r,
       children: t
     }
   );
 }
-function at({ children: s, size: t = "m", variant: r = "ghost", ...o }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...o, children: U.Children.map(s, (a) => U.isValidElement(a) ? U.cloneElement(a, { size: t, variant: r }) : a) });
+function at({ children: s, size: t = "m", variant: n = "ghost", ...o }) {
+  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...o, children: U.Children.map(s, (a) => U.isValidElement(a) ? U.cloneElement(a, { size: t, variant: n }) : a) });
 }
-function ot({ children: s, selected: t = !1, onClick: r, size: o = "m", variant: a = "ghost", disabled: n = !1, icon: i, href: l, ...m }) {
+function ot({ children: s, selected: t = !1, onClick: n, size: o = "m", variant: a = "ghost", disabled: r = !1, icon: i, href: l, ...m }) {
   const d = i && !s, f = [
     "ds-tab",
     `ds-tab--${o}`,
@@ -989,20 +993,20 @@ function ot({ children: s, selected: t = !1, onClick: r, size: o = "m", variant:
   ] });
   if (l) {
     const h = (u) => {
-      if (n) {
+      if (r) {
         u.preventDefault();
         return;
       }
-      u.metaKey || u.ctrlKey || u.button === 1 || (u.preventDefault(), r == null || r(u));
+      u.metaKey || u.ctrlKey || u.button === 1 || (u.preventDefault(), n == null || n(u));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
         role: "tab",
         "aria-current": t ? "page" : void 0,
-        "aria-disabled": n ? "true" : void 0,
+        "aria-disabled": r ? "true" : void 0,
         className: f,
-        href: n ? void 0 : l,
+        href: r ? void 0 : l,
         onClick: h,
         ...m,
         children: p
@@ -1015,36 +1019,36 @@ function ot({ children: s, selected: t = !1, onClick: r, size: o = "m", variant:
       role: "tab",
       "aria-selected": t,
       className: f,
-      onClick: r,
-      disabled: n,
+      onClick: n,
+      disabled: r,
       ...m,
       children: p
     }
   );
 }
-function it({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1 }) {
-  const n = k(null), i = k(null), [l, m] = D(!1), d = k(!1), f = k(null), p = k(null), h = () => {
-    if (!n.current) return;
-    const u = n.current.querySelector(`[data-value="${t}"]`);
+function it({ options: s, value: t, onChange: n, size: o = "m", disabled: a = !1 }) {
+  const r = T(null), i = T(null), [l, m] = I(!1), d = T(!1), f = T(null), p = T(null), h = () => {
+    if (!r.current) return;
+    const u = r.current.querySelector(`[data-value="${t}"]`);
     if (!u) return;
-    const b = n.current.getBoundingClientRect(), _ = u.getBoundingClientRect(), R = _.left - b.left, E = _.width;
-    i.current ? (i.current.style.transition = d.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = R + "px", i.current.style.width = E + "px", d.current = !1) : (m(!0), requestAnimationFrame(() => {
-      if (!i.current || !n.current) return;
-      const L = n.current.querySelector(`[data-value="${t}"]`);
-      if (!L) return;
-      const y = n.current.getBoundingClientRect(), T = L.getBoundingClientRect();
-      i.current.style.transition = "none", i.current.style.left = T.left - y.left + "px", i.current.style.width = T.width + "px";
+    const b = r.current.getBoundingClientRect(), _ = u.getBoundingClientRect(), y = _.left - b.left, g = _.width;
+    i.current ? (i.current.style.transition = d.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = y + "px", i.current.style.width = g + "px", d.current = !1) : (m(!0), requestAnimationFrame(() => {
+      if (!i.current || !r.current) return;
+      const R = r.current.querySelector(`[data-value="${t}"]`);
+      if (!R) return;
+      const N = r.current.getBoundingClientRect(), $ = R.getBoundingClientRect();
+      i.current.style.transition = "none", i.current.style.left = $.left - N.left + "px", i.current.style.width = $.width + "px";
     }));
   };
   return p.current = h, Ve(() => {
     const u = f.current !== t;
     f.current = t, d.current = l && u, h();
-  }), B(() => {
-    if (!n.current) return;
+  }), L(() => {
+    if (!r.current) return;
     const u = new ResizeObserver(() => {
       d.current = !1, p.current();
     });
-    return u.observe(n.current), () => u.disconnect();
+    return u.observe(r.current), () => u.disconnect();
   }, []), /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1053,7 +1057,7 @@ function it({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1
         `ds-seg--${o}`,
         a && "ds-seg--disabled"
       ].filter(Boolean).join(" "),
-      ref: n,
+      ref: r,
       role: "group",
       children: [
         l && /* @__PURE__ */ e.jsx(
@@ -1070,7 +1074,7 @@ function it({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1
             type: "button",
             "data-value": u.value,
             className: ["ds-seg__btn", t === u.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
-            onClick: () => !a && r(u.value),
+            onClick: () => !a && n(u.value),
             "aria-pressed": t === u.value,
             disabled: a,
             children: [
@@ -1087,17 +1091,17 @@ function it({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1
 function $e({
   children: s,
   title: t,
-  defaultExpanded: r = !1,
+  defaultExpanded: n = !1,
   expanded: o,
   onToggle: a,
-  padding: n = "m",
+  padding: r = "m",
   ...i
 }) {
-  const [l, m] = D(r), d = o !== void 0, f = d ? o : l, p = () => {
+  const [l, m] = I(n), d = o !== void 0, f = d ? o : l, p = () => {
     d ? a == null || a(!o) : m((u) => !u);
   }, h = [
     "ds-accordion",
-    `ds-accordion--${n}`,
+    `ds-accordion--${r}`,
     f && "ds-accordion--expanded"
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e.jsxs("div", { className: h, ...i, children: [
@@ -1113,7 +1117,7 @@ function $e({
           /* @__PURE__ */ e.jsx(
             xe,
             {
-              size: I[2],
+              size: A[2],
               strokeWidth: 1.5,
               className: `ds-accordion__icon ${f ? "ds-accordion__icon--expanded" : ""}`
             }
@@ -1124,61 +1128,61 @@ function $e({
     /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-inner", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-body", children: s }) }) })
   ] });
 }
-const ne = 8, le = 8;
-function hs(s, t, r) {
+const re = 8, le = 8;
+function hs(s, t, n) {
   const o = window.innerWidth;
-  let a, n;
+  let a, r;
   switch (s) {
     case "top":
-      a = t.top - r.height - ne, n = t.left + t.width / 2 - r.width / 2;
+      a = t.top - n.height - re, r = t.left + t.width / 2 - n.width / 2;
       break;
     case "bottom":
-      a = t.bottom + ne, n = t.left + t.width / 2 - r.width / 2;
+      a = t.bottom + re, r = t.left + t.width / 2 - n.width / 2;
       break;
     case "left":
-      a = t.top + t.height / 2 - r.height / 2, n = t.left - r.width - ne;
+      a = t.top + t.height / 2 - n.height / 2, r = t.left - n.width - re;
       break;
     case "right":
-      a = t.top + t.height / 2 - r.height / 2, n = t.right + ne;
+      a = t.top + t.height / 2 - n.height / 2, r = t.right + re;
       break;
     default:
-      a = t.bottom + ne, n = t.left;
+      a = t.bottom + re, r = t.left;
   }
-  const i = Math.max(le, Math.min(o - r.width - le, n)), l = n - i;
+  const i = Math.max(le, Math.min(o - n.width - le, r)), l = r - i;
   return { top: a, left: i, arrowOffset: l };
 }
-function xs(s, t, r) {
+function xs(s, t, n) {
   const o = window.innerWidth, a = window.innerHeight;
-  if (s.top >= t + ne + le) return "top";
-  if (a - s.bottom >= t + ne + le) return "bottom";
-  if (o - s.right >= r + ne + le) return "right";
-  if (s.left >= r + ne + le) return "left";
-  const n = Math.max(s.top, a - s.bottom, s.left, o - s.right);
-  return n === s.top ? "top" : n === a - s.bottom ? "bottom" : n === o - s.right ? "right" : "left";
-}
-function lt({ children: s, content: t, position: r, ...o }) {
-  const [a, n] = D(!1), [i, l] = D({ visibility: "hidden" }), [m, d] = D(r || "top"), f = k(null), p = k(null), h = k(!1), u = () => {
+  if (s.top >= t + re + le) return "top";
+  if (a - s.bottom >= t + re + le) return "bottom";
+  if (o - s.right >= n + re + le) return "right";
+  if (s.left >= n + re + le) return "left";
+  const r = Math.max(s.top, a - s.bottom, s.left, o - s.right);
+  return r === s.top ? "top" : r === a - s.bottom ? "bottom" : r === o - s.right ? "right" : "left";
+}
+function lt({ children: s, content: t, position: n, ...o }) {
+  const [a, r] = I(!1), [i, l] = I({ visibility: "hidden" }), [m, d] = I(n || "top"), f = T(null), p = T(null), h = T(!1), u = () => {
     if (!f.current || !p.current) return;
-    const _ = f.current.getBoundingClientRect(), R = p.current.getBoundingClientRect(), E = r || xs(_, R.height, R.width), { top: L, left: y, arrowOffset: T } = hs(E, _, R);
-    d(E), l({
+    const _ = f.current.getBoundingClientRect(), y = p.current.getBoundingClientRect(), g = n || xs(_, y.height, y.width), { top: R, left: N, arrowOffset: $ } = hs(g, _, y);
+    d(g), l({
       position: "fixed",
-      top: L,
-      left: y,
+      top: R,
+      left: N,
       visibility: "visible",
-      "--arrow-offset": `${T}px`
+      "--arrow-offset": `${$}px`
     });
   };
-  if (B(() => {
+  if (L(() => {
     if (!a) return;
     l({ position: "fixed", visibility: "hidden" });
     const _ = requestAnimationFrame(u);
     return window.addEventListener("scroll", u, !0), window.addEventListener("resize", u), () => {
       cancelAnimationFrame(_), window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
     };
-  }, [a, r]), B(() => {
+  }, [a, n]), L(() => {
     if (!a) return;
-    const _ = (R) => {
-      f.current && !f.current.contains(R.target) && n(!1);
+    const _ = (y) => {
+      f.current && !f.current.contains(y.target) && r(!1);
     };
     return document.addEventListener("touchstart", _), () => document.removeEventListener("touchstart", _);
   }, [a]), !t) return s;
@@ -1199,13 +1203,13 @@ function lt({ children: s, content: t, position: r, ...o }) {
       ref: f,
       className: "ds-tooltip-wrapper",
       onMouseEnter: () => {
-        h.current || n(!0);
+        h.current || r(!0);
       },
       onMouseLeave: () => {
-        h.current || n(!1);
+        h.current || r(!1);
       },
       onTouchStart: () => {
-        h.current = !0, n((_) => !_);
+        h.current = !0, r((_) => !_);
       },
       ...o,
       children: [
@@ -1218,15 +1222,15 @@ function lt({ children: s, content: t, position: r, ...o }) {
 function ct({
   checked: s = !1,
   onChange: t,
-  size: r = "m",
+  size: n = "m",
   disabled: o = !1,
   label: a,
-  id: n,
+  id: r,
   ...i
 }) {
-  const l = n || `toggle-${U.useId()}`, m = [
+  const l = r || `toggle-${U.useId()}`, m = [
     "ds-toggle",
-    `ds-toggle--${r}`,
+    `ds-toggle--${n}`,
     o && "ds-toggle--disabled"
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: l, children: [
@@ -1249,17 +1253,17 @@ function ct({
 function dt({
   checked: s = !1,
   onChange: t,
-  size: r = "m",
+  size: n = "m",
   disabled: o = !1,
   label: a,
-  id: n,
+  id: r,
   ...i
 }) {
-  const l = n || `checkbox-${U.useId()}`, m = [
+  const l = r || `checkbox-${U.useId()}`, m = [
     "ds-checkbox",
-    `ds-checkbox--${r}`,
+    `ds-checkbox--${n}`,
     o && "ds-checkbox--disabled"
-  ].filter(Boolean).join(" "), d = r === "xs" ? 10 : r === "small" ? 14 : r === "large" ? 20 : 16;
+  ].filter(Boolean).join(" "), d = n === "xs" ? 10 : n === "small" ? 14 : n === "large" ? 20 : 16;
   return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
@@ -1287,17 +1291,17 @@ function dt({
 function ut({
   checked: s = !1,
   onChange: t,
-  size: r = "m",
+  size: n = "m",
   disabled: o = !1,
   label: a,
-  name: n,
+  name: r,
   value: i,
   id: l,
   ...m
 }) {
   const d = l || `radio-${U.useId()}`, f = [
     "ds-radio",
-    `ds-radio--${r}`,
+    `ds-radio--${n}`,
     o && "ds-radio--disabled"
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e.jsxs("label", { className: f, htmlFor: d, children: [
@@ -1310,7 +1314,7 @@ function ut({
         checked: s,
         onChange: (p) => t == null ? void 0 : t(p.target.checked),
         disabled: o,
-        name: n,
+        name: r,
         value: i,
         ...m
       }
@@ -1319,25 +1323,25 @@ function ut({
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: a })
   ] });
 }
-function bs({ width: s, height: t, shape: r = "rect", aspectRatio: o, className: a = "", style: n = {}, ...i }) {
+function bs({ width: s, height: t, shape: n = "rect", aspectRatio: o, className: a = "", style: r = {}, ...i }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: ["ds-skeleton", `ds-skeleton--${r}`, a].filter(Boolean).join(" "),
-      style: { width: s, height: t, aspectRatio: o, ...n },
+      className: ["ds-skeleton", `ds-skeleton--${n}`, a].filter(Boolean).join(" "),
+      style: { width: s, height: t, aspectRatio: o, ...r },
       "aria-hidden": "true",
       ...i
     }
   );
 }
-function _s({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: o = "", style: a = {}, ...n }) {
+function _s({ lines: s = 1, lastLineWidth: t = "70%", gap: n, className: o = "", style: a = {}, ...r }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
       className: ["ds-skeleton-text", o].filter(Boolean).join(" "),
-      style: { gap: r, ...a },
+      style: { gap: n, ...a },
       "aria-hidden": "true",
-      ...n,
+      ...r,
       children: Array.from({ length: s }, (i, l) => /* @__PURE__ */ e.jsx(
         "span",
         {
@@ -1352,8 +1356,8 @@ function _s({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: o = "",
 bs.Text = _s;
 function js(s) {
   let t = 2166136261;
-  for (let r = 0; r < s.length; r++)
-    t ^= s.charCodeAt(r), t = Math.imul(t, 16777619) >>> 0;
+  for (let n = 0; n < s.length; n++)
+    t ^= s.charCodeAt(n), t = Math.imul(t, 16777619) >>> 0;
   return t % 360;
 }
 function vs(s) {
@@ -1361,32 +1365,32 @@ function vs(s) {
   const t = s.trim().split(/\s+/);
   return t.length >= 2 ? (t[0][0] + t[1][0]).toUpperCase() : s[0].toUpperCase();
 }
-function ft({ seed: s, icon: t, src: r, size: o = 32, className: a = "", style: n = {}, ...i }) {
-  const l = js(s ?? ""), [m, d] = D(!1), f = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: vs(s) });
+function ft({ seed: s, icon: t, src: n, size: o = 32, className: a = "", style: r = {}, ...i }) {
+  const l = js(s ?? ""), [m, d] = I(!1), f = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: vs(s) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       className: ["ds-avatar", a].filter(Boolean).join(" "),
-      style: { width: o, height: o, "--ds-avatar-h": l, ...n },
+      style: { width: o, height: o, "--ds-avatar-h": l, ...r },
       "aria-hidden": "true",
       ...i,
-      children: r && !m ? /* @__PURE__ */ e.jsx("img", { src: r, alt: "", onError: () => d(!0) }) : f
+      children: n && !m ? /* @__PURE__ */ e.jsx("img", { src: n, alt: "", onError: () => d(!0) }) : f
     }
   );
 }
 function mt({
   children: s,
   size: t = "compact",
-  stickyTop: r,
+  stickyTop: n,
   maxHeight: o,
   className: a = "",
-  style: n = {},
+  style: r = {},
   ...i
 }) {
   const l = {
     ...o ? { maxHeight: o } : {},
-    ...r !== void 0 ? { "--ds-table-sticky-top": typeof r == "number" ? `${r}px` : r } : {},
-    ...n
+    ...n !== void 0 ? { "--ds-table-sticky-top": typeof n == "number" ? `${n}px` : n } : {},
+    ...r
   };
   return /* @__PURE__ */ e.jsx(
     "div",
@@ -1410,17 +1414,17 @@ function pt({ children: s, ...t }) {
 function ht({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("tbody", { ...t, children: s });
 }
-function xt({ children: s, interactive: t, selected: r, subheader: o, exiting: a, updated: n, className: i = "", onClick: l, ...m }) {
+function xt({ children: s, interactive: t, selected: n, subheader: o, exiting: a, updated: r, className: i = "", onClick: l, ...m }) {
   return /* @__PURE__ */ e.jsx(
     "tr",
     {
       className: [
         "ds-table-row",
         t || l ? "ds-table-row--interactive" : "",
-        r ? "ds-table-row--selected" : "",
+        n ? "ds-table-row--selected" : "",
         o ? "ds-table-row--subheader" : "",
         a ? "ds-table-row--exiting" : "",
-        n ? "ds-table-row--updated" : "",
+        r ? "ds-table-row--updated" : "",
         i
       ].filter(Boolean).join(" "),
       onClick: l,
@@ -1429,20 +1433,20 @@ function xt({ children: s, interactive: t, selected: r, subheader: o, exiting: a
     }
   );
 }
-function bt({ children: s, colSpan: t = 999, ...r }) {
-  return /* @__PURE__ */ e.jsx("tr", { className: "ds-table-row ds-table-row--subheader", ...r, children: /* @__PURE__ */ e.jsx("td", { colSpan: t, children: s }) });
+function bt({ children: s, colSpan: t = 999, ...n }) {
+  return /* @__PURE__ */ e.jsx("tr", { className: "ds-table-row ds-table-row--subheader", ...n, children: /* @__PURE__ */ e.jsx("td", { colSpan: t, children: s }) });
 }
-function _t({ children: s, align: t = "left", sortDir: r, onSort: o, width: a, className: n = "", style: i = {}, ...l }) {
-  const m = !!o || r !== void 0, d = r === "asc" ? He : r === "desc" ? xe : Ke;
+function _t({ children: s, align: t = "left", sortDir: n, onSort: o, width: a, className: r = "", style: i = {}, ...l }) {
+  const m = !!o || n !== void 0, d = n === "asc" ? He : n === "desc" ? xe : Ke;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
       className: [
         "ds-th",
         m ? "ds-th--sortable" : "",
-        r ? "ds-th--sorted" : "",
+        n ? "ds-th--sorted" : "",
         t !== "left" ? `ds-table-cell--${t}` : "",
-        n
+        r
       ].filter(Boolean).join(" "),
       onClick: o,
       style: { width: a, ...i },
@@ -1454,17 +1458,17 @@ function _t({ children: s, align: t = "left", sortDir: r, onSort: o, width: a, c
     }
   );
 }
-function jt({ children: s, align: t = "left", secondary: r, muted: o, truncate: a, nowrap: n, className: i = "", ...l }) {
+function jt({ children: s, align: t = "left", secondary: n, muted: o, truncate: a, nowrap: r, className: i = "", ...l }) {
   return /* @__PURE__ */ e.jsx(
     "td",
     {
       className: [
         "ds-td",
         t !== "left" ? `ds-table-cell--${t}` : "",
-        r ? "ds-table-cell--secondary" : "",
+        n ? "ds-table-cell--secondary" : "",
         o ? "ds-table-cell--muted" : "",
         a ? "ds-table-cell--truncate" : "",
-        n ? "ds-table-cell--nowrap" : "",
+        r ? "ds-table-cell--nowrap" : "",
         i
       ].filter(Boolean).join(" "),
       ...l,
@@ -1475,21 +1479,21 @@ function jt({ children: s, align: t = "left", secondary: r, muted: o, truncate:
 function vt({
   icon: s,
   title: t,
-  description: r,
+  description: n,
   action: o,
   size: a = "m",
-  className: n = "",
+  className: r = "",
   ...i
 }) {
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: ["ds-empty-state", `ds-empty-state--${a}`, n].filter(Boolean).join(" "),
+      className: ["ds-empty-state", `ds-empty-state--${a}`, r].filter(Boolean).join(" "),
       ...i,
       children: [
         s && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__icon", children: s }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__title", children: t }),
-        r && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__description", children: r }),
+        n && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__description", children: n }),
         o && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__action", children: o })
       ]
     }
@@ -1498,21 +1502,21 @@ function vt({
 function Nt({
   label: s,
   hint: t,
-  error: r,
+  error: n,
   required: o = !1,
   disabled: a = !1,
-  htmlFor: n,
+  htmlFor: r,
   children: i,
   className: l = "",
   style: m,
   ...d
 }) {
-  const f = U.useId(), p = n ?? f, h = `${p}-hint`, u = `${p}-error`;
+  const f = U.useId(), p = r ?? f, h = `${p}-hint`, u = `${p}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: `ds-field${l ? ` ${l}` : ""}`,
-      "data-state": r ? "error" : void 0,
+      "data-state": n ? "error" : void 0,
       "data-required": o ? "" : void 0,
       "data-disabled": a ? "" : void 0,
       style: m,
@@ -1520,14 +1524,14 @@ function Nt({
       children: [
         s && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: p, children: s }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-field-control", children: i }),
-        t && !r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: h, children: t }),
-        r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: u, role: "alert", children: r })
+        t && !n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: h, children: t }),
+        n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: u, role: "alert", children: n })
       ]
     }
   );
 }
-function wt({ label: s, value: t, delta: r, size: o = "m", inline: a = !1, className: n = "", style: i, ...l }) {
-  const m = r != null && r.startsWith("+") ? "up" : r != null && r.startsWith("-") ? "down" : "neutral";
+function wt({ label: s, value: t, delta: n, size: o = "m", inline: a = !1, className: r = "", style: i, ...l }) {
+  const m = n != null && n.startsWith("+") ? "up" : n != null && n.startsWith("-") ? "down" : "neutral";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1535,14 +1539,14 @@ function wt({ label: s, value: t, delta: r, size: o = "m", inline: a = !1, class
         "ds-stat",
         `ds-stat--${o}`,
         a && "ds-stat--inline",
-        n
+        r
       ].filter(Boolean).join(" "),
       style: i,
       ...l,
       children: [
         s && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-label", children: s }),
         t != null && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-value", children: t }),
-        r != null && /* @__PURE__ */ e.jsx("span", { className: `ds-stat-delta ds-stat-delta--${m}`, children: r })
+        n != null && /* @__PURE__ */ e.jsx("span", { className: `ds-stat-delta ds-stat-delta--${m}`, children: n })
       ]
     }
   );
@@ -1550,19 +1554,19 @@ function wt({ label: s, value: t, delta: r, size: o = "m", inline: a = !1, class
 function gt({
   children: s,
   separator: t = "/",
-  "aria-label": r = "Breadcrumb",
+  "aria-label": n = "Breadcrumb",
   className: o = "",
   style: a,
-  ...n
+  ...r
 }) {
   const i = U.Children.toArray(s).filter(Boolean);
   return /* @__PURE__ */ e.jsx(
     "nav",
     {
       className: `ds-breadcrumb${o ? ` ${o}` : ""}`,
-      "aria-label": r,
+      "aria-label": n,
       style: a,
-      ...n,
+      ...r,
       children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: i.map((l, m) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
         l,
         m < i.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: t })
@@ -1573,10 +1577,10 @@ function gt({
 function yt({
   page: s,
   total: t,
-  onChange: r,
+  onChange: n,
   siblings: o = 1,
   "aria-label": a = "Pagination",
-  className: n = "",
+  className: r = "",
   style: i,
   ...l
 }) {
@@ -1584,7 +1588,7 @@ function yt({
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
-      className: `ds-pagination${n ? ` ${n}` : ""}`,
+      className: `ds-pagination${r ? ` ${r}` : ""}`,
       "aria-label": a,
       style: i,
       ...l,
@@ -1593,7 +1597,7 @@ function yt({
           "button",
           {
             className: "ds-pagination-arrow",
-            onClick: () => r == null ? void 0 : r(s - 1),
+            onClick: () => n == null ? void 0 : n(s - 1),
             disabled: s <= 1,
             "aria-label": "Previous page",
             children: /* @__PURE__ */ e.jsx(Xe, { size: 16 })
@@ -1604,7 +1608,7 @@ function yt({
             "button",
             {
               className: `ds-pagination-page${d === s ? " ds-pagination-page--current" : ""}`,
-              onClick: () => d !== s && (r == null ? void 0 : r(d)),
+              onClick: () => d !== s && (n == null ? void 0 : n(d)),
               "aria-current": d === s ? "page" : void 0,
               "aria-label": `Page ${d}`,
               children: d
@@ -1616,7 +1620,7 @@ function yt({
           "button",
           {
             className: "ds-pagination-arrow",
-            onClick: () => r == null ? void 0 : r(s + 1),
+            onClick: () => n == null ? void 0 : n(s + 1),
             disabled: s >= t,
             "aria-label": "Next page",
             children: /* @__PURE__ */ e.jsx(Ge, { size: 16 })
@@ -1626,36 +1630,38 @@ function yt({
     }
   );
 }
-function Ns(s, t, r) {
+function Ns(s, t, n) {
   if (t <= 7) return Array.from({ length: t }, (i, l) => l + 1);
-  const o = Math.max(2, s - r), a = Math.min(t - 1, s + r), n = [1];
-  o > 2 && n.push("…");
-  for (let i = o; i <= a; i++) n.push(i);
-  return a < t - 1 && n.push("…"), n.push(t), n;
+  const o = Math.max(2, s - n), a = Math.min(t - 1, s + n), r = [1];
+  o > 2 && r.push("…");
+  for (let i = o; i <= a; i++) r.push(i);
+  return a < t - 1 && r.push("…"), r.push(t), r;
 }
 const ws = 200;
 function kt({
   children: s,
   title: t,
-  onClose: r,
+  onClose: n,
   side: o = "right",
   ...a
 }) {
-  const n = k(null), i = U.useId(), [l, m] = D(!1), d = () => {
-    !r || l || (m(!0), setTimeout(() => {
-      m(!1), r();
+  const r = T(null), i = U.useId(), [l, m] = I(!1), d = () => {
+    !n || l || (m(!0), setTimeout(() => {
+      m(!1), n();
     }, ws));
   };
-  B(() => {
+  L(() => {
     const u = (_) => {
       _.key === "Escape" && d();
     }, b = (_) => {
-      n.current && !n.current.contains(_.target) && !_.target.closest("[data-ds-portal]") && d();
+      var g, R, N;
+      const y = ((R = (g = _.composedPath) == null ? void 0 : g.call(_)) == null ? void 0 : R[0]) ?? _.target;
+      r.current && !r.current.contains(y) && !((N = y.closest) != null && N.call(y, "[data-ds-portal]")) && d();
     };
     return document.addEventListener("keydown", u), document.addEventListener("mousedown", b), () => {
       document.removeEventListener("keydown", u), document.removeEventListener("mousedown", b);
     };
-  }, [r, l]);
+  }, [n, l]);
   const f = U.Children.toArray(s), p = f.find((u) => (u == null ? void 0 : u.type) === Be), h = f.filter((u) => (u == null ? void 0 : u.type) !== Be);
   return /* @__PURE__ */ e.jsx(
     "div",
@@ -1667,14 +1673,14 @@ function kt({
         {
           className: ["ds-drawer", l && "ds-drawer--closing"].filter(Boolean).join(" "),
           "data-side": o,
-          ref: n,
+          ref: r,
           role: "dialog",
           "aria-modal": "true",
           "aria-labelledby": t ? i : void 0,
           children: [
             /* @__PURE__ */ e.jsxs("header", { className: "ds-drawer-header", children: [
               t && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-drawer-title", children: t }),
-              r && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: d, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(te, { size: I[2], strokeWidth: 1.5 }) })
+              n && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: d, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(te, { size: A[2], strokeWidth: 1.5 }) })
             ] }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body ds-scrollable", children: h }),
             p
@@ -1696,13 +1702,13 @@ const gs = {
 function Et({
   children: s,
   variant: t = "info",
-  action: r,
+  action: n,
   onAction: o,
   onDismiss: a,
-  role: n,
+  role: r,
   ...i
 }) {
-  const l = gs[t], m = n || (t === "error" ? "alert" : "status");
+  const l = gs[t], m = r || (t === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1710,15 +1716,15 @@ function Et({
       role: m,
       ...i,
       children: [
-        l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: I[2], strokeWidth: 1.5 }) }),
+        l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: A[2], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-banner-text", children: s }),
-        r && /* @__PURE__ */ e.jsx(
+        n && /* @__PURE__ */ e.jsx(
           "button",
           {
             type: "button",
             className: "ds-banner-action",
             onClick: o,
-            children: r
+            children: n
           }
         ),
         a && /* @__PURE__ */ e.jsx(
@@ -1728,7 +1734,7 @@ function Et({
             className: "ds-banner-dismiss",
             onClick: a,
             "aria-label": "Dismiss",
-            children: /* @__PURE__ */ e.jsx(te, { size: I[2], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(te, { size: A[2], strokeWidth: 1.5 })
           }
         )
       ]
@@ -1738,97 +1744,97 @@ function Et({
 function $t({
   trigger: s,
   items: t = [],
-  open: r,
+  open: n,
   onOpenChange: o,
   align: a = "left",
-  className: n = "",
+  className: r = "",
   style: i,
   ...l
 }) {
-  const [m, d] = D(!1), [f, p] = D(!1), h = r !== void 0, u = h ? r : m, b = k(null), _ = k(null), R = k(null), E = k(null), [L, y] = D({}), T = k(null), z = 150, A = () => {
+  const [m, d] = I(!1), [f, p] = I(!1), h = n !== void 0, u = h ? n : m, b = T(null), _ = T(null), y = T(null), g = T(null), [R, N] = I({}), $ = T(null), P = 150, B = () => {
     if (h)
       o == null || o(!1);
     else {
       if (f) return;
-      p(!0), T.current = setTimeout(() => {
+      p(!0), $.current = setTimeout(() => {
         d(!1), p(!1);
-      }, z);
+      }, P);
     }
   }, q = () => {
     const x = !u;
-    h ? o == null || o(x) : x ? (clearTimeout(T.current), p(!1), d(!0)) : A();
+    h ? o == null || o(x) : x ? (clearTimeout($.current), p(!1), d(!0)) : B();
   }, H = () => {
-    u || (h ? o == null || o(!0) : (clearTimeout(T.current), p(!1), d(!0)));
+    u || (h ? o == null || o(!0) : (clearTimeout($.current), p(!1), d(!0)));
   };
-  B(() => () => clearTimeout(T.current), []), B(() => {
+  L(() => () => clearTimeout($.current), []), L(() => {
     if (!u) return;
-    const x = 300, N = () => {
+    const x = 300, w = () => {
       var G;
-      const $ = (G = b.current) == null ? void 0 : G.getBoundingClientRect();
-      if (!$) return;
-      const M = window.innerHeight - $.bottom, K = M < x + 8 && $.top > M;
-      y(
-        a === "right" ? K ? { bottom: window.innerHeight - $.top + 4, top: "auto", right: window.innerWidth - $.right } : { top: $.bottom + 4, bottom: "auto", right: window.innerWidth - $.right } : K ? { bottom: window.innerHeight - $.top + 4, top: "auto", left: $.left } : { top: $.bottom + 4, bottom: "auto", left: $.left }
+      const S = (G = b.current) == null ? void 0 : G.getBoundingClientRect();
+      if (!S) return;
+      const M = window.innerHeight - S.bottom, K = M < x + 8 && S.top > M;
+      N(
+        a === "right" ? K ? { bottom: window.innerHeight - S.top + 4, top: "auto", right: window.innerWidth - S.right } : { top: S.bottom + 4, bottom: "auto", right: window.innerWidth - S.right } : K ? { bottom: window.innerHeight - S.top + 4, top: "auto", left: S.left } : { top: S.bottom + 4, bottom: "auto", left: S.left }
       );
     };
-    return N(), window.addEventListener("scroll", N, !0), window.addEventListener("resize", N), () => {
-      window.removeEventListener("scroll", N, !0), window.removeEventListener("resize", N);
+    return w(), window.addEventListener("scroll", w, !0), window.addEventListener("resize", w), () => {
+      window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", w);
     };
   }, [u, a]);
   const F = () => {
-    var N;
-    const x = (N = R.current) == null ? void 0 : N.querySelector(
+    var w;
+    const x = (w = y.current) == null ? void 0 : w.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
     x == null || x.focus();
   };
-  B(() => {
+  L(() => {
     if (!u) return;
-    const x = ($) => {
+    const x = (S) => {
       var M, K;
-      !((M = b.current) != null && M.contains($.target)) && !((K = _.current) != null && K.contains($.target)) && A();
-    }, N = ($) => {
-      $.key === "Escape" && (A(), F());
+      !((M = b.current) != null && M.contains(S.target)) && !((K = _.current) != null && K.contains(S.target)) && B();
+    }, w = (S) => {
+      S.key === "Escape" && (B(), F());
     };
-    return document.addEventListener("mousedown", x), document.addEventListener("keydown", N), () => {
-      document.removeEventListener("mousedown", x), document.removeEventListener("keydown", N);
+    return document.addEventListener("mousedown", x), document.addEventListener("keydown", w), () => {
+      document.removeEventListener("mousedown", x), document.removeEventListener("keydown", w);
     };
-  }, [u]), B(() => {
-    if (!u || !E.current || !_.current) return;
-    const x = v(), N = E.current === "last" ? x[x.length - 1] : x[0];
-    N == null || N.focus(), E.current = null;
+  }, [u]), L(() => {
+    if (!u || !g.current || !_.current) return;
+    const x = v(), w = g.current === "last" ? x[x.length - 1] : x[0];
+    w == null || w.focus(), g.current = null;
   }, [u]);
   const v = () => _.current ? [..._.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
   )] : [], C = (x) => {
-    var N, $;
+    var w, S;
     if (x.key === "ArrowDown")
-      x.preventDefault(), u ? (N = v()[0]) == null || N.focus() : (E.current = "first", H());
+      x.preventDefault(), u ? (w = v()[0]) == null || w.focus() : (g.current = "first", H());
     else if (x.key === "ArrowUp")
       if (x.preventDefault(), !u)
-        E.current = "last", H();
+        g.current = "last", H();
       else {
         const M = v();
-        ($ = M[M.length - 1]) == null || $.focus();
+        (S = M[M.length - 1]) == null || S.focus();
       }
   }, X = (x) => {
-    var M, K, G, g;
-    const N = v(), $ = N.findIndex((c) => c === document.activeElement);
+    var M, K, G, E;
+    const w = v(), S = w.findIndex((c) => c === document.activeElement);
     switch (x.key) {
       case "ArrowDown":
-        x.preventDefault(), (M = N[Math.min($ + 1, N.length - 1)]) == null || M.focus();
+        x.preventDefault(), (M = w[Math.min(S + 1, w.length - 1)]) == null || M.focus();
         break;
       case "ArrowUp":
-        x.preventDefault(), $ <= 0 ? F() : (K = N[$ - 1]) == null || K.focus();
+        x.preventDefault(), S <= 0 ? F() : (K = w[S - 1]) == null || K.focus();
         break;
       case "Home":
-        x.preventDefault(), (G = N[0]) == null || G.focus();
+        x.preventDefault(), (G = w[0]) == null || G.focus();
         break;
       case "End":
-        x.preventDefault(), (g = N[N.length - 1]) == null || g.focus();
+        x.preventDefault(), (E = w[w.length - 1]) == null || E.focus();
         break;
       case "Tab":
-        A();
+        B();
         break;
     }
   }, V = u && /* @__PURE__ */ e.jsx(
@@ -1842,17 +1848,17 @@ function $t({
         `ds-dropdown__menu--${a}`,
         f && "ds-dropdown__menu--closing"
       ].filter(Boolean).join(" "),
-      style: L,
+      style: R,
       onKeyDown: X,
-      children: t.map((x, N) => {
+      children: t.map((x, w) => {
         if (x.separator)
-          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, N);
+          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, w);
         if (x.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 })
-          ] }, N);
-        const $ = !!x.href, M = $ ? "a" : "button", K = $ ? { href: x.disabled ? void 0 : x.href, "aria-disabled": x.disabled ? "true" : void 0 } : { type: "button", disabled: x.disabled };
+          ] }, w);
+        const S = !!x.href, M = S ? "a" : "button", K = S ? { href: x.disabled ? void 0 : x.href, "aria-disabled": x.disabled ? "true" : void 0 } : { type: "button", disabled: x.disabled };
         return /* @__PURE__ */ e.jsxs(
           M,
           {
@@ -1864,7 +1870,7 @@ function $t({
             ...K,
             onClick: () => {
               var G;
-              (G = x.onClick) == null || G.call(x), A();
+              (G = x.onClick) == null || G.call(x), B();
             },
             children: [
               x.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: x.icon }),
@@ -1872,7 +1878,7 @@ function $t({
               x.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: x.shortcut })
             ]
           },
-          N
+          w
         );
       })
     }
@@ -1881,14 +1887,14 @@ function $t({
     "div",
     {
       ref: b,
-      className: ["ds-dropdown", n].filter(Boolean).join(" "),
+      className: ["ds-dropdown", r].filter(Boolean).join(" "),
       style: i,
       ...l,
       children: [
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: R,
+            ref: y,
             className: "ds-dropdown__trigger",
             onClick: q,
             onKeyDown: C,
@@ -1903,19 +1909,19 @@ function $t({
 function Tt({
   value: s = 0,
   size: t = "m",
-  variant: r = "default",
+  variant: n = "default",
   showValue: o = !1,
   min: a = 2,
-  animate: n = !0
+  animate: r = !0
 }) {
-  const i = Math.min(100, Math.max(0, s)), l = Math.max(a, i), m = r === "auto" ? i >= 70 ? "success" : i >= 50 ? "warning" : "danger" : r;
+  const i = Math.min(100, Math.max(0, s)), l = Math.max(a, i), m = n === "auto" ? i >= 70 ? "success" : i >= 50 ? "warning" : "danger" : n;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-progress",
         `ds-progress--${t}`,
-        !n && "ds-progress--instant"
+        !r && "ds-progress--instant"
       ].filter(Boolean).join(" "),
       role: "progressbar",
       "aria-valuenow": i,
@@ -1939,8 +1945,8 @@ function Tt({
 }
 const ys = (s) => 1 - Math.pow(1 - s, 3), ks = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 function Es(s, { duration: t = 600 } = {}) {
-  const [r, o] = D(s), a = k(s), n = k(null);
-  return B(() => {
+  const [n, o] = I(s), a = T(s), r = T(null);
+  return L(() => {
     if (ks()) {
       o(s), a.current = s;
       return;
@@ -1951,48 +1957,48 @@ function Es(s, { duration: t = 600 } = {}) {
     const d = (f) => {
       m || (m = f);
       const p = Math.min((f - m) / t, 1);
-      o(i + l * ys(p)), p < 1 ? n.current = requestAnimationFrame(d) : a.current = s;
+      o(i + l * ys(p)), p < 1 ? r.current = requestAnimationFrame(d) : a.current = s;
     };
-    return n.current = requestAnimationFrame(d), () => cancelAnimationFrame(n.current);
-  }, [s, t]), r;
+    return r.current = requestAnimationFrame(d), () => cancelAnimationFrame(r.current);
+  }, [s, t]), n;
 }
 function Rt({
   value: s,
   duration: t = 600,
-  decimals: r = 0,
+  decimals: n = 0,
   prefix: o = "",
   suffix: a = ""
 }) {
-  const i = Es(s, { duration: t }).toFixed(r);
+  const i = Es(s, { duration: t }).toFixed(n);
   return `${o}${i}${a}`;
 }
-function $s({ threshold: s = 0.1, rootMargin: t = "0px", once: r = !1 } = {}) {
-  const o = k(null), [a, n] = D(!1);
-  return B(() => {
+function $s({ threshold: s = 0.1, rootMargin: t = "0px", once: n = !1 } = {}) {
+  const o = T(null), [a, r] = I(!1);
+  return L(() => {
     const i = o.current;
     if (!i) return;
     const l = new IntersectionObserver(
       ([m]) => {
-        m.isIntersecting ? (n(!0), r && l.disconnect()) : r || n(!1);
+        m.isIntersecting ? (r(!0), n && l.disconnect()) : n || r(!1);
       },
       { threshold: s, rootMargin: t }
     );
     return l.observe(i), () => l.disconnect();
-  }, [s, t, r]), { ref: o, inView: a };
+  }, [s, t, n]), { ref: o, inView: a };
 }
 function St({
   children: s,
   as: t = "div",
-  once: r = !1,
+  once: n = !1,
   threshold: o = 0.1,
   rootMargin: a = "0px",
-  onEnter: n,
+  onEnter: r,
   onLeave: i,
   ...l
 }) {
-  const { ref: m, inView: d } = $s({ threshold: o, rootMargin: a, once: r }), f = k(!1);
-  return B(() => {
-    d && !f.current && (n == null || n()), !d && f.current && (i == null || i()), f.current = d;
+  const { ref: m, inView: d } = $s({ threshold: o, rootMargin: a, once: n }), f = T(!1);
+  return L(() => {
+    d && !f.current && (r == null || r()), !d && f.current && (i == null || i()), f.current = d;
   }, [d]), /* @__PURE__ */ e.jsx(t, { ref: m, ...l, children: typeof s == "function" ? s(d) : s });
 }
 const Le = {
@@ -2013,21 +2019,21 @@ function Rs(s) {
   ue = ue.filter((t) => t.id !== s), We();
 }
 function Dt() {
-  const s = (t, r = {}) => {
+  const s = (t, n = {}) => {
     Ts({
       id: `${Date.now()}-${Math.random()}`,
       message: t,
       type: "default",
       duration: 4e3,
-      ...r
+      ...n
     });
   };
-  return s.success = (t, r) => s(t, { ...r, type: "success" }), s.error = (t, r) => s(t, { ...r, type: "error" }), s.warning = (t, r) => s(t, { ...r, type: "warning" }), { toast: s };
+  return s.success = (t, n) => s(t, { ...n, type: "success" }), s.error = (t, n) => s(t, { ...n, type: "error" }), s.warning = (t, n) => s(t, { ...n, type: "warning" }), { toast: s };
 }
 function Ss({ data: s, onDismiss: t }) {
-  const [r, o] = D(!1), a = k(null);
-  B(() => (requestAnimationFrame(() => o(!0)), s.duration > 0 && (a.current = setTimeout(() => n(), s.duration)), () => clearTimeout(a.current)), []);
-  function n() {
+  const [n, o] = I(!1), a = T(null);
+  L(() => (requestAnimationFrame(() => o(!0)), s.duration > 0 && (a.current = setTimeout(() => r(), s.duration)), () => clearTimeout(a.current)), []);
+  function r() {
     o(!1), setTimeout(() => t(s.id), 250);
   }
   const i = Le[s.type] ?? Le.default;
@@ -2037,20 +2043,20 @@ function Ss({ data: s, onDismiss: t }) {
       className: [
         "ds-toast",
         `ds-toast--${s.type}`,
-        r && "ds-toast--visible"
+        n && "ds-toast--visible"
       ].filter(Boolean).join(" "),
       role: s.type === "error" ? "alert" : "status",
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(i, { size: I[3], strokeWidth: 1.5 }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(i, { size: A[3], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-toast__message", children: s.message }),
         /* @__PURE__ */ e.jsx(
           "button",
           {
             className: "ds-toast__close",
-            onClick: n,
+            onClick: r,
             "aria-label": "Закрыть",
-            children: /* @__PURE__ */ e.jsx(te, { size: I[3], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(te, { size: A[3], strokeWidth: 1.5 })
           }
         )
       ]
@@ -2058,8 +2064,8 @@ function Ss({ data: s, onDismiss: t }) {
   );
 }
 function It({ position: s = "bottom-right" }) {
-  const [t, r] = D(() => [...ue]);
-  return B(() => (ve.add(r), () => ve.delete(r)), []), !t.length || typeof document > "u" ? null : pe.createPortal(
+  const [t, n] = I(() => [...ue]);
+  return L(() => (ve.add(n), () => ve.delete(n)), []), !t.length || typeof document > "u" ? null : pe.createPortal(
     /* @__PURE__ */ e.jsx("div", { "data-ds-portal": "", className: ["ds-toast-container", `ds-toast-container--${s}`].join(" "), children: t.map((o) => /* @__PURE__ */ e.jsx(Ss, { data: o, onDismiss: Rs }, o.id)) }),
     document.body
   );
@@ -2072,17 +2078,17 @@ const Ds = {
 function At({
   label: s,
   status: t = "idle",
-  icon: r,
+  icon: n,
   badge: o,
   defaultExpanded: a = !1,
-  expanded: n,
+  expanded: r,
   onToggle: i,
   children: l,
   className: m = "",
   ...d
 }) {
   const f = t === "running", p = /* @__PURE__ */ e.jsxs("span", { className: "ds-tool-card__title-row", children: [
-    r && /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__icon", children: r }),
+    n && /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__icon", children: n }),
     /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__label", children: s }),
     Ds[t],
     o
@@ -2098,7 +2104,7 @@ function At({
           title: p,
           padding: "s",
           defaultExpanded: a,
-          expanded: f ? !1 : n,
+          expanded: f ? !1 : r,
           onToggle: f ? void 0 : i,
           children: /* @__PURE__ */ e.jsx("div", { className: "ds-tool-card__body", children: l })
         }
@@ -2116,13 +2122,13 @@ function At({
 function Is({
   text: s,
   size: t = "xs",
-  timeout: r = 800,
+  timeout: n = 800,
   "aria-label": o = "Copy to clipboard",
   ...a
 }) {
-  const [n, i] = D(!1), l = (m) => {
+  const [r, i] = I(!1), l = (m) => {
     m.currentTarget.blur(), navigator.clipboard.writeText(s).then(() => {
-      i(!0), setTimeout(() => i(!1), r);
+      i(!0), setTimeout(() => i(!1), n);
     });
   };
   return /* @__PURE__ */ e.jsx(
@@ -2130,17 +2136,17 @@ function Is({
     {
       variant: "ghost",
       size: t,
-      state: n ? "success" : "idle",
-      icon: /* @__PURE__ */ e.jsx(Je, { size: I[1], strokeWidth: 1.5 }),
+      state: r ? "success" : "idle",
+      icon: /* @__PURE__ */ e.jsx(Je, { size: A[1], strokeWidth: 1.5 }),
       "aria-label": o,
       onClick: l,
       ...a
     }
   );
 }
-function Bt({ content: s, streaming: t = !1, ...r }) {
-  const [o, a] = D(t);
-  return B(() => {
+function Bt({ content: s, streaming: t = !1, ...n }) {
+  const [o, a] = I(t);
+  return L(() => {
     a(!!t);
   }, [t]), /* @__PURE__ */ e.jsx(
     $e,
@@ -2149,10 +2155,10 @@ function Bt({ content: s, streaming: t = !1, ...r }) {
       onToggle: a,
       padding: "s",
       title: /* @__PURE__ */ e.jsxs("div", { className: "ds-reasoning__title", children: [
-        /* @__PURE__ */ e.jsx(Ze, { size: I[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
+        /* @__PURE__ */ e.jsx(Ze, { size: A[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
         /* @__PURE__ */ e.jsx(ds, { secondary: !0, children: "Thinking" })
       ] }),
-      ...r,
+      ...n,
       children: /* @__PURE__ */ e.jsxs(Fe, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
         s,
         t && /* @__PURE__ */ e.jsx("span", { className: "ds-cursor ds-cursor--line" })
@@ -2163,16 +2169,16 @@ function Bt({ content: s, streaming: t = !1, ...r }) {
 function Lt({
   count: s,
   current: t = 0,
-  done: r = [],
+  done: n = [],
   onChange: o,
   showCounter: a = !0,
-  className: n = "",
+  className: r = "",
   "aria-label": i = "Steps",
   ...l
 }) {
-  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", n].filter(Boolean).join(" "), ...l, children: [
+  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: s }, (m, d) => {
-      const f = d === t, p = r.includes(d) && !f, h = o && (d <= t || r.includes(d)), u = [
+      const f = d === t, p = n.includes(d) && !f, h = o && (d <= t || n.includes(d)), u = [
         "ds-step-indicator__dot",
         f && "ds-step-indicator__dot--active",
         p && "ds-step-indicator__dot--done"
@@ -2199,29 +2205,29 @@ function Lt({
     ] })
   ] });
 }
-function Mt({
+function Pt({
   content: s,
   isStreaming: t = !1,
-  cursor: r = "line",
+  cursor: n = "line",
   onChunk: o,
   className: a = "",
-  ...n
+  ...r
 }) {
-  const i = k(s);
-  return B(() => {
+  const i = T(s);
+  return L(() => {
     s !== i.current && (o == null || o(s), i.current = s);
-  }, [s, o]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", a].filter(Boolean).join(" "), ...n, children: [
+  }, [s, o]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", a].filter(Boolean).join(" "), ...r, children: [
     s,
-    t && r !== "none" && /* @__PURE__ */ e.jsx("span", { className: `ds-cursor ds-cursor--${r}`, "aria-hidden": "true" })
+    t && n !== "none" && /* @__PURE__ */ e.jsx("span", { className: `ds-cursor ds-cursor--${n}`, "aria-hidden": "true" })
   ] });
 }
-function Pt({
+function Mt({
   role: s = "assistant",
   header: t,
-  footer: r,
+  footer: n,
   attachments: o,
   isStreaming: a = !1,
-  children: n,
+  children: r,
   className: i = "",
   ...l
 }) {
@@ -2231,77 +2237,77 @@ function Pt({
     a && "ds-chat-message--streaming",
     i
   ].filter(Boolean).join(" ");
-  return s === "system" ? /* @__PURE__ */ e.jsx("div", { className: m, ...l, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: n }) }) : s === "user" ? /* @__PURE__ */ e.jsxs("div", { className: m, ...l, children: [
+  return s === "system" ? /* @__PURE__ */ e.jsx("div", { className: m, ...l, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: r }) }) : s === "user" ? /* @__PURE__ */ e.jsxs("div", { className: m, ...l, children: [
     o && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: o }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__bubble", children: n }),
-    r && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: r })
+    /* @__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: m, ...l, children: [
     t && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__header", children: t }),
     o && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: o }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__body", children: n }),
-    r && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: r })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__body", children: r }),
+    n && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: n })
   ] });
 }
-function zt(s, { containerRef: t, smartPause: r = !0 } = {}) {
-  const o = k(!1), a = k(0);
-  B(() => {
-    const n = t == null ? void 0 : t.current;
-    if (!n) return;
+function zt(s, { containerRef: t, smartPause: n = !0 } = {}) {
+  const o = T(!1), a = T(0);
+  L(() => {
+    const r = t == null ? void 0 : t.current;
+    if (!r) return;
     const i = () => {
-      const l = n.scrollHeight - n.scrollTop - n.clientHeight < 64;
-      !l && n.scrollTop < a.current && (o.current = !0), l && (o.current = !1), a.current = n.scrollTop;
+      const l = r.scrollHeight - r.scrollTop - r.clientHeight < 64;
+      !l && r.scrollTop < a.current && (o.current = !0), l && (o.current = !1), a.current = r.scrollTop;
     };
-    return n.addEventListener("scroll", i, { passive: !0 }), () => n.removeEventListener("scroll", i);
-  }, [t]), B(() => {
-    const n = t == null ? void 0 : t.current;
-    n && (r && o.current || (n.scrollTop = n.scrollHeight));
+    return r.addEventListener("scroll", i, { passive: !0 }), () => r.removeEventListener("scroll", i);
+  }, [t]), L(() => {
+    const r = t == null ? void 0 : t.current;
+    r && (n && o.current || (r.scrollTop = r.scrollHeight));
   }, s);
 }
 function As({
   prompts: s,
   enabled: t,
-  typingSpeed: r = 38,
+  typingSpeed: n = 38,
   erasingSpeed: o = 18,
   holdTime: a = 2200,
-  betweenTime: n = 380,
+  betweenTime: r = 380,
   manualPauseMs: i = 5e3
 }) {
-  const [l, m] = D(0), [d, f] = D(""), p = k("typing"), h = k(0), u = k(0), b = k(null), _ = k(0);
-  B(() => {
+  const [l, m] = I(0), [d, f] = I(""), p = T("typing"), h = T(0), u = T(0), b = T(null), _ = T(0);
+  L(() => {
     u.current = l;
-  }, [l]), B(() => {
+  }, [l]), L(() => {
     if (b.current && (clearTimeout(b.current), b.current = null), !t || s.length === 0) {
       f(""), h.current = 0, p.current = "typing";
       return;
     }
-    const T = () => {
-      const z = Date.now();
-      if (_.current > z) {
-        b.current = setTimeout(T, _.current - z);
+    const $ = () => {
+      const P = Date.now();
+      if (_.current > P) {
+        b.current = setTimeout($, _.current - P);
         return;
       }
-      const A = s[u.current % s.length] ?? "";
-      p.current === "typing" ? (h.current += 1, f(A.slice(0, h.current)), h.current >= A.length ? (p.current = "holding", b.current = setTimeout(T, a)) : b.current = setTimeout(T, r + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", b.current = setTimeout(T, o)) : (h.current = Math.max(0, h.current - 1), f(A.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", u.current = (u.current + 1) % s.length, m(u.current), b.current = setTimeout(T, n)) : b.current = setTimeout(T, o));
+      const B = s[u.current % s.length] ?? "";
+      p.current === "typing" ? (h.current += 1, f(B.slice(0, h.current)), h.current >= B.length ? (p.current = "holding", b.current = setTimeout($, a)) : b.current = setTimeout($, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", b.current = setTimeout($, o)) : (h.current = Math.max(0, h.current - 1), f(B.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", u.current = (u.current + 1) % s.length, m(u.current), b.current = setTimeout($, r)) : b.current = setTimeout($, o));
     };
-    return b.current = setTimeout(T, 260), () => {
+    return b.current = setTimeout($, 260), () => {
       b.current && clearTimeout(b.current);
     };
-  }, [t, s, r, o, a, n]);
-  const R = (T) => {
+  }, [t, s, n, o, a, r]);
+  const y = ($) => {
     if (s.length === 0) return;
-    const z = (T % s.length + s.length) % s.length, A = s[z];
-    u.current = z, h.current = A.length, p.current = "holding", _.current = Date.now() + i, m(z), f(A);
-  }, E = () => R(u.current + 1), L = () => R(u.current - 1), y = s[l % s.length] ?? "";
-  return { displayed: d, currentPrompt: y, index: l, next: E, prev: L };
+    const P = ($ % s.length + s.length) % s.length, B = s[P];
+    u.current = P, h.current = B.length, p.current = "holding", _.current = Date.now() + i, m(P), f(B);
+  }, g = () => y(u.current + 1), R = () => y(u.current - 1), N = s[l % s.length] ?? "";
+  return { displayed: d, currentPrompt: N, index: l, next: g, prev: R };
 }
 let Bs = 0;
 function Ot({
   value: s = "",
   onChange: t,
-  onSubmit: r,
+  onSubmit: n,
   onStop: o,
   onKeyDown: a,
-  loading: n = !1,
+  loading: r = !1,
   disabled: i = !1,
   placeholder: l = "Let's get things done...",
   animatedPlaceholders: m,
@@ -2312,66 +2318,66 @@ function Ot({
   onRemoveAttachment: u,
   onRemoveImage: b,
   acceptImage: _,
-  acceptFile: R,
-  maxImages: E,
-  maxImageSize: L,
-  leftSlot: y,
-  rightSlot: T,
-  className: z = "",
-  ...A
+  acceptFile: y,
+  maxImages: g,
+  maxImageSize: R,
+  leftSlot: N,
+  rightSlot: $,
+  className: P = "",
+  ...B
 }) {
-  const q = k(null), H = k(null), F = k(0), [v, C] = D(!1), [X, V] = D([]), x = (j) => {
-    const S = ++Bs;
-    V((Y) => [...Y, { id: S, msg: j }]), setTimeout(() => V((Y) => Y.filter((J) => J.id !== S)), 6e3);
-  }, N = (j) => V((S) => S.filter((Y) => Y.id !== j)), $ = (j) => j.type.startsWith("image/"), M = () => !0, K = _ ?? $, G = R ?? M, g = (j) => {
-    const S = [], Y = [], J = [], Z = [];
-    let ee = 0, ie = E != null ? E - ((f == null ? void 0 : f.length) ?? 0) : 1 / 0;
+  const q = T(null), H = T(null), F = T(0), [v, C] = I(!1), [X, V] = I([]), x = (j) => {
+    const D = ++Bs;
+    V((Y) => [...Y, { id: D, msg: j }]), setTimeout(() => V((Y) => Y.filter((J) => J.id !== D)), 6e3);
+  }, w = (j) => V((D) => D.filter((Y) => Y.id !== j)), S = (j) => j.type.startsWith("image/"), M = () => !0, K = _ ?? S, G = y ?? M, E = (j) => {
+    const D = [], Y = [], J = [], Z = [];
+    let ee = 0, ie = g != null ? g - ((f == null ? void 0 : f.length) ?? 0) : 1 / 0;
     for (const se of j)
-      K(se) ? L && se.size > L ? J.push(se.name) : ie > 0 ? (S.push(se), ie--) : ee++ : G(se) ? Y.push(se) : Z.push(se.name);
-    return { imageFiles: S, docFiles: Y, tooLarge: J, skipped: Z, limitExceeded: ee };
+      K(se) ? R && se.size > R ? J.push(se.name) : ie > 0 ? (D.push(se), ie--) : ee++ : G(se) ? Y.push(se) : Z.push(se.name);
+    return { imageFiles: D, docFiles: Y, tooLarge: J, skipped: Z, limitExceeded: ee };
   }, c = (j) => {
-    const { imageFiles: S, docFiles: Y, tooLarge: J, skipped: Z, limitExceeded: ee } = g(j);
-    J.length && x(`File${J.length > 1 ? "s" : ""} too large${L ? ` (max ${L / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && x(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`), ee && x(`Max ${E} images per message`), h && S.length && h(S);
-    const ie = Y.concat(h ? [] : S);
+    const { imageFiles: D, docFiles: Y, tooLarge: J, skipped: Z, limitExceeded: ee } = E(j);
+    J.length && x(`File${J.length > 1 ? "s" : ""} too large${R ? ` (max ${R / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && x(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`), ee && x(`Max ${g} images per message`), h && D.length && h(D);
+    const ie = Y.concat(h ? [] : D);
     p && ie.length && p(ie);
   };
-  B(() => {
+  L(() => {
     const j = H.current;
     j && (j.style.height = "auto", j.style.height = `${Math.min(j.scrollHeight, 200)}px`);
-  }, [s]), B(() => {
-    const j = (S) => {
+  }, [s]), L(() => {
+    const j = (D) => {
       var J, Z, ee;
-      if (n || i) return;
-      const Y = (J = S.target) == null ? void 0 : J.tagName;
-      Y === "INPUT" || Y === "TEXTAREA" || Y === "SELECT" || (Z = S.target) != null && Z.isContentEditable || S.ctrlKey || S.metaKey || S.altKey || S.key.length !== 1 && S.key !== "Backspace" && S.key !== "Delete" || (ee = H.current) == null || ee.focus();
+      if (r || i) return;
+      const Y = (J = D.target) == null ? void 0 : J.tagName;
+      Y === "INPUT" || Y === "TEXTAREA" || Y === "SELECT" || (Z = D.target) != null && Z.isContentEditable || D.ctrlKey || D.metaKey || D.altKey || D.key.length !== 1 && D.key !== "Backspace" && D.key !== "Delete" || (ee = H.current) == null || ee.focus();
     };
     return document.addEventListener("keydown", j), () => document.removeEventListener("keydown", j);
-  }, [n, i]);
-  const w = (j) => {
+  }, [r, i]);
+  const k = (j) => {
     j.preventDefault(), F.current++, j.dataTransfer.types.includes("Files") && C(!0);
-  }, P = (j) => {
+  }, z = (j) => {
     j.preventDefault(), F.current--, F.current === 0 && C(!1);
-  }, O = (j) => j.preventDefault(), re = (j) => {
+  }, O = (j) => j.preventDefault(), ne = (j) => {
     j.preventDefault(), F.current = 0, C(!1);
-    const S = Array.from(j.dataTransfer.files);
-    S.length && c(S);
+    const D = Array.from(j.dataTransfer.files);
+    D.length && c(D);
   }, ae = (j) => {
-    const S = Array.from(j.target.files || []);
-    q.current && (q.current.value = ""), S.length && c(S);
+    const D = Array.from(j.target.files || []);
+    q.current && (q.current.value = ""), D.length && c(D);
   }, W = (j) => {
     var se;
     if (!h) return;
-    const S = (se = j.clipboardData) == null ? void 0 : se.items;
-    if (!S) return;
+    const D = (se = j.clipboardData) == null ? void 0 : se.items;
+    if (!D) return;
     const Y = [];
-    for (const Ue of S) {
+    for (const Ue of D) {
       const Re = Ue.getAsFile();
       Re && Y.push(Re);
     }
     if (Y.length === 0) return;
-    const { imageFiles: J, tooLarge: Z, skipped: ee, limitExceeded: ie } = g(Y);
-    Z.length && x(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), ee.length && x(`Skipped unsupported file${ee.length > 1 ? "s" : ""}: ${ee.join(", ")}`), ie && x(`Max ${E} images per message`), J.length && (j.preventDefault(), h(J));
-  }, Q = !n && !i && !!(m != null && m.length) && s.length === 0, oe = As({
+    const { imageFiles: J, tooLarge: Z, skipped: ee, limitExceeded: ie } = E(Y);
+    Z.length && x(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), ee.length && x(`Skipped unsupported file${ee.length > 1 ? "s" : ""}: ${ee.join(", ")}`), ie && x(`Max ${g} images per message`), J.length && (j.preventDefault(), h(J));
+  }, Q = !r && !i && !!(m != null && m.length) && s.length === 0, oe = As({
     prompts: m ?? [],
     enabled: Q
   }), be = (j) => {
@@ -2391,7 +2397,7 @@ function Ot({
     }
     a == null || a(j);
   }, Ce = (s.trim() || (f == null ? void 0 : f.length) > 0 || (d == null ? void 0 : d.length) > 0) && !i, Te = p || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", z].filter(Boolean).join(" "), ...A, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", P].filter(Boolean).join(" "), ...B, children: [
     Te && /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -2407,10 +2413,10 @@ function Ot({
       "div",
       {
         className: ["ds-prompt-input__box", v && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
-        onDragEnter: w,
-        onDragLeave: P,
+        onDragEnter: k,
+        onDragLeave: z,
         onDragOver: O,
-        onDrop: re,
+        onDrop: ne,
         children: [
           v && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
           /* @__PURE__ */ e.jsx(
@@ -2422,7 +2428,7 @@ function Ot({
               onKeyDown: be,
               onPaste: W,
               placeholder: Q ? "" : l,
-              disabled: n || i,
+              disabled: r || i,
               rows: 1,
               className: ["ds-prompt-input__textarea", Q && "ds-prompt-input__textarea--anim"].filter(Boolean).join(" ")
             }
@@ -2431,19 +2437,19 @@ function Ot({
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-text", children: oe.displayed }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-cursor" })
           ] }),
-          f && f.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: f.map((j, S) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
+          f && f.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: f.map((j, D) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
             /* @__PURE__ */ e.jsx("img", { src: j.preview, alt: "" }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 className: "ds-prompt-input__image-remove",
-                onClick: () => b == null ? void 0 : b(S),
+                onClick: () => b == null ? void 0 : b(D),
                 "aria-label": "Remove image",
                 type: "button",
                 children: /* @__PURE__ */ e.jsx(te, { size: 12, strokeWidth: 2 })
               }
             )
-          ] }, S)) }),
+          ] }, D)) }),
           X.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: X.map((j) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
             /* @__PURE__ */ e.jsx("span", { children: j.msg }),
             /* @__PURE__ */ e.jsx(
@@ -2451,32 +2457,32 @@ function Ot({
               {
                 type: "button",
                 className: "ds-prompt-input__warning-close",
-                onClick: () => N(j.id),
+                onClick: () => w(j.id),
                 "aria-label": "Dismiss",
-                children: /* @__PURE__ */ e.jsx(te, { size: I[1], strokeWidth: 1.5 })
+                children: /* @__PURE__ */ e.jsx(te, { size: A[1], strokeWidth: 1.5 })
               }
             )
           ] }, j.id)) }),
-          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: d.map((j, S) => /* @__PURE__ */ e.jsx(de, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
-            j.uploading ? /* @__PURE__ */ e.jsx(Qe, { size: I[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Se, { size: I[1], strokeWidth: 1.5 }),
+          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: d.map((j, D) => /* @__PURE__ */ e.jsx(de, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
+            j.uploading ? /* @__PURE__ */ e.jsx(Qe, { size: A[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Se, { size: A[1], strokeWidth: 1.5 }),
             j.filename,
             j.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: "Uploading..." }) : /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
                 className: "ds-prompt-input__remove-btn",
-                onClick: () => u == null ? void 0 : u(S),
-                children: /* @__PURE__ */ e.jsx(te, { size: I[1], strokeWidth: 1.5 })
+                onClick: () => u == null ? void 0 : u(D),
+                children: /* @__PURE__ */ e.jsx(te, { size: A[1], strokeWidth: 1.5 })
               }
             )
-          ] }) }, S)) }),
+          ] }) }, D)) }),
           /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__toolbar", children: [
             Te && /* @__PURE__ */ e.jsx(
               ce,
               {
                 variant: "ghost",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(Se, { size: I[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(Se, { size: A[2], strokeWidth: 1.5 }),
                 "aria-label": "Attach files",
                 onClick: () => {
                   var j;
@@ -2484,15 +2490,15 @@ function Ot({
                 }
               }
             ),
-            y,
-            T,
+            N,
+            $,
             /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__spacer" }),
-            n ? /* @__PURE__ */ e.jsx(
+            r ? /* @__PURE__ */ e.jsx(
               ce,
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(es, { size: I[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(es, { size: A[2], strokeWidth: 1.5 }),
                 onClick: o,
                 "aria-label": "Stop"
               }
@@ -2501,8 +2507,8 @@ function Ot({
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(ss, { size: I[2], strokeWidth: 1.5 }),
-                onClick: r,
+                icon: /* @__PURE__ */ e.jsx(ss, { size: A[2], strokeWidth: 1.5 }),
+                onClick: n,
                 disabled: !Ce,
                 "aria-label": "Send"
               }
@@ -2513,37 +2519,37 @@ function Ot({
     )
   ] });
 }
-const Me = { fast: 0, standard: 1, premium: 2 }, Pe = { fast: "data-5", standard: "data-3", premium: "data-6" };
+const Pe = { fast: 0, standard: 1, premium: 2 }, Me = { fast: "data-5", standard: "data-3", premium: "data-6" };
 function Ft({
   models: s = [],
   value: t,
-  onChange: r,
+  onChange: n,
   size: o = "xs",
   minTier: a,
-  showAutoOption: n = !1,
+  showAutoOption: r = !1,
   groupByTier: i = !0,
   className: l = "",
   ...m
 }) {
-  const [d, f] = D(!1), p = k(null), h = k(null), u = k(null), [b, _] = D({}), R = s.filter((v) => !a || v.name === "auto" ? !0 : (Me[v.tier] ?? 1) >= (Me[a] ?? 1)), E = R.find((v) => v.name === "auto"), L = R.filter((v) => v.name !== "auto"), y = s.find((v) => v.name === t), z = new Set(L.map((v) => v.tier).filter(Boolean)).size > 1;
-  B(() => {
+  const [d, f] = I(!1), p = T(null), h = T(null), u = T(null), [b, _] = I({}), y = s.filter((v) => !a || v.name === "auto" ? !0 : (Pe[v.tier] ?? 1) >= (Pe[a] ?? 1)), g = y.find((v) => v.name === "auto"), R = y.filter((v) => v.name !== "auto"), N = s.find((v) => v.name === t), P = new Set(R.map((v) => v.tier).filter(Boolean)).size > 1;
+  L(() => {
     if (!d) return;
     const v = 320, C = () => {
       var M;
       const x = (M = h.current) == null ? void 0 : M.getBoundingClientRect();
       if (!x) return;
-      const N = window.innerHeight - x.bottom, $ = N < v + 8 && x.top > N;
+      const w = window.innerHeight - x.bottom, S = w < v + 8 && x.top > w;
       _({
         position: "fixed",
         zIndex: "var(--z-dropdown, 500)",
         left: x.left,
-        ...$ ? { bottom: window.innerHeight - x.top + 4, top: "auto" } : { top: x.bottom + 4, bottom: "auto" }
+        ...S ? { bottom: window.innerHeight - x.top + 4, top: "auto" } : { top: x.bottom + 4, bottom: "auto" }
       });
     };
     C(), window.addEventListener("scroll", C, !0), window.addEventListener("resize", C);
     const X = (x) => {
-      var N, $;
-      !((N = p.current) != null && N.contains(x.target)) && !(($ = u.current) != null && $.contains(x.target)) && f(!1);
+      var w, S;
+      !((w = p.current) != null && w.contains(x.target)) && !((S = u.current) != null && S.contains(x.target)) && f(!1);
     }, V = (x) => {
       x.key === "Escape" && f(!1);
     };
@@ -2551,8 +2557,8 @@ function Ft({
       window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C), document.removeEventListener("mousedown", X), document.removeEventListener("keydown", V);
     };
   }, [d]);
-  const A = (v) => {
-    r == null || r(v), f(!1);
+  const B = (v) => {
+    n == null || n(v), f(!1);
   }, q = (v) => /* @__PURE__ */ e.jsxs(
     "button",
     {
@@ -2561,22 +2567,22 @@ function Ft({
         "ds-model-picker__item",
         v.name === t && "ds-model-picker__item--active"
       ].filter(Boolean).join(" "),
-      onClick: () => A(v.name),
+      onClick: () => B(v.name),
       children: [
         v.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: v.icon }) : /* @__PURE__ */ e.jsx(De, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: v.displayName || v.name }),
-        z && v.tier && /* @__PURE__ */ e.jsx(de, { size: "xs", variant: Pe[v.tier] || "default", children: v.tier })
+        P && v.tier && /* @__PURE__ */ e.jsx(de, { size: "xs", variant: Me[v.tier] || "default", children: v.tier })
       ]
     },
     v.name
-  ), H = () => !i || !z ? L.map(q) : ["fast", "standard", "premium"].flatMap((v) => {
-    const C = L.filter((X) => X.tier === v);
+  ), H = () => !i || !P ? R.map(q) : ["fast", "standard", "premium"].flatMap((v) => {
+    const C = R.filter((X) => X.tier === v);
     return C.length ? [
       /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": v, children: v.charAt(0).toUpperCase() + v.slice(1) }, `lbl-${v}`),
       ...C.map(q)
     ] : [];
   }), F = d && /* @__PURE__ */ e.jsxs("div", { ref: u, className: "ds-model-picker__menu ds-scrollable", "data-ds-portal": "", style: b, children: [
-    n && E && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    r && g && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(
         "button",
         {
@@ -2586,14 +2592,14 @@ function Ft({
             "ds-model-picker__item--auto",
             t === "auto" && "ds-model-picker__item--active"
           ].filter(Boolean).join(" "),
-          onClick: () => A("auto"),
+          onClick: () => B("auto"),
           children: [
             /* @__PURE__ */ e.jsx(ts, { 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)" })
           ]
         }
       ),
-      L.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
+      R.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
     ] }),
     H()
   ] });
@@ -2614,9 +2620,9 @@ function Ft({
             "aria-haspopup": "listbox",
             "aria-expanded": d,
             children: [
-              y != null && y.icon ? /* @__PURE__ */ e.jsx("span", { children: y.icon }) : /* @__PURE__ */ e.jsx(De, { size: 12, strokeWidth: 1.5 }),
-              /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (y == null ? void 0 : y.displayName) || (y == null ? void 0 : y.name) || t }),
-              z && (y == null ? void 0 : y.tier) && /* @__PURE__ */ e.jsx(de, { size: "xs", variant: Pe[y.tier] || "default", children: y.tier })
+              N != null && N.icon ? /* @__PURE__ */ e.jsx("span", { children: N.icon }) : /* @__PURE__ */ e.jsx(De, { size: 12, strokeWidth: 1.5 }),
+              /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (N == null ? void 0 : N.displayName) || (N == null ? void 0 : N.name) || t }),
+              P && (N == null ? void 0 : N.tier) && /* @__PURE__ */ e.jsx(de, { size: "xs", variant: Me[N.tier] || "default", children: N.tier })
             ]
           }
         ),
@@ -2632,20 +2638,20 @@ const Ls = ({ filename: s, pages: t }) => /* @__PURE__ */ e.jsxs("span", { style
 function Ne(s) {
   return s != null && s.length ? "p. " + s.join(", ") : null;
 }
-function Ms(s) {
+function Ps(s) {
   const t = /* @__PURE__ */ new Map();
-  for (const r of s)
-    t.has(r.filename) || t.set(r.filename, { filename: r.filename, url: r.url, items: [] }), t.get(r.filename).items.push(r);
+  for (const n of s)
+    t.has(n.filename) || t.set(n.filename, { filename: n.filename, url: n.url, items: [] }), t.get(n.filename).items.push(n);
   return [...t.values()];
 }
 function Wt({
   sources: s = [],
   layout: t = "list",
-  title: r = "Sources",
+  title: n = "Sources",
   maxVisible: o = 5,
   onSourceClick: a
 }) {
-  const [n, i] = D(!1), l = Ms(s), m = l.length > o, d = n ? l : l.slice(0, o), f = s.some((h) => h.snippet), p = ["ds-sources-panel", t === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
+  const [r, i] = I(!1), l = Ps(s), m = l.length > o, d = r ? l : l.slice(0, o), f = s.some((h) => h.snippet), p = ["ds-sources-panel", t === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
   return t === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: p, children: [
     d.map((h) => {
       const u = h.items.map((_) => _.page).filter(Boolean), b = !!a;
@@ -2655,7 +2661,7 @@ function Wt({
           className: `ds-sources-panel__compact-row${b ? " ds-sources-panel__compact-row--clickable" : ""}`,
           onClick: b ? () => a(h.items[0]) : void 0,
           children: [
-            /* @__PURE__ */ e.jsx(rs, { size: I[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
+            /* @__PURE__ */ e.jsx(ns, { size: A[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
             u.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ne(u) })
           ]
@@ -2663,13 +2669,13 @@ function Wt({
         h.filename
       );
     }),
-    m && !n && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
+    m && !r && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
       "+",
       l.length - o,
       " more sources"
     ] })
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: p, children: [
-    r && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: r }),
+    n && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: n }),
     d.map((h) => {
       const u = h.items.map((_) => _.page).filter(Boolean), b = !!a;
       return f ? /* @__PURE__ */ e.jsx(
@@ -2677,14 +2683,14 @@ function Wt({
         {
           title: /* @__PURE__ */ e.jsx(Ls, { filename: h.filename, pages: u }),
           padding: "s",
-          children: h.items.map((_, R) => /* @__PURE__ */ e.jsx(
+          children: h.items.map((_, y) => /* @__PURE__ */ e.jsx(
             "div",
             {
               className: `ds-sources-panel__snippet${b ? " ds-sources-panel__snippet--clickable" : ""}`,
               onClick: b ? () => a(_) : void 0,
               children: _.snippet ?? `p. ${_.page}`
             },
-            R
+            y
           ))
         },
         h.filename
@@ -2701,7 +2707,7 @@ function Wt({
         h.filename
       );
     }),
-    m && !n && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
+    m && !r && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
       "+",
       l.length - o,
       " more sources"
@@ -2714,17 +2720,17 @@ function ze(s) {
 function Ct({
   used: s,
   limit: t,
-  size: r = "s",
+  size: n = "s",
   showCount: o = !0,
   showPercent: a = !1,
-  warningThreshold: n = 0.8,
+  warningThreshold: r = 0.8,
   errorThreshold: i = 1
 }) {
-  const l = t > 0 ? s / t : 0, m = Math.min(l * 100, 100), d = l >= i ? "error" : l >= n ? "warning" : "normal";
+  const l = t > 0 ? s / t : 0, m = Math.min(l * 100, 100), d = l >= i ? "error" : l >= r ? "warning" : "normal";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: `ds-token-counter ds-token-counter--${r}`,
+      className: `ds-token-counter ds-token-counter--${n}`,
       role: "meter",
       "aria-valuenow": s,
       "aria-valuemax": t,
@@ -2753,16 +2759,16 @@ function Ct({
   );
 }
 const Oe = 5;
-function Ps(s) {
+function Ms(s) {
   return s < 0.34 ? "low" : s < 0.67 ? "medium" : "high";
 }
 function Ut({
   value: s = 0,
   size: t = "xs",
-  showLabel: r = "none",
+  showLabel: n = "none",
   layout: o = "inline"
 }) {
-  const a = Math.max(0, Math.min(1, s)), n = Math.round(a * Oe), i = Ps(a);
+  const a = Math.max(0, Math.min(1, s)), r = Math.round(a * Oe), i = Ms(a);
   return /* @__PURE__ */ e.jsxs("div", { className: [
     "ds-confidence-bar",
     `ds-confidence-bar--${t}`,
@@ -2772,11 +2778,11 @@ function Ut({
     /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: Oe }, (l, m) => /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: `ds-confidence-bar__seg${m < n ? " ds-confidence-bar__seg--filled" : ""}`
+        className: `ds-confidence-bar__seg${m < r ? " ds-confidence-bar__seg--filled" : ""}`
       },
       m
     )) }),
-    r === "text" && /* @__PURE__ */ e.jsx("span", { className: "ds-confidence-bar__label", children: i })
+    n === "text" && /* @__PURE__ */ e.jsx("span", { className: "ds-confidence-bar__label", children: i })
   ] });
 }
 const zs = { add: "+", remove: "-", context: " " };
@@ -2790,20 +2796,20 @@ function _e({ line: s, lineNumbers: t }) {
 function Vt({
   lines: s = [],
   layout: t = "inline",
-  wordWrap: r = !1,
+  wordWrap: n = !1,
   lineNumbers: o = !0,
   maxHeight: a,
-  title: n
+  title: r
 }) {
   const i = [
     "ds-diff-view",
     `ds-diff-view--${t}`,
-    r && "ds-diff-view--wrap"
+    n && "ds-diff-view--wrap"
   ].filter(Boolean).join(" "), l = a ? { maxHeight: a, overflowY: "auto" } : void 0;
   if (t === "split") {
     const m = s.filter((f) => f.type === "remove" || f.type === "context"), d = s.filter((f) => f.type === "add" || f.type === "context");
     return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
-      n && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: n }),
+      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: m.map((f, p) => /* @__PURE__ */ e.jsx(_e, { line: f, lineNumbers: o }, p)) }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: d.map((f, p) => /* @__PURE__ */ e.jsx(_e, { line: f, lineNumbers: o }, p)) })
@@ -2811,29 +2817,29 @@ function Vt({
     ] });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
-    n && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: n }),
+    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: s.map((m, d) => /* @__PURE__ */ e.jsx(_e, { line: m, lineNumbers: o }, d)) })
   ] });
 }
 function Os({
   value: s = "idle",
   onLike: t,
-  onDislike: r,
+  onDislike: n,
   className: o = "",
   ...a
 }) {
-  const n = s !== "idle";
+  const r = s !== "idle";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-message-feedback",
-        n && "ds-message-feedback--voted",
+        r && "ds-message-feedback--voted",
         o
       ].filter(Boolean).join(" "),
       ...a,
       children: [
-        (!n || s === "liked") && /* @__PURE__ */ e.jsx(
+        (!r || s === "liked") && /* @__PURE__ */ e.jsx(
           "button",
           {
             className: [
@@ -2841,34 +2847,34 @@ function Os({
               s === "liked" && "ds-message-feedback__btn--liked"
             ].filter(Boolean).join(" "),
             onClick: t,
-            disabled: n,
+            disabled: r,
             "aria-label": "Like",
             "aria-pressed": s === "liked",
             children: /* @__PURE__ */ e.jsx(
-              ns,
+              rs,
               {
-                size: I[1],
+                size: A[1],
                 strokeWidth: 1.5,
                 fill: s === "liked" ? "currentColor" : "none"
               }
             )
           }
         ),
-        (!n || s === "disliked") && /* @__PURE__ */ e.jsx(
+        (!r || s === "disliked") && /* @__PURE__ */ e.jsx(
           "button",
           {
             className: [
               "ds-message-feedback__btn",
               s === "disliked" && "ds-message-feedback__btn--disliked"
             ].filter(Boolean).join(" "),
-            onClick: r,
-            disabled: n,
+            onClick: n,
+            disabled: r,
             "aria-label": "Dislike",
             "aria-pressed": s === "disliked",
             children: /* @__PURE__ */ e.jsx(
               as,
               {
-                size: I[1],
+                size: A[1],
                 strokeWidth: 1.5,
                 fill: s === "disliked" ? "currentColor" : "none"
               }
@@ -2882,23 +2888,23 @@ function Os({
 function Fs(s) {
   const t = s instanceof Date ? s : new Date(s);
   if (isNaN(t)) return null;
-  const r = /* @__PURE__ */ new Date(), o = t.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: !1 }), a = new Date(r.getFullYear(), r.getMonth(), r.getDate()), n = new Date(a - 864e5);
+  const n = /* @__PURE__ */ new Date(), o = t.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: !1 }), a = new Date(n.getFullYear(), n.getMonth(), n.getDate()), r = new Date(a - 864e5);
   if (t >= a) return o;
-  if (t >= n) return `Yesterday ${o}`;
+  if (t >= r) return `Yesterday ${o}`;
   const i = t.getDate(), l = t.toLocaleString([], { month: "short" });
   return `${i} ${l} ${o}`;
 }
 function Yt({
   role: s = "assistant",
   text: t,
-  timestamp: r,
+  timestamp: n,
   feedbackValue: o = "idle",
   onLike: a,
-  onDislike: n,
+  onDislike: r,
   className: i = "",
   ...l
 }) {
-  const m = s === "assistant" && (a || n), d = !!t, f = r ? Fs(r) : null;
+  const m = s === "assistant" && (a || r), d = !!t, f = n ? Fs(n) : null;
   return !m && !d && !f ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2906,21 +2912,21 @@ function Yt({
       ...l,
       children: [
         s === "user" && f && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: f }),
-        m && /* @__PURE__ */ e.jsx(Os, { className: "ds-message-action", value: o, onLike: a, onDislike: n }),
+        m && /* @__PURE__ */ e.jsx(Os, { className: "ds-message-action", value: o, onLike: a, onDislike: r }),
         d && /* @__PURE__ */ e.jsx(Is, { className: "ds-message-action", text: t }),
         s === "assistant" && f && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: f })
       ]
     }
   );
 }
-function qt({ label: s, className: t = "", ...r }) {
-  return /* @__PURE__ */ e.jsxs("span", { className: ["ds-thinking-dot", t].filter(Boolean).join(" "), ...r, children: [
+function qt({ label: s, className: t = "", ...n }) {
+  return /* @__PURE__ */ e.jsxs("span", { className: ["ds-thinking-dot", t].filter(Boolean).join(" "), ...n, children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-thinking-dot__pulse" }),
     s && /* @__PURE__ */ e.jsx("span", { className: "ds-thinking-dot__label", children: s })
   ] });
 }
-function Ht({ variant: s = "light", glow: t, mask: r = !0, style: o, ...a }) {
-  const n = s === "dark", i = t ?? n, l = n ? "rgba(255,250,250,0.05)" : "var(--color-border-light)", m = n ? "rgba(255,250,250,0.025)" : "color-mix(in srgb, var(--color-border-light) 50%, transparent)";
+function Ht({ variant: s = "light", glow: t, mask: n = !0, style: o, ...a }) {
+  const r = s === "dark", i = t ?? r, l = r ? "rgba(255,250,250,0.05)" : "var(--color-border-light)", m = r ? "rgba(255,250,250,0.025)" : "color-mix(in srgb, var(--color-border-light) 50%, transparent)";
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -2950,7 +2956,7 @@ function Ht({ variant: s = "light", glow: t, mask: r = !0, style: o, ...a }) {
             ].join(", "),
             backgroundSize: "80px 80px, 80px 80px, 16px 16px, 16px 16px",
             backgroundPosition: "-1px -1px, -1px -1px, -1px -1px, -1px -1px",
-            ...r && {
+            ...n && {
               WebkitMaskImage: "radial-gradient(ellipse at center, #000 30%, transparent 85%)",
               maskImage: "radial-gradient(ellipse at center, #000 30%, transparent 85%)"
             }
@@ -2960,13 +2966,13 @@ function Ht({ variant: s = "light", glow: t, mask: r = !0, style: o, ...a }) {
     }
   );
 }
-function Kt({ children: s, axis: t = "y", style: r, className: o = "", ...a }) {
-  const n = t === "x" ? { overflowX: "auto", overflowY: "hidden" } : t === "both" ? { overflow: "auto" } : { overflowY: "auto", overflowX: "hidden" };
+function Kt({ children: s, axis: t = "y", style: n, className: o = "", ...a }) {
+  const r = t === "x" ? { overflowX: "auto", overflowY: "hidden" } : t === "both" ? { overflow: "auto" } : { overflowY: "auto", overflowX: "hidden" };
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       className: `ds-scrollable ${o}`,
-      style: { ...n, ...r },
+      style: { ...r, ...n },
       ...a,
       children: s
     }
@@ -2983,9 +2989,9 @@ export {
   gt as Breadcrumb,
   ce as Button,
   Ks as Card,
-  Pt as ChatMessage,
+  Mt as ChatMessage,
   dt as Checkbox,
-  rt as Code,
+  nt as Code,
   ps as CodeAccordion,
   Ut as ConfidenceBar,
   Is as CopyButton,
@@ -3002,7 +3008,7 @@ export {
   Zs as H4,
   St as InView,
   Vs as Input,
-  nt as Link,
+  rt as Link,
   Os as MessageFeedback,
   Yt as MessageFooter,
   st as Modal,
@@ -3025,7 +3031,7 @@ export {
   wt as Stat,
   Lt as StepIndicator,
   Hs as Stepper,
-  Mt as StreamingText,
+  Pt as StreamingText,
   ot as Tab,
   mt as Table,
   ht as TableBody,
@@ -3043,7 +3049,7 @@ export {
   At as ToolCallBubble,
   At as ToolCallCard,
   lt as Tooltip,
-  I as iconSizes,
+  A as iconSizes,
   Es as useAnimatedNumber,
   As as useAnimatedPlaceholder,
   $s as useInView,