@donkit-ai/design-system 1.4.1 → 1.4.2

package/dist/index.es.js

@@ -1,14 +1,14 @@
-import q, { useState as S, useRef as $, useEffect as B, useLayoutEffect as Ve, useId as Ye } from "react";
-import { Check as he, X as ne, ChevronDown as xe, Minus as qe, Plus as He, XCircle as we, AlertTriangle as ye, CheckCircle as ge, Info as ke, ChevronUp as Ke, ChevronsUpDown as Ge, ChevronLeft as Xe, ChevronRight as Oe, Copy as Je, Brain as Ze, Loader as Qe, Paperclip as Te, Square as es, ArrowUp as ss, Zap as ts, Cpu as Re, FileText as rs } from "lucide-react";
-import me from "react-dom";
-const I = {
+import K, { useState as A, useRef as E, useEffect as M, useLayoutEffect as Ve } from "react";
+import { Check as he, X as ne, ChevronDown as xe, Minus as Ye, Plus as He, XCircle as we, AlertTriangle as ge, CheckCircle as ye, Info as ke, ChevronUp as qe, ChevronsUpDown as Ke, ChevronLeft as Ge, ChevronRight as Xe, Copy as Je, Brain as Ze, Loader as Qe, Paperclip as Re, Square as es, ArrowUp as ss, Zap as ts, Cpu as Se, FileText as rs, ThumbsUp as ns, ThumbsDown as as } from "lucide-react";
+import pe from "react-dom";
+const D = {
   1: 16,
   2: 20,
   3: 24,
   4: 28,
   5: 48
 };
-var ve = { exports: {} }, de = {};
+var je = { exports: {} }, ue = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -18,10 +18,10 @@ var ve = { exports: {} }, de = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Se;
-function ns() {
-  if (Se) return de;
-  Se = 1;
+var Ae;
+function is() {
+  if (Ae) return ue;
+  Ae = 1;
   var s = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
   function r(i, a, n) {
     var o = null;
@@ -38,9 +38,9 @@ function ns() {
       props: n
     };
   }
-  return de.Fragment = t, de.jsx = r, de.jsxs = r, de;
+  return ue.Fragment = t, ue.jsx = r, ue.jsxs = r, ue;
 }
-var ue = {};
+var fe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -50,47 +50,47 @@ var ue = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ae;
-function as() {
-  return Ae || (Ae = 1, process.env.NODE_ENV !== "production" && function() {
+var De;
+function os() {
+  return De || (De = 1, process.env.NODE_ENV !== "production" && function() {
     function s(c) {
       if (c == null) return null;
       if (typeof c == "function")
-        return c.$$typeof === H ? null : c.displayName || c.name || null;
+        return c.$$typeof === C ? null : c.displayName || c.name || null;
       if (typeof c == "string") return c;
       switch (c) {
-        case R:
+        case S:
           return "Fragment";
-        case g:
+        case B:
           return "Profiler";
-        case E:
+        case R:
           return "StrictMode";
-        case D:
+        case I:
           return "Suspense";
-        case v:
-          return "SuspenseList";
         case Y:
+          return "SuspenseList";
+        case N:
           return "Activity";
       }
       if (typeof c == "object")
         switch (typeof c.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), c.$$typeof) {
-          case b:
+          case j:
             return "Portal";
-          case k:
+          case $:
             return c.displayName || "Context";
-          case A:
+          case y:
             return (c._context.displayName || "Context") + ".Consumer";
           case O:
-            var N = c.render;
-            return c = c.displayName, c || (c = N.displayName || N.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
-          case M:
-            return N = c.displayName || null, N !== null ? N : s(c.type) || "Memo";
-          case z:
-            N = c._payload, c = c._init;
+            var w = c.render;
+            return c = c.displayName, c || (c = w.displayName || w.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
+          case q:
+            return w = c.displayName || null, w !== null ? w : s(c.type) || "Memo";
+          case P:
+            w = c._payload, c = c._init;
             try {
-              return s(c(N));
+              return s(c(w));
             } catch {
             }
         }
@@ -102,33 +102,33 @@ function as() {
     function r(c) {
       try {
         t(c);
-        var N = !1;
+        var w = !1;
       } catch {
-        N = !0;
+        w = !0;
       }
-      if (N) {
-        N = console;
-        var P = N.error, F = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
-        return P.call(
-          N,
+      if (w) {
+        w = console;
+        var z = w.error, F = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
+        return z.call(
+          w,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           F
         ), t(c);
       }
     }
     function i(c) {
-      if (c === R) return "<>";
-      if (typeof c == "object" && c !== null && c.$$typeof === z)
+      if (c === S) return "<>";
+      if (typeof c == "object" && c !== null && c.$$typeof === P)
         return "<...>";
       try {
-        var N = s(c);
-        return N ? "<" + N + ">" : "<...>";
+        var w = s(c);
+        return w ? "<" + w + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function a() {
-      var c = X.A;
+      var c = G.A;
       return c === null ? null : c.getOwner();
     }
     function n() {
@@ -136,36 +136,36 @@ function as() {
     }
     function o(c) {
       if (U.call(c, "key")) {
-        var N = Object.getOwnPropertyDescriptor(c, "key").get;
-        if (N && N.isReactWarning) return !1;
+        var w = Object.getOwnPropertyDescriptor(c, "key").get;
+        if (w && w.isReactWarning) return !1;
       }
       return c.key !== void 0;
     }
-    function l(c, N) {
-      function P() {
-        L || (L = !0, console.error(
+    function l(c, w) {
+      function z() {
+        k || (k = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          N
+          w
         ));
       }
-      P.isReactWarning = !0, Object.defineProperty(c, "key", {
-        get: P,
+      z.isReactWarning = !0, Object.defineProperty(c, "key", {
+        get: z,
         configurable: !0
       });
     }
     function m() {
       var c = s(this.type);
-      return C[c] || (C[c] = !0, console.error(
+      return L[c] || (L[c] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), c = this.props.ref, c !== void 0 ? c : null;
     }
-    function u(c, N, P, F, te, ae) {
-      var W = P.ref;
+    function d(c, w, z, F, te, ie) {
+      var W = z.ref;
       return c = {
-        $$typeof: x,
+        $$typeof: b,
         type: c,
-        key: N,
-        props: P,
+        key: w,
+        props: z,
         _owner: F
       }, (W !== void 0 ? W : null) !== null ? Object.defineProperty(c, "ref", {
         enumerable: !1,
@@ -189,14 +189,14 @@ function as() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ae
+        value: ie
       }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
     }
-    function f(c, N, P, F, te, ae) {
-      var W = N.children;
+    function f(c, w, z, F, te, ie) {
+      var W = w.children;
       if (W !== void 0)
         if (F)
-          if (_(W)) {
+          if (x(W)) {
             for (F = 0; F < W.length; F++)
               p(W[F]);
             Object.freeze && Object.freeze(W);
@@ -205,12 +205,12 @@ function as() {
               "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 (U.call(N, "key")) {
+      if (U.call(w, "key")) {
         W = s(c);
-        var Q = Object.keys(N).filter(function(_e) {
-          return _e !== "key";
+        var Q = Object.keys(w).filter(function(be) {
+          return be !== "key";
         });
-        F = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", w[W + F] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
+        F = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", g[W + F] || (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,69 +221,69 @@ React keys must be passed directly to JSX without using spread:
           W,
           Q,
           W
-        ), w[W + F] = !0);
+        ), g[W + F] = !0);
       }
-      if (W = null, P !== void 0 && (r(P), W = "" + P), o(N) && (r(N.key), W = "" + N.key), "key" in N) {
-        P = {};
-        for (var ie in N)
-          ie !== "key" && (P[ie] = N[ie]);
-      } else P = N;
+      if (W = null, z !== void 0 && (r(z), W = "" + z), o(w) && (r(w.key), W = "" + w.key), "key" in w) {
+        z = {};
+        for (var oe in w)
+          oe !== "key" && (z[oe] = w[oe]);
+      } else z = w;
       return W && l(
-        P,
+        z,
         typeof c == "function" ? c.displayName || c.name || "Unknown" : c
-      ), u(
+      ), d(
         c,
         W,
-        P,
+        z,
         a(),
         te,
-        ae
+        ie
       );
     }
     function p(c) {
-      h(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === z && (c._payload.status === "fulfilled" ? h(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
+      h(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === P && (c._payload.status === "fulfilled" ? h(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
     }
     function h(c) {
-      return typeof c == "object" && c !== null && c.$$typeof === x;
+      return typeof c == "object" && c !== null && c.$$typeof === b;
     }
-    var d = q, x = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), k = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), Y = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), X = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, _ = Array.isArray, y = console.createTask ? console.createTask : function() {
+    var u = K, b = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), R = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), Y = Symbol.for("react.suspense_list"), q = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), N = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), G = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, x = Array.isArray, v = console.createTask ? console.createTask : function() {
       return null;
     };
-    d = {
+    u = {
       react_stack_bottom_frame: function(c) {
         return c();
       }
     };
-    var L, C = {}, K = d.react_stack_bottom_frame.bind(
-      d,
+    var k, L = {}, H = u.react_stack_bottom_frame.bind(
+      u,
       n
-    )(), Z = y(i(n)), w = {};
-    ue.Fragment = R, ue.jsx = function(c, N, P) {
-      var F = 1e4 > X.recentlyCreatedOwnerStacks++;
+    )(), X = v(i(n)), g = {};
+    fe.Fragment = S, fe.jsx = function(c, w, z) {
+      var F = 1e4 > G.recentlyCreatedOwnerStacks++;
       return f(
         c,
-        N,
-        P,
+        w,
+        z,
         !1,
-        F ? Error("react-stack-top-frame") : K,
-        F ? y(i(c)) : Z
+        F ? Error("react-stack-top-frame") : H,
+        F ? v(i(c)) : X
       );
-    }, ue.jsxs = function(c, N, P) {
-      var F = 1e4 > X.recentlyCreatedOwnerStacks++;
+    }, fe.jsxs = function(c, w, z) {
+      var F = 1e4 > G.recentlyCreatedOwnerStacks++;
       return f(
         c,
-        N,
-        P,
+        w,
+        z,
         !0,
-        F ? Error("react-stack-top-frame") : K,
-        F ? y(i(c)) : Z
+        F ? Error("react-stack-top-frame") : H,
+        F ? v(i(c)) : X
       );
     };
-  }()), ue;
+  }()), fe;
 }
-process.env.NODE_ENV === "production" ? ve.exports = ns() : ve.exports = as();
-var e = ve.exports;
-function is({ size: s = "m", color: t = "default", className: r = "", ...i }) {
+process.env.NODE_ENV === "production" ? je.exports = is() : je.exports = os();
+var e = je.exports;
+function ls({ size: s = "m", color: t = "default", className: r = "", ...i }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -294,8 +294,8 @@ function is({ size: s = "m", color: t = "default", className: r = "", ...i }) {
     }
   );
 }
-const os = { xs: 12, s: 14, m: 16, l: 20 };
-function fe({
+const cs = { xs: 12, s: 14, m: 16, l: 20 };
+function me({
   children: s,
   variant: t = "primary",
   size: r = "m",
@@ -305,40 +305,42 @@ function fe({
   state: o = "idle",
   onClick: l,
   type: m = "button",
-  href: u,
+  href: d,
   "aria-label": f,
-  ...p
+  className: p = "",
+  ...h
 }) {
-  const h = a && !s, d = o === "loading", x = o === "success", b = o === "error", R = d || x || b, E = r === "xs" ? "s" : "m", g = os[r] ?? 16, A = d ? /* @__PURE__ */ e.jsx(is, { size: E }) : x ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(he, { size: g, strokeWidth: 2.5 }) }) : b ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ne, { size: g, strokeWidth: 2.5 }) }) : null, k = [
+  const u = a && !s, b = o === "loading", j = o === "success", S = o === "error", R = b || j || S, B = r === "xs" ? "s" : "m", y = cs[r] ?? 16, $ = b ? /* @__PURE__ */ e.jsx(ls, { size: B }) : j ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(he, { size: y, strokeWidth: 2.5 }) }) : S ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ne, { size: y, strokeWidth: 2.5 }) }) : null, O = [
     "ds-button",
     `ds-button--${t}`,
     `ds-button--${r}`,
     i && "ds-button--full",
-    h && "ds-button--icon-only"
-  ].filter(Boolean).join(" "), O = o !== "idle" ? o : void 0, D = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    R ? A : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
+    u && "ds-button--icon-only",
+    p
+  ].filter(Boolean).join(" "), I = o !== "idle" ? o : void 0, Y = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    R ? $ : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
     s
   ] });
-  if (u) {
-    const v = (M) => {
-      if (n || d) {
-        M.preventDefault();
+  if (d) {
+    const q = (P) => {
+      if (n || b) {
+        P.preventDefault();
         return;
       }
-      M.metaKey || M.ctrlKey || M.button === 1 || (M.preventDefault(), l == null || l(M));
+      P.metaKey || P.ctrlKey || P.button === 1 || (P.preventDefault(), l == null || l(P));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
-        className: k,
-        href: n || d ? void 0 : u,
-        onClick: v,
+        className: O,
+        href: n || b ? void 0 : d,
+        onClick: q,
         "aria-label": f,
-        "aria-disabled": n || d ? "true" : void 0,
-        "aria-busy": d ? "true" : void 0,
-        "data-state": O,
-        ...p,
-        children: D
+        "aria-disabled": n || b ? "true" : void 0,
+        "aria-busy": b ? "true" : void 0,
+        "data-state": I,
+        ...h,
+        children: Y
       }
     );
   }
@@ -346,18 +348,18 @@ function fe({
     "button",
     {
       type: m,
-      className: k,
+      className: O,
       disabled: n,
-      onClick: d ? void 0 : l,
+      onClick: b ? void 0 : l,
       "aria-label": f,
-      "aria-busy": d ? "true" : void 0,
-      "data-state": O,
-      ...p,
-      children: D
+      "aria-busy": b ? "true" : void 0,
+      "data-state": I,
+      ...h,
+      children: Y
     }
   );
 }
-function Os({
+function Vs({
   label: s,
   error: t,
   hint: r,
@@ -367,10 +369,10 @@ function Os({
   onIconRightClick: o,
   size: l = "m",
   disabled: m,
-  id: u,
+  id: d,
   ...f
 }) {
-  const p = u || `input-${q.useId()}`, h = r ? `${p}-hint` : void 0, d = t ? `${p}-error` : void 0, x = d || h;
+  const p = d || `input-${K.useId()}`, h = r ? `${p}-hint` : void 0, u = t ? `${p}-error` : void 0, b = u || h;
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${i ? "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: [
@@ -382,7 +384,7 @@ function Os({
           className: `ds-input ds-input--${l} ${a ? "ds-input--with-icon" : ""} ${n ? "ds-input--with-icon-right" : ""} ${t ? "ds-input--error" : ""}`,
           disabled: m,
           "aria-invalid": t ? "true" : "false",
-          "aria-describedby": x,
+          "aria-describedby": b,
           ...f
         }
       ),
@@ -399,10 +401,10 @@ function Os({
       )
     ] }),
     r && !t && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-input-hint", children: r }),
-    /* @__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: d, className: "ds-input-error", role: "alert", children: t }) }) })
+    /* @__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 zs({
+function Ys({
   label: s,
   error: t,
   hint: r,
@@ -412,9 +414,9 @@ function zs({
   id: o,
   resize: l = !0,
   rows: m = 3,
-  ...u
+  ...d
 }) {
-  const f = o || `textarea-${q.useId()}`, p = r ? `${f}-hint` : void 0, h = t ? `${f}-error` : void 0, d = h || p;
+  const f = o || `textarea-${K.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 ${i ? "ds-textarea-wrapper--full" : ""} ${n ? "ds-textarea-wrapper--disabled" : ""}`, children: [
     s && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: f, children: s }),
     /* @__PURE__ */ e.jsx(
@@ -424,16 +426,16 @@ function zs({
         className: `ds-textarea ds-textarea--${a} ${t ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
         disabled: n,
         "aria-invalid": t ? "true" : "false",
-        "aria-describedby": d,
+        "aria-describedby": u,
         rows: m,
-        ...u
+        ...d
       }
     ),
     r && !t && /* @__PURE__ */ e.jsx("span", { id: p, className: "ds-textarea-hint", children: r }),
     t && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-textarea-error", role: "alert", children: t })
   ] });
 }
-function Fs({
+function Hs({
   label: s,
   value: t,
   onChange: r,
@@ -443,147 +445,147 @@ function Fs({
   fullWidth: o = !0,
   size: l = "m",
   disabled: m = !1,
-  id: u,
+  id: d,
   ...f
 }) {
-  const [p, h] = S(!1), [d, x] = S(!1), [b, R] = S({}), [E, g] = S("down"), [A, k] = S(-1), O = $(null), D = $(null), v = $(null), M = $(null), z = u || `select-${q.useId()}`, Y = `${z}-label`, H = n ? `${z}-error` : void 0, X = 150, U = (w = !1) => {
-    d || (x(!0), k(-1), M.current = setTimeout(() => {
+  const [p, h] = A(!1), [u, b] = A(!1), [j, S] = A({}), [R, B] = A("down"), [y, $] = A(-1), O = E(null), I = E(null), Y = E(null), q = E(null), P = d || `select-${K.useId()}`, N = `${P}-label`, C = n ? `${P}-error` : void 0, G = 150, U = (g = !1) => {
+    u || (b(!0), $(-1), q.current = setTimeout(() => {
       var c;
-      h(!1), x(!1), w && ((c = v.current) == null || c.focus());
-    }, X));
-  }, _ = (w) => {
-    clearTimeout(M.current), x(!1);
-    const c = w !== void 0 ? w : Math.max(i.findIndex((N) => N.value === t), 0);
-    k(c), h(!0);
+      h(!1), b(!1), g && ((c = Y.current) == null || c.focus());
+    }, G));
+  }, x = (g) => {
+    clearTimeout(q.current), b(!1);
+    const c = g !== void 0 ? g : Math.max(i.findIndex((w) => w.value === t), 0);
+    $(c), h(!0);
   };
-  B(() => () => clearTimeout(M.current), []);
-  const y = () => {
-    var ae;
-    const w = (ae = O.current) == null ? void 0 : ae.getBoundingClientRect();
-    if (!w) return;
-    const c = window.innerHeight, N = c - w.bottom, P = w.top, te = N < 300 && P > N;
-    g(te ? "up" : "down"), R(
-      te ? { bottom: c - w.top + 4, left: w.left, width: w.width } : { top: w.bottom + 4, left: w.left, width: w.width }
+  M(() => () => clearTimeout(q.current), []);
+  const v = () => {
+    var ie;
+    const g = (ie = O.current) == null ? void 0 : ie.getBoundingClientRect();
+    if (!g) return;
+    const c = window.innerHeight, w = c - g.bottom, z = g.top, te = w < 300 && z > w;
+    B(te ? "up" : "down"), S(
+      te ? { bottom: c - g.top + 4, left: g.left, width: g.width } : { top: g.bottom + 4, left: g.left, width: g.width }
     );
   };
-  B(() => {
+  M(() => {
     if (p)
-      return y(), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y), () => {
-        window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y);
+      return v(), window.addEventListener("scroll", v, !0), window.addEventListener("resize", v), () => {
+        window.removeEventListener("scroll", v, !0), window.removeEventListener("resize", v);
       };
-  }, [p]), B(() => {
-    const w = (c) => {
-      O.current && !O.current.contains(c.target) && D.current && !D.current.contains(c.target) && U();
+  }, [p]), M(() => {
+    const g = (c) => {
+      O.current && !O.current.contains(c.target) && I.current && !I.current.contains(c.target) && U();
     };
-    return document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w);
-  }, [d]), B(() => {
+    return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
+  }, [u]), M(() => {
     var c;
-    if (!p || A < 0 || !D.current) return;
-    (c = D.current.querySelectorAll(".ds-select-option")[A]) == null || c.scrollIntoView({ block: "nearest" });
-  }, [A, p]);
-  const L = (w) => {
-    switch (w.key) {
+    if (!p || y < 0 || !I.current) return;
+    (c = I.current.querySelectorAll(".ds-select-option")[y]) == null || c.scrollIntoView({ block: "nearest" });
+  }, [y, p]);
+  const k = (g) => {
+    switch (g.key) {
       case "ArrowDown":
-        w.preventDefault(), p ? k((c) => Math.min(c + 1, i.length - 1)) : _();
+        g.preventDefault(), p ? $((c) => Math.min(c + 1, i.length - 1)) : x();
         break;
       case "ArrowUp":
-        w.preventDefault(), p ? k((c) => Math.max(c - 1, 0)) : _(i.length - 1);
+        g.preventDefault(), p ? $((c) => Math.max(c - 1, 0)) : x(i.length - 1);
         break;
       case "Home":
-        p && (w.preventDefault(), k(0));
+        p && (g.preventDefault(), $(0));
         break;
       case "End":
-        p && (w.preventDefault(), k(i.length - 1));
+        p && (g.preventDefault(), $(i.length - 1));
         break;
       case "Enter":
       case " ":
-        w.preventDefault(), p ? A >= 0 && (r == null || r(i[A].value), U(!0)) : _();
+        g.preventDefault(), p ? y >= 0 && (r == null || r(i[y].value), U(!0)) : x();
         break;
       case "Escape":
-        p && (w.preventDefault(), U(!0));
+        p && (g.preventDefault(), U(!0));
         break;
       case "Tab":
         p && U(!1);
         break;
     }
-  }, C = i.find((w) => w.value === t), K = l === "xs" ? I[1] : l === "small" ? I[2] : I[3], Z = p && /* @__PURE__ */ e.jsx(
+  }, L = i.find((g) => g.value === t), H = l === "xs" ? D[1] : l === "small" ? D[2] : D[3], X = p && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: D,
+      ref: I,
       role: "listbox",
-      "aria-labelledby": s ? Y : void 0,
+      "aria-labelledby": s ? N : void 0,
       tabIndex: -1,
       className: [
         "ds-select-dropdown",
         `ds-select-dropdown--${l}`,
-        `ds-select-dropdown--${E}`,
-        d && "ds-select-dropdown--closing"
+        `ds-select-dropdown--${R}`,
+        u && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
-      style: b,
-      children: i.map((w, c) => /* @__PURE__ */ e.jsx(
+      style: j,
+      children: i.map((g, c) => /* @__PURE__ */ e.jsx(
         "button",
         {
-          id: `${z}-opt-${c}`,
+          id: `${P}-opt-${c}`,
           type: "button",
           role: "option",
           tabIndex: -1,
-          "aria-selected": t === w.value,
+          "aria-selected": t === g.value,
           className: [
             "ds-select-option",
             `ds-select-option--${l}`,
-            t === w.value && "ds-select-option--selected",
-            c === A && "ds-select-option--active"
+            t === g.value && "ds-select-option--selected",
+            c === y && "ds-select-option--active"
           ].filter(Boolean).join(" "),
           onClick: () => {
-            r == null || r(w.value), U(!0);
+            r == null || r(g.value), U(!0);
           },
-          children: w.label
+          children: g.label
         },
-        w.value
+        g.value
       ))
     }
   );
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${o ? "ds-select-wrapper--full" : ""} ${m ? "ds-select-wrapper--disabled" : ""}`, children: [
-    s && /* @__PURE__ */ e.jsx("label", { id: Y, className: "ds-select-label", children: s }),
+    s && /* @__PURE__ */ e.jsx("label", { id: N, className: "ds-select-label", children: s }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: O, children: /* @__PURE__ */ e.jsxs(
       "button",
       {
-        ref: v,
+        ref: Y,
         type: "button",
-        id: z,
+        id: P,
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": p,
-        "aria-activedescendant": p && A >= 0 ? `${z}-opt-${A}` : void 0,
-        "aria-labelledby": s ? Y : void 0,
+        "aria-activedescendant": p && y >= 0 ? `${P}-opt-${y}` : void 0,
+        "aria-labelledby": s ? N : void 0,
         "aria-invalid": n ? "true" : "false",
-        "aria-describedby": H,
+        "aria-describedby": C,
         className: `ds-select-trigger ds-select-trigger--${l} ${n ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          m || (p ? U() : _());
+          m || (p ? U() : x());
         },
-        onKeyDown: L,
+        onKeyDown: k,
         disabled: m,
         ...f,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: C ? "" : "ds-select-placeholder", children: (C == null ? void 0 : C.label) || a }),
+          /* @__PURE__ */ e.jsx("span", { className: L ? "" : "ds-select-placeholder", children: (L == null ? void 0 : L.label) || a }),
           /* @__PURE__ */ e.jsx(
             xe,
             {
-              size: K,
+              size: H,
               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 && R === "down" ? "ds-select-icon--open" : ""} ${p && R === "up" ? "ds-select-icon--up" : ""}`,
               "aria-hidden": "true"
             }
           )
         ]
       }
     ) }),
-    n && /* @__PURE__ */ e.jsx("span", { id: H, className: "ds-select-error", role: "alert", children: n }),
-    typeof document < "u" && me.createPortal(Z, document.body)
+    n && /* @__PURE__ */ e.jsx("span", { id: C, className: "ds-select-error", role: "alert", children: n }),
+    typeof document < "u" && pe.createPortal(X, document.body)
   ] });
 }
-function Ws({
+function qs({
   label: s,
   value: t = 0,
   onChange: r,
@@ -593,41 +595,41 @@ function Ws({
   size: o = "m",
   disabled: l = !1,
   hint: m,
-  error: u,
+  error: d,
   ...f
 }) {
   const p = () => {
     if (l) return;
-    const E = Math.min(Number(t) + n, a);
-    r == null || r(E);
+    const R = Math.min(Number(t) + n, a);
+    r == null || r(R);
   }, h = () => {
     if (l) return;
-    const E = Math.max(Number(t) - n, i);
-    r == null || r(E);
-  }, d = (E) => {
+    const R = Math.max(Number(t) - n, i);
+    r == null || r(R);
+  }, u = (R) => {
     if (l) return;
-    const g = E.target.value;
-    if (g === "") {
+    const B = R.target.value;
+    if (B === "") {
       r == null || r(i);
       return;
     }
-    const A = Number(g);
-    if (!isNaN(A)) {
-      const k = Math.min(Math.max(A, i), a);
-      r == null || r(k);
+    const y = Number(B);
+    if (!isNaN(y)) {
+      const $ = Math.min(Math.max(y, i), a);
+      r == null || r($);
     }
-  }, x = [
+  }, b = [
     "ds-stepper-wrapper",
     l && "ds-stepper-wrapper--disabled",
-    u && "ds-stepper-wrapper--error"
-  ].filter(Boolean).join(" "), b = [
+    d && "ds-stepper-wrapper--error"
+  ].filter(Boolean).join(" "), j = [
     "ds-stepper",
     `ds-stepper--${o}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), R = o === "xs" ? I[1] : o === "small" ? I[2] : I[3];
-  return /* @__PURE__ */ e.jsxs("div", { className: x, children: [
+  ].filter(Boolean).join(" "), S = o === "xs" ? D[1] : o === "small" ? D[2] : D[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: b, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: j, children: [
       /* @__PURE__ */ e.jsx(
         "button",
         {
@@ -636,7 +638,7 @@ function Ws({
           onClick: h,
           disabled: l || t <= i,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ e.jsx(qe, { size: R, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(Ye, { size: S, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -645,7 +647,7 @@ function Ws({
           type: "number",
           className: "ds-stepper-input",
           value: t,
-          onChange: d,
+          onChange: u,
           min: i,
           max: a,
           step: n,
@@ -661,15 +663,15 @@ function Ws({
           onClick: p,
           disabled: l || t >= a,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ e.jsx(He, { size: R, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(He, { size: S, strokeWidth: 1.5 })
         }
       )
     ] }),
-    m && !u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: m }),
-    u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: u })
+    m && !d && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: m }),
+    d && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: d })
   ] });
 }
-function ls({
+function Ks({
   children: s,
   padding: t = "m",
   variant: r = "info",
@@ -680,32 +682,32 @@ function ls({
   disabled: o = !1,
   ...l
 }) {
-  const u = (i ? "interactive" : r) === "interactive" || a || n, f = [
+  const d = (i ? "interactive" : r) === "interactive" || a || n, f = [
     "ds-card",
     `ds-card--${t}`,
-    u && "ds-card--interactive"
+    d && "ds-card--interactive"
   ].filter(Boolean).join(" ");
   if (n) {
-    const d = (x) => {
+    const u = (b) => {
       if (o) {
-        x.preventDefault();
+        b.preventDefault();
         return;
       }
-      x.metaKey || x.ctrlKey || x.button === 1 || (x.preventDefault(), a == null || a(x));
+      b.metaKey || b.ctrlKey || b.button === 1 || (b.preventDefault(), a == null || a(b));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
         className: f,
         href: o ? void 0 : n,
-        onClick: d,
+        onClick: u,
         "aria-disabled": o ? "true" : void 0,
         ...l,
         children: s
       }
     );
   }
-  const p = u && a ? "button" : "div", h = u && a ? {
+  const p = d && a ? "button" : "div", h = d && a ? {
     type: "button",
     onClick: a,
     disabled: o
@@ -714,35 +716,35 @@ function ls({
     p,
     {
       className: f,
-      role: u && !a ? "article" : void 0,
+      role: d && !a ? "article" : void 0,
       ...h,
       ...l,
       children: s
     }
   );
 }
-function Cs({ children: s, ...t }) {
+function Gs({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...t, children: s });
 }
-function Us({ children: s, ...t }) {
+function Xs({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...t, children: s });
 }
-function Vs({ children: s, ...t }) {
+function Js({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...t, children: s });
 }
-function Ys({ 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 }) {
+function Qs({ children: s, secondary: t = !1, ...r }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${t ? "ds-p1--secondary" : ""}`, ...r, children: s });
 }
-function cs({ children: s, secondary: t = !1, ...r }) {
+function ds({ children: s, secondary: t = !1, ...r }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${t ? "ds-p2--secondary" : ""}`, ...r, children: s });
 }
-function ze({ children: s, secondary: t = !1, ...r }) {
+function Fe({ children: s, secondary: t = !1, ...r }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${t ? "ds-p3--secondary" : ""}`, ...r, children: s });
 }
-function pe({
+function ae({
   children: s,
   variant: t = "default",
   size: r = "m",
@@ -756,13 +758,13 @@ function pe({
   ].filter(Boolean).join(" "), o = i || (["info", "success", "warning", "error"].includes(t) ? "status" : void 0);
   return /* @__PURE__ */ e.jsx("span", { className: n, role: o, ...a, children: s });
 }
-const ds = {
+const us = {
   info: ke,
-  success: ge,
-  warning: ye,
+  success: ye,
+  warning: ge,
   error: we
 };
-function Hs({
+function et({
   children: s,
   variant: t = "info",
   title: r,
@@ -770,9 +772,9 @@ function Hs({
   role: a,
   ...n
 }) {
-  const o = ds[t], l = a || (t === "error" ? "alert" : "status");
+  const o = 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: [
-    o && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(o, { size: I[3], strokeWidth: 1.5 }) }),
+    o && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(o, { size: D[3], strokeWidth: 1.5 }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-alert__content", children: [
       r && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: r }),
       s && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: s })
@@ -784,35 +786,35 @@ function Hs({
         className: "ds-alert__close",
         onClick: i,
         "aria-label": "Close alert",
-        children: /* @__PURE__ */ e.jsx(ne, { size: I[3], strokeWidth: 1.5 })
+        children: /* @__PURE__ */ e.jsx(ne, { size: D[3], strokeWidth: 1.5 })
       }
     )
   ] });
 }
-const us = 200;
-function Ks({
+const fs = 200;
+function st({
   children: s,
   title: t,
   onClose: r,
   size: i = "m",
   ...a
 }) {
-  const n = $(null), o = q.useId(), [l, m] = S(!1), u = () => {
+  const n = E(null), o = K.useId(), [l, m] = A(!1), d = () => {
     !r || l || (m(!0), setTimeout(() => {
       m(!1), r();
-    }, us));
+    }, fs));
   };
-  B(() => {
-    const d = (b) => {
-      b.key === "Escape" && u();
-    }, x = (b) => {
-      n.current && !n.current.contains(b.target) && u();
+  M(() => {
+    const u = (j) => {
+      j.key === "Escape" && d();
+    }, b = (j) => {
+      n.current && !n.current.contains(j.target) && d();
     };
-    return document.addEventListener("keydown", d), document.addEventListener("mousedown", x), () => {
-      document.removeEventListener("keydown", d), document.removeEventListener("mousedown", x);
+    return document.addEventListener("keydown", u), document.addEventListener("mousedown", b), () => {
+      document.removeEventListener("keydown", u), document.removeEventListener("mousedown", b);
     };
   }, [r, l]);
-  const f = q.Children.toArray(s), p = f.find((d) => (d == null ? void 0 : d.type) === Ie), h = f.filter((d) => (d == null ? void 0 : d.type) !== Ie);
+  const f = K.Children.toArray(s), p = f.find((u) => (u == null ? void 0 : u.type) === Ie), h = f.filter((u) => (u == null ? void 0 : u.type) !== Ie);
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", l && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...a, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -825,12 +827,12 @@ function Ks({
         (t || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
           t && /* @__PURE__ */ e.jsx("h3", { id: o, className: "ds-modal__title", children: t }),
           r && /* @__PURE__ */ e.jsx(
-            fe,
+            me,
             {
               variant: "ghost",
               size: "small",
-              icon: /* @__PURE__ */ e.jsx(ne, { size: I[2], strokeWidth: 1.5 }),
-              onClick: u,
+              icon: /* @__PURE__ */ e.jsx(ne, { size: D[2], strokeWidth: 1.5 }),
+              onClick: d,
               "aria-label": "Close modal"
             }
           )
@@ -844,7 +846,7 @@ function Ks({
 function Ie({ children: s }) {
   return /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: s });
 }
-function fs({
+function ms({
   children: s,
   title: t = "Code",
   defaultExpanded: r = !1,
@@ -854,15 +856,15 @@ function fs({
   className: o = "",
   ...l
 }) {
-  const [m, u] = S(r), f = i !== void 0, p = f ? i : m, h = () => {
-    f ? a == null || a(!i) : u((x) => !x);
-  }, d = [
+  const [m, d] = A(r), f = i !== void 0, p = f ? i : m, h = () => {
+    f ? a == null || a(!i) : d((b) => !b);
+  }, u = [
     "ds-code-accordion",
     `ds-code-accordion--${n}`,
     p && "ds-code-accordion--expanded",
     o
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: d, ...l, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: u, ...l, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -875,7 +877,7 @@ function fs({
           /* @__PURE__ */ e.jsx(
             xe,
             {
-              size: I[2],
+              size: D[2],
               strokeWidth: 1.5,
               className: `ds-code-accordion__icon ${p ? "ds-code-accordion__icon--expanded" : ""}`
             }
@@ -886,10 +888,10 @@ function fs({
     /* @__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", children: /* @__PURE__ */ e.jsx("code", { children: s }) }) }) })
   ] });
 }
-function Gs({ children: s, block: t = !1, collapsible: r = !1, title: i = "Code", defaultExpanded: a = !1, ...n }) {
-  return t ? r ? /* @__PURE__ */ e.jsx(fs, { title: i, defaultExpanded: a, ...n, children: s }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block", ...n, children: /* @__PURE__ */ e.jsx("code", { children: s }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...n, children: s });
+function tt({ children: s, block: t = !1, collapsible: r = !1, title: i = "Code", defaultExpanded: a = !1, ...n }) {
+  return t ? r ? /* @__PURE__ */ e.jsx(ms, { title: i, defaultExpanded: a, ...n, children: s }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block", ...n, children: /* @__PURE__ */ e.jsx("code", { children: s }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...n, children: s });
 }
-function Xs({ href: s, children: t, onClick: r, target: i, rel: a, ...n }) {
+function rt({ href: s, children: t, onClick: r, target: i, rel: a, ...n }) {
   const l = i === "_blank" ? a ? `${a} noopener noreferrer` : "noopener noreferrer" : a;
   return /* @__PURE__ */ e.jsx(
     "a",
@@ -904,27 +906,27 @@ function Xs({ href: s, children: t, onClick: r, target: i, rel: a, ...n }) {
     }
   );
 }
-function Js({ children: s, size: t = "m", variant: r = "ghost", ...i }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...i, children: q.Children.map(s, (a) => q.isValidElement(a) ? q.cloneElement(a, { size: t, variant: r }) : a) });
+function nt({ children: s, size: t = "m", variant: r = "ghost", ...i }) {
+  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...i, children: K.Children.map(s, (a) => K.isValidElement(a) ? K.cloneElement(a, { size: t, variant: r }) : a) });
 }
-function Zs({ children: s, selected: t = !1, onClick: r, size: i = "m", variant: a = "ghost", disabled: n = !1, icon: o, href: l, ...m }) {
-  const u = o && !s, f = [
+function at({ children: s, selected: t = !1, onClick: r, size: i = "m", variant: a = "ghost", disabled: n = !1, icon: o, href: l, ...m }) {
+  const d = o && !s, f = [
     "ds-tab",
     `ds-tab--${i}`,
     `ds-tab--${a}`,
     t && "ds-tab--selected",
-    u && "ds-tab--icon-only"
+    d && "ds-tab--icon-only"
   ].filter(Boolean).join(" "), p = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     o && /* @__PURE__ */ e.jsx("span", { className: "ds-tab-icon", children: o }),
     s
   ] });
   if (l) {
-    const h = (d) => {
+    const h = (u) => {
       if (n) {
-        d.preventDefault();
+        u.preventDefault();
         return;
       }
-      d.metaKey || d.ctrlKey || d.button === 1 || (d.preventDefault(), r == null || r(d));
+      u.metaKey || u.ctrlKey || u.button === 1 || (u.preventDefault(), r == null || r(u));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
@@ -953,29 +955,29 @@ function Zs({ children: s, selected: t = !1, onClick: r, size: i = "m", variant:
     }
   );
 }
-function Qs({ options: s, value: t, onChange: r, size: i = "m", disabled: a = !1 }) {
-  const n = $(null), o = $(null), [l, m] = S(!1), u = $(!1), f = $(null), p = $(null), h = () => {
+function it({ options: s, value: t, onChange: r, size: i = "m", disabled: a = !1 }) {
+  const n = E(null), o = E(null), [l, m] = A(!1), d = E(!1), f = E(null), p = E(null), h = () => {
     if (!n.current) return;
-    const d = n.current.querySelector(`[data-value="${t}"]`);
-    if (!d) return;
-    const x = n.current.getBoundingClientRect(), b = d.getBoundingClientRect(), R = b.left - x.left, E = b.width;
-    o.current ? (o.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", o.current.style.left = R + "px", o.current.style.width = E + "px", u.current = !1) : (m(!0), requestAnimationFrame(() => {
+    const u = n.current.querySelector(`[data-value="${t}"]`);
+    if (!u) return;
+    const b = n.current.getBoundingClientRect(), j = u.getBoundingClientRect(), S = j.left - b.left, R = j.width;
+    o.current ? (o.current.style.transition = d.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", o.current.style.left = S + "px", o.current.style.width = R + "px", d.current = !1) : (m(!0), requestAnimationFrame(() => {
       if (!o.current || !n.current) return;
-      const g = n.current.querySelector(`[data-value="${t}"]`);
-      if (!g) return;
-      const A = n.current.getBoundingClientRect(), k = g.getBoundingClientRect();
-      o.current.style.transition = "none", o.current.style.left = k.left - A.left + "px", o.current.style.width = k.width + "px";
+      const B = n.current.querySelector(`[data-value="${t}"]`);
+      if (!B) return;
+      const y = n.current.getBoundingClientRect(), $ = B.getBoundingClientRect();
+      o.current.style.transition = "none", o.current.style.left = $.left - y.left + "px", o.current.style.width = $.width + "px";
     }));
   };
   return p.current = h, Ve(() => {
-    const d = f.current !== t;
-    f.current = t, u.current = l && d, h();
-  }), B(() => {
+    const u = f.current !== t;
+    f.current = t, d.current = l && u, h();
+  }), M(() => {
     if (!n.current) return;
-    const d = new ResizeObserver(() => {
-      u.current = !1, p.current();
+    const u = new ResizeObserver(() => {
+      d.current = !1, p.current();
     });
-    return d.observe(n.current), () => d.disconnect();
+    return u.observe(n.current), () => u.disconnect();
   }, []), /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -995,27 +997,27 @@ function Qs({ options: s, value: t, onChange: r, size: i = "m", disabled: a = !1
             "aria-hidden": "true"
           }
         ),
-        s.map((d) => /* @__PURE__ */ e.jsxs(
+        s.map((u) => /* @__PURE__ */ e.jsxs(
           "button",
           {
             type: "button",
-            "data-value": d.value,
-            className: ["ds-seg__btn", t === d.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
-            onClick: () => !a && r(d.value),
-            "aria-pressed": t === d.value,
+            "data-value": u.value,
+            className: ["ds-seg__btn", t === u.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
+            onClick: () => !a && r(u.value),
+            "aria-pressed": t === u.value,
             disabled: a,
             children: [
-              d.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: d.icon }),
-              d.label
+              u.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: u.icon }),
+              u.label
             ]
           },
-          d.value
+          u.value
         ))
       ]
     }
   );
 }
-function Fe({
+function Ee({
   children: s,
   title: t,
   defaultExpanded: r = !1,
@@ -1024,8 +1026,8 @@ function Fe({
   padding: n = "m",
   ...o
 }) {
-  const [l, m] = S(r), u = i !== void 0, f = u ? i : l, p = () => {
-    u ? a == null || a(!i) : m((d) => !d);
+  const [l, m] = A(r), d = i !== void 0, f = d ? i : l, p = () => {
+    d ? a == null || a(!i) : m((u) => !u);
   }, h = [
     "ds-accordion",
     `ds-accordion--${n}`,
@@ -1044,7 +1046,7 @@ function Fe({
           /* @__PURE__ */ e.jsx(
             xe,
             {
-              size: I[2],
+              size: D[2],
               strokeWidth: 1.5,
               className: `ds-accordion__icon ${f ? "ds-accordion__icon--expanded" : ""}`
             }
@@ -1055,8 +1057,8 @@ function Fe({
     /* @__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 re = 8, le = 8;
-function ms(s, t, r) {
+const re = 8, ce = 8;
+function ps(s, t, r) {
   const i = window.innerWidth;
   let a, n;
   switch (s) {
@@ -1075,45 +1077,45 @@ function ms(s, t, r) {
     default:
       a = t.bottom + re, n = t.left;
   }
-  const o = Math.max(le, Math.min(i - r.width - le, n)), l = n - o;
+  const o = Math.max(ce, Math.min(i - r.width - ce, n)), l = n - o;
   return { top: a, left: o, arrowOffset: l };
 }
-function ps(s, t, r) {
+function hs(s, t, r) {
   const i = window.innerWidth, a = window.innerHeight;
-  if (s.top >= t + re + le) return "top";
-  if (a - s.bottom >= t + re + le) return "bottom";
-  if (i - s.right >= r + re + le) return "right";
-  if (s.left >= r + re + le) return "left";
+  if (s.top >= t + re + ce) return "top";
+  if (a - s.bottom >= t + re + ce) return "bottom";
+  if (i - s.right >= r + re + ce) return "right";
+  if (s.left >= r + re + ce) return "left";
   const n = Math.max(s.top, a - s.bottom, s.left, i - s.right);
   return n === s.top ? "top" : n === a - s.bottom ? "bottom" : n === i - s.right ? "right" : "left";
 }
-function et({ children: s, content: t, position: r, ...i }) {
-  const [a, n] = S(!1), [o, l] = S({ visibility: "hidden" }), [m, u] = S(r || "top"), f = $(null), p = $(null), h = $(!1), d = () => {
+function ot({ children: s, content: t, position: r, ...i }) {
+  const [a, n] = A(!1), [o, l] = A({ visibility: "hidden" }), [m, d] = A(r || "top"), f = E(null), p = E(null), h = E(!1), u = () => {
     if (!f.current || !p.current) return;
-    const b = f.current.getBoundingClientRect(), R = p.current.getBoundingClientRect(), E = r || ps(b, R.height, R.width), { top: g, left: A, arrowOffset: k } = ms(E, b, R);
-    u(E), l({
+    const j = f.current.getBoundingClientRect(), S = p.current.getBoundingClientRect(), R = r || hs(j, S.height, S.width), { top: B, left: y, arrowOffset: $ } = ps(R, j, S);
+    d(R), l({
       position: "fixed",
-      top: g,
-      left: A,
+      top: B,
+      left: y,
       visibility: "visible",
-      "--arrow-offset": `${k}px`
+      "--arrow-offset": `${$}px`
     });
   };
-  if (B(() => {
+  if (M(() => {
     if (!a) return;
     l({ position: "fixed", visibility: "hidden" });
-    const b = requestAnimationFrame(d);
-    return window.addEventListener("scroll", d, !0), window.addEventListener("resize", d), () => {
-      cancelAnimationFrame(b), window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
+    const j = requestAnimationFrame(u);
+    return window.addEventListener("scroll", u, !0), window.addEventListener("resize", u), () => {
+      cancelAnimationFrame(j), window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
     };
-  }, [a, r]), B(() => {
+  }, [a, r]), M(() => {
     if (!a) return;
-    const b = (R) => {
-      f.current && !f.current.contains(R.target) && n(!1);
+    const j = (S) => {
+      f.current && !f.current.contains(S.target) && n(!1);
     };
-    return document.addEventListener("touchstart", b), () => document.removeEventListener("touchstart", b);
+    return document.addEventListener("touchstart", j), () => document.removeEventListener("touchstart", j);
   }, [a]), !t) return s;
-  const x = a && /* @__PURE__ */ e.jsx(
+  const b = a && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: p,
@@ -1135,17 +1137,17 @@ function et({ children: s, content: t, position: r, ...i }) {
         h.current || n(!1);
       },
       onTouchStart: () => {
-        h.current = !0, n((b) => !b);
+        h.current = !0, n((j) => !j);
       },
       ...i,
       children: [
         s,
-        typeof document < "u" && me.createPortal(x, document.body)
+        typeof document < "u" && pe.createPortal(b, document.body)
       ]
     }
   );
 }
-function st({
+function lt({
   checked: s = !1,
   onChange: t,
   size: r = "m",
@@ -1154,7 +1156,7 @@ function st({
   id: n,
   ...o
 }) {
-  const l = n || `toggle-${q.useId()}`, m = [
+  const l = n || `toggle-${K.useId()}`, m = [
     "ds-toggle",
     `ds-toggle--${r}`,
     i && "ds-toggle--disabled"
@@ -1167,7 +1169,7 @@ function st({
         id: l,
         className: "ds-toggle__input",
         checked: s,
-        onChange: (u) => t == null ? void 0 : t(u.target.checked),
+        onChange: (d) => t == null ? void 0 : t(d.target.checked),
         disabled: i,
         ...o
       }
@@ -1176,7 +1178,7 @@ function st({
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: a })
   ] });
 }
-function tt({
+function ct({
   checked: s = !1,
   onChange: t,
   size: r = "m",
@@ -1185,11 +1187,11 @@ function tt({
   id: n,
   ...o
 }) {
-  const l = n || `checkbox-${q.useId()}`, m = [
+  const l = n || `checkbox-${K.useId()}`, m = [
     "ds-checkbox",
     `ds-checkbox--${r}`,
     i && "ds-checkbox--disabled"
-  ].filter(Boolean).join(" "), u = r === "xs" ? 10 : r === "small" ? 14 : r === "large" ? 20 : 16;
+  ].filter(Boolean).join(" "), d = r === "xs" ? 10 : r === "small" ? 14 : r === "large" ? 20 : 16;
   return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
@@ -1206,7 +1208,7 @@ function tt({
     /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: s && /* @__PURE__ */ e.jsx(
       he,
       {
-        size: u,
+        size: d,
         strokeWidth: 2.5,
         className: "ds-checkbox__icon"
       }
@@ -1214,7 +1216,7 @@ function tt({
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: a })
   ] });
 }
-function rt({
+function dt({
   checked: s = !1,
   onChange: t,
   size: r = "m",
@@ -1225,17 +1227,17 @@ function rt({
   id: l,
   ...m
 }) {
-  const u = l || `radio-${q.useId()}`, f = [
+  const d = l || `radio-${K.useId()}`, f = [
     "ds-radio",
     `ds-radio--${r}`,
     i && "ds-radio--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("label", { className: f, htmlFor: u, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: f, htmlFor: d, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "radio",
-        id: u,
+        id: d,
         className: "ds-radio__input",
         checked: s,
         onChange: (p) => t == null ? void 0 : t(p.target.checked),
@@ -1249,7 +1251,7 @@ function rt({
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: a })
   ] });
 }
-function hs({ width: s, height: t, shape: r = "rect", aspectRatio: i, className: a = "", style: n = {}, ...o }) {
+function xs({ width: s, height: t, shape: r = "rect", aspectRatio: i, className: a = "", style: n = {}, ...o }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -1260,7 +1262,7 @@ function hs({ width: s, height: t, shape: r = "rect", aspectRatio: i, className:
     }
   );
 }
-function xs({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: i = "", style: a = {}, ...n }) {
+function bs({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: i = "", style: a = {}, ...n }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -1279,7 +1281,7 @@ function xs({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: i = "",
     }
   );
 }
-hs.Text = xs;
+xs.Text = bs;
 function _s(s) {
   let t = 2166136261;
   for (let r = 0; r < s.length; r++)
@@ -1291,8 +1293,8 @@ function js(s) {
   const t = s.trim().split(/\s+/);
   return t.length >= 2 ? (t[0][0] + t[1][0]).toUpperCase() : s[0].toUpperCase();
 }
-function nt({ seed: s, icon: t, src: r, size: i = 32, className: a = "", style: n = {}, ...o }) {
-  const l = _s(s ?? ""), [m, u] = S(!1), f = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: js(s) });
+function ut({ seed: s, icon: t, src: r, size: i = 32, className: a = "", style: n = {}, ...o }) {
+  const l = _s(s ?? ""), [m, d] = A(!1), f = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: js(s) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1300,11 +1302,11 @@ function nt({ seed: s, icon: t, src: r, size: i = 32, className: a = "", style:
       style: { width: i, height: i, "--ds-avatar-h": l, ...n },
       "aria-hidden": "true",
       ...o,
-      children: r && !m ? /* @__PURE__ */ e.jsx("img", { src: r, alt: "", onError: () => u(!0) }) : f
+      children: r && !m ? /* @__PURE__ */ e.jsx("img", { src: r, alt: "", onError: () => d(!0) }) : f
     }
   );
 }
-function at({
+function ft({
   children: s,
   size: t = "compact",
   stickyTop: r,
@@ -1334,13 +1336,13 @@ function at({
     }
   );
 }
-function it({ children: s, ...t }) {
+function mt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("thead", { ...t, children: s });
 }
-function ot({ children: s, ...t }) {
+function pt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("tbody", { ...t, children: s });
 }
-function lt({ children: s, interactive: t, selected: r, subheader: i, exiting: a, updated: n, className: o = "", onClick: l, ...m }) {
+function ht({ children: s, interactive: t, selected: r, subheader: i, exiting: a, updated: n, className: o = "", onClick: l, ...m }) {
   return /* @__PURE__ */ e.jsx(
     "tr",
     {
@@ -1359,11 +1361,11 @@ function lt({ children: s, interactive: t, selected: r, subheader: i, exiting: a
     }
   );
 }
-function ct({ children: s, colSpan: t = 999, ...r }) {
+function xt({ 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 dt({ children: s, align: t = "left", sortDir: r, onSort: i, width: a, className: n = "", style: o = {}, ...l }) {
-  const m = !!i || r !== void 0, u = r === "asc" ? Ke : r === "desc" ? xe : Ge;
+function bt({ children: s, align: t = "left", sortDir: r, onSort: i, width: a, className: n = "", style: o = {}, ...l }) {
+  const m = !!i || r !== void 0, d = r === "asc" ? qe : r === "desc" ? xe : Ke;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
@@ -1379,12 +1381,12 @@ function dt({ children: s, align: t = "left", sortDir: r, onSort: i, width: a, c
       ...l,
       children: m ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
         s,
-        /* @__PURE__ */ e.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ e.jsx(u, { size: 11, strokeWidth: 2.5 }) })
+        /* @__PURE__ */ e.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ e.jsx(d, { size: 11, strokeWidth: 2.5 }) })
       ] }) : s
     }
   );
 }
-function ut({ children: s, align: t = "left", secondary: r, muted: i, truncate: a, nowrap: n, className: o = "", ...l }) {
+function _t({ children: s, align: t = "left", secondary: r, muted: i, truncate: a, nowrap: n, className: o = "", ...l }) {
   return /* @__PURE__ */ e.jsx(
     "td",
     {
@@ -1402,7 +1404,7 @@ function ut({ children: s, align: t = "left", secondary: r, muted: i, truncate:
     }
   );
 }
-function ft({
+function jt({
   icon: s,
   title: t,
   description: r,
@@ -1425,7 +1427,7 @@ function ft({
     }
   );
 }
-function mt({
+function vt({
   label: s,
   hint: t,
   error: r,
@@ -1435,9 +1437,9 @@ function mt({
   children: o,
   className: l = "",
   style: m,
-  ...u
+  ...d
 }) {
-  const f = q.useId(), p = n ?? f, h = `${p}-hint`, d = `${p}-error`;
+  const f = K.useId(), p = n ?? f, h = `${p}-hint`, u = `${p}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1446,17 +1448,17 @@ function mt({
       "data-required": i ? "" : void 0,
       "data-disabled": a ? "" : void 0,
       style: m,
-      ...u,
+      ...d,
       children: [
         s && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: p, children: s }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-field-control", children: o }),
         t && !r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: h, children: t }),
-        r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: d, role: "alert", children: r })
+        r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: u, role: "alert", children: r })
       ]
     }
   );
 }
-function pt({ label: s, value: t, delta: r, size: i = "m", inline: a = !1, className: n = "", style: o, ...l }) {
+function Nt({ label: s, value: t, delta: r, size: i = "m", inline: a = !1, className: n = "", style: o, ...l }) {
   const m = r != null && r.startsWith("+") ? "up" : r != null && r.startsWith("-") ? "down" : "neutral";
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -1477,7 +1479,7 @@ function pt({ label: s, value: t, delta: r, size: i = "m", inline: a = !1, class
     }
   );
 }
-function ht({
+function wt({
   children: s,
   separator: t = "/",
   "aria-label": r = "Breadcrumb",
@@ -1485,7 +1487,7 @@ function ht({
   style: a,
   ...n
 }) {
-  const o = q.Children.toArray(s).filter(Boolean);
+  const o = K.Children.toArray(s).filter(Boolean);
   return /* @__PURE__ */ e.jsx(
     "nav",
     {
@@ -1500,7 +1502,7 @@ function ht({
     }
   );
 }
-function xt({
+function gt({
   page: s,
   total: t,
   onChange: r,
@@ -1510,7 +1512,7 @@ function xt({
   style: o,
   ...l
 }) {
-  const m = bs(s, t, i);
+  const m = vs(s, t, i);
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
@@ -1526,20 +1528,20 @@ function xt({
             onClick: () => r == null ? void 0 : r(s - 1),
             disabled: s <= 1,
             "aria-label": "Previous page",
-            children: /* @__PURE__ */ e.jsx(Xe, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(Ge, { size: 16 })
           }
         ),
         m.map(
-          (u, f) => u === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${f}`) : /* @__PURE__ */ e.jsx(
+          (d, f) => d === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${f}`) : /* @__PURE__ */ e.jsx(
             "button",
             {
-              className: `ds-pagination-page${u === s ? " ds-pagination-page--current" : ""}`,
-              onClick: () => u !== s && (r == null ? void 0 : r(u)),
-              "aria-current": u === s ? "page" : void 0,
-              "aria-label": `Page ${u}`,
-              children: u
+              className: `ds-pagination-page${d === s ? " ds-pagination-page--current" : ""}`,
+              onClick: () => d !== s && (r == null ? void 0 : r(d)),
+              "aria-current": d === s ? "page" : void 0,
+              "aria-label": `Page ${d}`,
+              children: d
             },
-            u
+            d
           )
         ),
         /* @__PURE__ */ e.jsx(
@@ -1549,44 +1551,44 @@ function xt({
             onClick: () => r == null ? void 0 : r(s + 1),
             disabled: s >= t,
             "aria-label": "Next page",
-            children: /* @__PURE__ */ e.jsx(Oe, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(Xe, { size: 16 })
           }
         )
       ]
     }
   );
 }
-function bs(s, t, r) {
+function vs(s, t, r) {
   if (t <= 7) return Array.from({ length: t }, (o, l) => l + 1);
   const i = Math.max(2, s - r), a = Math.min(t - 1, s + r), n = [1];
   i > 2 && n.push("…");
   for (let o = i; o <= a; o++) n.push(o);
   return a < t - 1 && n.push("…"), n.push(t), n;
 }
-const vs = 200;
-function _t({
+const Ns = 200;
+function yt({
   children: s,
   title: t,
   onClose: r,
   side: i = "right",
   ...a
 }) {
-  const n = $(null), o = q.useId(), [l, m] = S(!1), u = () => {
+  const n = E(null), o = K.useId(), [l, m] = A(!1), d = () => {
     !r || l || (m(!0), setTimeout(() => {
       m(!1), r();
-    }, vs));
+    }, Ns));
   };
-  B(() => {
-    const d = (b) => {
-      b.key === "Escape" && u();
-    }, x = (b) => {
-      n.current && !n.current.contains(b.target) && u();
+  M(() => {
+    const u = (j) => {
+      j.key === "Escape" && d();
+    }, b = (j) => {
+      n.current && !n.current.contains(j.target) && d();
     };
-    return document.addEventListener("keydown", d), document.addEventListener("mousedown", x), () => {
-      document.removeEventListener("keydown", d), document.removeEventListener("mousedown", x);
+    return document.addEventListener("keydown", u), document.addEventListener("mousedown", b), () => {
+      document.removeEventListener("keydown", u), document.removeEventListener("mousedown", b);
     };
   }, [r, l]);
-  const f = q.Children.toArray(s), p = f.find((d) => (d == null ? void 0 : d.type) === De), h = f.filter((d) => (d == null ? void 0 : d.type) !== De);
+  const f = K.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",
     {
@@ -1604,7 +1606,7 @@ function _t({
           children: [
             /* @__PURE__ */ e.jsxs("header", { className: "ds-drawer-header", children: [
               t && /* @__PURE__ */ e.jsx("h3", { id: o, className: "ds-drawer-title", children: t }),
-              r && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: u, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(ne, { size: I[2], strokeWidth: 1.5 }) })
+              r && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: d, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(ne, { size: D[2], strokeWidth: 1.5 }) })
             ] }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body", children: h }),
             p
@@ -1614,16 +1616,16 @@ function _t({
     }
   );
 }
-function De({ children: s }) {
+function Be({ children: s }) {
   return /* @__PURE__ */ e.jsx("footer", { className: "ds-drawer-footer", children: s });
 }
-const Ns = {
+const ws = {
   info: ke,
-  success: ge,
-  warning: ye,
+  success: ye,
+  warning: ge,
   error: we
 };
-function jt({
+function kt({
   children: s,
   variant: t = "info",
   action: r,
@@ -1632,7 +1634,7 @@ function jt({
   role: n,
   ...o
 }) {
-  const l = Ns[t], m = n || (t === "error" ? "alert" : "status");
+  const l = ws[t], m = n || (t === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1640,7 +1642,7 @@ function jt({
       role: m,
       ...o,
       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: D[2], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-banner-text", children: s }),
         r && /* @__PURE__ */ e.jsx(
           "button",
@@ -1658,14 +1660,14 @@ function jt({
             className: "ds-banner-dismiss",
             onClick: a,
             "aria-label": "Dismiss",
-            children: /* @__PURE__ */ e.jsx(ne, { size: I[2], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ne, { size: D[2], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function bt({
+function Et({
   trigger: s,
   items: t = [],
   open: r,
@@ -1675,131 +1677,133 @@ function bt({
   style: o,
   ...l
 }) {
-  const [m, u] = S(!1), [f, p] = S(!1), h = r !== void 0, d = h ? r : m, x = $(null), b = $(null), R = $(null), E = $(null), [g, A] = S({}), k = $(null), O = 150, D = () => {
+  const [m, d] = A(!1), [f, p] = A(!1), h = r !== void 0, u = h ? r : m, b = E(null), j = E(null), S = E(null), R = E(null), [B, y] = A({}), $ = E(null), O = 150, I = () => {
     if (h)
       i == null || i(!1);
     else {
       if (f) return;
-      p(!0), k.current = setTimeout(() => {
-        u(!1), p(!1);
+      p(!0), $.current = setTimeout(() => {
+        d(!1), p(!1);
       }, O);
     }
-  }, v = () => {
-    const _ = !d;
-    h ? i == null || i(_) : _ ? (clearTimeout(k.current), p(!1), u(!0)) : D();
-  }, M = () => {
-    d || (h ? i == null || i(!0) : (clearTimeout(k.current), p(!1), u(!0)));
+  }, Y = () => {
+    const x = !u;
+    h ? i == null || i(x) : x ? (clearTimeout($.current), p(!1), d(!0)) : I();
+  }, q = () => {
+    u || (h ? i == null || i(!0) : (clearTimeout($.current), p(!1), d(!0)));
   };
-  B(() => () => clearTimeout(k.current), []), B(() => {
-    if (!d) return;
-    const _ = () => {
-      var L;
-      const y = (L = x.current) == null ? void 0 : L.getBoundingClientRect();
-      y && A(
-        a === "right" ? { top: y.bottom + 4, right: window.innerWidth - y.right } : { top: y.bottom + 4, left: y.left }
+  M(() => () => clearTimeout($.current), []), M(() => {
+    if (!u) return;
+    const x = 300, v = () => {
+      var X;
+      const k = (X = b.current) == null ? void 0 : X.getBoundingClientRect();
+      if (!k) return;
+      const L = window.innerHeight - k.bottom, H = L < x + 8 && k.top > L;
+      y(
+        a === "right" ? H ? { bottom: window.innerHeight - k.top + 4, top: "auto", right: window.innerWidth - k.right } : { top: k.bottom + 4, bottom: "auto", right: window.innerWidth - k.right } : H ? { bottom: window.innerHeight - k.top + 4, top: "auto", left: k.left } : { top: k.bottom + 4, bottom: "auto", left: k.left }
       );
     };
-    return _(), window.addEventListener("scroll", _, !0), window.addEventListener("resize", _), () => {
-      window.removeEventListener("scroll", _, !0), window.removeEventListener("resize", _);
+    return v(), window.addEventListener("scroll", v, !0), window.addEventListener("resize", v), () => {
+      window.removeEventListener("scroll", v, !0), window.removeEventListener("resize", v);
     };
-  }, [d, a]);
-  const z = () => {
-    var y;
-    const _ = (y = R.current) == null ? void 0 : y.querySelector(
+  }, [u, a]);
+  const P = () => {
+    var v;
+    const x = (v = S.current) == null ? void 0 : v.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
-    _ == null || _.focus();
+    x == null || x.focus();
   };
-  B(() => {
-    if (!d) return;
-    const _ = (L) => {
-      var C, K;
-      !((C = x.current) != null && C.contains(L.target)) && !((K = b.current) != null && K.contains(L.target)) && D();
-    }, y = (L) => {
-      L.key === "Escape" && (D(), z());
+  M(() => {
+    if (!u) return;
+    const x = (k) => {
+      var L, H;
+      !((L = b.current) != null && L.contains(k.target)) && !((H = j.current) != null && H.contains(k.target)) && I();
+    }, v = (k) => {
+      k.key === "Escape" && (I(), P());
     };
-    return document.addEventListener("mousedown", _), document.addEventListener("keydown", y), () => {
-      document.removeEventListener("mousedown", _), document.removeEventListener("keydown", y);
+    return document.addEventListener("mousedown", x), document.addEventListener("keydown", v), () => {
+      document.removeEventListener("mousedown", x), document.removeEventListener("keydown", v);
     };
-  }, [d]), B(() => {
-    if (!d || !E.current || !b.current) return;
-    const _ = Y(), y = E.current === "last" ? _[_.length - 1] : _[0];
-    y == null || y.focus(), E.current = null;
-  }, [d]);
-  const Y = () => b.current ? [...b.current.querySelectorAll(
+  }, [u]), M(() => {
+    if (!u || !R.current || !j.current) return;
+    const x = N(), v = R.current === "last" ? x[x.length - 1] : x[0];
+    v == null || v.focus(), R.current = null;
+  }, [u]);
+  const N = () => j.current ? [...j.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
-  )] : [], H = (_) => {
-    var y, L;
-    if (_.key === "ArrowDown")
-      _.preventDefault(), d ? (y = Y()[0]) == null || y.focus() : (E.current = "first", M());
-    else if (_.key === "ArrowUp")
-      if (_.preventDefault(), !d)
-        E.current = "last", M();
+  )] : [], C = (x) => {
+    var v, k;
+    if (x.key === "ArrowDown")
+      x.preventDefault(), u ? (v = N()[0]) == null || v.focus() : (R.current = "first", q());
+    else if (x.key === "ArrowUp")
+      if (x.preventDefault(), !u)
+        R.current = "last", q();
       else {
-        const C = Y();
-        (L = C[C.length - 1]) == null || L.focus();
+        const L = N();
+        (k = L[L.length - 1]) == null || k.focus();
       }
-  }, X = (_) => {
-    var C, K, Z, w;
-    const y = Y(), L = y.findIndex((c) => c === document.activeElement);
-    switch (_.key) {
+  }, G = (x) => {
+    var L, H, X, g;
+    const v = N(), k = v.findIndex((c) => c === document.activeElement);
+    switch (x.key) {
       case "ArrowDown":
-        _.preventDefault(), (C = y[Math.min(L + 1, y.length - 1)]) == null || C.focus();
+        x.preventDefault(), (L = v[Math.min(k + 1, v.length - 1)]) == null || L.focus();
         break;
       case "ArrowUp":
-        _.preventDefault(), L <= 0 ? z() : (K = y[L - 1]) == null || K.focus();
+        x.preventDefault(), k <= 0 ? P() : (H = v[k - 1]) == null || H.focus();
         break;
       case "Home":
-        _.preventDefault(), (Z = y[0]) == null || Z.focus();
+        x.preventDefault(), (X = v[0]) == null || X.focus();
         break;
       case "End":
-        _.preventDefault(), (w = y[y.length - 1]) == null || w.focus();
+        x.preventDefault(), (g = v[v.length - 1]) == null || g.focus();
         break;
       case "Tab":
-        D();
+        I();
         break;
     }
-  }, U = d && /* @__PURE__ */ e.jsx(
+  }, U = u && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: b,
+      ref: j,
       role: "menu",
       className: [
         "ds-dropdown__menu",
         `ds-dropdown__menu--${a}`,
         f && "ds-dropdown__menu--closing"
       ].filter(Boolean).join(" "),
-      style: g,
-      onKeyDown: X,
-      children: t.map((_, y) => {
-        if (_.separator)
-          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, y);
-        if (_.type === "section")
+      style: B,
+      onKeyDown: G,
+      children: t.map((x, v) => {
+        if (x.separator)
+          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, v);
+        if (x.type === "section")
           return /* @__PURE__ */ e.jsxs("div", { className: "ds-dropdown__section", children: [
-            _.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: _.label }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: _.content })
-          ] }, y);
-        const L = !!_.href, C = L ? "a" : "button", K = L ? { href: _.disabled ? void 0 : _.href, "aria-disabled": _.disabled ? "true" : void 0 } : { type: "button", disabled: _.disabled };
+            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 })
+          ] }, v);
+        const k = !!x.href, L = k ? "a" : "button", H = k ? { href: x.disabled ? void 0 : x.href, "aria-disabled": x.disabled ? "true" : void 0 } : { type: "button", disabled: x.disabled };
         return /* @__PURE__ */ e.jsxs(
-          C,
+          L,
           {
             role: "menuitem",
             className: [
               "ds-dropdown__item",
-              _.danger && "ds-dropdown__item--danger"
+              x.danger && "ds-dropdown__item--danger"
             ].filter(Boolean).join(" "),
-            ...K,
+            ...H,
             onClick: () => {
-              var Z;
-              (Z = _.onClick) == null || Z.call(_), D();
+              var X;
+              (X = x.onClick) == null || X.call(x), I();
             },
             children: [
-              _.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: _.icon }),
-              /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: _.label }),
-              _.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: _.shortcut })
+              x.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: x.icon }),
+              /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: x.label }),
+              x.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: x.shortcut })
             ]
           },
-          y
+          v
         );
       })
     }
@@ -1807,7 +1811,7 @@ function bt({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: x,
+      ref: b,
       className: ["ds-dropdown", n].filter(Boolean).join(" "),
       style: o,
       ...l,
@@ -1815,19 +1819,19 @@ function bt({
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: R,
+            ref: S,
             className: "ds-dropdown__trigger",
-            onClick: v,
-            onKeyDown: H,
+            onClick: Y,
+            onKeyDown: C,
             children: s
           }
         ),
-        typeof document < "u" && me.createPortal(U, document.body)
+        typeof document < "u" && pe.createPortal(U, document.body)
       ]
     }
   );
 }
-function vt({
+function $t({
   value: s = 0,
   size: t = "m",
   variant: r = "default",
@@ -1864,10 +1868,10 @@ function vt({
     }
   );
 }
-const ws = (s) => 1 - Math.pow(1 - s, 3), ys = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-function gs(s, { duration: t = 600 } = {}) {
-  const [r, i] = S(s), a = $(s), n = $(null);
-  return B(() => {
+const gs = (s) => 1 - Math.pow(1 - s, 3), ys = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+function ks(s, { duration: t = 600 } = {}) {
+  const [r, i] = A(s), a = E(s), n = E(null);
+  return M(() => {
     if (ys()) {
       i(s), a.current = s;
       return;
@@ -1875,27 +1879,27 @@ function gs(s, { duration: t = 600 } = {}) {
     const o = a.current, l = s - o;
     if (l === 0) return;
     let m = null;
-    const u = (f) => {
+    const d = (f) => {
       m || (m = f);
       const p = Math.min((f - m) / t, 1);
-      i(o + l * ws(p)), p < 1 ? n.current = requestAnimationFrame(u) : a.current = s;
+      i(o + l * gs(p)), p < 1 ? n.current = requestAnimationFrame(d) : a.current = s;
     };
-    return n.current = requestAnimationFrame(u), () => cancelAnimationFrame(n.current);
+    return n.current = requestAnimationFrame(d), () => cancelAnimationFrame(n.current);
   }, [s, t]), r;
 }
-function Nt({
+function Tt({
   value: s,
   duration: t = 600,
   decimals: r = 0,
   prefix: i = "",
   suffix: a = ""
 }) {
-  const o = gs(s, { duration: t }).toFixed(r);
+  const o = ks(s, { duration: t }).toFixed(r);
   return `${i}${o}${a}`;
 }
-function ks({ threshold: s = 0.1, rootMargin: t = "0px", once: r = !1 } = {}) {
-  const i = $(null), [a, n] = S(!1);
-  return B(() => {
+function Es({ threshold: s = 0.1, rootMargin: t = "0px", once: r = !1 } = {}) {
+  const i = E(null), [a, n] = A(!1);
+  return M(() => {
     const o = i.current;
     if (!o) return;
     const l = new IntersectionObserver(
@@ -1907,7 +1911,7 @@ function ks({ threshold: s = 0.1, rootMargin: t = "0px", once: r = !1 } = {}) {
     return l.observe(o), () => l.disconnect();
   }, [s, t, r]), { ref: i, inView: a };
 }
-function wt({
+function Rt({
   children: s,
   as: t = "div",
   once: r = !1,
@@ -1917,31 +1921,31 @@ function wt({
   onLeave: o,
   ...l
 }) {
-  const { ref: m, inView: u } = ks({ threshold: i, rootMargin: a, once: r }), f = $(!1);
-  return B(() => {
-    u && !f.current && (n == null || n()), !u && f.current && (o == null || o()), f.current = u;
-  }, [u]), /* @__PURE__ */ e.jsx(t, { ref: m, ...l, children: typeof s == "function" ? s(u) : s });
+  const { ref: m, inView: d } = Es({ threshold: i, rootMargin: a, once: r }), f = E(!1);
+  return M(() => {
+    d && !f.current && (n == null || n()), !d && f.current && (o == null || o()), f.current = d;
+  }, [d]), /* @__PURE__ */ e.jsx(t, { ref: m, ...l, children: typeof s == "function" ? s(d) : s });
 }
-const Be = {
+const Me = {
   default: ke,
-  success: ge,
-  warning: ye,
+  success: ye,
+  warning: ge,
   error: we
 };
-let ce = [];
-const Ne = /* @__PURE__ */ new Set();
+let de = [];
+const ve = /* @__PURE__ */ new Set();
 function We() {
-  Ne.forEach((s) => s([...ce]));
-}
-function Es(s) {
-  ce = [...ce, s], We();
+  ve.forEach((s) => s([...de]));
 }
 function $s(s) {
-  ce = ce.filter((t) => t.id !== s), We();
+  de = [...de, s], We();
 }
-function yt() {
+function Ts(s) {
+  de = de.filter((t) => t.id !== s), We();
+}
+function St() {
   const s = (t, r = {}) => {
-    Es({
+    $s({
       id: `${Date.now()}-${Math.random()}`,
       message: t,
       type: "default",
@@ -1951,13 +1955,13 @@ function yt() {
   };
   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 };
 }
-function Ts({ data: s, onDismiss: t }) {
-  const [r, i] = S(!1), a = $(null);
-  B(() => (requestAnimationFrame(() => i(!0)), s.duration > 0 && (a.current = setTimeout(() => n(), s.duration)), () => clearTimeout(a.current)), []);
+function Rs({ data: s, onDismiss: t }) {
+  const [r, i] = A(!1), a = E(null);
+  M(() => (requestAnimationFrame(() => i(!0)), s.duration > 0 && (a.current = setTimeout(() => n(), s.duration)), () => clearTimeout(a.current)), []);
   function n() {
     i(!1), setTimeout(() => t(s.id), 250);
   }
-  const o = Be[s.type] ?? Be.default;
+  const o = Me[s.type] ?? Me.default;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1969,7 +1973,7 @@ function Ts({ data: s, onDismiss: t }) {
       role: s.type === "error" ? "alert" : "status",
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(o, { size: I[3], strokeWidth: 1.5 }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(o, { size: D[3], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-toast__message", children: s.message }),
         /* @__PURE__ */ e.jsx(
           "button",
@@ -1977,26 +1981,26 @@ function Ts({ data: s, onDismiss: t }) {
             className: "ds-toast__close",
             onClick: n,
             "aria-label": "Закрыть",
-            children: /* @__PURE__ */ e.jsx(ne, { size: I[3], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ne, { size: D[3], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function gt({ position: s = "bottom-right" }) {
-  const [t, r] = S(() => [...ce]);
-  return B(() => (Ne.add(r), () => Ne.delete(r)), []), !t.length || typeof document > "u" ? null : me.createPortal(
-    /* @__PURE__ */ e.jsx("div", { className: ["ds-toast-container", `ds-toast-container--${s}`].join(" "), children: t.map((i) => /* @__PURE__ */ e.jsx(Ts, { data: i, onDismiss: $s }, i.id)) }),
+function At({ position: s = "bottom-right" }) {
+  const [t, r] = A(() => [...de]);
+  return M(() => (ve.add(r), () => ve.delete(r)), []), !t.length || typeof document > "u" ? null : pe.createPortal(
+    /* @__PURE__ */ e.jsx("div", { className: ["ds-toast-container", `ds-toast-container--${s}`].join(" "), children: t.map((i) => /* @__PURE__ */ e.jsx(Rs, { data: i, onDismiss: Ts }, i.id)) }),
     document.body
   );
 }
-const Rs = {
-  running: /* @__PURE__ */ e.jsx(pe, { size: "xs", variant: "info", children: "Running..." }),
-  success: /* @__PURE__ */ e.jsx(pe, { size: "xs", variant: "success", children: "Done" }),
-  error: /* @__PURE__ */ e.jsx(pe, { size: "xs", variant: "error", children: "Error" })
+const Ss = {
+  running: /* @__PURE__ */ e.jsx(ae, { size: "xs", variant: "info", children: "Running..." }),
+  success: /* @__PURE__ */ e.jsx(ae, { size: "xs", variant: "success", children: "Done" }),
+  error: /* @__PURE__ */ e.jsx(ae, { size: "xs", variant: "error", children: "Error" })
 };
-function kt({
+function Dt({
   label: s,
   status: t = "idle",
   icon: r,
@@ -2004,88 +2008,82 @@ function kt({
   defaultExpanded: a = !1,
   expanded: n,
   onToggle: o,
-  padding: l = "s",
-  children: m,
-  ...u
+  children: l,
+  className: m = "",
+  ...d
 }) {
-  const p = `tc-body-${Ye().replace(/:/g, "")}`, [h, d] = S(a), x = n !== void 0, b = x ? n : h, R = () => {
-    x ? o == null || o(!n) : d((E) => !E);
-  };
-  return /* @__PURE__ */ e.jsxs(ls, { padding: l, ...u, children: [
-    /* @__PURE__ */ e.jsxs(
-      "button",
-      {
-        type: "button",
-        className: "ds-tool-card__header",
-        onClick: R,
-        "aria-expanded": b,
-        "aria-controls": p,
-        children: [
-          /* @__PURE__ */ e.jsx(
-            Oe,
-            {
-              size: I[1],
-              strokeWidth: 1.5,
-              className: `ds-tool-card__chevron${b ? " ds-tool-card__chevron--expanded" : ""}`
-            }
-          ),
-          r && /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__icon", children: r }),
-          /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__label", children: s }),
-          Rs[t],
-          i
-        ]
-      }
-    ),
-    b && /* @__PURE__ */ e.jsx("div", { id: p, className: "ds-tool-card__body", children: m })
+  const f = /* @__PURE__ */ e.jsxs("span", { className: "ds-tool-card__title-row", children: [
+    r && /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__icon", children: r }),
+    /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__label", children: s }),
+    Ss[t],
+    i
   ] });
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: ["ds-tool-card", m].filter(Boolean).join(" "),
+      ...d,
+      children: /* @__PURE__ */ e.jsx(
+        Ee,
+        {
+          title: f,
+          padding: "s",
+          defaultExpanded: a,
+          expanded: n,
+          onToggle: o,
+          children: /* @__PURE__ */ e.jsx("div", { className: "ds-tool-card__body", children: l })
+        }
+      )
+    }
+  );
 }
-function Et({
+function As({
   text: s,
   size: t = "xs",
   timeout: r = 2e3,
   "aria-label": i = "Copy to clipboard",
   ...a
 }) {
-  const [n, o] = S(!1), l = () => {
+  const [n, o] = A(!1), l = () => {
     navigator.clipboard.writeText(s).then(() => {
       o(!0), setTimeout(() => o(!1), r);
     });
   };
   return /* @__PURE__ */ e.jsx(
-    fe,
+    me,
     {
       variant: "ghost",
       size: t,
-      icon: n ? /* @__PURE__ */ e.jsx(he, { size: I[1], strokeWidth: 1.5 }) : /* @__PURE__ */ e.jsx(Je, { size: I[1], strokeWidth: 1.5 }),
+      icon: n ? /* @__PURE__ */ e.jsx(he, { size: D[1], strokeWidth: 1.5 }) : /* @__PURE__ */ e.jsx(Je, { size: D[1], strokeWidth: 1.5 }),
       "aria-label": i,
       onClick: l,
       ...a
     }
   );
 }
-function $t({ content: s, streaming: t = !1, ...r }) {
-  const [i, a] = S(t);
-  return B(() => {
+function It({ content: s, streaming: t = !1, ...r }) {
+  const [i, a] = A(t);
+  return M(() => {
     a(!!t);
   }, [t]), /* @__PURE__ */ e.jsx(
-    Fe,
+    Ee,
     {
       expanded: i,
       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(cs, { secondary: !0, children: "Thinking" })
+        /* @__PURE__ */ e.jsx(Ze, { size: D[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
+        /* @__PURE__ */ e.jsx(ds, { secondary: !0, children: "Thinking" })
       ] }),
       ...r,
-      children: /* @__PURE__ */ e.jsxs(ze, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
+      children: /* @__PURE__ */ e.jsxs(Fe, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
         s,
         t && /* @__PURE__ */ e.jsx("span", { className: "ds-cursor ds-cursor--line" })
       ] })
     }
   );
 }
-function Tt({
+function Bt({
   count: s,
   current: t = 0,
   done: r = [],
@@ -2096,8 +2094,8 @@ function Tt({
   ...l
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", n].filter(Boolean).join(" "), ...l, children: [
-    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": o, children: Array.from({ length: s }, (m, u) => {
-      const f = u === t, p = r.includes(u) && !f, h = i && (u <= t || r.includes(u)), d = [
+    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": o, children: Array.from({ length: s }, (m, d) => {
+      const f = d === t, p = r.includes(d) && !f, h = i && (d <= t || r.includes(d)), u = [
         "ds-step-indicator__dot",
         f && "ds-step-indicator__dot--active",
         p && "ds-step-indicator__dot--done"
@@ -2106,25 +2104,25 @@ function Tt({
         "button",
         {
           type: "button",
-          className: d,
+          className: u,
           role: "tab",
           "aria-selected": f,
-          "aria-label": `Step ${u + 1}`,
-          disabled: !h || u === t,
-          onClick: () => i == null ? void 0 : i(u),
+          "aria-label": `Step ${d + 1}`,
+          disabled: !h || d === t,
+          onClick: () => i == null ? void 0 : i(d),
           children: p ? /* @__PURE__ */ e.jsx(he, { size: 8, strokeWidth: 3 }) : null
         },
-        u
+        d
       );
     }) }),
-    a && /* @__PURE__ */ e.jsxs(ze, { secondary: !0, className: "ds-step-indicator__counter", children: [
+    a && /* @__PURE__ */ e.jsxs(Fe, { secondary: !0, className: "ds-step-indicator__counter", children: [
       t + 1,
       " / ",
       s
     ] })
   ] });
 }
-function Rt({
+function Mt({
   content: s,
   isStreaming: t = !1,
   cursor: r = "line",
@@ -2132,15 +2130,15 @@ function Rt({
   className: a = "",
   ...n
 }) {
-  const o = $(s);
-  return B(() => {
+  const o = E(s);
+  return M(() => {
     s !== o.current && (i == null || i(s), o.current = s);
   }, [s, i]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", a].filter(Boolean).join(" "), ...n, children: [
     s,
     t && r !== "none" && /* @__PURE__ */ e.jsx("span", { className: `ds-cursor ds-cursor--${r}`, "aria-hidden": "true" })
   ] });
 }
-function St({
+function Pt({
   role: s = "assistant",
   header: t,
   footer: r,
@@ -2167,9 +2165,9 @@ function St({
     r && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: r })
   ] });
 }
-function At(s, { containerRef: t, smartPause: r = !0 } = {}) {
-  const i = $(!1), a = $(0);
-  B(() => {
+function Lt(s, { containerRef: t, smartPause: r = !0 } = {}) {
+  const i = E(!1), a = E(0);
+  M(() => {
     const n = t == null ? void 0 : t.current;
     if (!n) return;
     const o = () => {
@@ -2177,12 +2175,12 @@ function At(s, { containerRef: t, smartPause: r = !0 } = {}) {
       !l && n.scrollTop < a.current && (i.current = !0), l && (i.current = !1), a.current = n.scrollTop;
     };
     return n.addEventListener("scroll", o, { passive: !0 }), () => n.removeEventListener("scroll", o);
-  }, [t]), B(() => {
+  }, [t]), M(() => {
     const n = t == null ? void 0 : t.current;
     n && (r && i.current || (n.scrollTop = n.scrollHeight));
   }, s);
 }
-function Ss({
+function Ds({
   prompts: s,
   enabled: t,
   typingSpeed: r = 38,
@@ -2191,36 +2189,36 @@ function Ss({
   betweenTime: n = 380,
   manualPauseMs: o = 5e3
 }) {
-  const [l, m] = S(0), [u, f] = S(""), p = $("typing"), h = $(0), d = $(0), x = $(null), b = $(0);
-  B(() => {
-    d.current = l;
-  }, [l]), B(() => {
-    if (x.current && (clearTimeout(x.current), x.current = null), !t || s.length === 0) {
+  const [l, m] = A(0), [d, f] = A(""), p = E("typing"), h = E(0), u = E(0), b = E(null), j = E(0);
+  M(() => {
+    u.current = l;
+  }, [l]), M(() => {
+    if (b.current && (clearTimeout(b.current), b.current = null), !t || s.length === 0) {
       f(""), h.current = 0, p.current = "typing";
       return;
     }
-    const k = () => {
+    const $ = () => {
       const O = Date.now();
-      if (b.current > O) {
-        x.current = setTimeout(k, b.current - O);
+      if (j.current > O) {
+        b.current = setTimeout($, j.current - O);
         return;
       }
-      const D = s[d.current % s.length] ?? "";
-      p.current === "typing" ? (h.current += 1, f(D.slice(0, h.current)), h.current >= D.length ? (p.current = "holding", x.current = setTimeout(k, a)) : x.current = setTimeout(k, r + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", x.current = setTimeout(k, i)) : (h.current = Math.max(0, h.current - 1), f(D.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", d.current = (d.current + 1) % s.length, m(d.current), x.current = setTimeout(k, n)) : x.current = setTimeout(k, i));
+      const I = s[u.current % s.length] ?? "";
+      p.current === "typing" ? (h.current += 1, f(I.slice(0, h.current)), h.current >= I.length ? (p.current = "holding", b.current = setTimeout($, a)) : b.current = setTimeout($, r + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", b.current = setTimeout($, i)) : (h.current = Math.max(0, h.current - 1), f(I.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", u.current = (u.current + 1) % s.length, m(u.current), b.current = setTimeout($, n)) : b.current = setTimeout($, i));
     };
-    return x.current = setTimeout(k, 260), () => {
-      x.current && clearTimeout(x.current);
+    return b.current = setTimeout($, 260), () => {
+      b.current && clearTimeout(b.current);
     };
   }, [t, s, r, i, a, n]);
-  const R = (k) => {
+  const S = ($) => {
     if (s.length === 0) return;
-    const O = (k % s.length + s.length) % s.length, D = s[O];
-    d.current = O, h.current = D.length, p.current = "holding", b.current = Date.now() + o, m(O), f(D);
-  }, E = () => R(d.current + 1), g = () => R(d.current - 1), A = s[l % s.length] ?? "";
-  return { displayed: u, currentPrompt: A, index: l, next: E, prev: g };
+    const O = ($ % s.length + s.length) % s.length, I = s[O];
+    u.current = O, h.current = I.length, p.current = "holding", j.current = Date.now() + o, m(O), f(I);
+  }, R = () => S(u.current + 1), B = () => S(u.current - 1), y = s[l % s.length] ?? "";
+  return { displayed: d, currentPrompt: y, index: l, next: R, prev: B };
 }
-let As = 0;
-function It({
+let Is = 0;
+function zt({
   value: s = "",
   onChange: t,
   onSubmit: r,
@@ -2230,121 +2228,121 @@ function It({
   disabled: o = !1,
   placeholder: l = "Let's get things done...",
   animatedPlaceholders: m,
-  attachments: u,
+  attachments: d,
   images: f,
   onAttachFiles: p,
   onAttachImages: h,
-  onRemoveAttachment: d,
-  onRemoveImage: x,
-  acceptImage: b,
-  acceptFile: R,
-  maxImages: E,
-  maxImageSize: g,
-  leftSlot: A,
-  rightSlot: k,
+  onRemoveAttachment: u,
+  onRemoveImage: b,
+  acceptImage: j,
+  acceptFile: S,
+  maxImages: R,
+  maxImageSize: B,
+  leftSlot: y,
+  rightSlot: $,
   className: O = "",
-  ...D
+  ...I
 }) {
-  const v = $(null), M = $(null), z = $(0), [Y, H] = S(!1), [X, U] = S([]), _ = (j) => {
-    const T = ++As;
-    U((V) => [...V, { id: T, msg: j }]), setTimeout(() => U((V) => V.filter((G) => G.id !== T)), 6e3);
-  }, y = (j) => U((T) => T.filter((V) => V.id !== j)), L = (j) => j.type.startsWith("image/"), C = () => !0, K = b ?? L, Z = R ?? C, w = (j) => {
-    const T = [], V = [], G = [], J = [];
-    let ee = 0, oe = E != null ? E - ((f == null ? void 0 : f.length) ?? 0) : 1 / 0;
-    for (const se of j)
-      K(se) ? g && se.size > g ? G.push(se.name) : oe > 0 ? (T.push(se), oe--) : ee++ : Z(se) ? V.push(se) : J.push(se.name);
-    return { imageFiles: T, docFiles: V, tooLarge: G, skipped: J, limitExceeded: ee };
-  }, c = (j) => {
-    const { imageFiles: T, docFiles: V, tooLarge: G, skipped: J, limitExceeded: ee } = w(j);
-    G.length && _(`File${G.length > 1 ? "s" : ""} too large${g ? ` (max ${g / 1024 / 1024}MB)` : ""}: ${G.join(", ")}`), J.length && _(`Skipped unsupported file${J.length > 1 ? "s" : ""}: ${J.join(", ")}`), ee && _(`Max ${E} images per message`), h && T.length && h(T);
-    const oe = V.concat(h ? [] : T);
-    p && oe.length && p(oe);
+  const Y = E(null), q = E(null), P = E(0), [N, C] = A(!1), [G, U] = A([]), x = (_) => {
+    const T = ++Is;
+    U((V) => [...V, { id: T, msg: _ }]), setTimeout(() => U((V) => V.filter((J) => J.id !== T)), 6e3);
+  }, v = (_) => U((T) => T.filter((V) => V.id !== _)), k = (_) => _.type.startsWith("image/"), L = () => !0, H = j ?? k, X = S ?? L, g = (_) => {
+    const T = [], V = [], J = [], Z = [];
+    let ee = 0, le = R != null ? R - ((f == null ? void 0 : f.length) ?? 0) : 1 / 0;
+    for (const se of _)
+      H(se) ? B && se.size > B ? J.push(se.name) : le > 0 ? (T.push(se), le--) : ee++ : X(se) ? V.push(se) : Z.push(se.name);
+    return { imageFiles: T, docFiles: V, tooLarge: J, skipped: Z, limitExceeded: ee };
+  }, c = (_) => {
+    const { imageFiles: T, docFiles: V, tooLarge: J, skipped: Z, limitExceeded: ee } = g(_);
+    J.length && x(`File${J.length > 1 ? "s" : ""} too large${B ? ` (max ${B / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && x(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`), ee && x(`Max ${R} images per message`), h && T.length && h(T);
+    const le = V.concat(h ? [] : T);
+    p && le.length && p(le);
   };
-  B(() => {
-    const j = M.current;
-    j && (j.style.height = "auto", j.style.height = `${Math.min(j.scrollHeight, 200)}px`);
-  }, [s]), B(() => {
-    const j = (T) => {
-      var G, J, ee;
+  M(() => {
+    const _ = q.current;
+    _ && (_.style.height = "auto", _.style.height = `${Math.min(_.scrollHeight, 200)}px`);
+  }, [s]), M(() => {
+    const _ = (T) => {
+      var J, Z, ee;
       if (n || o) return;
-      const V = (G = T.target) == null ? void 0 : G.tagName;
-      V === "INPUT" || V === "TEXTAREA" || V === "SELECT" || (J = T.target) != null && J.isContentEditable || T.ctrlKey || T.metaKey || T.altKey || T.key.length !== 1 && T.key !== "Backspace" && T.key !== "Delete" || (ee = M.current) == null || ee.focus();
+      const V = (J = T.target) == null ? void 0 : J.tagName;
+      V === "INPUT" || V === "TEXTAREA" || V === "SELECT" || (Z = T.target) != null && Z.isContentEditable || T.ctrlKey || T.metaKey || T.altKey || T.key.length !== 1 && T.key !== "Backspace" && T.key !== "Delete" || (ee = q.current) == null || ee.focus();
     };
-    return document.addEventListener("keydown", j), () => document.removeEventListener("keydown", j);
+    return document.addEventListener("keydown", _), () => document.removeEventListener("keydown", _);
   }, [n, o]);
-  const N = (j) => {
-    j.preventDefault(), z.current++, j.dataTransfer.types.includes("Files") && H(!0);
-  }, P = (j) => {
-    j.preventDefault(), z.current--, z.current === 0 && H(!1);
-  }, F = (j) => j.preventDefault(), te = (j) => {
-    j.preventDefault(), z.current = 0, H(!1);
-    const T = Array.from(j.dataTransfer.files);
+  const w = (_) => {
+    _.preventDefault(), P.current++, _.dataTransfer.types.includes("Files") && C(!0);
+  }, z = (_) => {
+    _.preventDefault(), P.current--, P.current === 0 && C(!1);
+  }, F = (_) => _.preventDefault(), te = (_) => {
+    _.preventDefault(), P.current = 0, C(!1);
+    const T = Array.from(_.dataTransfer.files);
     T.length && c(T);
-  }, ae = (j) => {
-    const T = Array.from(j.target.files || []);
-    v.current && (v.current.value = ""), T.length && c(T);
-  }, W = (j) => {
+  }, ie = (_) => {
+    const T = Array.from(_.target.files || []);
+    Y.current && (Y.current.value = ""), T.length && c(T);
+  }, W = (_) => {
     var se;
     if (!h) return;
-    const T = (se = j.clipboardData) == null ? void 0 : se.items;
+    const T = (se = _.clipboardData) == null ? void 0 : se.items;
     if (!T) return;
     const V = [];
     for (const Ue of T) {
-      const $e = Ue.getAsFile();
-      $e && V.push($e);
+      const Te = Ue.getAsFile();
+      Te && V.push(Te);
     }
     if (V.length === 0) return;
-    const { imageFiles: G, tooLarge: J, skipped: ee, limitExceeded: oe } = w(V);
-    J.length && _(`File${J.length > 1 ? "s" : ""} too large: ${J.join(", ")}`), ee.length && _(`Skipped unsupported file${ee.length > 1 ? "s" : ""}: ${ee.join(", ")}`), oe && _(`Max ${E} images per message`), G.length && (j.preventDefault(), h(G));
-  }, Q = !n && !o && !!(m != null && m.length) && s.length === 0, ie = Ss({
+    const { imageFiles: J, tooLarge: Z, skipped: ee, limitExceeded: le } = g(V);
+    Z.length && x(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), ee.length && x(`Skipped unsupported file${ee.length > 1 ? "s" : ""}: ${ee.join(", ")}`), le && x(`Max ${R} images per message`), J.length && (_.preventDefault(), h(J));
+  }, Q = !n && !o && !!(m != null && m.length) && s.length === 0, oe = Ds({
     prompts: m ?? [],
     enabled: Q
-  }), _e = (j) => {
+  }), be = (_) => {
     if (Q) {
-      if (j.key === "ArrowDown" || j.key === "ArrowRight") {
-        j.preventDefault(), ie.next();
+      if (_.key === "ArrowDown" || _.key === "ArrowRight") {
+        _.preventDefault(), oe.next();
         return;
       }
-      if (j.key === "ArrowUp" || j.key === "ArrowLeft") {
-        j.preventDefault(), ie.prev();
+      if (_.key === "ArrowUp" || _.key === "ArrowLeft") {
+        _.preventDefault(), oe.prev();
         return;
       }
-      if (j.key === "Tab" && !j.shiftKey) {
-        j.preventDefault(), t == null || t(ie.currentPrompt);
+      if (_.key === "Tab" && !_.shiftKey) {
+        _.preventDefault(), t == null || t(oe.currentPrompt);
         return;
       }
     }
-    a == null || a(j);
-  }, Ce = (s.trim() || (f == null ? void 0 : f.length) > 0 || (u == null ? void 0 : u.length) > 0) && !o, Ee = p || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", O].filter(Boolean).join(" "), ...D, children: [
-    Ee && /* @__PURE__ */ e.jsx(
+    a == null || a(_);
+  }, Ce = (s.trim() || (f == null ? void 0 : f.length) > 0 || (d == null ? void 0 : d.length) > 0) && !o, $e = p || h;
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", O].filter(Boolean).join(" "), ...I, children: [
+    $e && /* @__PURE__ */ e.jsx(
       "input",
       {
-        ref: v,
+        ref: Y,
         type: "file",
         multiple: !0,
         accept: "*/*",
         className: "ds-prompt-input__file-input",
-        onChange: ae
+        onChange: ie
       }
     ),
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: ["ds-prompt-input__box", Y && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
-        onDragEnter: N,
-        onDragLeave: P,
+        className: ["ds-prompt-input__box", N && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
+        onDragEnter: w,
+        onDragLeave: z,
         onDragOver: F,
         onDrop: te,
         children: [
-          Y && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
+          N && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
           /* @__PURE__ */ e.jsx(
             "textarea",
             {
-              ref: M,
+              ref: q,
               value: s,
-              onChange: (j) => t == null ? void 0 : t(j.target.value),
-              onKeyDown: _e,
+              onChange: (_) => t == null ? void 0 : t(_.target.value),
+              onKeyDown: be,
               onPaste: W,
               placeholder: Q ? "" : l,
               disabled: n || o,
@@ -2353,80 +2351,80 @@ function It({
             }
           ),
           Q && /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__anim", "aria-hidden": "true", children: [
-            /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-text", children: ie.displayed }),
+            /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-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, T) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
-            /* @__PURE__ */ e.jsx("img", { src: j.preview, alt: "" }),
+          f && f.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: f.map((_, T) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
+            /* @__PURE__ */ e.jsx("img", { src: _.preview, alt: "" }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 className: "ds-prompt-input__image-remove",
-                onClick: () => x == null ? void 0 : x(T),
+                onClick: () => b == null ? void 0 : b(T),
                 "aria-label": "Remove image",
                 type: "button",
                 children: /* @__PURE__ */ e.jsx(ne, { size: 12, strokeWidth: 2 })
               }
             )
           ] }, T)) }),
-          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 }),
+          G.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: G.map((_) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
+            /* @__PURE__ */ e.jsx("span", { children: _.msg }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
                 className: "ds-prompt-input__warning-close",
-                onClick: () => y(j.id),
+                onClick: () => v(_.id),
                 "aria-label": "Dismiss",
-                children: /* @__PURE__ */ e.jsx(ne, { size: I[1], strokeWidth: 1.5 })
+                children: /* @__PURE__ */ e.jsx(ne, { size: D[1], strokeWidth: 1.5 })
               }
             )
-          ] }, j.id)) }),
-          u && u.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: u.map((j, T) => /* @__PURE__ */ e.jsx(pe, { 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(Te, { size: I[1], strokeWidth: 1.5 }),
-            j.filename,
-            j.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: "Uploading..." }) : /* @__PURE__ */ e.jsx(
+          ] }, _.id)) }),
+          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: d.map((_, T) => /* @__PURE__ */ e.jsx(ae, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
+            _.uploading ? /* @__PURE__ */ e.jsx(Qe, { size: D[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Re, { size: D[1], strokeWidth: 1.5 }),
+            _.filename,
+            _.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: () => d == null ? void 0 : d(T),
-                children: /* @__PURE__ */ e.jsx(ne, { size: I[1], strokeWidth: 1.5 })
+                onClick: () => u == null ? void 0 : u(T),
+                children: /* @__PURE__ */ e.jsx(ne, { size: D[1], strokeWidth: 1.5 })
               }
             )
           ] }) }, T)) }),
           /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__toolbar", children: [
-            Ee && /* @__PURE__ */ e.jsx(
-              fe,
+            $e && /* @__PURE__ */ e.jsx(
+              me,
               {
                 variant: "ghost",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(Te, { size: I[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(Re, { size: D[2], strokeWidth: 1.5 }),
                 "aria-label": "Attach files",
                 onClick: () => {
-                  var j;
-                  return (j = v.current) == null ? void 0 : j.click();
+                  var _;
+                  return (_ = Y.current) == null ? void 0 : _.click();
                 }
               }
             ),
-            A,
-            k,
+            y,
+            $,
             /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__spacer" }),
             n ? /* @__PURE__ */ e.jsx(
-              fe,
+              me,
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(es, { size: I[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(es, { size: D[2], strokeWidth: 1.5 }),
                 onClick: i,
                 "aria-label": "Stop"
               }
             ) : /* @__PURE__ */ e.jsx(
-              fe,
+              me,
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(ss, { size: I[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(ss, { size: D[2], strokeWidth: 1.5 }),
                 onClick: r,
                 disabled: !Ce,
                 "aria-label": "Send"
@@ -2438,8 +2436,8 @@ function It({
     )
   ] });
 }
-const Pe = { fast: 0, standard: 1, premium: 2 };
-function Dt({
+const Pe = { fast: 0, standard: 1, premium: 2 }, Le = { fast: "data-5", standard: "data-3", premium: "data-6" };
+function Ot({
   models: s = [],
   value: t,
   onChange: r,
@@ -2450,52 +2448,57 @@ function Dt({
   className: l = "",
   ...m
 }) {
-  const [u, f] = S(!1), p = $(null), h = $(null), [d, x] = S({}), b = s.filter((v) => !a || v.name === "auto" ? !0 : (Pe[v.tier] ?? 1) >= (Pe[a] ?? 1)), R = b.find((v) => v.name === "auto"), E = b.filter((v) => v.name !== "auto"), g = s.find((v) => v.name === t);
-  B(() => {
-    var Y;
-    if (!u) return;
-    const v = (Y = p.current) == null ? void 0 : Y.getBoundingClientRect();
-    v && x({
-      position: "fixed",
-      zIndex: "var(--z-dropdown, 500)",
-      top: v.bottom + 4,
-      right: window.innerWidth - v.right
-    });
-    const M = (H) => {
-      var X, U;
-      !((X = p.current) != null && X.contains(H.target)) && !((U = h.current) != null && U.contains(H.target)) && f(!1);
-    }, z = (H) => {
-      H.key === "Escape" && f(!1);
+  const [d, f] = A(!1), p = E(null), h = E(null), u = E(null), [b, j] = A({}), S = s.filter((N) => !a || N.name === "auto" ? !0 : (Pe[N.tier] ?? 1) >= (Pe[a] ?? 1)), R = S.find((N) => N.name === "auto"), B = S.filter((N) => N.name !== "auto"), y = s.find((N) => N.name === t), O = new Set(B.map((N) => N.tier).filter(Boolean)).size > 1;
+  M(() => {
+    if (!d) return;
+    const N = 320, C = () => {
+      var L;
+      const x = (L = h.current) == null ? void 0 : L.getBoundingClientRect();
+      if (!x) return;
+      const v = window.innerHeight - x.bottom, k = v < N + 8 && x.top > v;
+      j({
+        position: "fixed",
+        zIndex: "var(--z-dropdown, 500)",
+        right: window.innerWidth - x.right,
+        ...k ? { bottom: window.innerHeight - x.top + 4, top: "auto" } : { top: x.bottom + 4, bottom: "auto" }
+      });
     };
-    return document.addEventListener("mousedown", M), document.addEventListener("keydown", z), () => {
-      document.removeEventListener("mousedown", M), document.removeEventListener("keydown", z);
+    C(), window.addEventListener("scroll", C, !0), window.addEventListener("resize", C);
+    const G = (x) => {
+      var v, k;
+      !((v = p.current) != null && v.contains(x.target)) && !((k = u.current) != null && k.contains(x.target)) && f(!1);
+    }, U = (x) => {
+      x.key === "Escape" && f(!1);
     };
-  }, [u]);
-  const A = (v) => {
-    r == null || r(v), f(!1);
-  }, k = (v) => /* @__PURE__ */ e.jsxs(
+    return document.addEventListener("mousedown", G), document.addEventListener("keydown", U), () => {
+      window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C), document.removeEventListener("mousedown", G), document.removeEventListener("keydown", U);
+    };
+  }, [d]);
+  const I = (N) => {
+    r == null || r(N), f(!1);
+  }, Y = (N) => /* @__PURE__ */ e.jsxs(
     "button",
     {
       type: "button",
       className: [
         "ds-model-picker__item",
-        v.name === t && "ds-model-picker__item--active"
+        N.name === t && "ds-model-picker__item--active"
       ].filter(Boolean).join(" "),
-      onClick: () => A(v.name),
+      onClick: () => I(N.name),
       children: [
-        v.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: v.icon }) : /* @__PURE__ */ e.jsx(Re, { 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 }),
-        v.tier && /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__tier-badge", "data-tier": v.tier, children: v.tier })
+        N.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: N.icon }) : /* @__PURE__ */ e.jsx(Se, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
+        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: N.displayName || N.name }),
+        O && N.tier && /* @__PURE__ */ e.jsx(ae, { size: "xs", variant: Le[N.tier] || "default", children: N.tier })
       ]
     },
-    v.name
-  ), O = () => o ? ["fast", "standard", "premium"].flatMap((v) => {
-    const M = E.filter((z) => z.tier === v);
-    return M.length ? [
-      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": v, children: v.charAt(0).toUpperCase() + v.slice(1) }, `lbl-${v}`),
-      ...M.map(k)
+    N.name
+  ), q = () => !o || !O ? B.map(Y) : ["fast", "standard", "premium"].flatMap((N) => {
+    const C = B.filter((G) => G.tier === N);
+    return C.length ? [
+      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": N, children: N.charAt(0).toUpperCase() + N.slice(1) }, `lbl-${N}`),
+      ...C.map(Y)
     ] : [];
-  }) : E.map(k), D = u && /* @__PURE__ */ e.jsxs("div", { ref: h, className: "ds-model-picker__menu", style: d, children: [
+  }), P = d && /* @__PURE__ */ e.jsxs("div", { ref: u, className: "ds-model-picker__menu", style: b, children: [
     n && R && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(
         "button",
@@ -2506,16 +2509,16 @@ function Dt({
             "ds-model-picker__item--auto",
             t === "auto" && "ds-model-picker__item--active"
           ].filter(Boolean).join(" "),
-          onClick: () => A("auto"),
+          onClick: () => I("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)" })
           ]
         }
       ),
-      E.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
+      B.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
     ] }),
-    O()
+    q()
   ] });
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -2527,52 +2530,57 @@ function Dt({
         /* @__PURE__ */ e.jsxs(
           "button",
           {
+            ref: h,
             type: "button",
             className: "ds-model-picker__trigger",
-            onClick: () => f((v) => !v),
+            onClick: () => f((N) => !N),
             "aria-haspopup": "listbox",
-            "aria-expanded": u,
+            "aria-expanded": d,
             children: [
-              g != null && g.icon ? /* @__PURE__ */ e.jsx("span", { children: g.icon }) : /* @__PURE__ */ e.jsx(Re, { size: 12, strokeWidth: 1.5 }),
-              /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (g == null ? void 0 : g.displayName) || (g == null ? void 0 : g.name) || t }),
-              (g == null ? void 0 : g.tier) && /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__tier-badge", "data-tier": g.tier, children: g.tier })
+              y != null && y.icon ? /* @__PURE__ */ e.jsx("span", { children: y.icon }) : /* @__PURE__ */ e.jsx(Se, { 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 }),
+              O && (y == null ? void 0 : y.tier) && /* @__PURE__ */ e.jsx(ae, { size: "xs", variant: Le[y.tier] || "default", children: y.tier })
             ]
           }
         ),
-        typeof document < "u" && me.createPortal(D, document.body)
+        typeof document < "u" && pe.createPortal(P, document.body)
       ]
     }
   );
 }
-function je(s) {
+const Bs = ({ filename: s, pages: t }) => /* @__PURE__ */ e.jsxs("span", { style: { display: "flex", alignItems: "center", gap: "var(--space-2)", minWidth: 0 }, children: [
+  /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: s }),
+  t.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ne(t) })
+] });
+function Ne(s) {
   return s != null && s.length ? "p. " + s.join(", ") : null;
 }
-function Is(s) {
+function Ms(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);
   return [...t.values()];
 }
-function Bt({
+function Ft({
   sources: s = [],
   layout: t = "list",
   title: r = "Sources",
   maxVisible: i = 5,
   onSourceClick: a
 }) {
-  const [n, o] = S(!1), l = Is(s), m = l.length > i, u = n ? l : l.slice(0, i), f = s.some((h) => h.snippet), p = ["ds-sources-panel", t === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
+  const [n, o] = A(!1), l = Ms(s), m = l.length > i, d = n ? l : l.slice(0, i), 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: [
-    u.map((h) => {
-      const d = h.items.map((b) => b.page).filter(Boolean), x = !!a;
+    d.map((h) => {
+      const u = h.items.map((j) => j.page).filter(Boolean), b = !!a;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__compact-row${x ? " ds-sources-panel__compact-row--clickable" : ""}`,
-          onClick: x ? () => a(h.items[0]) : void 0,
+          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(rs, { size: D[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
-            d.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: je(d) })
+            u.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ne(u) })
           ]
         },
         h.filename
@@ -2585,35 +2593,32 @@ function Bt({
     ] })
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: p, children: [
     r && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: r }),
-    u.map((h) => {
-      const d = h.items.map((b) => b.page).filter(Boolean), x = !!a;
+    d.map((h) => {
+      const u = h.items.map((j) => j.page).filter(Boolean), b = !!a;
       return f ? /* @__PURE__ */ e.jsx(
-        Fe,
+        Ee,
         {
-          title: /* @__PURE__ */ e.jsxs("span", { style: { display: "flex", alignItems: "center", gap: "var(--space-2)", minWidth: 0 }, children: [
-            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
-            d.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: je(d) })
-          ] }),
+          title: /* @__PURE__ */ e.jsx(Bs, { filename: h.filename, pages: u }),
           padding: "s",
-          children: h.items.map((b, R) => /* @__PURE__ */ e.jsx(
+          children: h.items.map((j, S) => /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: `ds-sources-panel__snippet${x ? " ds-sources-panel__snippet--clickable" : ""}`,
-              onClick: x ? () => a(b) : void 0,
-              children: b.snippet ?? `p. ${b.page}`
+              className: `ds-sources-panel__snippet${b ? " ds-sources-panel__snippet--clickable" : ""}`,
+              onClick: b ? () => a(j) : void 0,
+              children: j.snippet ?? `p. ${j.page}`
             },
-            R
+            S
           ))
         },
         h.filename
       ) : /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__row${x ? " ds-sources-panel__row--clickable" : ""}`,
-          onClick: x ? () => a(h.items[0]) : void 0,
+          className: `ds-sources-panel__row${b ? " ds-sources-panel__row--clickable" : ""}`,
+          onClick: b ? () => a(h.items[0]) : void 0,
           children: [
             /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
-            d.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: je(d) })
+            u.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ne(u) })
           ]
         },
         h.filename
@@ -2626,10 +2631,10 @@ function Bt({
     ] })
   ] });
 }
-function Me(s) {
+function ze(s) {
   return s >= 1e6 ? (s / 1e6).toFixed(1).replace(/\.0$/, "") + "M" : s >= 1e3 ? (s / 1e3).toFixed(1).replace(/\.0$/, "") + "K" : String(s);
 }
-function Pt({
+function Wt({
   used: s,
   limit: t,
   size: r = "s",
@@ -2638,7 +2643,7 @@ function Pt({
   warningThreshold: n = 0.8,
   errorThreshold: o = 1
 }) {
-  const l = t > 0 ? s / t : 0, m = Math.min(l * 100, 100), u = l >= o ? "error" : l >= n ? "warning" : "normal";
+  const l = t > 0 ? s / t : 0, m = Math.min(l * 100, 100), d = l >= o ? "error" : l >= n ? "warning" : "normal";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2650,15 +2655,15 @@ function Pt({
         /* @__PURE__ */ e.jsx("div", { className: "ds-token-counter__track", children: /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `ds-token-counter__fill ds-token-counter__fill--${u}`,
+            className: `ds-token-counter__fill ds-token-counter__fill--${d}`,
             style: { width: `${m}%` }
           }
         ) }),
-        (i || a) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${u}`, children: [
+        (i || a) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${d}`, children: [
           i && /* @__PURE__ */ e.jsxs("span", { children: [
-            Me(s),
+            ze(s),
             " / ",
-            Me(t),
+            ze(t),
             " tokens"
           ] }),
           a && /* @__PURE__ */ e.jsxs("span", { children: [
@@ -2670,24 +2675,24 @@ function Pt({
     }
   );
 }
-const Le = 5;
-function Ds(s) {
+const Oe = 5;
+function Ps(s) {
   return s < 0.34 ? "low" : s < 0.67 ? "medium" : "high";
 }
-function Mt({
+function Ct({
   value: s = 0,
   size: t = "xs",
   showLabel: r = "none",
   layout: i = "inline"
 }) {
-  const a = Math.max(0, Math.min(1, s)), n = Math.round(a * Le), o = Ds(a);
+  const a = Math.max(0, Math.min(1, s)), n = Math.round(a * Oe), o = Ps(a);
   return /* @__PURE__ */ e.jsxs("div", { className: [
     "ds-confidence-bar",
     `ds-confidence-bar--${t}`,
     `ds-confidence-bar--${o}`,
     i === "block" && "ds-confidence-bar--block"
   ].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: Le }, (l, m) => /* @__PURE__ */ e.jsx(
+    /* @__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" : ""}`
@@ -2697,15 +2702,15 @@ function Mt({
     r === "text" && /* @__PURE__ */ e.jsx("span", { className: "ds-confidence-bar__label", children: o })
   ] });
 }
-const Bs = { add: "+", remove: "-", context: " " };
-function be({ line: s, lineNumbers: t }) {
+const Ls = { add: "+", remove: "-", context: " " };
+function _e({ line: s, lineNumbers: t }) {
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-diff-view__line ds-diff-view__line--${s.type}`, children: [
     t && s.lineNo != null && /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__lineno", children: s.lineNo }),
-    /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__prefix", children: Bs[s.type] }),
+    /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__prefix", children: Ls[s.type] }),
     /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__text", children: s.text })
   ] });
 }
-function Lt({
+function Ut({
   lines: s = [],
   layout: t = "inline",
   wordWrap: r = !1,
@@ -2719,88 +2724,216 @@ function Lt({
     r && "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"), u = s.filter((f) => f.type === "add" || f.type === "context");
+    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: o, children: [
       n && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: n }),
       /* @__PURE__ */ e.jsxs("div", { className: "ds-diff-view__body", style: l, children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col", children: m.map((f, p) => /* @__PURE__ */ e.jsx(be, { line: f, lineNumbers: i }, p)) }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col", children: u.map((f, p) => /* @__PURE__ */ e.jsx(be, { line: f, lineNumbers: i }, p)) })
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col", children: m.map((f, p) => /* @__PURE__ */ e.jsx(_e, { line: f, lineNumbers: i }, p)) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col", children: d.map((f, p) => /* @__PURE__ */ e.jsx(_e, { line: f, lineNumbers: i }, p)) })
       ] })
     ] });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: o, children: [
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: n }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body", style: l, children: s.map((m, u) => /* @__PURE__ */ e.jsx(be, { line: m, lineNumbers: i }, u)) })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body", style: l, children: s.map((m, d) => /* @__PURE__ */ e.jsx(_e, { line: m, lineNumbers: i }, d)) })
   ] });
 }
+const zs = {
+  running: /* @__PURE__ */ e.jsx(ae, { size: "xs", variant: "info", children: "Running…" }),
+  success: /* @__PURE__ */ e.jsx(ae, { size: "xs", variant: "success", children: "Done" }),
+  error: /* @__PURE__ */ e.jsx(ae, { size: "xs", variant: "error", children: "Error" })
+};
+function Vt({
+  label: s,
+  status: t = "idle",
+  icon: r,
+  badge: i,
+  className: a = "",
+  ...n
+}) {
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: ["ds-tool-bubble", a].filter(Boolean).join(" "),
+      ...n,
+      children: [
+        r && /* @__PURE__ */ e.jsx("span", { className: "ds-tool-bubble__icon", children: r }),
+        /* @__PURE__ */ e.jsx("span", { className: "ds-tool-bubble__label", children: s }),
+        zs[t],
+        i
+      ]
+    }
+  );
+}
+function Os({
+  value: s = "idle",
+  onLike: t,
+  onDislike: r,
+  className: i = "",
+  ...a
+}) {
+  const n = s !== "idle";
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: [
+        "ds-message-feedback",
+        n && "ds-message-feedback--voted",
+        i
+      ].filter(Boolean).join(" "),
+      ...a,
+      children: [
+        (!n || s === "liked") && /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            className: [
+              "ds-message-feedback__btn",
+              s === "liked" && "ds-message-feedback__btn--liked"
+            ].filter(Boolean).join(" "),
+            onClick: t,
+            disabled: n,
+            "aria-label": "Like",
+            "aria-pressed": s === "liked",
+            children: /* @__PURE__ */ e.jsx(
+              ns,
+              {
+                size: D[1],
+                strokeWidth: 1.5,
+                fill: s === "liked" ? "currentColor" : "none"
+              }
+            )
+          }
+        ),
+        (!n || 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,
+            "aria-label": "Dislike",
+            "aria-pressed": s === "disliked",
+            children: /* @__PURE__ */ e.jsx(
+              as,
+              {
+                size: D[1],
+                strokeWidth: 1.5,
+                fill: s === "disliked" ? "currentColor" : "none"
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function Fs(s) {
+  const t = s instanceof Date ? s : new Date(s);
+  if (isNaN(t)) return null;
+  const r = /* @__PURE__ */ new Date(), i = t.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: !1 }), a = new Date(r.getFullYear(), r.getMonth(), r.getDate()), n = new Date(a - 864e5);
+  if (t >= a) return i;
+  if (t >= n) return `Yesterday ${i}`;
+  const o = t.getDate(), l = t.toLocaleString([], { month: "short" });
+  return `${o} ${l} ${i}`;
+}
+function Yt({
+  role: s = "assistant",
+  text: t,
+  timestamp: r,
+  feedbackValue: i = "idle",
+  onLike: a,
+  onDislike: n,
+  className: o = "",
+  ...l
+}) {
+  const m = s === "assistant" && (a || n), d = !!t, f = r ? Fs(r) : null;
+  return !m && !d && !f ? null : /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: ["ds-message-footer", `ds-message-footer--${s}`, o].filter(Boolean).join(" "),
+      ...l,
+      children: [
+        s === "user" && f && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp", children: f }),
+        m && /* @__PURE__ */ e.jsx(Os, { value: i, onLike: a, onDislike: n }),
+        d && /* @__PURE__ */ e.jsx(As, { text: t }),
+        s === "assistant" && f && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp", children: f })
+      ]
+    }
+  );
+}
 export {
-  Fe as Accordion,
-  Hs as Alert,
-  Nt as AnimatedNumber,
-  nt as Avatar,
-  pe as Badge,
-  jt as Banner,
-  ht as Breadcrumb,
-  fe as Button,
-  ls as Card,
-  St as ChatMessage,
-  tt as Checkbox,
-  Gs as Code,
-  fs as CodeAccordion,
-  Mt as ConfidenceBar,
-  Et as CopyButton,
-  Lt as DiffView,
-  _t as Drawer,
-  De as DrawerFooter,
-  bt as Dropdown,
-  ft as EmptyState,
-  mt as FormField,
-  Cs as H1,
-  Us as H2,
-  Vs as H3,
-  Ys as H4,
-  wt as InView,
-  Os as Input,
-  Xs as Link,
-  Ks as Modal,
+  Ee as Accordion,
+  et as Alert,
+  Tt as AnimatedNumber,
+  ut as Avatar,
+  ae as Badge,
+  kt as Banner,
+  wt as Breadcrumb,
+  me as Button,
+  Ks as Card,
+  Pt as ChatMessage,
+  ct as Checkbox,
+  tt as Code,
+  ms as CodeAccordion,
+  Ct as ConfidenceBar,
+  As as CopyButton,
+  Ut as DiffView,
+  yt as Drawer,
+  Be as DrawerFooter,
+  Et as Dropdown,
+  jt as EmptyState,
+  vt as FormField,
+  Gs as H1,
+  Xs as H2,
+  Js as H3,
+  Zs as H4,
+  Rt as InView,
+  Vs as Input,
+  rt as Link,
+  Os as MessageFeedback,
+  Yt as MessageFooter,
+  st as Modal,
   Ie as ModalFooter,
-  Dt as ModelPicker,
-  qs as P1,
-  cs as P2,
-  ze as P3,
-  xt as Pagination,
-  vt as ProgressBar,
-  It as PromptInput,
-  rt as Radio,
-  $t as ReasoningBlock,
-  Qs as SegmentedControl,
-  Fs as Select,
-  hs as Skeleton,
-  Bt as SourcesPanel,
-  is as Spinner,
-  pt as Stat,
-  Tt as StepIndicator,
-  Ws as Stepper,
-  Rt as StreamingText,
-  Zs as Tab,
-  at as Table,
-  ot as TableBody,
-  it as TableHead,
-  lt as TableRow,
-  ct as TableSubheaderRow,
-  Js as Tabs,
-  ut as Td,
-  zs as Textarea,
-  dt as Th,
-  gt as ToastContainer,
-  st as Toggle,
-  Pt as TokenCounter,
-  kt as ToolCallCard,
-  et as Tooltip,
-  I as iconSizes,
-  gs as useAnimatedNumber,
-  Ss as useAnimatedPlaceholder,
-  ks as useInView,
-  At as useStreamScroll,
-  yt as useToast
+  Ot as ModelPicker,
+  Qs as P1,
+  ds as P2,
+  Fe as P3,
+  gt as Pagination,
+  $t as ProgressBar,
+  zt as PromptInput,
+  dt as Radio,
+  It as ReasoningBlock,
+  it as SegmentedControl,
+  Hs as Select,
+  xs as Skeleton,
+  Ft as SourcesPanel,
+  ls as Spinner,
+  Nt as Stat,
+  Bt as StepIndicator,
+  qs as Stepper,
+  Mt as StreamingText,
+  at as Tab,
+  ft as Table,
+  pt as TableBody,
+  mt as TableHead,
+  ht as TableRow,
+  xt as TableSubheaderRow,
+  nt as Tabs,
+  _t as Td,
+  Ys as Textarea,
+  bt as Th,
+  At as ToastContainer,
+  lt as Toggle,
+  Wt as TokenCounter,
+  Vt as ToolCallBubble,
+  Dt as ToolCallCard,
+  ot as Tooltip,
+  D as iconSizes,
+  ks as useAnimatedNumber,
+  Ds as useAnimatedPlaceholder,
+  Es as useInView,
+  Lt as useStreamScroll,
+  St as useToast
 };