@donkit-ai/design-system 1.3.8 → 1.3.10

package/dist/index.es.js

@@ -1,6 +1,6 @@
-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";
+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,
@@ -8,7 +8,7 @@ const S = {
   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 Ae() {
+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 Se() {
+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 Se() {
         return c.$$typeof === G ? null : c.displayName || c.name || null;
       if (typeof c == "string") return c;
       switch (c) {
-        case E:
+        case $:
           return "Fragment";
         case B:
           return "Profiler";
@@ -78,16 +78,16 @@ function Se() {
         ), c.$$typeof) {
           case w:
             return "Portal";
-          case $:
+          case g:
             return c.displayName || "Context";
           case T:
             return (c._context.displayName || "Context") + ".Consumer";
-          case W:
+          case F:
             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 F:
+          case W:
             x = c._payload, c = c._init;
             try {
               return s(c(x));
@@ -117,8 +117,8 @@ function Se() {
       }
     }
     function o(c) {
-      if (c === E) 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 x = s(c);
@@ -135,7 +135,7 @@ function Se() {
       return Error("react-stack-top-frame");
     }
     function i(c) {
-      if (z.call(c, "key")) {
+      if (C.call(c, "key")) {
         var x = Object.getOwnPropertyDescriptor(c, "key").get;
         if (x && x.isReactWarning) return !1;
       }
@@ -155,7 +155,7 @@ function Se() {
     }
     function m() {
       var c = s(this.type);
-      return D[c] || (D[c] = !0, console.error(
+      return P[c] || (P[c] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), c = this.props.ref, c !== void 0 ? c : null;
     }
@@ -205,10 +205,10 @@ function Se() {
               "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 (z.call(x, "key")) {
+      if (C.call(x, "key")) {
         A = s(c);
-        var J = Object.keys(x).filter(function(Ne) {
-          return Ne !== "key";
+        var J = Object.keys(x).filter(function(ye) {
+          return ye !== "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:
@@ -225,8 +225,8 @@ React keys must be passed directly to JSX without using spread:
       }
       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 x)
-          ae !== "key" && (y[ae] = x[ae]);
+        for (var oe in x)
+          oe !== "key" && (y[oe] = x[oe]);
       } else y = x;
       return A && l(
         y,
@@ -241,12 +241,12 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function f(c) {
-      b(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === F && (c._payload.status === "fulfilled" ? b(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
+      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 b(c) {
       return typeof c == "object" && c !== null && c.$$typeof === _;
     }
-    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() {
+    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,18 +254,18 @@ React keys must be passed directly to JSX without using spread:
         return c();
       }
     };
-    var R, D = {}, C = 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 = E, se.jsx = function(c, x, y) {
+    se.Fragment = $, se.jsx = function(c, x, y) {
       var I = 1e4 > H.recentlyCreatedOwnerStacks++;
       return p(
         c,
         x,
         y,
         !1,
-        I ? Error("react-stack-top-frame") : C,
+        I ? Error("react-stack-top-frame") : z,
         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") : C,
+        I ? Error("react-stack-top-frame") : z,
         I ? v(o(c)) : U
       );
     };
   }()), se;
 }
-process.env.NODE_ENV === "production" ? ie.exports = Ae() : ie.exports = Se();
-var e = ie.exports;
-function De({ 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 De({ size: s = "m", color: t = "default", className: r = "", ...o }) {
     }
   );
 }
-const Pe = { 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 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, $ = [
+  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",
     b && "ds-button--icon-only"
-  ].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 }),
+  ].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": W,
+        "data-state": F,
         ...f,
         children: O
       }
@@ -346,18 +346,18 @@ 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": W,
+      "data-state": F,
       ...f,
       children: O
     }
   );
 }
-function at({
+function lt({
   label: s,
   error: t,
   hint: r,
@@ -402,7 +402,7 @@ function at({
     /* @__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 ot({
+function dt({
   label: s,
   error: t,
   hint: r,
@@ -433,7 +433,7 @@ function ot({
     t && /* @__PURE__ */ e.jsx("span", { id: b, className: "ds-textarea-error", role: "alert", children: t })
   ] });
 }
-function it({
+function ut({
   label: s,
   value: t,
   onChange: r,
@@ -446,37 +446,37 @@ function it({
   id: u,
   ...p
 }) {
-  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(() => {
+  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;
       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((x) => x.value === t), 0);
-    $(c), b(!0);
+    g(c), b(!0);
   };
-  P(() => () => clearTimeout(M.current), []);
+  D(() => () => clearTimeout(M.current), []);
   const v = () => {
     var X;
-    const j = (X = W.current) == null ? void 0 : X.getBoundingClientRect();
+    const j = (X = F.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"), E(
+    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 }
     );
   };
-  P(() => {
+  D(() => {
     if (f)
       return v(), window.addEventListener("scroll", v, !0), window.addEventListener("resize", v), () => {
         window.removeEventListener("scroll", v, !0), window.removeEventListener("resize", v);
       };
-  }, [f]), P(() => {
+  }, [f]), D(() => {
     const j = (c) => {
-      W.current && !W.current.contains(c.target) && O.current && !O.current.contains(c.target) && z();
+      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]), P(() => {
+  }, [d]), D(() => {
     var c;
     if (!f || T < 0 || !O.current) return;
     (c = O.current.querySelectorAll(".ds-select-option")[T]) == null || c.scrollIntoView({ block: "nearest" });
@@ -484,29 +484,29 @@ function it({
   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 " ":
-        j.preventDefault(), f ? T >= 0 && (r == null || r(o[T].value), z(!0)) : h();
+        j.preventDefault(), f ? T >= 0 && (r == null || r(o[T].value), C(!0)) : h();
         break;
       case "Escape":
-        f && (j.preventDefault(), z(!0));
+        f && (j.preventDefault(), C(!0));
         break;
       case "Tab":
-        f && z(!1);
+        f && C(!1);
         break;
     }
-  }, D = o.find((j) => j.value === t), C = l === "xs" ? S[1] : l === "small" ? S[2] : S[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 it({
       children: o.map((j, c) => /* @__PURE__ */ e.jsx(
         "button",
         {
-          id: `${F}-opt-${c}`,
+          id: `${W}-opt-${c}`,
           type: "button",
           role: "option",
           tabIndex: -1,
@@ -535,7 +535,7 @@ function it({
             c === T && "ds-select-option--active"
           ].filter(Boolean).join(" "),
           onClick: () => {
-            r == null || r(j.value), z(!0);
+            r == null || r(j.value), C(!0);
           },
           children: j.label
         },
@@ -545,32 +545,32 @@ function it({
   );
   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: W, 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,
         className: `ds-select-trigger ds-select-trigger--${l} ${n ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          m || (f ? z() : h());
+          m || (f ? C() : h());
         },
         onKeyDown: R,
         disabled: m,
         ...p,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: D ? "" : "ds-select-placeholder", children: (D == null ? void 0 : D.label) || a }),
+          /* @__PURE__ */ e.jsx("span", { className: P ? "" : "ds-select-placeholder", children: (P == null ? void 0 : P.label) || a }),
           /* @__PURE__ */ e.jsx(
-            re,
+            ne,
             {
-              size: C,
+              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,10 +580,10 @@ function it({
       }
     ) }),
     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 ct({
+function ft({
   label: s,
   value: t = 0,
   onChange: r,
@@ -613,8 +613,8 @@ function ct({
     }
     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 ct({
     "ds-stepper",
     `ds-stepper--${i}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), E = i === "xs" ? S[1] : i === "small" ? S[2] : S[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: [
@@ -636,7 +636,7 @@ function ct({
           onClick: b,
           disabled: l || t <= o,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ e.jsx(Ee, { size: E, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx($e, { size: $, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -661,7 +661,7 @@ function ct({
           onClick: f,
           disabled: l || t >= a,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ e.jsx($e, { size: E, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(ge, { size: $, strokeWidth: 1.5 })
         }
       )
     ] }),
@@ -669,7 +669,7 @@ function ct({
     u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: u })
   ] });
 }
-function Be({
+function Le({
   children: s,
   padding: t = "m",
   variant: r = "info",
@@ -721,28 +721,28 @@ function Be({
     }
   );
 }
-function lt({ children: s, ...t }) {
+function mt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...t, children: s });
 }
-function dt({ children: s, ...t }) {
+function pt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...t, children: s });
 }
-function ut({ children: s, ...t }) {
+function ht({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...t, children: s });
 }
-function ft({ children: s, ...t }) {
+function bt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...t, children: s });
 }
-function mt({ 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 pt({ 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 ht({ 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,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 Oe = {
+const We = {
   info: me,
   success: fe,
   warning: ue,
   error: de
 };
-function bt({
+function vt({
   children: s,
   variant: t = "info",
   title: r,
@@ -770,7 +770,7 @@ function bt({
   role: a,
   ...n
 }) {
-  const i = Oe[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: S[3], strokeWidth: 1.5 }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-alert__content", children: [
@@ -789,20 +789,20 @@ function bt({
     )
   ] });
 }
-const Le = 200;
-function xt({
+const ze = 200;
+function jt({
   children: s,
   title: t,
   onClose: r,
   size: o = "m",
   ...a
 }) {
-  const n = k(null), i = L.useId(), [l, m] = g(!1), u = () => {
+  const n = E(null), i = L.useId(), [l, m] = k(!1), u = () => {
     !r || l || (m(!0), setTimeout(() => {
       m(!1), r();
-    }, Le));
+    }, ze));
   };
-  P(() => {
+  D(() => {
     const d = (w) => {
       w.key === "Escape" && u();
     }, _ = (w) => {
@@ -844,7 +844,7 @@ function xt({
 function be({ children: s }) {
   return /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: s });
 }
-function Me({
+function Fe({
   children: s,
   title: t = "Code",
   defaultExpanded: r = !1,
@@ -854,7 +854,7 @@ function Me({
   className: i = "",
   ...l
 }) {
-  const [m, u] = g(r), p = o !== void 0, f = p ? o : m, b = () => {
+  const [m, u] = k(r), p = o !== void 0, f = p ? o : m, b = () => {
     p ? a == null || a(!o) : u((_) => !_);
   }, d = [
     "ds-code-accordion",
@@ -873,7 +873,7 @@ function Me({
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: t }),
           /* @__PURE__ */ e.jsx(
-            re,
+            ne,
             {
               size: S[2],
               strokeWidth: 1.5,
@@ -886,10 +886,10 @@ function Me({
     /* @__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 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 _t({ children: s, block: t = !1, collapsible: r = !1, title: o = "Code", defaultExpanded: a = !1, ...n }) {
+  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 jt({ href: s, children: t, onClick: r, target: o, rel: a, ...n }) {
+function wt({ href: s, children: t, onClick: r, target: o, rel: a, ...n }) {
   const l = o === "_blank" ? a ? `${a} noopener noreferrer` : "noopener noreferrer" : a;
   return /* @__PURE__ */ e.jsx(
     "a",
@@ -904,10 +904,10 @@ function jt({ href: s, children: t, onClick: r, target: o, rel: a, ...n }) {
     }
   );
 }
-function _t({ children: s, size: t = "m", variant: r = "ghost", ...o }) {
+function Nt({ children: s, size: t = "m", variant: r = "ghost", ...o }) {
   return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...o, children: L.Children.map(s, (a) => L.isValidElement(a) ? L.cloneElement(a, { size: t, variant: r }) : a) });
 }
-function wt({ children: s, selected: t = !1, onClick: r, size: o = "m", variant: a = "ghost", disabled: n = !1, icon: i, href: l, ...m }) {
+function yt({ children: s, selected: t = !1, onClick: r, size: o = "m", variant: a = "ghost", disabled: n = !1, icon: i, href: l, ...m }) {
   const u = i && !s, p = [
     "ds-tab",
     `ds-tab--${o}`,
@@ -953,24 +953,24 @@ function wt({ children: s, selected: t = !1, onClick: r, size: o = "m", variant:
     }
   );
 }
-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 = () => {
+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), b = () => {
     if (!n.current) return;
     const d = n.current.querySelector(`[data-value="${t}"]`);
     if (!d) return;
-    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(() => {
+    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 = b, ye(() => {
+  return f.current = b, ke(() => {
     const d = p.current !== t;
     p.current = t, u.current = l && d, b();
-  }), P(() => {
+  }), D(() => {
     if (!n.current) return;
     const d = new ResizeObserver(() => {
       u.current = !1, f.current();
@@ -1015,7 +1015,7 @@ function Nt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1
     }
   );
 }
-function yt({
+function Ce({
   children: s,
   title: t,
   defaultExpanded: r = !1,
@@ -1024,7 +1024,7 @@ function yt({
   padding: n = "m",
   ...i
 }) {
-  const [l, m] = g(r), u = o !== void 0, p = u ? o : l, f = () => {
+  const [l, m] = k(r), u = o !== void 0, p = u ? o : l, f = () => {
     u ? a == null || a(!o) : m((d) => !d);
   }, b = [
     "ds-accordion",
@@ -1042,7 +1042,7 @@ function yt({
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-accordion__title", children: t }),
           /* @__PURE__ */ e.jsx(
-            re,
+            ne,
             {
               size: S[2],
               strokeWidth: 1.5,
@@ -1056,7 +1056,7 @@ function yt({
   ] });
 }
 const Y = 8, Z = 8;
-function Fe(s, t, r) {
+function Ve(s, t, r) {
   const o = window.innerWidth;
   let a, n;
   switch (s) {
@@ -1078,7 +1078,7 @@ function Fe(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 Ce(s, t, r) {
+function Ue(s, t, r) {
   const o = window.innerWidth, a = window.innerHeight;
   if (s.top >= t + Y + Z) return "top";
   if (a - s.bottom >= t + Y + Z) return "bottom";
@@ -1087,29 +1087,29 @@ function Ce(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 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 = () => {
+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), b = E(!1), d = () => {
     if (!p.current || !f.current) return;
-    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);
+    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 (P(() => {
+  if (D(() => {
     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]), P(() => {
+  }, [a, r]), D(() => {
     if (!a) return;
-    const w = (E) => {
-      p.current && !p.current.contains(E.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;
@@ -1140,12 +1140,12 @@ function kt({ children: s, content: t, position: r, ...o }) {
       ...o,
       children: [
         s,
-        typeof document < "u" && ne.createPortal(_, document.body)
+        typeof document < "u" && ae.createPortal(_, document.body)
       ]
     }
   );
 }
-function Et({
+function $t({
   checked: s = !1,
   onChange: t,
   size: r = "m",
@@ -1176,7 +1176,7 @@ function Et({
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: a })
   ] });
 }
-function $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,
@@ -1214,7 +1214,7 @@ function $t({
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: a })
   ] });
 }
-function gt({
+function Rt({
   checked: s = !1,
   onChange: t,
   size: r = "m",
@@ -1249,7 +1249,7 @@ function gt({
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: a })
   ] });
 }
-function We({ width: s, height: t, shape: r = "rect", aspectRatio: o, className: a = "", style: n = {}, ...i }) {
+function Ye({ width: s, height: t, shape: r = "rect", aspectRatio: o, className: a = "", style: n = {}, ...i }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -1260,7 +1260,7 @@ function We({ width: s, height: t, shape: r = "rect", aspectRatio: o, className:
     }
   );
 }
-function ze({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: o = "", style: a = {}, ...n }) {
+function qe({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: o = "", style: a = {}, ...n }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -1279,20 +1279,20 @@ function ze({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: o = "",
     }
   );
 }
-We.Text = ze;
-function Ve(s) {
+Ye.Text = qe;
+function He(s) {
   let t = 2166136261;
   for (let r = 0; r < s.length; r++)
     t ^= s.charCodeAt(r), t = Math.imul(t, 16777619) >>> 0;
   return t % 360;
 }
-function Ue(s) {
+function Ke(s) {
   if (!s) return "";
   const t = s.trim().split(/\s+/);
   return t.length >= 2 ? (t[0][0] + t[1][0]).toUpperCase() : s[0].toUpperCase();
 }
-function 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) });
+function Tt({ seed: s, icon: t, src: r, size: o = 32, className: a = "", style: n = {}, ...i }) {
+  const l = He(s ?? ""), [m, u] = k(!1), p = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: Ke(s) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1304,7 +1304,7 @@ function Rt({ seed: s, icon: t, src: r, size: o = 32, className: a = "", style:
     }
   );
 }
-function Tt({
+function It({
   children: s,
   size: t = "compact",
   stickyTop: r,
@@ -1334,13 +1334,13 @@ function Tt({
     }
   );
 }
-function It({ children: s, ...t }) {
+function St({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("thead", { ...t, children: s });
 }
 function At({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("tbody", { ...t, children: s });
 }
-function St({ children: s, interactive: t, selected: r, subheader: o, className: a = "", onClick: n, ...i }) {
+function Dt({ children: s, interactive: t, selected: r, subheader: o, className: a = "", onClick: n, ...i }) {
   return /* @__PURE__ */ e.jsx(
     "tr",
     {
@@ -1357,11 +1357,11 @@ function St({ children: s, interactive: t, selected: r, subheader: o, className:
     }
   );
 }
-function Dt({ children: s, colSpan: t = 999, ...r }) {
+function Pt({ children: s, colSpan: t = 999, ...r }) {
   return /* @__PURE__ */ e.jsx("tr", { className: "ds-table-row ds-table-row--subheader", ...r, children: /* @__PURE__ */ e.jsx("td", { colSpan: t, children: s }) });
 }
-function 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;
+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" ? Re : r === "desc" ? ne : Te;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
@@ -1382,7 +1382,7 @@ function Pt({ children: s, align: t = "left", sortDir: r, onSort: o, width: a, c
     }
   );
 }
-function Bt({ children: s, align: t = "left", secondary: r, muted: o, truncate: a, nowrap: n, className: i = "", ...l }) {
+function Ot({ children: s, align: t = "left", secondary: r, muted: o, truncate: a, nowrap: n, className: i = "", ...l }) {
   return /* @__PURE__ */ e.jsx(
     "td",
     {
@@ -1400,7 +1400,7 @@ function Bt({ children: s, align: t = "left", secondary: r, muted: o, truncate:
     }
   );
 }
-function Ot({
+function Lt({
   icon: s,
   title: t,
   description: r,
@@ -1423,7 +1423,7 @@ function Ot({
     }
   );
 }
-function Lt({
+function Mt({
   label: s,
   hint: t,
   error: r,
@@ -1454,7 +1454,7 @@ function Lt({
     }
   );
 }
-function Mt({ 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 Mt({ label: s, value: t, delta: r, size: o = "m", inline: a = !1, class
     }
   );
 }
-function Ft({
+function zt({
   children: s,
   separator: t = "/",
   "aria-label": r = "Breadcrumb",
@@ -1498,7 +1498,7 @@ function Ft({
     }
   );
 }
-function Ct({
+function Ft({
   page: s,
   total: t,
   onChange: r,
@@ -1508,7 +1508,7 @@ function Ct({
   style: i,
   ...l
 }) {
-  const m = Ye(s, t, o);
+  const m = Ge(s, t, o);
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
@@ -1524,7 +1524,7 @@ function Ct({
             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(
@@ -1554,27 +1554,27 @@ function Ct({
     }
   );
 }
-function Ye(s, t, r) {
+function Ge(s, t, r) {
   if (t <= 7) return Array.from({ length: t }, (i, l) => l + 1);
   const o = Math.max(2, s - r), a = Math.min(t - 1, s + r), n = [1];
   o > 2 && n.push("…");
   for (let i = o; i <= a; i++) n.push(i);
   return a < t - 1 && n.push("…"), n.push(t), n;
 }
-const qe = 200;
-function Wt({
+const Xe = 200;
+function Ct({
   children: s,
   title: t,
   onClose: r,
   side: o = "right",
   ...a
 }) {
-  const n = k(null), i = L.useId(), [l, m] = g(!1), u = () => {
+  const n = E(null), i = L.useId(), [l, m] = k(!1), u = () => {
     !r || l || (m(!0), setTimeout(() => {
       m(!1), r();
-    }, qe));
+    }, Xe));
   };
-  P(() => {
+  D(() => {
     const d = (w) => {
       w.key === "Escape" && u();
     }, _ = (w) => {
@@ -1615,13 +1615,13 @@ function Wt({
 function xe({ children: s }) {
   return /* @__PURE__ */ e.jsx("footer", { className: "ds-drawer-footer", children: s });
 }
-const He = {
+const Je = {
   info: me,
   success: fe,
   warning: ue,
   error: de
 };
-function zt({
+function Vt({
   children: s,
   variant: t = "info",
   action: r,
@@ -1630,7 +1630,7 @@ function zt({
   role: n,
   ...i
 }) {
-  const l = He[t], m = n || (t === "error" ? "alert" : "status");
+  const l = Je[t], m = n || (t === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1663,7 +1663,7 @@ function zt({
     }
   );
 }
-function Vt({
+function Ut({
   trigger: s,
   items: t = [],
   open: r,
@@ -1673,22 +1673,22 @@ function Vt({
   style: i,
   ...l
 }) {
-  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 = () => {
+  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);
-      }, W);
+      }, F);
     }
   }, q = () => {
     const h = !d;
-    b ? 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 || (b ? o == null || o(!0) : (clearTimeout($.current), f(!1), u(!0)));
+    d || (b ? o == null || o(!0) : (clearTimeout(g.current), f(!1), u(!0)));
   };
-  P(() => () => clearTimeout($.current), []), P(() => {
+  D(() => () => clearTimeout(g.current), []), D(() => {
     if (!d) return;
     const h = () => {
       var R;
@@ -1701,25 +1701,25 @@ function Vt({
       window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", h);
     };
   }, [d, a]);
-  const F = () => {
+  const W = () => {
     var v;
-    const h = (v = E.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();
   };
-  P(() => {
+  D(() => {
     if (!d) return;
     const h = (R) => {
-      var D, C;
-      !((D = _.current) != null && D.contains(R.target)) && !((C = w.current) != null && C.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);
     };
-  }, [d]), P(() => {
+  }, [d]), D(() => {
     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;
@@ -1734,18 +1734,18 @@ function Vt({
       if (h.preventDefault(), !d)
         N.current = "last", M();
       else {
-        const D = V();
-        (R = D[D.length - 1]) == null || R.focus();
+        const P = V();
+        (R = P[P.length - 1]) == null || R.focus();
       }
   }, H = (h) => {
-    var D, C, U, j;
+    var P, z, U, j;
     const v = V(), R = v.findIndex((c) => c === document.activeElement);
     switch (h.key) {
       case "ArrowDown":
-        h.preventDefault(), (D = v[Math.min(R + 1, v.length - 1)]) == null || D.focus();
+        h.preventDefault(), (P = v[Math.min(R + 1, v.length - 1)]) == null || P.focus();
         break;
       case "ArrowUp":
-        h.preventDefault(), R <= 0 ? F() : (C = v[R - 1]) == null || C.focus();
+        h.preventDefault(), R <= 0 ? W() : (z = v[R - 1]) == null || z.focus();
         break;
       case "Home":
         h.preventDefault(), (U = v[0]) == null || U.focus();
@@ -1757,7 +1757,7 @@ function Vt({
         O();
         break;
     }
-  }, z = d && /* @__PURE__ */ e.jsx(
+  }, C = d && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: w,
@@ -1777,16 +1777,16 @@ function Vt({
             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, 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 };
+        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(
-          D,
+          P,
           {
             role: "menuitem",
             className: [
               "ds-dropdown__item",
               h.danger && "ds-dropdown__item--danger"
             ].filter(Boolean).join(" "),
-            ...C,
+            ...z,
             onClick: () => {
               var U;
               (U = h.onClick) == null || U.call(h), O();
@@ -1813,19 +1813,19 @@ function Vt({
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: E,
+            ref: $,
             className: "ds-dropdown__trigger",
             onClick: q,
             onKeyDown: G,
             children: s
           }
         ),
-        typeof document < "u" && ne.createPortal(z, document.body)
+        typeof document < "u" && ae.createPortal(C, document.body)
       ]
     }
   );
 }
-function Ut({
+function Yt({
   value: s = 0,
   size: t = "m",
   variant: r = "default",
@@ -1862,11 +1862,11 @@ function Ut({
     }
   );
 }
-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()) {
+const Ze = (s) => 1 - Math.pow(1 - s, 3), Qe = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+function et(s, { duration: t = 600 } = {}) {
+  const [r, o] = k(s), a = E(s), n = E(null);
+  return D(() => {
+    if (Qe()) {
       o(s), a.current = s;
       return;
     }
@@ -1876,24 +1876,24 @@ function Xe(s, { duration: t = 600 } = {}) {
     const u = (p) => {
       m || (m = p);
       const f = Math.min((p - m) / t, 1);
-      o(i + l * Ke(f)), f < 1 ? n.current = requestAnimationFrame(u) : a.current = s;
+      o(i + l * Ze(f)), f < 1 ? n.current = requestAnimationFrame(u) : a.current = s;
     };
     return n.current = requestAnimationFrame(u), () => cancelAnimationFrame(n.current);
   }, [s, t]), r;
 }
-function Yt({
+function qt({
   value: s,
   duration: t = 600,
   decimals: r = 0,
   prefix: o = "",
   suffix: a = ""
 }) {
-  const i = Xe(s, { duration: t }).toFixed(r);
+  const i = et(s, { duration: t }).toFixed(r);
   return `${o}${i}${a}`;
 }
-function Je({ threshold: s = 0.1, rootMargin: t = "0px", once: r = !1 } = {}) {
-  const o = k(null), [a, n] = g(!1);
-  return P(() => {
+function tt({ threshold: s = 0.1, rootMargin: t = "0px", once: r = !1 } = {}) {
+  const o = E(null), [a, n] = k(!1);
+  return D(() => {
     const i = o.current;
     if (!i) return;
     const l = new IntersectionObserver(
@@ -1905,7 +1905,7 @@ function Je({ threshold: s = 0.1, rootMargin: t = "0px", once: r = !1 } = {}) {
     return l.observe(i), () => l.disconnect();
   }, [s, t, r]), { ref: o, inView: a };
 }
-function qt({
+function Ht({
   children: s,
   as: t = "div",
   once: r = !1,
@@ -1915,8 +1915,8 @@ function qt({
   onLeave: i,
   ...l
 }) {
-  const { ref: m, inView: u } = Je({ threshold: o, rootMargin: a, once: r }), p = k(!1);
-  return P(() => {
+  const { ref: m, inView: u } = tt({ threshold: o, rootMargin: a, once: r }), p = E(!1);
+  return D(() => {
     u && !p.current && (n == null || n()), !u && p.current && (i == null || i()), p.current = u;
   }, [u]), /* @__PURE__ */ e.jsx(t, { ref: m, ...l, children: typeof s == "function" ? s(u) : s });
 }
@@ -1927,19 +1927,19 @@ 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 Ze(s) {
-  Q = [...Q, s], we();
+function st(s) {
+  Q = [...Q, s], Ne();
 }
-function Qe(s) {
-  Q = Q.filter((t) => t.id !== s), we();
+function rt(s) {
+  Q = Q.filter((t) => t.id !== s), Ne();
 }
-function Ht() {
+function Kt() {
   const s = (t, r = {}) => {
-    Ze({
+    st({
       id: `${Date.now()}-${Math.random()}`,
       message: t,
       type: "default",
@@ -1949,9 +1949,9 @@ function Ht() {
   };
   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 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 nt({ data: s, onDismiss: t }) {
+  const [r, o] = k(!1), a = E(null);
+  D(() => (requestAnimationFrame(() => o(!0)), s.duration > 0 && (a.current = setTimeout(() => n(), s.duration)), () => clearTimeout(a.current)), []);
   function n() {
     o(!1), setTimeout(() => t(s.id), 250);
   }
@@ -1982,19 +1982,19 @@ function et({ data: s, onDismiss: t }) {
     }
   );
 }
-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)) }),
+function Gt({ position: s = "bottom-right" }) {
+  const [t, r] = k(() => [...Q]);
+  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 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" })
+const at = {
+  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 Gt({
+function Xt({
   label: s,
   status: t = "idle",
   icon: r,
@@ -2006,16 +2006,16 @@ function Gt({
   children: m,
   ...u
 }) {
-  const f = `tc-body-${ke().replace(/:/g, "")}`, [b, d] = g(a), _ = n !== void 0, w = _ ? n : b, E = () => {
+  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(Be, { 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: E,
+        onClick: $,
         "aria-expanded": w,
         "aria-controls": f,
         children: [
@@ -2029,7 +2029,7 @@ function Gt({
           ),
           r && /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__icon", children: r }),
           /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__label", children: s }),
-          tt[t],
+          at[t],
           o
         ]
       }
@@ -2037,14 +2037,14 @@ function Gt({
     w && /* @__PURE__ */ e.jsx("div", { id: f, className: "ds-tool-card__body", children: m })
   ] });
 }
-function Xt({
+function Jt({
   text: s,
   size: t = "xs",
   timeout: r = 2e3,
   "aria-label": o = "Copy to clipboard",
   ...a
 }) {
-  const [n, i] = g(!1), l = () => {
+  const [n, i] = k(!1), l = () => {
     navigator.clipboard.writeText(s).then(() => {
       i(!0), setTimeout(() => i(!1), r);
     });
@@ -2054,69 +2054,132 @@ function Xt({
     {
       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 }),
+      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
     }
   );
 }
+function Zt({ content: s, streaming: t = !1, ...r }) {
+  const [o, a] = k(t);
+  return D(() => {
+    a(!!t);
+  }, [t]), /* @__PURE__ */ e.jsx(
+    Ce,
+    {
+      expanded: o,
+      onToggle: a,
+      padding: "s",
+      title: /* @__PURE__ */ e.jsxs("div", { className: "ds-reasoning__title", children: [
+        /* @__PURE__ */ e.jsx(Ae, { size: S[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
+        /* @__PURE__ */ e.jsx(Me, { secondary: !0, children: "Thinking" })
+      ] }),
+      ...r,
+      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 {
-  yt as Accordion,
-  bt as Alert,
-  Yt as AnimatedNumber,
-  Rt as Avatar,
-  oe as Badge,
-  zt as Banner,
-  Ft as Breadcrumb,
+  Ce as Accordion,
+  vt as Alert,
+  qt as AnimatedNumber,
+  Tt as Avatar,
+  ie as Badge,
+  Vt as Banner,
+  zt as Breadcrumb,
   _e as Button,
-  Be as Card,
-  $t as Checkbox,
-  vt as Code,
-  Me as CodeAccordion,
-  Xt as CopyButton,
-  Wt as Drawer,
+  Le as Card,
+  gt as Checkbox,
+  _t as Code,
+  Fe as CodeAccordion,
+  Jt as CopyButton,
+  Ct as Drawer,
   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,
+  Ut as Dropdown,
+  Lt as EmptyState,
+  Mt as FormField,
+  mt as H1,
+  pt as H2,
+  ht as H3,
+  bt as H4,
+  Ht as InView,
+  lt as Input,
+  wt as Link,
+  jt 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,
-  De as Spinner,
-  Mt as Stat,
-  ct as Stepper,
-  wt as Tab,
-  Tt as Table,
+  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,
+  Be as Spinner,
+  Wt as Stat,
+  Qt as StepIndicator,
+  ft as Stepper,
+  yt as Tab,
+  It 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,
-  Gt as ToolCallCard,
-  kt as Tooltip,
+  St as TableHead,
+  Dt as TableRow,
+  Pt as TableSubheaderRow,
+  Nt as Tabs,
+  Ot as Td,
+  dt as Textarea,
+  Bt as Th,
+  Gt as ToastContainer,
+  $t as Toggle,
+  Xt as ToolCallCard,
+  Et as Tooltip,
   S as iconSizes,
-  Xe as useAnimatedNumber,
-  Je as useInView,
-  Ht as useToast
+  et as useAnimatedNumber,
+  tt as useInView,
+  Kt as useToast
 };