@donkit-ai/design-system 1.3.9 → 1.3.11

package/dist/index.es.js

@@ -1,14 +1,14 @@
-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 A = {
+import L, { useState as k, useRef as E, useEffect as D, useLayoutEffect as ke, useId as Ee } from "react";
+import { Check as re, X as ee, ChevronDown as ne, Minus as $e, Plus as ge, XCircle as de, AlertTriangle as ue, CheckCircle as fe, Info as me, ChevronUp as Re, ChevronsUpDown as Te, ChevronLeft as Ie, ChevronRight as je, Copy as Se, Brain as Ae } from "lucide-react";
+import ae from "react-dom";
+const S = {
   1: 16,
   2: 20,
   3: 24,
   4: 28,
   5: 48
 };
-var ie = { exports: {} }, te = {};
+var ce = { exports: {} }, te = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -19,7 +19,7 @@ var ie = { exports: {} }, te = {};
  * LICENSE file in the root directory of this source tree.
  */
 var pe;
-function Se() {
+function De() {
   if (pe) return te;
   pe = 1;
   var s = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
@@ -51,7 +51,7 @@ var se = {};
  * LICENSE file in the root directory of this source tree.
  */
 var he;
-function De() {
+function Pe() {
   return he || (he = 1, process.env.NODE_ENV !== "production" && function() {
     function s(c) {
       if (c == null) return null;
@@ -59,7 +59,7 @@ function De() {
         return c.$$typeof === G ? null : c.displayName || c.name || null;
       if (typeof c == "string") return c;
       switch (c) {
-        case g:
+        case $:
           return "Fragment";
         case B:
           return "Profiler";
@@ -78,19 +78,19 @@ function De() {
         ), c.$$typeof) {
           case w:
             return "Portal";
-          case $:
+          case g:
             return c.displayName || "Context";
           case T:
             return (c._context.displayName || "Context") + ".Consumer";
-          case z:
-            var b = c.render;
-            return c = c.displayName, c || (c = b.displayName || b.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
-          case M:
-            return b = c.displayName || null, b !== null ? b : s(c.type) || "Memo";
           case F:
-            b = c._payload, c = c._init;
+            var x = c.render;
+            return c = c.displayName, c || (c = x.displayName || x.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
+          case M:
+            return x = c.displayName || null, x !== null ? x : s(c.type) || "Memo";
+          case W:
+            x = c._payload, c = c._init;
             try {
-              return s(c(b));
+              return s(c(x));
             } catch {
             }
         }
@@ -102,27 +102,27 @@ function De() {
     function r(c) {
       try {
         t(c);
-        var b = !1;
+        var x = !1;
       } catch {
-        b = !0;
+        x = !0;
       }
-      if (b) {
-        b = console;
-        var y = b.error, I = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
+      if (x) {
+        x = console;
+        var y = x.error, I = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
         return y.call(
-          b,
+          x,
           "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 === g) return "<>";
-      if (typeof c == "object" && c !== null && c.$$typeof === F)
+      if (c === $) return "<>";
+      if (typeof c == "object" && c !== null && c.$$typeof === W)
         return "<...>";
       try {
-        var b = s(c);
-        return b ? "<" + b + ">" : "<...>";
+        var x = s(c);
+        return x ? "<" + x + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -136,16 +136,16 @@ function De() {
     }
     function i(c) {
       if (C.call(c, "key")) {
-        var b = Object.getOwnPropertyDescriptor(c, "key").get;
-        if (b && b.isReactWarning) return !1;
+        var x = Object.getOwnPropertyDescriptor(c, "key").get;
+        if (x && x.isReactWarning) return !1;
       }
       return c.key !== void 0;
     }
-    function l(c, b) {
+    function l(c, x) {
       function y() {
         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)",
-          b
+          x
         ));
       }
       y.isReactWarning = !0, Object.defineProperty(c, "key", {
@@ -159,15 +159,15 @@ function De() {
         "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, b, y, I, K, X) {
-      var S = y.ref;
+    function u(c, x, y, I, K, X) {
+      var A = y.ref;
       return c = {
         $$typeof: _,
         type: c,
-        key: b,
+        key: x,
         props: y,
         _owner: I
-      }, (S !== void 0 ? S : null) !== null ? Object.defineProperty(c, "ref", {
+      }, (A !== void 0 ? A : 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 De() {
         value: X
       }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
     }
-    function p(c, b, y, I, K, X) {
-      var S = b.children;
-      if (S !== void 0)
+    function p(c, x, y, I, K, X) {
+      var A = x.children;
+      if (A !== void 0)
         if (I)
-          if (h(S)) {
-            for (I = 0; I < S.length; I++)
-              f(S[I]);
-            Object.freeze && Object.freeze(S);
+          if (h(A)) {
+            for (I = 0; I < A.length; I++)
+              f(A[I]);
+            Object.freeze && Object.freeze(A);
           } 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(S);
-      if (C.call(b, "key")) {
-        S = s(c);
-        var J = Object.keys(b).filter(function(Ne) {
-          return Ne !== "key";
+        else f(A);
+      if (C.call(x, "key")) {
+        A = s(c);
+        var J = Object.keys(x).filter(function(ye) {
+          return ye !== "key";
         });
-        I = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", j[S + I] || (J = 0 < J.length ? "{" + J.join(": ..., ") + ": ...}" : "{}", console.error(
+        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:
   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,
-          S,
+          A,
           J,
-          S
-        ), j[S + I] = !0);
+          A
+        ), j[A + I] = !0);
       }
-      if (S = null, y !== void 0 && (r(y), S = "" + y), i(b) && (r(b.key), S = "" + b.key), "key" in b) {
+      if (A = null, y !== void 0 && (r(y), A = "" + y), i(x) && (r(x.key), A = "" + x.key), "key" in x) {
         y = {};
-        for (var ae in b)
-          ae !== "key" && (y[ae] = b[ae]);
-      } else y = b;
-      return S && l(
+        for (var oe in x)
+          oe !== "key" && (y[oe] = x[oe]);
+      } else y = x;
+      return A && l(
         y,
         typeof c == "function" ? c.displayName || c.name || "Unknown" : c
       ), u(
         c,
-        S,
+        A,
         y,
         a(),
         K,
@@ -241,12 +241,12 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function f(c) {
-      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));
+      b(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === W && (c._payload.status === "fulfilled" ? b(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
     }
-    function x(c) {
+    function b(c) {
       return typeof c == "object" && c !== null && c.$$typeof === _;
     }
-    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() {
+    var d = L, _ = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), $ = Symbol.for("react.fragment"), N = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), T = Symbol.for("react.consumer"), g = Symbol.for("react.context"), F = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), W = 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,36 +254,36 @@ React keys must be passed directly to JSX without using spread:
         return c();
       }
     };
-    var R, P = {}, W = d.react_stack_bottom_frame.bind(
+    var R, P = {}, z = d.react_stack_bottom_frame.bind(
       d,
       n
     )(), U = v(o(n)), j = {};
-    se.Fragment = g, se.jsx = function(c, b, y) {
+    se.Fragment = $, se.jsx = function(c, x, y) {
       var I = 1e4 > H.recentlyCreatedOwnerStacks++;
       return p(
         c,
-        b,
+        x,
         y,
         !1,
-        I ? Error("react-stack-top-frame") : W,
+        I ? Error("react-stack-top-frame") : z,
         I ? v(o(c)) : U
       );
-    }, se.jsxs = function(c, b, y) {
+    }, se.jsxs = function(c, x, y) {
       var I = 1e4 > H.recentlyCreatedOwnerStacks++;
       return p(
         c,
-        b,
+        x,
         y,
         !0,
-        I ? Error("react-stack-top-frame") : W,
+        I ? Error("react-stack-top-frame") : z,
         I ? v(o(c)) : U
       );
     };
   }()), se;
 }
-process.env.NODE_ENV === "production" ? ie.exports = Se() : ie.exports = De();
-var e = ie.exports;
-function Pe({ size: s = "m", color: t = "default", className: r = "", ...o }) {
+process.env.NODE_ENV === "production" ? ce.exports = De() : ce.exports = Pe();
+var e = ce.exports;
+function Be({ size: s = "m", color: t = "default", className: r = "", ...o }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -294,7 +294,7 @@ function Pe({ size: s = "m", color: t = "default", className: r = "", ...o }) {
     }
   );
 }
-const Be = { xs: 12, s: 14, m: 16, l: 20 };
+const Oe = { xs: 12, s: 14, m: 16, l: 20 };
 function _e({
   children: s,
   variant: t = "primary",
@@ -309,14 +309,14 @@ function _e({
   "aria-label": p,
   ...f
 }) {
-  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, $ = [
+  const b = a && !s, d = i === "loading", _ = i === "success", w = i === "error", $ = d || _ || w, N = r === "xs" ? "s" : "m", B = Oe[r] ?? 16, T = d ? /* @__PURE__ */ e.jsx(Be, { size: N }) : _ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(re, { 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, g = [
     "ds-button",
     `ds-button--${t}`,
     `ds-button--${r}`,
     o && "ds-button--full",
-    x && "ds-button--icon-only"
-  ].filter(Boolean).join(" "), z = i !== "idle" ? i : void 0, O = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    g ? T : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
+    b && "ds-button--icon-only"
+  ].filter(Boolean).join(" "), F = i !== "idle" ? i : void 0, O = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    $ ? T : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
     s
   ] });
   if (u) {
@@ -330,13 +330,13 @@ function _e({
     return /* @__PURE__ */ e.jsx(
       "a",
       {
-        className: $,
+        className: g,
         href: n || d ? void 0 : u,
         onClick: q,
         "aria-label": p,
         "aria-disabled": n || d ? "true" : void 0,
         "aria-busy": d ? "true" : void 0,
-        "data-state": z,
+        "data-state": F,
         ...f,
         children: O
       }
@@ -346,12 +346,12 @@ function _e({
     "button",
     {
       type: m,
-      className: $,
+      className: g,
       disabled: n,
       onClick: d ? void 0 : l,
       "aria-label": p,
       "aria-busy": d ? "true" : void 0,
-      "data-state": z,
+      "data-state": F,
       ...f,
       children: O
     }
@@ -370,7 +370,7 @@ function lt({
   id: u,
   ...p
 }) {
-  const f = u || `input-${L.useId()}`, x = r ? `${f}-hint` : void 0, d = t ? `${f}-error` : void 0, _ = d || x;
+  const f = u || `input-${L.useId()}`, b = r ? `${f}-hint` : void 0, d = t ? `${f}-error` : void 0, _ = d || b;
   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,7 +398,7 @@ function lt({
         }
       )
     ] }),
-    r && !t && /* @__PURE__ */ e.jsx("span", { id: x, className: "ds-input-hint", children: r }),
+    r && !t && /* @__PURE__ */ e.jsx("span", { id: b, 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 }) }) })
   ] });
 }
@@ -414,7 +414,7 @@ function dt({
   rows: m = 3,
   ...u
 }) {
-  const p = i || `textarea-${L.useId()}`, f = r ? `${p}-hint` : void 0, x = t ? `${p}-error` : void 0, d = x || f;
+  const p = i || `textarea-${L.useId()}`, f = r ? `${p}-hint` : void 0, b = t ? `${p}-error` : void 0, d = b || 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,7 +430,7 @@ function dt({
       }
     ),
     r && !t && /* @__PURE__ */ e.jsx("span", { id: f, className: "ds-textarea-hint", children: r }),
-    t && /* @__PURE__ */ e.jsx("span", { id: x, className: "ds-textarea-error", role: "alert", children: t })
+    t && /* @__PURE__ */ e.jsx("span", { id: b, className: "ds-textarea-error", role: "alert", children: t })
   ] });
 }
 function ut({
@@ -446,23 +446,23 @@ function ut({
   id: u,
   ...p
 }) {
-  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(() => {
+  const [f, b] = k(!1), [d, _] = k(!1), [w, $] = k({}), [N, B] = k("down"), [T, g] = k(-1), F = E(null), O = E(null), q = E(null), M = E(null), W = u || `select-${L.useId()}`, V = `${W}-label`, G = n ? `${W}-error` : void 0, H = 150, C = (j = !1) => {
+    d || (_(!0), g(-1), M.current = setTimeout(() => {
       var c;
-      x(!1), _(!1), j && ((c = q.current) == null || c.focus());
+      b(!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((b) => b.value === t), 0);
-    $(c), x(!0);
+    const c = j !== void 0 ? j : Math.max(o.findIndex((x) => x.value === t), 0);
+    g(c), b(!0);
   };
   D(() => () => clearTimeout(M.current), []);
   const v = () => {
     var X;
-    const j = (X = z.current) == null ? void 0 : X.getBoundingClientRect();
+    const j = (X = F.current) == null ? void 0 : X.getBoundingClientRect();
     if (!j) return;
-    const c = window.innerHeight, b = c - j.bottom, y = j.top, K = b < 300 && y > b;
-    B(K ? "up" : "down"), g(
+    const c = window.innerHeight, x = c - j.bottom, y = j.top, K = x < 300 && y > x;
+    B(K ? "up" : "down"), $(
       K ? { bottom: c - j.top + 4, left: j.left, width: j.width } : { top: j.bottom + 4, left: j.left, width: j.width }
     );
   };
@@ -473,7 +473,7 @@ function ut({
       };
   }, [f]), D(() => {
     const j = (c) => {
-      z.current && !z.current.contains(c.target) && O.current && !O.current.contains(c.target) && C();
+      F.current && !F.current.contains(c.target) && O.current && !O.current.contains(c.target) && C();
     };
     return document.addEventListener("mousedown", j), () => document.removeEventListener("mousedown", j);
   }, [d]), D(() => {
@@ -484,16 +484,16 @@ function ut({
   const R = (j) => {
     switch (j.key) {
       case "ArrowDown":
-        j.preventDefault(), f ? $((c) => Math.min(c + 1, o.length - 1)) : h();
+        j.preventDefault(), f ? g((c) => Math.min(c + 1, o.length - 1)) : h();
         break;
       case "ArrowUp":
-        j.preventDefault(), f ? $((c) => Math.max(c - 1, 0)) : h(o.length - 1);
+        j.preventDefault(), f ? g((c) => Math.max(c - 1, 0)) : h(o.length - 1);
         break;
       case "Home":
-        f && (j.preventDefault(), $(0));
+        f && (j.preventDefault(), g(0));
         break;
       case "End":
-        f && (j.preventDefault(), $(o.length - 1));
+        f && (j.preventDefault(), g(o.length - 1));
         break;
       case "Enter":
       case " ":
@@ -506,7 +506,7 @@ function ut({
         f && C(!1);
         break;
     }
-  }, P = o.find((j) => j.value === t), W = l === "xs" ? A[1] : l === "small" ? A[2] : A[3], U = f && /* @__PURE__ */ e.jsx(
+  }, P = o.find((j) => j.value === t), z = l === "xs" ? S[1] : l === "small" ? S[2] : S[3], U = f && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: O,
@@ -523,7 +523,7 @@ function ut({
       children: o.map((j, c) => /* @__PURE__ */ e.jsx(
         "button",
         {
-          id: `${F}-opt-${c}`,
+          id: `${W}-opt-${c}`,
           type: "button",
           role: "option",
           tabIndex: -1,
@@ -545,16 +545,16 @@ function ut({
   );
   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: F, children: /* @__PURE__ */ e.jsxs(
       "button",
       {
         ref: q,
         type: "button",
-        id: F,
+        id: W,
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": f,
-        "aria-activedescendant": f && T >= 0 ? `${F}-opt-${T}` : void 0,
+        "aria-activedescendant": f && T >= 0 ? `${W}-opt-${T}` : void 0,
         "aria-labelledby": s ? V : void 0,
         "aria-invalid": n ? "true" : "false",
         "aria-describedby": G,
@@ -568,9 +568,9 @@ function ut({
         children: [
           /* @__PURE__ */ e.jsx("span", { className: P ? "" : "ds-select-placeholder", children: (P == null ? void 0 : P.label) || a }),
           /* @__PURE__ */ e.jsx(
-            re,
+            ne,
             {
-              size: W,
+              size: z,
               strokeWidth: 1.5,
               className: `ds-select-icon ${f && N === "down" ? "ds-select-icon--open" : ""} ${f && N === "up" ? "ds-select-icon--up" : ""}`,
               "aria-hidden": "true"
@@ -580,7 +580,7 @@ function ut({
       }
     ) }),
     n && /* @__PURE__ */ e.jsx("span", { id: G, className: "ds-select-error", role: "alert", children: n }),
-    typeof document < "u" && ne.createPortal(U, document.body)
+    typeof document < "u" && ae.createPortal(U, document.body)
   ] });
 }
 function ft({
@@ -600,7 +600,7 @@ function ft({
     if (l) return;
     const N = Math.min(Number(t) + n, a);
     r == null || r(N);
-  }, x = () => {
+  }, b = () => {
     if (l) return;
     const N = Math.max(Number(t) - n, o);
     r == null || r(N);
@@ -613,8 +613,8 @@ function ft({
     }
     const T = Number(B);
     if (!isNaN(T)) {
-      const $ = Math.min(Math.max(T, o), a);
-      r == null || r($);
+      const g = Math.min(Math.max(T, o), a);
+      r == null || r(g);
     }
   }, _ = [
     "ds-stepper-wrapper",
@@ -624,7 +624,7 @@ function ft({
     "ds-stepper",
     `ds-stepper--${i}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), g = i === "xs" ? A[1] : i === "small" ? A[2] : A[3];
+  ].filter(Boolean).join(" "), $ = 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: [
@@ -633,10 +633,10 @@ function ft({
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--minus",
-          onClick: x,
+          onClick: b,
           disabled: l || t <= o,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ e.jsx(Ee, { size: g, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx($e, { size: $, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -661,7 +661,7 @@ function ft({
           onClick: f,
           disabled: l || t >= a,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ e.jsx(ge, { size: g, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(ge, { size: $, strokeWidth: 1.5 })
         }
       )
     ] }),
@@ -669,7 +669,7 @@ function ft({
     u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: u })
   ] });
 }
-function Oe({
+function Le({
   children: s,
   padding: t = "m",
   variant: r = "info",
@@ -705,7 +705,7 @@ function Oe({
       }
     );
   }
-  const f = u && a ? "button" : "div", x = u && a ? {
+  const f = u && a ? "button" : "div", b = u && a ? {
     type: "button",
     onClick: a,
     disabled: i
@@ -715,7 +715,7 @@ function Oe({
     {
       className: p,
       role: u && !a ? "article" : void 0,
-      ...x,
+      ...b,
       ...l,
       children: s
     }
@@ -730,19 +730,19 @@ function pt({ children: s, ...t }) {
 function ht({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...t, children: s });
 }
-function xt({ children: s, ...t }) {
+function bt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...t, children: s });
 }
-function bt({ children: s, secondary: t = !1, ...r }) {
+function xt({ children: s, secondary: t = !1, ...r }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${t ? "ds-p1--secondary" : ""}`, ...r, children: s });
 }
-function Le({ children: s, secondary: t = !1, ...r }) {
+function Me({ children: s, secondary: t = !1, ...r }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${t ? "ds-p2--secondary" : ""}`, ...r, children: s });
 }
-function Me({ children: s, secondary: t = !1, ...r }) {
+function we({ children: s, secondary: t = !1, ...r }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${t ? "ds-p3--secondary" : ""}`, ...r, children: s });
 }
-function oe({
+function ie({
   children: s,
   variant: t = "default",
   size: r = "m",
@@ -756,7 +756,7 @@ 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 Fe = {
+const We = {
   info: me,
   success: fe,
   warning: ue,
@@ -770,9 +770,9 @@ function vt({
   role: a,
   ...n
 }) {
-  const i = Fe[t], l = a || (t === "error" ? "alert" : "status");
+  const i = We[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: A[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,12 +784,12 @@ function vt({
         className: "ds-alert__close",
         onClick: o,
         "aria-label": "Close alert",
-        children: /* @__PURE__ */ e.jsx(ee, { size: A[3], strokeWidth: 1.5 })
+        children: /* @__PURE__ */ e.jsx(ee, { size: S[3], strokeWidth: 1.5 })
       }
     )
   ] });
 }
-const We = 200;
+const ze = 200;
 function jt({
   children: s,
   title: t,
@@ -800,7 +800,7 @@ function jt({
   const n = E(null), i = L.useId(), [l, m] = k(!1), u = () => {
     !r || l || (m(!0), setTimeout(() => {
       m(!1), r();
-    }, We));
+    }, ze));
   };
   D(() => {
     const d = (w) => {
@@ -812,7 +812,7 @@ function jt({
       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) === xe), x = p.filter((d) => (d == null ? void 0 : d.type) !== xe);
+  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",
     {
@@ -829,22 +829,22 @@ function jt({
             {
               variant: "ghost",
               size: "small",
-              icon: /* @__PURE__ */ e.jsx(ee, { size: A[2], strokeWidth: 1.5 }),
+              icon: /* @__PURE__ */ e.jsx(ee, { size: S[2], strokeWidth: 1.5 }),
               onClick: u,
               "aria-label": "Close modal"
             }
           )
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body", children: x }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body", children: b }),
         f
       ]
     }
   ) });
 }
-function xe({ children: s }) {
+function be({ children: s }) {
   return /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: s });
 }
-function ze({
+function Fe({
   children: s,
   title: t = "Code",
   defaultExpanded: r = !1,
@@ -854,7 +854,7 @@ function ze({
   className: i = "",
   ...l
 }) {
-  const [m, u] = k(r), p = o !== void 0, f = p ? o : m, x = () => {
+  const [m, u] = k(r), p = o !== void 0, f = p ? o : m, b = () => {
     p ? a == null || a(!o) : u((_) => !_);
   }, d = [
     "ds-code-accordion",
@@ -868,14 +868,14 @@ function ze({
       {
         type: "button",
         className: "ds-code-accordion__header",
-        onClick: x,
+        onClick: b,
         "aria-expanded": f,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: t }),
           /* @__PURE__ */ e.jsx(
-            re,
+            ne,
             {
-              size: A[2],
+              size: S[2],
               strokeWidth: 1.5,
               className: `ds-code-accordion__icon ${f ? "ds-code-accordion__icon--expanded" : ""}`
             }
@@ -887,7 +887,7 @@ function ze({
   ] });
 }
 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 });
+  return t ? r ? /* @__PURE__ */ e.jsx(Fe, { 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 wt({ href: s, children: t, onClick: r, target: o, rel: a, ...n }) {
   const l = o === "_blank" ? a ? `${a} noopener noreferrer` : "noopener noreferrer" : a;
@@ -919,7 +919,7 @@ function yt({ children: s, selected: t = !1, onClick: r, size: o = "m", variant:
     s
   ] });
   if (l) {
-    const x = (d) => {
+    const b = (d) => {
       if (n) {
         d.preventDefault();
         return;
@@ -934,7 +934,7 @@ function yt({ 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: x,
+        onClick: b,
         ...m,
         children: f
       }
@@ -954,22 +954,22 @@ function yt({ children: s, selected: t = !1, onClick: r, size: o = "m", variant:
   );
 }
 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 = () => {
+  const n = E(null), i = E(null), [l, m] = k(!1), u = E(!1), p = E(null), f = E(null), b = () => {
     if (!n.current) return;
     const d = n.current.querySelector(`[data-value="${t}"]`);
     if (!d) return;
-    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(() => {
+    const _ = n.current.getBoundingClientRect(), w = d.getBoundingClientRect(), $ = 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 = $ + "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;
-      const T = n.current.getBoundingClientRect(), $ = B.getBoundingClientRect();
-      i.current.style.transition = "none", i.current.style.left = $.left - T.left + "px", i.current.style.width = $.width + "px";
+      const T = n.current.getBoundingClientRect(), g = B.getBoundingClientRect();
+      i.current.style.transition = "none", i.current.style.left = g.left - T.left + "px", i.current.style.width = g.width + "px";
     }));
   };
-  return f.current = x, ye(() => {
+  return f.current = b, ke(() => {
     const d = p.current !== t;
-    p.current = t, u.current = l && d, x();
+    p.current = t, u.current = l && d, b();
   }), D(() => {
     if (!n.current) return;
     const d = new ResizeObserver(() => {
@@ -1026,12 +1026,12 @@ function Ce({
 }) {
   const [l, m] = k(r), u = o !== void 0, p = u ? o : l, f = () => {
     u ? a == null || a(!o) : m((d) => !d);
-  }, x = [
+  }, b = [
     "ds-accordion",
     `ds-accordion--${n}`,
     p && "ds-accordion--expanded"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: x, ...i, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: b, ...i, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -1042,9 +1042,9 @@ function Ce({
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-accordion__title", children: t }),
           /* @__PURE__ */ e.jsx(
-            re,
+            ne,
             {
-              size: A[2],
+              size: S[2],
               strokeWidth: 1.5,
               className: `ds-accordion__icon ${p ? "ds-accordion__icon--expanded" : ""}`
             }
@@ -1088,15 +1088,15 @@ function Ue(s, t, r) {
   return n === s.top ? "top" : n === a - s.bottom ? "bottom" : n === o - s.right ? "right" : "left";
 }
 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 = () => {
+  const [a, n] = k(!1), [i, l] = k({ visibility: "hidden" }), [m, u] = k(r || "top"), p = E(null), f = E(null), b = E(!1), d = () => {
     if (!p.current || !f.current) return;
-    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);
+    const w = p.current.getBoundingClientRect(), $ = f.current.getBoundingClientRect(), N = r || Ue(w, $.height, $.width), { top: B, left: T, arrowOffset: g } = Ve(N, w, $);
     u(N), l({
       position: "fixed",
       top: B,
       left: T,
       visibility: "visible",
-      "--arrow-offset": `${$}px`
+      "--arrow-offset": `${g}px`
     });
   };
   if (D(() => {
@@ -1108,8 +1108,8 @@ function Et({ children: s, content: t, position: r, ...o }) {
     };
   }, [a, r]), D(() => {
     if (!a) return;
-    const w = (g) => {
-      p.current && !p.current.contains(g.target) && n(!1);
+    const w = ($) => {
+      p.current && !p.current.contains($.target) && n(!1);
     };
     return document.addEventListener("touchstart", w), () => document.removeEventListener("touchstart", w);
   }, [a]), !t) return s;
@@ -1129,23 +1129,23 @@ function Et({ children: s, content: t, position: r, ...o }) {
       ref: p,
       className: "ds-tooltip-wrapper",
       onMouseEnter: () => {
-        x.current || n(!0);
+        b.current || n(!0);
       },
       onMouseLeave: () => {
-        x.current || n(!1);
+        b.current || n(!1);
       },
       onTouchStart: () => {
-        x.current = !0, n((w) => !w);
+        b.current = !0, n((w) => !w);
       },
       ...o,
       children: [
         s,
-        typeof document < "u" && ne.createPortal(_, document.body)
+        typeof document < "u" && ae.createPortal(_, document.body)
       ]
     }
   );
 }
-function gt({
+function $t({
   checked: s = !1,
   onChange: t,
   size: r = "m",
@@ -1176,7 +1176,7 @@ function gt({
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: a })
   ] });
 }
-function $t({
+function gt({
   checked: s = !1,
   onChange: t,
   size: r = "m",
@@ -1204,7 +1204,7 @@ function $t({
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: s && /* @__PURE__ */ e.jsx(
-      le,
+      re,
       {
         size: u,
         strokeWidth: 2.5,
@@ -1334,10 +1334,10 @@ function It({
     }
   );
 }
-function At({ children: s, ...t }) {
+function St({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("thead", { ...t, children: s });
 }
-function St({ children: s, ...t }) {
+function At({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("tbody", { ...t, children: s });
 }
 function Dt({ children: s, interactive: t, selected: r, subheader: o, className: a = "", onClick: n, ...i }) {
@@ -1361,7 +1361,7 @@ 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 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;
+  const m = !!o || r !== void 0, u = r === "asc" ? Re : r === "desc" ? ne : Te;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
@@ -1435,7 +1435,7 @@ function Mt({
   style: m,
   ...u
 }) {
-  const p = L.useId(), f = n ?? p, x = `${f}-hint`, d = `${f}-error`;
+  const p = L.useId(), f = n ?? p, b = `${f}-hint`, d = `${f}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1448,13 +1448,13 @@ function Mt({
       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: x, children: t }),
+        t && !r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: b, children: t }),
         r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: d, role: "alert", children: r })
       ]
     }
   );
 }
-function Ft({ label: s, value: t, delta: r, size: o = "m", inline: a = !1, className: n = "", style: i, ...l }) {
+function Wt({ label: s, value: t, delta: r, size: o = "m", inline: a = !1, className: n = "", style: i, ...l }) {
   const m = r != null && r.startsWith("+") ? "up" : r != null && r.startsWith("-") ? "down" : "neutral";
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -1475,7 +1475,7 @@ function Ft({ label: s, value: t, delta: r, size: o = "m", inline: a = !1, class
     }
   );
 }
-function Wt({
+function zt({
   children: s,
   separator: t = "/",
   "aria-label": r = "Breadcrumb",
@@ -1498,7 +1498,7 @@ function Wt({
     }
   );
 }
-function zt({
+function Ft({
   page: s,
   total: t,
   onChange: r,
@@ -1524,7 +1524,7 @@ function zt({
             onClick: () => r == null ? void 0 : r(s - 1),
             disabled: s <= 1,
             "aria-label": "Previous page",
-            children: /* @__PURE__ */ e.jsx(Te, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(Ie, { size: 16 })
           }
         ),
         m.map(
@@ -1584,7 +1584,7 @@ function Ct({
       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), x = 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,9 +1602,9 @@ function Ct({
           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: A[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: x }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body", children: b }),
             f
           ]
         }
@@ -1612,7 +1612,7 @@ function Ct({
     }
   );
 }
-function be({ children: s }) {
+function xe({ children: s }) {
   return /* @__PURE__ */ e.jsx("footer", { className: "ds-drawer-footer", children: s });
 }
 const Je = {
@@ -1638,7 +1638,7 @@ function Vt({
       role: m,
       ...i,
       children: [
-        l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: A[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,7 +1656,7 @@ function Vt({
             className: "ds-banner-dismiss",
             onClick: a,
             "aria-label": "Dismiss",
-            children: /* @__PURE__ */ e.jsx(ee, { size: A[2], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ee, { size: S[2], strokeWidth: 1.5 })
           }
         )
       ]
@@ -1673,22 +1673,22 @@ function Ut({
   style: i,
   ...l
 }) {
-  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)
+  const [m, u] = k(!1), [p, f] = k(!1), b = r !== void 0, d = b ? r : m, _ = E(null), w = E(null), $ = E(null), N = E(null), [B, T] = k({}), g = E(null), F = 150, O = () => {
+    if (b)
       o == null || o(!1);
     else {
       if (p) return;
-      f(!0), $.current = setTimeout(() => {
+      f(!0), g.current = setTimeout(() => {
         u(!1), f(!1);
-      }, z);
+      }, F);
     }
   }, q = () => {
     const h = !d;
-    x ? o == null || o(h) : h ? (clearTimeout($.current), f(!1), u(!0)) : O();
+    b ? o == null || o(h) : h ? (clearTimeout(g.current), f(!1), u(!0)) : O();
   }, M = () => {
-    d || (x ? o == null || o(!0) : (clearTimeout($.current), f(!1), u(!0)));
+    d || (b ? o == null || o(!0) : (clearTimeout(g.current), f(!1), u(!0)));
   };
-  D(() => () => clearTimeout($.current), []), D(() => {
+  D(() => () => clearTimeout(g.current), []), D(() => {
     if (!d) return;
     const h = () => {
       var R;
@@ -1701,9 +1701,9 @@ function Ut({
       window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", h);
     };
   }, [d, a]);
-  const F = () => {
+  const W = () => {
     var v;
-    const h = (v = g.current) == null ? void 0 : v.querySelector(
+    const h = (v = $.current) == null ? void 0 : v.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
     h == null || h.focus();
@@ -1711,10 +1711,10 @@ function Ut({
   D(() => {
     if (!d) return;
     const h = (R) => {
-      var P, W;
-      !((P = _.current) != null && P.contains(R.target)) && !((W = w.current) != null && W.contains(R.target)) && O();
+      var P, z;
+      !((P = _.current) != null && P.contains(R.target)) && !((z = w.current) != null && z.contains(R.target)) && O();
     }, v = (R) => {
-      R.key === "Escape" && (O(), F());
+      R.key === "Escape" && (O(), W());
     };
     return document.addEventListener("mousedown", h), document.addEventListener("keydown", v), () => {
       document.removeEventListener("mousedown", h), document.removeEventListener("keydown", v);
@@ -1738,14 +1738,14 @@ function Ut({
         (R = P[P.length - 1]) == null || R.focus();
       }
   }, H = (h) => {
-    var P, W, U, j;
+    var P, z, U, j;
     const v = V(), R = v.findIndex((c) => c === document.activeElement);
     switch (h.key) {
       case "ArrowDown":
         h.preventDefault(), (P = v[Math.min(R + 1, v.length - 1)]) == null || P.focus();
         break;
       case "ArrowUp":
-        h.preventDefault(), R <= 0 ? F() : (W = v[R - 1]) == null || W.focus();
+        h.preventDefault(), R <= 0 ? W() : (z = v[R - 1]) == null || z.focus();
         break;
       case "Home":
         h.preventDefault(), (U = v[0]) == null || U.focus();
@@ -1777,7 +1777,7 @@ function Ut({
             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 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 };
+        const R = !!h.href, P = R ? "a" : "button", z = R ? { href: h.disabled ? void 0 : h.href, "aria-disabled": h.disabled ? "true" : void 0 } : { type: "button", disabled: h.disabled };
         return /* @__PURE__ */ e.jsxs(
           P,
           {
@@ -1786,7 +1786,7 @@ function Ut({
               "ds-dropdown__item",
               h.danger && "ds-dropdown__item--danger"
             ].filter(Boolean).join(" "),
-            ...W,
+            ...z,
             onClick: () => {
               var U;
               (U = h.onClick) == null || U.call(h), O();
@@ -1813,14 +1813,14 @@ function Ut({
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: g,
+            ref: $,
             className: "ds-dropdown__trigger",
             onClick: q,
             onKeyDown: G,
             children: s
           }
         ),
-        typeof document < "u" && ne.createPortal(C, document.body)
+        typeof document < "u" && ae.createPortal(C, document.body)
       ]
     }
   );
@@ -1927,15 +1927,15 @@ const ve = {
   error: de
 };
 let Q = [];
-const ce = /* @__PURE__ */ new Set();
-function we() {
-  ce.forEach((s) => s([...Q]));
+const le = /* @__PURE__ */ new Set();
+function Ne() {
+  le.forEach((s) => s([...Q]));
 }
 function st(s) {
-  Q = [...Q, s], we();
+  Q = [...Q, s], Ne();
 }
 function rt(s) {
-  Q = Q.filter((t) => t.id !== s), we();
+  Q = Q.filter((t) => t.id !== s), Ne();
 }
 function Kt() {
   const s = (t, r = {}) => {
@@ -1967,7 +1967,7 @@ function nt({ 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: A[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,7 +1975,7 @@ function nt({ data: s, onDismiss: t }) {
             className: "ds-toast__close",
             onClick: n,
             "aria-label": "Закрыть",
-            children: /* @__PURE__ */ e.jsx(ee, { size: A[3], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ee, { size: S[3], strokeWidth: 1.5 })
           }
         )
       ]
@@ -1984,15 +1984,15 @@ function nt({ data: s, onDismiss: t }) {
 }
 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(
+  return D(() => (le.add(r), () => le.delete(r)), []), !t.length || typeof document > "u" ? null : ae.createPortal(
     /* @__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 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" })
+  running: /* @__PURE__ */ e.jsx(ie, { size: "xs", variant: "info", children: "Running..." }),
+  success: /* @__PURE__ */ e.jsx(ie, { size: "xs", variant: "success", children: "Done" }),
+  error: /* @__PURE__ */ e.jsx(ie, { size: "xs", variant: "error", children: "Error" })
 };
 function Xt({
   label: s,
@@ -2006,23 +2006,23 @@ function Xt({
   children: m,
   ...u
 }) {
-  const f = `tc-body-${ke().replace(/:/g, "")}`, [x, d] = k(a), _ = n !== void 0, w = _ ? n : x, g = () => {
+  const f = `tc-body-${Ee().replace(/:/g, "")}`, [b, d] = k(a), _ = n !== void 0, w = _ ? n : b, $ = () => {
     _ ? i == null || i(!n) : d((N) => !N);
   };
-  return /* @__PURE__ */ e.jsxs(Oe, { padding: l, ...u, children: [
+  return /* @__PURE__ */ e.jsxs(Le, { padding: l, ...u, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         className: "ds-tool-card__header",
-        onClick: g,
+        onClick: $,
         "aria-expanded": w,
         "aria-controls": f,
         children: [
           /* @__PURE__ */ e.jsx(
             je,
             {
-              size: A[1],
+              size: S[1],
               strokeWidth: 1.5,
               className: `ds-tool-card__chevron${w ? " ds-tool-card__chevron--expanded" : ""}`
             }
@@ -2054,7 +2054,7 @@ function Jt({
     {
       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 }),
+      icon: n ? /* @__PURE__ */ e.jsx(re, { size: S[1], strokeWidth: 1.5 }) : /* @__PURE__ */ e.jsx(Se, { size: S[1], strokeWidth: 1.5 }),
       "aria-label": o,
       onClick: l,
       ...a
@@ -2072,62 +2072,102 @@ function Zt({ content: s, streaming: t = !1, ...r }) {
       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" })
+        /* @__PURE__ */ e.jsx(Ae, { size: S[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
+        /* @__PURE__ */ e.jsx(Me, { secondary: !0, children: "Thinking" })
       ] }),
       ...r,
-      children: /* @__PURE__ */ e.jsxs(Me, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
+      children: /* @__PURE__ */ e.jsxs(we, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
         s,
         t && /* @__PURE__ */ e.jsx("span", { className: "ds-reasoning__cursor" })
       ] })
     }
   );
 }
+function Qt({
+  count: s,
+  current: t = 0,
+  done: r = [],
+  onChange: o,
+  showCounter: a = !0,
+  className: n = "",
+  "aria-label": i = "Steps",
+  ...l
+}) {
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", n].filter(Boolean).join(" "), ...l, children: [
+    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i, children: Array.from({ length: s }, (m, u) => {
+      const p = u === t, f = r.includes(u) && !p, b = o && (u <= t || r.includes(u)), d = [
+        "ds-step-indicator__dot",
+        p && "ds-step-indicator__dot--active",
+        f && "ds-step-indicator__dot--done"
+      ].filter(Boolean).join(" ");
+      return /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          type: "button",
+          className: d,
+          role: "tab",
+          "aria-selected": p,
+          "aria-label": `Step ${u + 1}`,
+          disabled: !b || u === t,
+          onClick: () => o == null ? void 0 : o(u),
+          children: f ? /* @__PURE__ */ e.jsx(re, { size: 8, strokeWidth: 3 }) : null
+        },
+        u
+      );
+    }) }),
+    a && /* @__PURE__ */ e.jsxs(we, { secondary: !0, className: "ds-step-indicator__counter", children: [
+      t + 1,
+      " / ",
+      s
+    ] })
+  ] });
+}
 export {
   Ce as Accordion,
   vt as Alert,
   qt as AnimatedNumber,
   Tt as Avatar,
-  oe as Badge,
+  ie as Badge,
   Vt as Banner,
-  Wt as Breadcrumb,
+  zt as Breadcrumb,
   _e as Button,
-  Oe as Card,
-  $t as Checkbox,
+  Le as Card,
+  gt as Checkbox,
   _t as Code,
-  ze as CodeAccordion,
+  Fe as CodeAccordion,
   Jt as CopyButton,
   Ct as Drawer,
-  be as DrawerFooter,
+  xe as DrawerFooter,
   Ut as Dropdown,
   Lt as EmptyState,
   Mt as FormField,
   mt as H1,
   pt as H2,
   ht as H3,
-  xt as H4,
+  bt 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,
+  be as ModalFooter,
+  xt as P1,
+  Me as P2,
+  we as P3,
+  Ft 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,
+  Be as Spinner,
+  Wt as Stat,
+  Qt as StepIndicator,
   ft as Stepper,
   yt as Tab,
   It as Table,
-  St as TableBody,
-  At as TableHead,
+  At as TableBody,
+  St as TableHead,
   Dt as TableRow,
   Pt as TableSubheaderRow,
   Nt as Tabs,
@@ -2135,10 +2175,10 @@ export {
   dt as Textarea,
   Bt as Th,
   Gt as ToastContainer,
-  gt as Toggle,
+  $t as Toggle,
   Xt as ToolCallCard,
   Et as Tooltip,
-  A as iconSizes,
+  S as iconSizes,
   et as useAnimatedNumber,
   tt as useInView,
   Kt as useToast