@donkit-ai/design-system 1.3.7 → 1.3.8

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 g, useRef as k, useEffect as P, useLayoutEffect as ye, useId as ke } from "react";
+import { Check as le, X as ee, ChevronDown as re, Minus as Ee, Plus as $e, XCircle as de, AlertTriangle as ue, CheckCircle as fe, Info as me, ChevronUp as ge, ChevronsUpDown as Re, ChevronLeft as Te, ChevronRight as je, Copy as Ie } from "lucide-react";
 import ne from "react-dom";
-const P = {
+const S = {
   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 Ae() {
+  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 Se() {
+  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 E:
           return "Fragment";
         case B:
           return "Profiler";
@@ -82,7 +82,7 @@ function Ie() {
             return c.displayName || "Context";
           case T:
             return (c._context.displayName || "Context") + ".Consumer";
-          case z:
+          case W:
             var x = c.render;
             return c = c.displayName, c || (c = x.displayName || x.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
           case M:
@@ -117,7 +117,7 @@ function Ie() {
       }
     }
     function o(c) {
-      if (c === k) return "<>";
+      if (c === E) return "<>";
       if (typeof c == "object" && c !== null && c.$$typeof === F)
         return "<...>";
       try {
@@ -135,7 +135,7 @@ function Ie() {
       return Error("react-stack-top-frame");
     }
     function i(c) {
-      if (C.call(c, "key")) {
+      if (z.call(c, "key")) {
         var x = Object.getOwnPropertyDescriptor(c, "key").get;
         if (x && x.isReactWarning) return !1;
       }
@@ -143,7 +143,7 @@ function Ie() {
     }
     function l(c, x) {
       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
         ));
@@ -155,7 +155,7 @@ function Ie() {
     }
     function m() {
       var c = s(this.type);
-      return S[c] || (S[c] = !0, console.error(
+      return D[c] || (D[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;
     }
@@ -205,10 +205,10 @@ function Ie() {
               "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")) {
+      if (z.call(x, "key")) {
         A = s(c);
-        var J = Object.keys(x).filter(function(we) {
-          return we !== "key";
+        var J = Object.keys(x).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(
           `A props object containing a "key" prop is being spread into JSX:
@@ -246,7 +246,7 @@ React keys must be passed directly to JSX without using spread:
     function b(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"), E = Symbol.for("react.fragment"), N = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), T = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), W = 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, z = Object.prototype.hasOwnProperty, h = Array.isArray, v = console.createTask ? console.createTask : function() {
       return null;
     };
     d = {
@@ -254,18 +254,18 @@ 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, D = {}, C = d.react_stack_bottom_frame.bind(
       d,
       n
     )(), U = v(o(n)), j = {};
-    se.Fragment = k, se.jsx = function(c, x, y) {
+    se.Fragment = E, se.jsx = function(c, x, y) {
       var I = 1e4 > H.recentlyCreatedOwnerStacks++;
       return p(
         c,
         x,
         y,
         !1,
-        I ? Error("react-stack-top-frame") : W,
+        I ? Error("react-stack-top-frame") : C,
         I ? v(o(c)) : U
       );
     }, se.jsxs = function(c, x, y) {
@@ -275,15 +275,15 @@ React keys must be passed directly to JSX without using spread:
         x,
         y,
         !0,
-        I ? Error("react-stack-top-frame") : W,
+        I ? Error("react-stack-top-frame") : C,
         I ? v(o(c)) : U
       );
     };
   }()), se;
 }
-process.env.NODE_ENV === "production" ? ie.exports = Te() : ie.exports = Ie();
+process.env.NODE_ENV === "production" ? ie.exports = Ae() : ie.exports = Se();
 var e = ie.exports;
-function Ae({ size: s = "m", color: t = "default", className: r = "", ...o }) {
+function De({ 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 Pe = { 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 b = a && !s, d = i === "loading", _ = i === "success", w = i === "error", E = d || _ || w, N = r === "xs" ? "s" : "m", B = Pe[r] ?? 16, T = d ? /* @__PURE__ */ e.jsx(De, { 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"
-  ].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 }),
+  ].filter(Boolean).join(" "), W = i !== "idle" ? i : void 0, O = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    E ? T : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
     s
   ] });
   if (u) {
@@ -336,7 +336,7 @@ function De({
         "aria-label": p,
         "aria-disabled": n || d ? "true" : void 0,
         "aria-busy": d ? "true" : void 0,
-        "data-state": z,
+        "data-state": W,
         ...f,
         children: O
       }
@@ -351,13 +351,13 @@ function De({
       onClick: d ? void 0 : l,
       "aria-label": p,
       "aria-busy": d ? "true" : void 0,
-      "data-state": z,
+      "data-state": W,
       ...f,
       children: O
     }
   );
 }
-function nt({
+function at({
   label: s,
   error: t,
   hint: r,
@@ -402,7 +402,7 @@ function nt({
     /* @__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 ot({
   label: s,
   error: t,
   hint: r,
@@ -433,7 +433,7 @@ function at({
     t && /* @__PURE__ */ e.jsx("span", { id: b, className: "ds-textarea-error", role: "alert", children: t })
   ] });
 }
-function ot({
+function it({
   label: s,
   value: t,
   onChange: r,
@@ -446,7 +446,7 @@ 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, b] = g(!1), [d, _] = g(!1), [w, E] = g({}), [N, B] = g("down"), [T, $] = g(-1), W = k(null), O = k(null), q = k(null), M = k(null), F = u || `select-${L.useId()}`, V = `${F}-label`, G = n ? `${F}-error` : void 0, H = 150, z = (j = !1) => {
     d || (_(!0), $(-1), M.current = setTimeout(() => {
       var c;
       b(!1), _(!1), j && ((c = q.current) == null || c.focus());
@@ -456,32 +456,32 @@ function ot({
     const c = j !== void 0 ? j : Math.max(o.findIndex((x) => x.value === t), 0);
     $(c), b(!0);
   };
-  D(() => () => clearTimeout(M.current), []);
+  P(() => () => clearTimeout(M.current), []);
   const v = () => {
     var X;
-    const j = (X = z.current) == null ? void 0 : X.getBoundingClientRect();
+    const j = (X = W.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(
+    B(K ? "up" : "down"), E(
       K ? { bottom: c - j.top + 4, left: j.left, width: j.width } : { top: j.bottom + 4, left: j.left, width: j.width }
     );
   };
-  D(() => {
+  P(() => {
     if (f)
       return v(), window.addEventListener("scroll", v, !0), window.addEventListener("resize", v), () => {
         window.removeEventListener("scroll", v, !0), window.removeEventListener("resize", v);
       };
-  }, [f]), D(() => {
+  }, [f]), P(() => {
     const j = (c) => {
-      z.current && !z.current.contains(c.target) && O.current && !O.current.contains(c.target) && C();
+      W.current && !W.current.contains(c.target) && O.current && !O.current.contains(c.target) && z();
     };
     return document.addEventListener("mousedown", j), () => document.removeEventListener("mousedown", j);
-  }, [d]), D(() => {
+  }, [d]), P(() => {
     var c;
     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();
@@ -497,16 +497,16 @@ function ot({
         break;
       case "Enter":
       case " ":
-        j.preventDefault(), f ? T >= 0 && (r == null || r(o[T].value), C(!0)) : h();
+        j.preventDefault(), f ? T >= 0 && (r == null || r(o[T].value), z(!0)) : h();
         break;
       case "Escape":
-        f && (j.preventDefault(), C(!0));
+        f && (j.preventDefault(), z(!0));
         break;
       case "Tab":
-        f && C(!1);
+        f && z(!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(
+  }, D = o.find((j) => j.value === t), C = l === "xs" ? S[1] : l === "small" ? S[2] : S[3], U = f && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: O,
@@ -535,7 +535,7 @@ function ot({
             c === T && "ds-select-option--active"
           ].filter(Boolean).join(" "),
           onClick: () => {
-            r == null || r(j.value), C(!0);
+            r == null || r(j.value), z(!0);
           },
           children: j.label
         },
@@ -545,7 +545,7 @@ function ot({
   );
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${i ? "ds-select-wrapper--full" : ""} ${m ? "ds-select-wrapper--disabled" : ""}`, children: [
     s && /* @__PURE__ */ e.jsx("label", { id: V, className: "ds-select-label", children: s }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: z, children: /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: W, children: /* @__PURE__ */ e.jsxs(
       "button",
       {
         ref: q,
@@ -560,17 +560,17 @@ function ot({
         "aria-describedby": G,
         className: `ds-select-trigger ds-select-trigger--${l} ${n ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          m || (f ? C() : h());
+          m || (f ? z() : 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: D ? "" : "ds-select-placeholder", children: (D == null ? void 0 : D.label) || a }),
           /* @__PURE__ */ e.jsx(
             re,
             {
-              size: W,
+              size: C,
               strokeWidth: 1.5,
               className: `ds-select-icon ${f && N === "down" ? "ds-select-icon--open" : ""} ${f && N === "up" ? "ds-select-icon--up" : ""}`,
               "aria-hidden": "true"
@@ -583,7 +583,7 @@ function ot({
     typeof document < "u" && ne.createPortal(U, document.body)
   ] });
 }
-function it({
+function ct({
   label: s,
   value: t = 0,
   onChange: r,
@@ -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(" "), E = i === "xs" ? S[1] : i === "small" ? S[2] : S[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: [
@@ -636,7 +636,7 @@ function it({
           onClick: b,
           disabled: l || t <= o,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ e.jsx(Ee, { size: k, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(Ee, { size: E, 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($e, { size: E, strokeWidth: 1.5 })
         }
       )
     ] }),
@@ -669,7 +669,7 @@ function it({
     u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: u })
   ] });
 }
-function Pe({
+function Be({
   children: s,
   padding: t = "m",
   variant: r = "info",
@@ -721,25 +721,25 @@ function Pe({
     }
   );
 }
-function ct({ children: s, ...t }) {
+function lt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...t, children: s });
 }
-function lt({ children: s, ...t }) {
+function dt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...t, children: s });
 }
-function dt({ children: s, ...t }) {
+function ut({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...t, children: s });
 }
-function ut({ children: s, ...t }) {
+function ft({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...t, children: s });
 }
-function ft({ children: s, secondary: t = !1, ...r }) {
+function mt({ 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 pt({ 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 ht({ 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 Oe = {
+  info: me,
+  success: fe,
+  warning: ue,
+  error: de
 };
-function ht({
+function bt({
   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 = Oe[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: S[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,25 +784,25 @@ 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: S[3], strokeWidth: 1.5 })
       }
     )
   ] });
 }
-const Oe = 200;
-function bt({
+const Le = 200;
+function xt({
   children: s,
   title: t,
   onClose: r,
   size: o = "m",
   ...a
 }) {
-  const n = E(null), i = L.useId(), [l, m] = R(!1), u = () => {
+  const n = k(null), i = L.useId(), [l, m] = g(!1), u = () => {
     !r || l || (m(!0), setTimeout(() => {
       m(!1), r();
-    }, Oe));
+    }, Le));
   };
-  D(() => {
+  P(() => {
     const d = (w) => {
       w.key === "Escape" && u();
     }, _ = (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) === be), b = p.filter((d) => (d == null ? void 0 : d.type) !== be);
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", l && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...a, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -825,11 +825,11 @@ 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: S[2], strokeWidth: 1.5 }),
               onClick: u,
               "aria-label": "Close modal"
             }
@@ -841,10 +841,10 @@ function bt({
     }
   ) });
 }
-function he({ children: s }) {
+function be({ children: s }) {
   return /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: s });
 }
-function Le({
+function Me({
   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] = g(r), p = o !== void 0, f = p ? o : m, b = () => {
     p ? a == null || a(!o) : u((_) => !_);
   }, d = [
     "ds-code-accordion",
@@ -875,7 +875,7 @@ function Le({
           /* @__PURE__ */ e.jsx(
             re,
             {
-              size: P[2],
+              size: S[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 vt({ children: s, block: t = !1, collapsible: r = !1, title: o = "Code", defaultExpanded: a = !1, ...n }) {
+  return t ? r ? /* @__PURE__ */ e.jsx(Me, { 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 jt({ 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 _t({ 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 wt({ 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}`,
@@ -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 Nt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1 }) {
+  const n = k(null), i = k(null), [l, m] = g(!1), u = k(!1), p = k(null), f = k(null), b = () => {
     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(), E = 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 = E + "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,10 +967,10 @@ 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 = b, ye(() => {
     const d = p.current !== t;
     p.current = t, u.current = l && d, b();
-  }), D(() => {
+  }), P(() => {
     if (!n.current) return;
     const d = new ResizeObserver(() => {
       u.current = !1, f.current();
@@ -1015,7 +1015,7 @@ function wt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1
     }
   );
 }
-function Nt({
+function yt({
   children: s,
   title: t,
   defaultExpanded: r = !1,
@@ -1024,7 +1024,7 @@ function Nt({
   padding: n = "m",
   ...i
 }) {
-  const [l, m] = R(r), u = o !== void 0, p = u ? o : l, f = () => {
+  const [l, m] = g(r), u = o !== void 0, p = u ? o : l, f = () => {
     u ? a == null || a(!o) : m((d) => !d);
   }, b = [
     "ds-accordion",
@@ -1044,7 +1044,7 @@ function Nt({
           /* @__PURE__ */ e.jsx(
             re,
             {
-              size: P[2],
+              size: S[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 Fe(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 Ce(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 kt({ children: s, content: t, position: r, ...o }) {
+  const [a, n] = g(!1), [i, l] = g({ visibility: "hidden" }), [m, u] = g(r || "top"), p = k(null), f = k(null), b = k(!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(), E = f.current.getBoundingClientRect(), N = r || Ce(w, E.height, E.width), { top: B, left: T, arrowOffset: $ } = Fe(N, w, E);
     u(N), l({
       position: "fixed",
       top: B,
@@ -1099,17 +1099,17 @@ function yt({ children: s, content: t, position: r, ...o }) {
       "--arrow-offset": `${$}px`
     });
   };
-  if (D(() => {
+  if (P(() => {
     if (!a) return;
     l({ position: "fixed", visibility: "hidden" });
     const w = requestAnimationFrame(d);
     return window.addEventListener("scroll", d, !0), window.addEventListener("resize", d), () => {
       cancelAnimationFrame(w), window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
     };
-  }, [a, r]), D(() => {
+  }, [a, r]), P(() => {
     if (!a) return;
-    const w = (k) => {
-      p.current && !p.current.contains(k.target) && n(!1);
+    const w = (E) => {
+      p.current && !p.current.contains(E.target) && n(!1);
     };
     return document.addEventListener("touchstart", w), () => document.removeEventListener("touchstart", w);
   }, [a]), !t) return s;
@@ -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 gt({
   checked: s = !1,
   onChange: t,
   size: r = "m",
@@ -1280,19 +1280,19 @@ function ze({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: o = "",
   );
 }
 We.Text = ze;
-function Ce(s) {
+function Ve(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 Ue(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 Rt({ seed: s, icon: t, src: r, size: o = 32, className: a = "", style: n = {}, ...i }) {
+  const l = Ve(s ?? ""), [m, u] = g(!1), p = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: Ue(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 Tt({
   children: s,
   size: t = "compact",
   stickyTop: r,
@@ -1334,13 +1334,13 @@ function Rt({
     }
   );
 }
-function Tt({ children: s, ...t }) {
+function It({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("thead", { ...t, children: s });
 }
-function It({ children: s, ...t }) {
+function At({ 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 St({ 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 Dt({ 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 Pt({ 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" ? ge : 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 Bt({ 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 Ot({
   icon: s,
   title: t,
   description: r,
@@ -1423,7 +1423,7 @@ function Bt({
     }
   );
 }
-function Ot({
+function Lt({
   label: s,
   hint: t,
   error: r,
@@ -1454,7 +1454,7 @@ function Ot({
     }
   );
 }
-function Lt({ label: s, value: t, delta: r, size: o = "m", inline: a = !1, className: n = "", style: i, ...l }) {
+function Mt({ 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 Ft({
   children: s,
   separator: t = "/",
   "aria-label": r = "Breadcrumb",
@@ -1498,7 +1498,7 @@ function Mt({
     }
   );
 }
-function Ft({
+function Ct({
   page: s,
   total: t,
   onChange: r,
@@ -1508,7 +1508,7 @@ function Ft({
   style: i,
   ...l
 }) {
-  const m = Ue(s, t, o);
+  const m = Ye(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,14 +1554,14 @@ function Ft({
     }
   );
 }
-function Ue(s, t, r) {
+function Ye(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;
+const qe = 200;
 function Wt({
   children: s,
   title: t,
@@ -1569,12 +1569,12 @@ function Wt({
   side: o = "right",
   ...a
 }) {
-  const n = E(null), i = L.useId(), [l, m] = R(!1), u = () => {
+  const n = k(null), i = L.useId(), [l, m] = g(!1), u = () => {
     !r || l || (m(!0), setTimeout(() => {
       m(!1), r();
-    }, Ye));
+    }, qe));
   };
-  D(() => {
+  P(() => {
     const d = (w) => {
       w.key === "Escape" && u();
     }, _ = (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) === xe), b = p.filter((d) => (d == null ? void 0 : d.type) !== xe);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1602,7 +1602,7 @@ 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: S[2], strokeWidth: 1.5 }) })
             ] }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body", children: b }),
             f
@@ -1612,14 +1612,14 @@ function Wt({
     }
   );
 }
-function be({ children: s }) {
+function xe({ children: s }) {
   return /* @__PURE__ */ e.jsx("footer", { className: "ds-drawer-footer", children: s });
 }
-const qe = {
-  info: fe,
-  success: ue,
-  warning: de,
-  error: le
+const He = {
+  info: me,
+  success: fe,
+  warning: ue,
+  error: de
 };
 function zt({
   children: s,
@@ -1630,7 +1630,7 @@ function zt({
   role: n,
   ...i
 }) {
-  const l = qe[t], m = n || (t === "error" ? "alert" : "status");
+  const l = He[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: S[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: S[2], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function Ct({
+function Vt({
   trigger: s,
   items: t = [],
   open: r,
@@ -1673,14 +1673,14 @@ 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 = () => {
+  const [m, u] = g(!1), [p, f] = g(!1), b = r !== void 0, d = b ? r : m, _ = k(null), w = k(null), E = k(null), N = k(null), [B, T] = g({}), $ = k(null), W = 150, O = () => {
     if (b)
       o == null || o(!1);
     else {
       if (p) return;
       f(!0), $.current = setTimeout(() => {
         u(!1), f(!1);
-      }, z);
+      }, W);
     }
   }, q = () => {
     const h = !d;
@@ -1688,11 +1688,11 @@ function Ct({
   }, M = () => {
     d || (b ? o == null || o(!0) : (clearTimeout($.current), f(!1), u(!0)));
   };
-  D(() => () => clearTimeout($.current), []), D(() => {
+  P(() => () => clearTimeout($.current), []), P(() => {
     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,23 +1703,23 @@ function Ct({
   }, [d, a]);
   const F = () => {
     var v;
-    const h = (v = k.current) == null ? void 0 : v.querySelector(
+    const h = (v = E.current) == null ? void 0 : v.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
     h == null || h.focus();
   };
-  D(() => {
+  P(() => {
     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 D, C;
+      !((D = _.current) != null && D.contains(R.target)) && !((C = w.current) != null && C.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);
     };
-  }, [d]), D(() => {
+  }, [d]), P(() => {
     if (!d || !N.current || !w.current) return;
     const h = V(), v = N.current === "last" ? h[h.length - 1] : h[0];
     v == null || v.focus(), N.current = null;
@@ -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 D = V();
+        (R = D[D.length - 1]) == null || R.focus();
       }
   }, H = (h) => {
-    var S, W, U, j;
-    const v = V(), g = v.findIndex((c) => c === document.activeElement);
+    var D, C, 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(), (D = v[Math.min(R + 1, v.length - 1)]) == null || D.focus();
         break;
       case "ArrowUp":
-        h.preventDefault(), g <= 0 ? F() : (W = v[g - 1]) == null || W.focus();
+        h.preventDefault(), R <= 0 ? F() : (C = v[R - 1]) == null || C.focus();
         break;
       case "Home":
         h.preventDefault(), (U = v[0]) == null || U.focus();
@@ -1757,7 +1757,7 @@ function Ct({
         O();
         break;
     }
-  }, C = d && /* @__PURE__ */ e.jsx(
+  }, z = d && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: w,
@@ -1777,16 +1777,16 @@ 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, D = R ? "a" : "button", C = 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,
+          D,
           {
             role: "menuitem",
             className: [
               "ds-dropdown__item",
               h.danger && "ds-dropdown__item--danger"
             ].filter(Boolean).join(" "),
-            ...W,
+            ...C,
             onClick: () => {
               var U;
               (U = h.onClick) == null || U.call(h), O();
@@ -1813,19 +1813,19 @@ function Ct({
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: k,
+            ref: E,
             className: "ds-dropdown__trigger",
             onClick: q,
             onKeyDown: G,
             children: s
           }
         ),
-        typeof document < "u" && ne.createPortal(C, document.body)
+        typeof document < "u" && ne.createPortal(z, document.body)
       ]
     }
   );
 }
-function Vt({
+function Ut({
   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);
-  return D(() => {
-    if (Ke()) {
+const Ke = (s) => 1 - Math.pow(1 - s, 3), Ge = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+function Xe(s, { duration: t = 600 } = {}) {
+  const [r, o] = g(s), a = k(s), n = k(null);
+  return P(() => {
+    if (Ge()) {
       o(s), a.current = s;
       return;
     }
@@ -1876,24 +1876,24 @@ 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 * Ke(f)), f < 1 ? n.current = requestAnimationFrame(u) : a.current = s;
     };
     return n.current = requestAnimationFrame(u), () => cancelAnimationFrame(n.current);
   }, [s, t]), r;
 }
-function Ut({
+function Yt({
   value: s,
   duration: t = 600,
   decimals: r = 0,
   prefix: o = "",
   suffix: a = ""
 }) {
-  const i = Ge(s, { duration: t }).toFixed(r);
+  const i = Xe(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);
-  return D(() => {
+function Je({ threshold: s = 0.1, rootMargin: t = "0px", once: r = !1 } = {}) {
+  const o = k(null), [a, n] = g(!1);
+  return P(() => {
     const i = o.current;
     if (!i) return;
     const l = new IntersectionObserver(
@@ -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 qt({
   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);
-  return D(() => {
+  const { ref: m, inView: u } = Je({ threshold: o, rootMargin: a, once: r }), p = k(!1);
+  return P(() => {
     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 Ze(s) {
-  Q = Q.filter((t) => t.id !== s), _e();
+  Q = [...Q, s], we();
+}
+function Qe(s) {
+  Q = Q.filter((t) => t.id !== s), we();
 }
-function qt() {
+function Ht() {
   const s = (t, r = {}) => {
-    Je({
+    Ze({
       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);
-  D(() => (requestAnimationFrame(() => o(!0)), s.duration > 0 && (a.current = setTimeout(() => n(), s.duration)), () => clearTimeout(a.current)), []);
+function et({ data: s, onDismiss: t }) {
+  const [r, o] = g(!1), a = k(null);
+  P(() => (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: S[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: S[3], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function Ht({ position: s = "bottom-right" }) {
-  const [t, r] = R(() => [...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)) }),
+function Kt({ position: s = "bottom-right" }) {
+  const [t, r] = g(() => [...Q]);
+  return P(() => (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(et, { data: o, onDismiss: Qe }, o.id)) }),
     document.body
   );
 }
-const et = {
+const tt = {
   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 Gt({
   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, "")}`, [b, d] = g(a), _ = n !== void 0, w = _ ? n : b, E = () => {
     _ ? i == null || i(!n) : d((N) => !N);
   };
-  return /* @__PURE__ */ e.jsxs(Pe, { padding: l, ...u, children: [
+  return /* @__PURE__ */ e.jsxs(Be, { padding: l, ...u, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         className: "ds-tool-card__header",
-        onClick: k,
+        onClick: E,
         "aria-expanded": w,
         "aria-controls": f,
         children: [
           /* @__PURE__ */ e.jsx(
             je,
             {
-              size: P[1],
+              size: S[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],
+          tt[t],
           o
         ]
       }
@@ -2037,61 +2037,86 @@ function Kt({
     w && /* @__PURE__ */ e.jsx("div", { id: f, className: "ds-tool-card__body", children: m })
   ] });
 }
+function Xt({
+  text: s,
+  size: t = "xs",
+  timeout: r = 2e3,
+  "aria-label": o = "Copy to clipboard",
+  ...a
+}) {
+  const [n, i] = g(!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: S[1], strokeWidth: 1.5 }) : /* @__PURE__ */ e.jsx(Ie, { size: S[1], strokeWidth: 1.5 }),
+      "aria-label": o,
+      onClick: l,
+      ...a
+    }
+  );
+}
 export {
-  Nt as Accordion,
-  ht as Alert,
-  Ut as AnimatedNumber,
-  gt as Avatar,
+  yt as Accordion,
+  bt as Alert,
+  Yt as AnimatedNumber,
+  Rt 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,
+  Ft as Breadcrumb,
+  _e as Button,
+  Be as Card,
+  $t as Checkbox,
+  vt as Code,
+  Me as CodeAccordion,
+  Xt as CopyButton,
   Wt 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,
+  xe as DrawerFooter,
+  Vt as Dropdown,
+  Ot as EmptyState,
+  Lt as FormField,
+  lt as H1,
+  dt as H2,
+  ut as H3,
+  ft as H4,
+  qt as InView,
+  at as Input,
+  jt as Link,
+  xt as Modal,
+  be as ModalFooter,
+  mt as P1,
+  pt as P2,
+  ht as P3,
+  Ct as Pagination,
+  Ut as ProgressBar,
+  gt as Radio,
+  Nt as SegmentedControl,
+  it 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,
+  De as Spinner,
+  Mt as Stat,
+  ct as Stepper,
+  wt as Tab,
+  Tt as Table,
+  At as TableBody,
+  It as TableHead,
+  St as TableRow,
+  Dt as TableSubheaderRow,
+  _t as Tabs,
+  Bt as Td,
+  ot as Textarea,
+  Pt as Th,
+  Kt as ToastContainer,
   Et as Toggle,
-  Kt as ToolCallCard,
-  yt as Tooltip,
-  P as iconSizes,
-  Ge as useAnimatedNumber,
-  Xe as useInView,
-  qt as useToast
+  Gt as ToolCallCard,
+  kt as Tooltip,
+  S as iconSizes,
+  Xe as useAnimatedNumber,
+  Je as useInView,
+  Ht as useToast
 };