@donkit-ai/design-system 1.3.7 → 1.3.9

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import L, { useState as R, useRef as E, useEffect as D, useLayoutEffect as Ne, useId as ye } from "react";
-import { Check as ve, X as ee, ChevronDown as re, Minus as Ee, Plus as ke, XCircle as le, AlertTriangle as de, CheckCircle as ue, Info as fe, ChevronUp as $e, ChevronsUpDown as ge, ChevronLeft as Re, ChevronRight as je } from "lucide-react";
+import L, { useState as k, useRef as E, useEffect as D, useLayoutEffect as ye, useId as ke } from "react";
+import { Check as le, X as ee, ChevronDown as re, Minus as Ee, Plus as ge, XCircle as de, AlertTriangle as ue, CheckCircle as fe, Info as me, ChevronUp as $e, ChevronsUpDown as Re, ChevronLeft as Te, ChevronRight as je, Copy as Ie, Brain as Ae } from "lucide-react";
 import ne from "react-dom";
-const P = {
+const A = {
   1: 16,
   2: 20,
   3: 24,
@@ -18,10 +18,10 @@ var ie = { exports: {} }, te = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var me;
-function Te() {
-  if (me) return te;
-  me = 1;
+var pe;
+function Se() {
+  if (pe) return te;
+  pe = 1;
   var s = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
   function r(o, a, n) {
     var i = null;
@@ -50,16 +50,16 @@ var se = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var pe;
-function Ie() {
-  return pe || (pe = 1, process.env.NODE_ENV !== "production" && function() {
+var he;
+function De() {
+  return he || (he = 1, process.env.NODE_ENV !== "production" && function() {
     function s(c) {
       if (c == null) return null;
       if (typeof c == "function")
         return c.$$typeof === G ? null : c.displayName || c.name || null;
       if (typeof c == "string") return c;
       switch (c) {
-        case k:
+        case g:
           return "Fragment";
         case B:
           return "Profiler";
@@ -83,14 +83,14 @@ function Ie() {
           case T:
             return (c._context.displayName || "Context") + ".Consumer";
           case z:
-            var x = c.render;
-            return c = c.displayName, c || (c = x.displayName || x.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
+            var b = c.render;
+            return c = c.displayName, c || (c = b.displayName || b.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
           case M:
-            return x = c.displayName || null, x !== null ? x : s(c.type) || "Memo";
+            return b = c.displayName || null, b !== null ? b : s(c.type) || "Memo";
           case F:
-            x = c._payload, c = c._init;
+            b = c._payload, c = c._init;
             try {
-              return s(c(x));
+              return s(c(b));
             } catch {
             }
         }
@@ -102,27 +102,27 @@ function Ie() {
     function r(c) {
       try {
         t(c);
-        var x = !1;
+        var b = !1;
       } catch {
-        x = !0;
+        b = !0;
       }
-      if (x) {
-        x = console;
-        var y = x.error, I = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
+      if (b) {
+        b = console;
+        var y = b.error, I = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
         return y.call(
-          x,
+          b,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           I
         ), t(c);
       }
     }
     function o(c) {
-      if (c === k) return "<>";
+      if (c === g) return "<>";
       if (typeof c == "object" && c !== null && c.$$typeof === F)
         return "<...>";
       try {
-        var x = s(c);
-        return x ? "<" + x + ">" : "<...>";
+        var b = s(c);
+        return b ? "<" + b + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -136,16 +136,16 @@ function Ie() {
     }
     function i(c) {
       if (C.call(c, "key")) {
-        var x = Object.getOwnPropertyDescriptor(c, "key").get;
-        if (x && x.isReactWarning) return !1;
+        var b = Object.getOwnPropertyDescriptor(c, "key").get;
+        if (b && b.isReactWarning) return !1;
       }
       return c.key !== void 0;
     }
-    function l(c, x) {
+    function l(c, b) {
       function y() {
-        g || (g = !0, console.error(
+        R || (R = !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)",
-          x
+          b
         ));
       }
       y.isReactWarning = !0, Object.defineProperty(c, "key", {
@@ -155,19 +155,19 @@ function Ie() {
     }
     function m() {
       var c = s(this.type);
-      return S[c] || (S[c] = !0, console.error(
+      return P[c] || (P[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, x, y, I, K, X) {
-      var A = y.ref;
+    function u(c, b, y, I, K, X) {
+      var S = y.ref;
       return c = {
         $$typeof: _,
         type: c,
-        key: x,
+        key: b,
         props: y,
         _owner: I
-      }, (A !== void 0 ? A : null) !== null ? Object.defineProperty(c, "ref", {
+      }, (S !== void 0 ? S : null) !== null ? Object.defineProperty(c, "ref", {
         enumerable: !1,
         get: m
       }) : Object.defineProperty(c, "ref", { enumerable: !1, value: null }), c._store = {}, Object.defineProperty(c._store, "validated", {
@@ -192,25 +192,25 @@ function Ie() {
         value: X
       }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
     }
-    function p(c, x, y, I, K, X) {
-      var A = x.children;
-      if (A !== void 0)
+    function p(c, b, y, I, K, X) {
+      var S = b.children;
+      if (S !== void 0)
         if (I)
-          if (h(A)) {
-            for (I = 0; I < A.length; I++)
-              f(A[I]);
-            Object.freeze && Object.freeze(A);
+          if (h(S)) {
+            for (I = 0; I < S.length; I++)
+              f(S[I]);
+            Object.freeze && Object.freeze(S);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else f(A);
-      if (C.call(x, "key")) {
-        A = s(c);
-        var J = Object.keys(x).filter(function(we) {
-          return we !== "key";
+        else f(S);
+      if (C.call(b, "key")) {
+        S = s(c);
+        var J = Object.keys(b).filter(function(Ne) {
+          return Ne !== "key";
         });
-        I = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", j[A + I] || (J = 0 < J.length ? "{" + J.join(": ..., ") + ": ...}" : "{}", console.error(
+        I = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", j[S + I] || (J = 0 < J.length ? "{" + J.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -218,22 +218,22 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           I,
-          A,
+          S,
           J,
-          A
-        ), j[A + I] = !0);
+          S
+        ), j[S + I] = !0);
       }
-      if (A = null, y !== void 0 && (r(y), A = "" + y), i(x) && (r(x.key), A = "" + x.key), "key" in x) {
+      if (S = null, y !== void 0 && (r(y), S = "" + y), i(b) && (r(b.key), S = "" + b.key), "key" in b) {
         y = {};
-        for (var ae in x)
-          ae !== "key" && (y[ae] = x[ae]);
-      } else y = x;
-      return A && l(
+        for (var ae in b)
+          ae !== "key" && (y[ae] = b[ae]);
+      } else y = b;
+      return S && l(
         y,
         typeof c == "function" ? c.displayName || c.name || "Unknown" : c
       ), u(
         c,
-        A,
+        S,
         y,
         a(),
         K,
@@ -241,12 +241,12 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function f(c) {
-      b(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === F && (c._payload.status === "fulfilled" ? b(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
+      x(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === F && (c._payload.status === "fulfilled" ? x(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
     }
-    function b(c) {
+    function x(c) {
       return typeof c == "object" && c !== null && c.$$typeof === _;
     }
-    var d = L, _ = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), k = Symbol.for("react.fragment"), N = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), T = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), V = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), H = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, h = Array.isArray, v = console.createTask ? console.createTask : function() {
+    var d = L, _ = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), N = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), T = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), V = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), H = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, h = Array.isArray, v = console.createTask ? console.createTask : function() {
       return null;
     };
     d = {
@@ -254,25 +254,25 @@ React keys must be passed directly to JSX without using spread:
         return c();
       }
     };
-    var g, S = {}, W = d.react_stack_bottom_frame.bind(
+    var R, P = {}, W = d.react_stack_bottom_frame.bind(
       d,
       n
     )(), U = v(o(n)), j = {};
-    se.Fragment = k, se.jsx = function(c, x, y) {
+    se.Fragment = g, se.jsx = function(c, b, y) {
       var I = 1e4 > H.recentlyCreatedOwnerStacks++;
       return p(
         c,
-        x,
+        b,
         y,
         !1,
         I ? Error("react-stack-top-frame") : W,
         I ? v(o(c)) : U
       );
-    }, se.jsxs = function(c, x, y) {
+    }, se.jsxs = function(c, b, y) {
       var I = 1e4 > H.recentlyCreatedOwnerStacks++;
       return p(
         c,
-        x,
+        b,
         y,
         !0,
         I ? Error("react-stack-top-frame") : W,
@@ -281,9 +281,9 @@ React keys must be passed directly to JSX without using spread:
     };
   }()), se;
 }
-process.env.NODE_ENV === "production" ? ie.exports = Te() : ie.exports = Ie();
+process.env.NODE_ENV === "production" ? ie.exports = Se() : ie.exports = De();
 var e = ie.exports;
-function Ae({ size: s = "m", color: t = "default", className: r = "", ...o }) {
+function Pe({ size: s = "m", color: t = "default", className: r = "", ...o }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -294,8 +294,8 @@ function Ae({ size: s = "m", color: t = "default", className: r = "", ...o }) {
     }
   );
 }
-const Se = { xs: 12, s: 14, m: 16, l: 20 };
-function De({
+const Be = { xs: 12, s: 14, m: 16, l: 20 };
+function _e({
   children: s,
   variant: t = "primary",
   size: r = "m",
@@ -309,14 +309,14 @@ function De({
   "aria-label": p,
   ...f
 }) {
-  const b = a && !s, d = i === "loading", _ = i === "success", w = i === "error", k = d || _ || w, N = r === "xs" ? "s" : "m", B = Se[r] ?? 16, T = d ? /* @__PURE__ */ e.jsx(Ae, { size: N }) : _ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ve, { size: B, strokeWidth: 2.5 }) }) : w ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ee, { size: B, strokeWidth: 2.5 }) }) : null, $ = [
+  const x = a && !s, d = i === "loading", _ = i === "success", w = i === "error", g = d || _ || w, N = r === "xs" ? "s" : "m", B = Be[r] ?? 16, T = d ? /* @__PURE__ */ e.jsx(Pe, { size: N }) : _ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(le, { size: B, strokeWidth: 2.5 }) }) : w ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ee, { size: B, strokeWidth: 2.5 }) }) : null, $ = [
     "ds-button",
     `ds-button--${t}`,
     `ds-button--${r}`,
     o && "ds-button--full",
-    b && "ds-button--icon-only"
+    x && "ds-button--icon-only"
   ].filter(Boolean).join(" "), z = i !== "idle" ? i : void 0, O = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    k ? T : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
+    g ? T : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
     s
   ] });
   if (u) {
@@ -357,7 +357,7 @@ function De({
     }
   );
 }
-function nt({
+function lt({
   label: s,
   error: t,
   hint: r,
@@ -370,7 +370,7 @@ function nt({
   id: u,
   ...p
 }) {
-  const f = u || `input-${L.useId()}`, b = r ? `${f}-hint` : void 0, d = t ? `${f}-error` : void 0, _ = d || b;
+  const f = u || `input-${L.useId()}`, x = r ? `${f}-hint` : void 0, d = t ? `${f}-error` : void 0, _ = d || x;
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${o ? "ds-input-wrapper--full" : ""} ${m ? "ds-input-wrapper--disabled" : ""} ${t ? "ds-input-wrapper--error" : ""}`, children: [
     s && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: f, children: s }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-input-container", children: [
@@ -398,11 +398,11 @@ function nt({
         }
       )
     ] }),
-    r && !t && /* @__PURE__ */ e.jsx("span", { id: b, className: "ds-input-hint", children: r }),
+    r && !t && /* @__PURE__ */ e.jsx("span", { id: x, 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 }) }) })
   ] });
 }
-function at({
+function dt({
   label: s,
   error: t,
   hint: r,
@@ -414,7 +414,7 @@ function at({
   rows: m = 3,
   ...u
 }) {
-  const p = i || `textarea-${L.useId()}`, f = r ? `${p}-hint` : void 0, b = t ? `${p}-error` : void 0, d = b || f;
+  const p = i || `textarea-${L.useId()}`, f = r ? `${p}-hint` : void 0, x = t ? `${p}-error` : void 0, d = x || f;
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${o ? "ds-textarea-wrapper--full" : ""} ${n ? "ds-textarea-wrapper--disabled" : ""}`, children: [
     s && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: p, children: s }),
     /* @__PURE__ */ e.jsx(
@@ -430,10 +430,10 @@ function at({
       }
     ),
     r && !t && /* @__PURE__ */ e.jsx("span", { id: f, className: "ds-textarea-hint", children: r }),
-    t && /* @__PURE__ */ e.jsx("span", { id: b, className: "ds-textarea-error", role: "alert", children: t })
+    t && /* @__PURE__ */ e.jsx("span", { id: x, className: "ds-textarea-error", role: "alert", children: t })
   ] });
 }
-function ot({
+function ut({
   label: s,
   value: t,
   onChange: r,
@@ -446,23 +446,23 @@ function ot({
   id: u,
   ...p
 }) {
-  const [f, b] = R(!1), [d, _] = R(!1), [w, k] = R({}), [N, B] = R("down"), [T, $] = R(-1), z = E(null), O = E(null), q = E(null), M = E(null), F = u || `select-${L.useId()}`, V = `${F}-label`, G = n ? `${F}-error` : void 0, H = 150, C = (j = !1) => {
+  const [f, x] = k(!1), [d, _] = k(!1), [w, g] = k({}), [N, B] = k("down"), [T, $] = k(-1), z = E(null), O = E(null), q = E(null), M = E(null), F = u || `select-${L.useId()}`, V = `${F}-label`, G = n ? `${F}-error` : void 0, H = 150, C = (j = !1) => {
     d || (_(!0), $(-1), M.current = setTimeout(() => {
       var c;
-      b(!1), _(!1), j && ((c = q.current) == null || c.focus());
+      x(!1), _(!1), j && ((c = q.current) == null || c.focus());
     }, H));
   }, h = (j) => {
     clearTimeout(M.current), _(!1);
-    const c = j !== void 0 ? j : Math.max(o.findIndex((x) => x.value === t), 0);
-    $(c), b(!0);
+    const c = j !== void 0 ? j : Math.max(o.findIndex((b) => b.value === t), 0);
+    $(c), x(!0);
   };
   D(() => () => clearTimeout(M.current), []);
   const v = () => {
     var X;
     const j = (X = z.current) == null ? void 0 : X.getBoundingClientRect();
     if (!j) return;
-    const c = window.innerHeight, x = c - j.bottom, y = j.top, K = x < 300 && y > x;
-    B(K ? "up" : "down"), k(
+    const c = window.innerHeight, b = c - j.bottom, y = j.top, K = b < 300 && y > b;
+    B(K ? "up" : "down"), g(
       K ? { bottom: c - j.top + 4, left: j.left, width: j.width } : { top: j.bottom + 4, left: j.left, width: j.width }
     );
   };
@@ -481,7 +481,7 @@ function ot({
     if (!f || T < 0 || !O.current) return;
     (c = O.current.querySelectorAll(".ds-select-option")[T]) == null || c.scrollIntoView({ block: "nearest" });
   }, [T, f]);
-  const g = (j) => {
+  const R = (j) => {
     switch (j.key) {
       case "ArrowDown":
         j.preventDefault(), f ? $((c) => Math.min(c + 1, o.length - 1)) : h();
@@ -506,7 +506,7 @@ function ot({
         f && C(!1);
         break;
     }
-  }, S = o.find((j) => j.value === t), W = l === "xs" ? P[1] : l === "small" ? P[2] : P[3], U = f && /* @__PURE__ */ e.jsx(
+  }, P = o.find((j) => j.value === t), W = l === "xs" ? A[1] : l === "small" ? A[2] : A[3], U = f && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: O,
@@ -562,11 +562,11 @@ function ot({
         onClick: () => {
           m || (f ? C() : h());
         },
-        onKeyDown: g,
+        onKeyDown: R,
         disabled: m,
         ...p,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: S ? "" : "ds-select-placeholder", children: (S == null ? void 0 : S.label) || a }),
+          /* @__PURE__ */ e.jsx("span", { className: P ? "" : "ds-select-placeholder", children: (P == null ? void 0 : P.label) || a }),
           /* @__PURE__ */ e.jsx(
             re,
             {
@@ -583,7 +583,7 @@ function ot({
     typeof document < "u" && ne.createPortal(U, document.body)
   ] });
 }
-function it({
+function ft({
   label: s,
   value: t = 0,
   onChange: r,
@@ -600,7 +600,7 @@ function it({
     if (l) return;
     const N = Math.min(Number(t) + n, a);
     r == null || r(N);
-  }, b = () => {
+  }, x = () => {
     if (l) return;
     const N = Math.max(Number(t) - n, o);
     r == null || r(N);
@@ -624,7 +624,7 @@ function it({
     "ds-stepper",
     `ds-stepper--${i}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), k = i === "xs" ? P[1] : i === "small" ? P[2] : P[3];
+  ].filter(Boolean).join(" "), g = i === "xs" ? A[1] : i === "small" ? A[2] : A[3];
   return /* @__PURE__ */ e.jsxs("div", { className: _, children: [
     s && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: s }),
     /* @__PURE__ */ e.jsxs("div", { className: w, children: [
@@ -633,10 +633,10 @@ function it({
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--minus",
-          onClick: b,
+          onClick: x,
           disabled: l || t <= o,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ e.jsx(Ee, { size: k, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(Ee, { size: g, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -661,7 +661,7 @@ function it({
           onClick: f,
           disabled: l || t >= a,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ e.jsx(ke, { size: k, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(ge, { size: g, strokeWidth: 1.5 })
         }
       )
     ] }),
@@ -669,7 +669,7 @@ function it({
     u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: u })
   ] });
 }
-function Pe({
+function Oe({
   children: s,
   padding: t = "m",
   variant: r = "info",
@@ -705,7 +705,7 @@ function Pe({
       }
     );
   }
-  const f = u && a ? "button" : "div", b = u && a ? {
+  const f = u && a ? "button" : "div", x = u && a ? {
     type: "button",
     onClick: a,
     disabled: i
@@ -715,31 +715,31 @@ function Pe({
     {
       className: p,
       role: u && !a ? "article" : void 0,
-      ...b,
+      ...x,
       ...l,
       children: s
     }
   );
 }
-function ct({ children: s, ...t }) {
+function mt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...t, children: s });
 }
-function lt({ children: s, ...t }) {
+function pt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...t, children: s });
 }
-function dt({ children: s, ...t }) {
+function ht({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...t, children: s });
 }
-function ut({ children: s, ...t }) {
+function xt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...t, children: s });
 }
-function ft({ children: s, secondary: t = !1, ...r }) {
+function bt({ children: s, secondary: t = !1, ...r }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${t ? "ds-p1--secondary" : ""}`, ...r, children: s });
 }
-function mt({ children: s, secondary: t = !1, ...r }) {
+function Le({ children: s, secondary: t = !1, ...r }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${t ? "ds-p2--secondary" : ""}`, ...r, children: s });
 }
-function pt({ children: s, secondary: t = !1, ...r }) {
+function Me({ children: s, secondary: t = !1, ...r }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${t ? "ds-p3--secondary" : ""}`, ...r, children: s });
 }
 function oe({
@@ -756,13 +756,13 @@ function oe({
   ].filter(Boolean).join(" "), i = o || (["info", "success", "warning", "error"].includes(t) ? "status" : void 0);
   return /* @__PURE__ */ e.jsx("span", { className: n, role: i, ...a, children: s });
 }
-const Be = {
-  info: fe,
-  success: ue,
-  warning: de,
-  error: le
+const Fe = {
+  info: me,
+  success: fe,
+  warning: ue,
+  error: de
 };
-function ht({
+function vt({
   children: s,
   variant: t = "info",
   title: r,
@@ -770,9 +770,9 @@ function ht({
   role: a,
   ...n
 }) {
-  const i = Be[t], l = a || (t === "error" ? "alert" : "status");
+  const i = Fe[t], l = a || (t === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-alert ds-alert--${t} ${r ? "" : "ds-alert--no-title"}`, role: l, ...n, children: [
-    i && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(i, { size: P[3], strokeWidth: 1.5 }) }),
+    i && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(i, { size: A[3], strokeWidth: 1.5 }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-alert__content", children: [
       r && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: r }),
       s && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: s })
@@ -784,23 +784,23 @@ function ht({
         className: "ds-alert__close",
         onClick: o,
         "aria-label": "Close alert",
-        children: /* @__PURE__ */ e.jsx(ee, { size: P[3], strokeWidth: 1.5 })
+        children: /* @__PURE__ */ e.jsx(ee, { size: A[3], strokeWidth: 1.5 })
       }
     )
   ] });
 }
-const Oe = 200;
-function bt({
+const We = 200;
+function jt({
   children: s,
   title: t,
   onClose: r,
   size: o = "m",
   ...a
 }) {
-  const n = E(null), i = L.useId(), [l, m] = R(!1), u = () => {
+  const n = E(null), i = L.useId(), [l, m] = k(!1), u = () => {
     !r || l || (m(!0), setTimeout(() => {
       m(!1), r();
-    }, Oe));
+    }, We));
   };
   D(() => {
     const d = (w) => {
@@ -812,7 +812,7 @@ function bt({
       document.removeEventListener("keydown", d), document.removeEventListener("mousedown", _);
     };
   }, [r, l]);
-  const p = L.Children.toArray(s), f = p.find((d) => (d == null ? void 0 : d.type) === he), b = p.filter((d) => (d == null ? void 0 : d.type) !== he);
+  const p = L.Children.toArray(s), f = p.find((d) => (d == null ? void 0 : d.type) === xe), x = p.filter((d) => (d == null ? void 0 : d.type) !== xe);
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", l && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...a, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -825,26 +825,26 @@ function bt({
         (t || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
           t && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-modal__title", children: t }),
           r && /* @__PURE__ */ e.jsx(
-            De,
+            _e,
             {
               variant: "ghost",
               size: "small",
-              icon: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 }),
+              icon: /* @__PURE__ */ e.jsx(ee, { size: A[2], strokeWidth: 1.5 }),
               onClick: u,
               "aria-label": "Close modal"
             }
           )
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body", children: b }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body", children: x }),
         f
       ]
     }
   ) });
 }
-function he({ children: s }) {
+function xe({ children: s }) {
   return /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: s });
 }
-function Le({
+function ze({
   children: s,
   title: t = "Code",
   defaultExpanded: r = !1,
@@ -854,7 +854,7 @@ function Le({
   className: i = "",
   ...l
 }) {
-  const [m, u] = R(r), p = o !== void 0, f = p ? o : m, b = () => {
+  const [m, u] = k(r), p = o !== void 0, f = p ? o : m, x = () => {
     p ? a == null || a(!o) : u((_) => !_);
   }, d = [
     "ds-code-accordion",
@@ -868,14 +868,14 @@ function Le({
       {
         type: "button",
         className: "ds-code-accordion__header",
-        onClick: b,
+        onClick: x,
         "aria-expanded": f,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: t }),
           /* @__PURE__ */ e.jsx(
             re,
             {
-              size: P[2],
+              size: A[2],
               strokeWidth: 1.5,
               className: `ds-code-accordion__icon ${f ? "ds-code-accordion__icon--expanded" : ""}`
             }
@@ -886,10 +886,10 @@ function Le({
     /* @__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 xt({ children: s, block: t = !1, collapsible: r = !1, title: o = "Code", defaultExpanded: a = !1, ...n }) {
-  return t ? r ? /* @__PURE__ */ e.jsx(Le, { title: o, 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 _t({ children: s, block: t = !1, collapsible: r = !1, title: o = "Code", defaultExpanded: a = !1, ...n }) {
+  return t ? r ? /* @__PURE__ */ e.jsx(ze, { title: o, 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 vt({ href: s, children: t, onClick: r, target: o, rel: a, ...n }) {
+function wt({ href: s, children: t, onClick: r, target: o, rel: a, ...n }) {
   const l = o === "_blank" ? a ? `${a} noopener noreferrer` : "noopener noreferrer" : a;
   return /* @__PURE__ */ e.jsx(
     "a",
@@ -904,10 +904,10 @@ function vt({ href: s, children: t, onClick: r, target: o, rel: a, ...n }) {
     }
   );
 }
-function jt({ children: s, size: t = "m", variant: r = "ghost", ...o }) {
+function Nt({ children: s, size: t = "m", variant: r = "ghost", ...o }) {
   return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...o, children: L.Children.map(s, (a) => L.isValidElement(a) ? L.cloneElement(a, { size: t, variant: r }) : a) });
 }
-function _t({ children: s, selected: t = !1, onClick: r, size: o = "m", variant: a = "ghost", disabled: n = !1, icon: i, href: l, ...m }) {
+function yt({ children: s, selected: t = !1, onClick: r, size: o = "m", variant: a = "ghost", disabled: n = !1, icon: i, href: l, ...m }) {
   const u = i && !s, p = [
     "ds-tab",
     `ds-tab--${o}`,
@@ -919,7 +919,7 @@ function _t({ children: s, selected: t = !1, onClick: r, size: o = "m", variant:
     s
   ] });
   if (l) {
-    const b = (d) => {
+    const x = (d) => {
       if (n) {
         d.preventDefault();
         return;
@@ -934,7 +934,7 @@ function _t({ children: s, selected: t = !1, onClick: r, size: o = "m", variant:
         "aria-disabled": n ? "true" : void 0,
         className: p,
         href: n ? void 0 : l,
-        onClick: b,
+        onClick: x,
         ...m,
         children: f
       }
@@ -953,13 +953,13 @@ function _t({ children: s, selected: t = !1, onClick: r, size: o = "m", variant:
     }
   );
 }
-function wt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1 }) {
-  const n = E(null), i = E(null), [l, m] = R(!1), u = E(!1), p = E(null), f = E(null), b = () => {
+function kt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1 }) {
+  const n = E(null), i = E(null), [l, m] = k(!1), u = E(!1), p = E(null), f = E(null), x = () => {
     if (!n.current) return;
     const d = n.current.querySelector(`[data-value="${t}"]`);
     if (!d) return;
-    const _ = n.current.getBoundingClientRect(), w = d.getBoundingClientRect(), k = w.left - _.left, N = w.width;
-    i.current ? (i.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = k + "px", i.current.style.width = N + "px", u.current = !1) : (m(!0), requestAnimationFrame(() => {
+    const _ = n.current.getBoundingClientRect(), w = d.getBoundingClientRect(), g = w.left - _.left, N = w.width;
+    i.current ? (i.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = g + "px", i.current.style.width = N + "px", u.current = !1) : (m(!0), requestAnimationFrame(() => {
       if (!i.current || !n.current) return;
       const B = n.current.querySelector(`[data-value="${t}"]`);
       if (!B) return;
@@ -967,9 +967,9 @@ function wt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1
       i.current.style.transition = "none", i.current.style.left = $.left - T.left + "px", i.current.style.width = $.width + "px";
     }));
   };
-  return f.current = b, Ne(() => {
+  return f.current = x, ye(() => {
     const d = p.current !== t;
-    p.current = t, u.current = l && d, b();
+    p.current = t, u.current = l && d, x();
   }), D(() => {
     if (!n.current) return;
     const d = new ResizeObserver(() => {
@@ -1015,7 +1015,7 @@ function wt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1
     }
   );
 }
-function Nt({
+function Ce({
   children: s,
   title: t,
   defaultExpanded: r = !1,
@@ -1024,14 +1024,14 @@ function Nt({
   padding: n = "m",
   ...i
 }) {
-  const [l, m] = R(r), u = o !== void 0, p = u ? o : l, f = () => {
+  const [l, m] = k(r), u = o !== void 0, p = u ? o : l, f = () => {
     u ? a == null || a(!o) : m((d) => !d);
-  }, b = [
+  }, x = [
     "ds-accordion",
     `ds-accordion--${n}`,
     p && "ds-accordion--expanded"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: b, ...i, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: x, ...i, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -1044,7 +1044,7 @@ function Nt({
           /* @__PURE__ */ e.jsx(
             re,
             {
-              size: P[2],
+              size: A[2],
               strokeWidth: 1.5,
               className: `ds-accordion__icon ${p ? "ds-accordion__icon--expanded" : ""}`
             }
@@ -1056,7 +1056,7 @@ function Nt({
   ] });
 }
 const Y = 8, Z = 8;
-function Me(s, t, r) {
+function Ve(s, t, r) {
   const o = window.innerWidth;
   let a, n;
   switch (s) {
@@ -1078,7 +1078,7 @@ function Me(s, t, r) {
   const i = Math.max(Z, Math.min(o - r.width - Z, n)), l = n - i;
   return { top: a, left: i, arrowOffset: l };
 }
-function Fe(s, t, r) {
+function Ue(s, t, r) {
   const o = window.innerWidth, a = window.innerHeight;
   if (s.top >= t + Y + Z) return "top";
   if (a - s.bottom >= t + Y + Z) return "bottom";
@@ -1087,10 +1087,10 @@ function Fe(s, t, r) {
   const n = Math.max(s.top, a - s.bottom, s.left, o - s.right);
   return n === s.top ? "top" : n === a - s.bottom ? "bottom" : n === o - s.right ? "right" : "left";
 }
-function yt({ children: s, content: t, position: r, ...o }) {
-  const [a, n] = R(!1), [i, l] = R({ visibility: "hidden" }), [m, u] = R(r || "top"), p = E(null), f = E(null), b = E(!1), d = () => {
+function Et({ children: s, content: t, position: r, ...o }) {
+  const [a, n] = k(!1), [i, l] = k({ visibility: "hidden" }), [m, u] = k(r || "top"), p = E(null), f = E(null), x = E(!1), d = () => {
     if (!p.current || !f.current) return;
-    const w = p.current.getBoundingClientRect(), k = f.current.getBoundingClientRect(), N = r || Fe(w, k.height, k.width), { top: B, left: T, arrowOffset: $ } = Me(N, w, k);
+    const w = p.current.getBoundingClientRect(), g = f.current.getBoundingClientRect(), N = r || Ue(w, g.height, g.width), { top: B, left: T, arrowOffset: $ } = Ve(N, w, g);
     u(N), l({
       position: "fixed",
       top: B,
@@ -1108,8 +1108,8 @@ function yt({ children: s, content: t, position: r, ...o }) {
     };
   }, [a, r]), D(() => {
     if (!a) return;
-    const w = (k) => {
-      p.current && !p.current.contains(k.target) && n(!1);
+    const w = (g) => {
+      p.current && !p.current.contains(g.target) && n(!1);
     };
     return document.addEventListener("touchstart", w), () => document.removeEventListener("touchstart", w);
   }, [a]), !t) return s;
@@ -1129,13 +1129,13 @@ function yt({ children: s, content: t, position: r, ...o }) {
       ref: p,
       className: "ds-tooltip-wrapper",
       onMouseEnter: () => {
-        b.current || n(!0);
+        x.current || n(!0);
       },
       onMouseLeave: () => {
-        b.current || n(!1);
+        x.current || n(!1);
       },
       onTouchStart: () => {
-        b.current = !0, n((w) => !w);
+        x.current = !0, n((w) => !w);
       },
       ...o,
       children: [
@@ -1145,7 +1145,7 @@ function yt({ children: s, content: t, position: r, ...o }) {
     }
   );
 }
-function Et({
+function gt({
   checked: s = !1,
   onChange: t,
   size: r = "m",
@@ -1176,7 +1176,7 @@ function Et({
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: a })
   ] });
 }
-function kt({
+function $t({
   checked: s = !1,
   onChange: t,
   size: r = "m",
@@ -1204,7 +1204,7 @@ function kt({
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: s && /* @__PURE__ */ e.jsx(
-      ve,
+      le,
       {
         size: u,
         strokeWidth: 2.5,
@@ -1214,7 +1214,7 @@ function kt({
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: a })
   ] });
 }
-function $t({
+function Rt({
   checked: s = !1,
   onChange: t,
   size: r = "m",
@@ -1249,7 +1249,7 @@ function $t({
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: a })
   ] });
 }
-function We({ width: s, height: t, shape: r = "rect", aspectRatio: o, className: a = "", style: n = {}, ...i }) {
+function Ye({ width: s, height: t, shape: r = "rect", aspectRatio: o, className: a = "", style: n = {}, ...i }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -1260,7 +1260,7 @@ function We({ width: s, height: t, shape: r = "rect", aspectRatio: o, className:
     }
   );
 }
-function ze({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: o = "", style: a = {}, ...n }) {
+function qe({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: o = "", style: a = {}, ...n }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -1279,20 +1279,20 @@ function ze({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: o = "",
     }
   );
 }
-We.Text = ze;
-function Ce(s) {
+Ye.Text = qe;
+function He(s) {
   let t = 2166136261;
   for (let r = 0; r < s.length; r++)
     t ^= s.charCodeAt(r), t = Math.imul(t, 16777619) >>> 0;
   return t % 360;
 }
-function Ve(s) {
+function Ke(s) {
   if (!s) return "";
   const t = s.trim().split(/\s+/);
   return t.length >= 2 ? (t[0][0] + t[1][0]).toUpperCase() : s[0].toUpperCase();
 }
-function gt({ seed: s, icon: t, src: r, size: o = 32, className: a = "", style: n = {}, ...i }) {
-  const l = Ce(s ?? ""), [m, u] = R(!1), p = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: Ve(s) });
+function Tt({ seed: s, icon: t, src: r, size: o = 32, className: a = "", style: n = {}, ...i }) {
+  const l = He(s ?? ""), [m, u] = k(!1), p = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: Ke(s) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1304,7 +1304,7 @@ function gt({ seed: s, icon: t, src: r, size: o = 32, className: a = "", style:
     }
   );
 }
-function Rt({
+function It({
   children: s,
   size: t = "compact",
   stickyTop: r,
@@ -1334,13 +1334,13 @@ function Rt({
     }
   );
 }
-function Tt({ children: s, ...t }) {
+function At({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("thead", { ...t, children: s });
 }
-function It({ children: s, ...t }) {
+function St({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("tbody", { ...t, children: s });
 }
-function At({ children: s, interactive: t, selected: r, subheader: o, className: a = "", onClick: n, ...i }) {
+function Dt({ children: s, interactive: t, selected: r, subheader: o, className: a = "", onClick: n, ...i }) {
   return /* @__PURE__ */ e.jsx(
     "tr",
     {
@@ -1357,11 +1357,11 @@ function At({ children: s, interactive: t, selected: r, subheader: o, className:
     }
   );
 }
-function St({ children: s, colSpan: t = 999, ...r }) {
+function Pt({ 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: o, width: a, className: n = "", style: i = {}, ...l }) {
-  const m = !!o || r !== void 0, u = r === "asc" ? $e : r === "desc" ? re : ge;
+function Bt({ children: s, align: t = "left", sortDir: r, onSort: o, width: a, className: n = "", style: i = {}, ...l }) {
+  const m = !!o || r !== void 0, u = r === "asc" ? $e : r === "desc" ? re : Re;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
@@ -1382,7 +1382,7 @@ function Dt({ children: s, align: t = "left", sortDir: r, onSort: o, width: a, c
     }
   );
 }
-function Pt({ children: s, align: t = "left", secondary: r, muted: o, truncate: a, nowrap: n, className: i = "", ...l }) {
+function Ot({ children: s, align: t = "left", secondary: r, muted: o, truncate: a, nowrap: n, className: i = "", ...l }) {
   return /* @__PURE__ */ e.jsx(
     "td",
     {
@@ -1400,7 +1400,7 @@ function Pt({ children: s, align: t = "left", secondary: r, muted: o, truncate:
     }
   );
 }
-function Bt({
+function Lt({
   icon: s,
   title: t,
   description: r,
@@ -1423,7 +1423,7 @@ function Bt({
     }
   );
 }
-function Ot({
+function Mt({
   label: s,
   hint: t,
   error: r,
@@ -1435,7 +1435,7 @@ function Ot({
   style: m,
   ...u
 }) {
-  const p = L.useId(), f = n ?? p, b = `${f}-hint`, d = `${f}-error`;
+  const p = L.useId(), f = n ?? p, x = `${f}-hint`, d = `${f}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1448,13 +1448,13 @@ function Ot({
       children: [
         s && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: f, children: s }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-field-control", children: i }),
-        t && !r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: b, children: t }),
+        t && !r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: x, children: t }),
         r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: d, role: "alert", children: r })
       ]
     }
   );
 }
-function Lt({ label: s, value: t, delta: r, size: o = "m", inline: a = !1, className: n = "", style: i, ...l }) {
+function Ft({ label: s, value: t, delta: r, size: o = "m", inline: a = !1, className: n = "", style: i, ...l }) {
   const m = r != null && r.startsWith("+") ? "up" : r != null && r.startsWith("-") ? "down" : "neutral";
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -1475,7 +1475,7 @@ function Lt({ label: s, value: t, delta: r, size: o = "m", inline: a = !1, class
     }
   );
 }
-function Mt({
+function Wt({
   children: s,
   separator: t = "/",
   "aria-label": r = "Breadcrumb",
@@ -1498,7 +1498,7 @@ function Mt({
     }
   );
 }
-function Ft({
+function zt({
   page: s,
   total: t,
   onChange: r,
@@ -1508,7 +1508,7 @@ function Ft({
   style: i,
   ...l
 }) {
-  const m = Ue(s, t, o);
+  const m = Ge(s, t, o);
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
@@ -1524,7 +1524,7 @@ function Ft({
             onClick: () => r == null ? void 0 : r(s - 1),
             disabled: s <= 1,
             "aria-label": "Previous page",
-            children: /* @__PURE__ */ e.jsx(Re, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(Te, { size: 16 })
           }
         ),
         m.map(
@@ -1554,25 +1554,25 @@ function Ft({
     }
   );
 }
-function Ue(s, t, r) {
+function Ge(s, t, r) {
   if (t <= 7) return Array.from({ length: t }, (i, l) => l + 1);
   const o = Math.max(2, s - r), a = Math.min(t - 1, s + r), n = [1];
   o > 2 && n.push("…");
   for (let i = o; i <= a; i++) n.push(i);
   return a < t - 1 && n.push("…"), n.push(t), n;
 }
-const Ye = 200;
-function Wt({
+const Xe = 200;
+function Ct({
   children: s,
   title: t,
   onClose: r,
   side: o = "right",
   ...a
 }) {
-  const n = E(null), i = L.useId(), [l, m] = R(!1), u = () => {
+  const n = E(null), i = L.useId(), [l, m] = k(!1), u = () => {
     !r || l || (m(!0), setTimeout(() => {
       m(!1), r();
-    }, Ye));
+    }, Xe));
   };
   D(() => {
     const d = (w) => {
@@ -1584,7 +1584,7 @@ function Wt({
       document.removeEventListener("keydown", d), document.removeEventListener("mousedown", _);
     };
   }, [r, l]);
-  const p = L.Children.toArray(s), f = p.find((d) => (d == null ? void 0 : d.type) === be), b = p.filter((d) => (d == null ? void 0 : d.type) !== be);
+  const p = L.Children.toArray(s), f = p.find((d) => (d == null ? void 0 : d.type) === be), x = p.filter((d) => (d == null ? void 0 : d.type) !== be);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1602,9 +1602,9 @@ function Wt({
           children: [
             /* @__PURE__ */ e.jsxs("header", { className: "ds-drawer-header", children: [
               t && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-drawer-title", children: t }),
-              r && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: u, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 }) })
+              r && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: u, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(ee, { size: A[2], strokeWidth: 1.5 }) })
             ] }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body", children: b }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body", children: x }),
             f
           ]
         }
@@ -1615,13 +1615,13 @@ function Wt({
 function be({ children: s }) {
   return /* @__PURE__ */ e.jsx("footer", { className: "ds-drawer-footer", children: s });
 }
-const qe = {
-  info: fe,
-  success: ue,
-  warning: de,
-  error: le
+const Je = {
+  info: me,
+  success: fe,
+  warning: ue,
+  error: de
 };
-function zt({
+function Vt({
   children: s,
   variant: t = "info",
   action: r,
@@ -1630,7 +1630,7 @@ function zt({
   role: n,
   ...i
 }) {
-  const l = qe[t], m = n || (t === "error" ? "alert" : "status");
+  const l = Je[t], m = n || (t === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1638,7 +1638,7 @@ function zt({
       role: m,
       ...i,
       children: [
-        l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: P[2], strokeWidth: 1.5 }) }),
+        l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: A[2], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-banner-text", children: s }),
         r && /* @__PURE__ */ e.jsx(
           "button",
@@ -1656,14 +1656,14 @@ function zt({
             className: "ds-banner-dismiss",
             onClick: a,
             "aria-label": "Dismiss",
-            children: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ee, { size: A[2], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function Ct({
+function Ut({
   trigger: s,
   items: t = [],
   open: r,
@@ -1673,8 +1673,8 @@ function Ct({
   style: i,
   ...l
 }) {
-  const [m, u] = R(!1), [p, f] = R(!1), b = r !== void 0, d = b ? r : m, _ = E(null), w = E(null), k = E(null), N = E(null), [B, T] = R({}), $ = E(null), z = 150, O = () => {
-    if (b)
+  const [m, u] = k(!1), [p, f] = k(!1), x = r !== void 0, d = x ? r : m, _ = E(null), w = E(null), g = E(null), N = E(null), [B, T] = k({}), $ = E(null), z = 150, O = () => {
+    if (x)
       o == null || o(!1);
     else {
       if (p) return;
@@ -1684,15 +1684,15 @@ function Ct({
     }
   }, q = () => {
     const h = !d;
-    b ? o == null || o(h) : h ? (clearTimeout($.current), f(!1), u(!0)) : O();
+    x ? o == null || o(h) : h ? (clearTimeout($.current), f(!1), u(!0)) : O();
   }, M = () => {
-    d || (b ? o == null || o(!0) : (clearTimeout($.current), f(!1), u(!0)));
+    d || (x ? o == null || o(!0) : (clearTimeout($.current), f(!1), u(!0)));
   };
   D(() => () => clearTimeout($.current), []), D(() => {
     if (!d) return;
     const h = () => {
-      var g;
-      const v = (g = _.current) == null ? void 0 : g.getBoundingClientRect();
+      var R;
+      const v = (R = _.current) == null ? void 0 : R.getBoundingClientRect();
       v && T(
         a === "right" ? { top: v.bottom + 4, right: window.innerWidth - v.right } : { top: v.bottom + 4, left: v.left }
       );
@@ -1703,18 +1703,18 @@ function Ct({
   }, [d, a]);
   const F = () => {
     var v;
-    const h = (v = k.current) == null ? void 0 : v.querySelector(
+    const h = (v = g.current) == null ? void 0 : v.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
     h == null || h.focus();
   };
   D(() => {
     if (!d) return;
-    const h = (g) => {
-      var S, W;
-      !((S = _.current) != null && S.contains(g.target)) && !((W = w.current) != null && W.contains(g.target)) && O();
-    }, v = (g) => {
-      g.key === "Escape" && (O(), F());
+    const h = (R) => {
+      var P, W;
+      !((P = _.current) != null && P.contains(R.target)) && !((W = w.current) != null && W.contains(R.target)) && O();
+    }, v = (R) => {
+      R.key === "Escape" && (O(), F());
     };
     return document.addEventListener("mousedown", h), document.addEventListener("keydown", v), () => {
       document.removeEventListener("mousedown", h), document.removeEventListener("keydown", v);
@@ -1727,25 +1727,25 @@ function Ct({
   const V = () => w.current ? [...w.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
   )] : [], G = (h) => {
-    var v, g;
+    var v, R;
     if (h.key === "ArrowDown")
       h.preventDefault(), d ? (v = V()[0]) == null || v.focus() : (N.current = "first", M());
     else if (h.key === "ArrowUp")
       if (h.preventDefault(), !d)
         N.current = "last", M();
       else {
-        const S = V();
-        (g = S[S.length - 1]) == null || g.focus();
+        const P = V();
+        (R = P[P.length - 1]) == null || R.focus();
       }
   }, H = (h) => {
-    var S, W, U, j;
-    const v = V(), g = v.findIndex((c) => c === document.activeElement);
+    var P, W, U, j;
+    const v = V(), R = v.findIndex((c) => c === document.activeElement);
     switch (h.key) {
       case "ArrowDown":
-        h.preventDefault(), (S = v[Math.min(g + 1, v.length - 1)]) == null || S.focus();
+        h.preventDefault(), (P = v[Math.min(R + 1, v.length - 1)]) == null || P.focus();
         break;
       case "ArrowUp":
-        h.preventDefault(), g <= 0 ? F() : (W = v[g - 1]) == null || W.focus();
+        h.preventDefault(), R <= 0 ? F() : (W = v[R - 1]) == null || W.focus();
         break;
       case "Home":
         h.preventDefault(), (U = v[0]) == null || U.focus();
@@ -1777,9 +1777,9 @@ function Ct({
             h.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: h.label }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: h.content })
           ] }, v);
-        const g = !!h.href, S = g ? "a" : "button", W = g ? { href: h.disabled ? void 0 : h.href, "aria-disabled": h.disabled ? "true" : void 0 } : { type: "button", disabled: h.disabled };
+        const R = !!h.href, P = R ? "a" : "button", W = R ? { href: h.disabled ? void 0 : h.href, "aria-disabled": h.disabled ? "true" : void 0 } : { type: "button", disabled: h.disabled };
         return /* @__PURE__ */ e.jsxs(
-          S,
+          P,
           {
             role: "menuitem",
             className: [
@@ -1813,7 +1813,7 @@ function Ct({
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: k,
+            ref: g,
             className: "ds-dropdown__trigger",
             onClick: q,
             onKeyDown: G,
@@ -1825,7 +1825,7 @@ function Ct({
     }
   );
 }
-function Vt({
+function Yt({
   value: s = 0,
   size: t = "m",
   variant: r = "default",
@@ -1862,11 +1862,11 @@ function Vt({
     }
   );
 }
-const He = (s) => 1 - Math.pow(1 - s, 3), Ke = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-function Ge(s, { duration: t = 600 } = {}) {
-  const [r, o] = R(s), a = E(s), n = E(null);
+const Ze = (s) => 1 - Math.pow(1 - s, 3), Qe = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+function et(s, { duration: t = 600 } = {}) {
+  const [r, o] = k(s), a = E(s), n = E(null);
   return D(() => {
-    if (Ke()) {
+    if (Qe()) {
       o(s), a.current = s;
       return;
     }
@@ -1876,23 +1876,23 @@ function Ge(s, { duration: t = 600 } = {}) {
     const u = (p) => {
       m || (m = p);
       const f = Math.min((p - m) / t, 1);
-      o(i + l * He(f)), f < 1 ? n.current = requestAnimationFrame(u) : a.current = s;
+      o(i + l * Ze(f)), f < 1 ? n.current = requestAnimationFrame(u) : a.current = s;
     };
     return n.current = requestAnimationFrame(u), () => cancelAnimationFrame(n.current);
   }, [s, t]), r;
 }
-function Ut({
+function qt({
   value: s,
   duration: t = 600,
   decimals: r = 0,
   prefix: o = "",
   suffix: a = ""
 }) {
-  const i = Ge(s, { duration: t }).toFixed(r);
+  const i = et(s, { duration: t }).toFixed(r);
   return `${o}${i}${a}`;
 }
-function Xe({ threshold: s = 0.1, rootMargin: t = "0px", once: r = !1 } = {}) {
-  const o = E(null), [a, n] = R(!1);
+function tt({ threshold: s = 0.1, rootMargin: t = "0px", once: r = !1 } = {}) {
+  const o = E(null), [a, n] = k(!1);
   return D(() => {
     const i = o.current;
     if (!i) return;
@@ -1905,7 +1905,7 @@ function Xe({ threshold: s = 0.1, rootMargin: t = "0px", once: r = !1 } = {}) {
     return l.observe(i), () => l.disconnect();
   }, [s, t, r]), { ref: o, inView: a };
 }
-function Yt({
+function Ht({
   children: s,
   as: t = "div",
   once: r = !1,
@@ -1915,31 +1915,31 @@ function Yt({
   onLeave: i,
   ...l
 }) {
-  const { ref: m, inView: u } = Xe({ threshold: o, rootMargin: a, once: r }), p = E(!1);
+  const { ref: m, inView: u } = tt({ threshold: o, rootMargin: a, once: r }), p = E(!1);
   return D(() => {
     u && !p.current && (n == null || n()), !u && p.current && (i == null || i()), p.current = u;
   }, [u]), /* @__PURE__ */ e.jsx(t, { ref: m, ...l, children: typeof s == "function" ? s(u) : s });
 }
-const xe = {
-  default: fe,
-  success: ue,
-  warning: de,
-  error: le
+const ve = {
+  default: me,
+  success: fe,
+  warning: ue,
+  error: de
 };
 let Q = [];
 const ce = /* @__PURE__ */ new Set();
-function _e() {
+function we() {
   ce.forEach((s) => s([...Q]));
 }
-function Je(s) {
-  Q = [...Q, s], _e();
+function st(s) {
+  Q = [...Q, s], we();
 }
-function Ze(s) {
-  Q = Q.filter((t) => t.id !== s), _e();
+function rt(s) {
+  Q = Q.filter((t) => t.id !== s), we();
 }
-function qt() {
+function Kt() {
   const s = (t, r = {}) => {
-    Je({
+    st({
       id: `${Date.now()}-${Math.random()}`,
       message: t,
       type: "default",
@@ -1949,13 +1949,13 @@ function qt() {
   };
   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 Qe({ data: s, onDismiss: t }) {
-  const [r, o] = R(!1), a = E(null);
+function nt({ data: s, onDismiss: t }) {
+  const [r, o] = k(!1), a = E(null);
   D(() => (requestAnimationFrame(() => o(!0)), s.duration > 0 && (a.current = setTimeout(() => n(), s.duration)), () => clearTimeout(a.current)), []);
   function n() {
     o(!1), setTimeout(() => t(s.id), 250);
   }
-  const i = xe[s.type] ?? xe.default;
+  const i = ve[s.type] ?? ve.default;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1967,7 +1967,7 @@ function Qe({ 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(i, { size: P[3], strokeWidth: 1.5 }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(i, { size: A[3], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-toast__message", children: s.message }),
         /* @__PURE__ */ e.jsx(
           "button",
@@ -1975,26 +1975,26 @@ function Qe({ data: s, onDismiss: t }) {
             className: "ds-toast__close",
             onClick: n,
             "aria-label": "Закрыть",
-            children: /* @__PURE__ */ e.jsx(ee, { size: P[3], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ee, { size: A[3], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function Ht({ position: s = "bottom-right" }) {
-  const [t, r] = R(() => [...Q]);
+function Gt({ position: s = "bottom-right" }) {
+  const [t, r] = k(() => [...Q]);
   return D(() => (ce.add(r), () => ce.delete(r)), []), !t.length || typeof document > "u" ? null : ne.createPortal(
-    /* @__PURE__ */ e.jsx("div", { className: ["ds-toast-container", `ds-toast-container--${s}`].join(" "), children: t.map((o) => /* @__PURE__ */ e.jsx(Qe, { data: o, onDismiss: Ze }, o.id)) }),
+    /* @__PURE__ */ e.jsx("div", { className: ["ds-toast-container", `ds-toast-container--${s}`].join(" "), children: t.map((o) => /* @__PURE__ */ e.jsx(nt, { data: o, onDismiss: rt }, o.id)) }),
     document.body
   );
 }
-const et = {
+const at = {
   running: /* @__PURE__ */ e.jsx(oe, { size: "xs", variant: "info", children: "Running..." }),
   success: /* @__PURE__ */ e.jsx(oe, { size: "xs", variant: "success", children: "Done" }),
   error: /* @__PURE__ */ e.jsx(oe, { size: "xs", variant: "error", children: "Error" })
 };
-function Kt({
+function Xt({
   label: s,
   status: t = "idle",
   icon: r,
@@ -2006,30 +2006,30 @@ function Kt({
   children: m,
   ...u
 }) {
-  const f = `tc-body-${ye().replace(/:/g, "")}`, [b, d] = R(a), _ = n !== void 0, w = _ ? n : b, k = () => {
+  const f = `tc-body-${ke().replace(/:/g, "")}`, [x, d] = k(a), _ = n !== void 0, w = _ ? n : x, g = () => {
     _ ? i == null || i(!n) : d((N) => !N);
   };
-  return /* @__PURE__ */ e.jsxs(Pe, { padding: l, ...u, children: [
+  return /* @__PURE__ */ e.jsxs(Oe, { padding: l, ...u, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         className: "ds-tool-card__header",
-        onClick: k,
+        onClick: g,
         "aria-expanded": w,
         "aria-controls": f,
         children: [
           /* @__PURE__ */ e.jsx(
             je,
             {
-              size: P[1],
+              size: A[1],
               strokeWidth: 1.5,
               className: `ds-tool-card__chevron${w ? " 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 }),
-          et[t],
+          at[t],
           o
         ]
       }
@@ -2037,61 +2037,109 @@ function Kt({
     w && /* @__PURE__ */ e.jsx("div", { id: f, className: "ds-tool-card__body", children: m })
   ] });
 }
+function Jt({
+  text: s,
+  size: t = "xs",
+  timeout: r = 2e3,
+  "aria-label": o = "Copy to clipboard",
+  ...a
+}) {
+  const [n, i] = k(!1), l = () => {
+    navigator.clipboard.writeText(s).then(() => {
+      i(!0), setTimeout(() => i(!1), r);
+    });
+  };
+  return /* @__PURE__ */ e.jsx(
+    _e,
+    {
+      variant: "ghost",
+      size: t,
+      icon: n ? /* @__PURE__ */ e.jsx(le, { size: A[1], strokeWidth: 1.5 }) : /* @__PURE__ */ e.jsx(Ie, { size: A[1], strokeWidth: 1.5 }),
+      "aria-label": o,
+      onClick: l,
+      ...a
+    }
+  );
+}
+function Zt({ content: s, streaming: t = !1, ...r }) {
+  const [o, a] = k(t);
+  return D(() => {
+    a(!!t);
+  }, [t]), /* @__PURE__ */ e.jsx(
+    Ce,
+    {
+      expanded: o,
+      onToggle: a,
+      padding: "s",
+      title: /* @__PURE__ */ e.jsxs("div", { className: "ds-reasoning__title", children: [
+        /* @__PURE__ */ e.jsx(Ae, { size: A[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
+        /* @__PURE__ */ e.jsx(Le, { secondary: !0, children: "Thinking" })
+      ] }),
+      ...r,
+      children: /* @__PURE__ */ e.jsxs(Me, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
+        s,
+        t && /* @__PURE__ */ e.jsx("span", { className: "ds-reasoning__cursor" })
+      ] })
+    }
+  );
+}
 export {
-  Nt as Accordion,
-  ht as Alert,
-  Ut as AnimatedNumber,
-  gt as Avatar,
+  Ce as Accordion,
+  vt as Alert,
+  qt as AnimatedNumber,
+  Tt as Avatar,
   oe as Badge,
-  zt as Banner,
-  Mt as Breadcrumb,
-  De as Button,
-  Pe as Card,
-  kt as Checkbox,
-  xt as Code,
-  Le as CodeAccordion,
-  Wt as Drawer,
+  Vt as Banner,
+  Wt as Breadcrumb,
+  _e as Button,
+  Oe as Card,
+  $t as Checkbox,
+  _t as Code,
+  ze as CodeAccordion,
+  Jt as CopyButton,
+  Ct as Drawer,
   be as DrawerFooter,
-  Ct as Dropdown,
-  Bt as EmptyState,
-  Ot as FormField,
-  ct as H1,
-  lt as H2,
-  dt as H3,
-  ut as H4,
-  Yt as InView,
-  nt as Input,
-  vt as Link,
-  bt as Modal,
-  he as ModalFooter,
-  ft as P1,
-  mt as P2,
-  pt as P3,
-  Ft as Pagination,
-  Vt as ProgressBar,
-  $t as Radio,
-  wt as SegmentedControl,
-  ot as Select,
-  We as Skeleton,
-  Ae as Spinner,
-  Lt as Stat,
-  it as Stepper,
-  _t as Tab,
-  Rt as Table,
-  It as TableBody,
-  Tt as TableHead,
-  At as TableRow,
-  St as TableSubheaderRow,
-  jt as Tabs,
-  Pt as Td,
-  at as Textarea,
-  Dt as Th,
-  Ht as ToastContainer,
-  Et as Toggle,
-  Kt as ToolCallCard,
-  yt as Tooltip,
-  P as iconSizes,
-  Ge as useAnimatedNumber,
-  Xe as useInView,
-  qt as useToast
+  Ut as Dropdown,
+  Lt as EmptyState,
+  Mt as FormField,
+  mt as H1,
+  pt as H2,
+  ht as H3,
+  xt as H4,
+  Ht as InView,
+  lt as Input,
+  wt as Link,
+  jt as Modal,
+  xe as ModalFooter,
+  bt as P1,
+  Le as P2,
+  Me as P3,
+  zt as Pagination,
+  Yt as ProgressBar,
+  Rt as Radio,
+  Zt as ReasoningBlock,
+  kt as SegmentedControl,
+  ut as Select,
+  Ye as Skeleton,
+  Pe as Spinner,
+  Ft as Stat,
+  ft as Stepper,
+  yt as Tab,
+  It as Table,
+  St as TableBody,
+  At as TableHead,
+  Dt as TableRow,
+  Pt as TableSubheaderRow,
+  Nt as Tabs,
+  Ot as Td,
+  dt as Textarea,
+  Bt as Th,
+  Gt as ToastContainer,
+  gt as Toggle,
+  Xt as ToolCallCard,
+  Et as Tooltip,
+  A as iconSizes,
+  et as useAnimatedNumber,
+  tt as useInView,
+  Kt as useToast
 };