@donkit-ai/design-system 1.3.11 → 1.3.12

package/dist/index.es.js

@@ -1,14 +1,14 @@
-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 L, { useState as k, useRef as N, useEffect as R, useLayoutEffect as Ee, useId as ke } from "react";
+import { Check as re, X as ee, ChevronDown as ne, Minus as ge, Plus as $e, XCircle as de, AlertTriangle as ue, CheckCircle as fe, Info as me, ChevronUp as Te, ChevronsUpDown as Re, ChevronLeft as Ie, ChevronRight as je, Copy as Se, Brain as Ae } from "lucide-react";
 import ae from "react-dom";
-const S = {
+const A = {
   1: 16,
   2: 20,
   3: 24,
   4: 28,
   5: 48
 };
-var ce = { exports: {} }, te = {};
+var le = { exports: {} }, se = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -19,28 +19,28 @@ var ce = { exports: {} }, te = {};
  * LICENSE file in the root directory of this source tree.
  */
 var pe;
-function De() {
-  if (pe) return te;
+function Be() {
+  if (pe) return se;
   pe = 1;
-  var s = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function r(o, a, n) {
+  var t = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
+  function r(a, o, n) {
     var i = null;
-    if (n !== void 0 && (i = "" + n), a.key !== void 0 && (i = "" + a.key), "key" in a) {
+    if (n !== void 0 && (i = "" + n), o.key !== void 0 && (i = "" + o.key), "key" in o) {
       n = {};
-      for (var l in a)
-        l !== "key" && (n[l] = a[l]);
-    } else n = a;
-    return a = n.ref, {
-      $$typeof: s,
-      type: o,
+      for (var c in o)
+        c !== "key" && (n[c] = o[c]);
+    } else n = o;
+    return o = n.ref, {
+      $$typeof: t,
+      type: a,
       key: i,
-      ref: a !== void 0 ? a : null,
+      ref: o !== void 0 ? o : null,
       props: n
     };
   }
-  return te.Fragment = t, te.jsx = r, te.jsxs = r, te;
+  return se.Fragment = s, se.jsx = r, se.jsxs = r, se;
 }
-var se = {};
+var te = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -51,273 +51,273 @@ var se = {};
  * LICENSE file in the root directory of this source tree.
  */
 var he;
-function Pe() {
+function De() {
   return he || (he = 1, process.env.NODE_ENV !== "production" && function() {
-    function s(c) {
-      if (c == null) return null;
-      if (typeof c == "function")
-        return c.$$typeof === G ? null : c.displayName || c.name || null;
-      if (typeof c == "string") return c;
-      switch (c) {
-        case $:
+    function t(l) {
+      if (l == null) return null;
+      if (typeof l == "function")
+        return l.$$typeof === G ? null : l.displayName || l.name || null;
+      if (typeof l == "string") return l;
+      switch (l) {
+        case g:
           return "Fragment";
-        case B:
+        case P:
           return "Profiler";
-        case N:
+        case y:
           return "StrictMode";
         case O:
           return "Suspense";
         case q:
           return "SuspenseList";
-        case V:
+        case C:
           return "Activity";
       }
-      if (typeof c == "object")
-        switch (typeof c.tag == "number" && console.error(
+      if (typeof l == "object")
+        switch (typeof l.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), c.$$typeof) {
+        ), l.$$typeof) {
           case w:
             return "Portal";
-          case g:
-            return c.displayName || "Context";
-          case T:
-            return (c._context.displayName || "Context") + ".Consumer";
+          case $:
+            return l.displayName || "Context";
+          case I:
+            return (l._context.displayName || "Context") + ".Consumer";
           case F:
-            var x = c.render;
-            return c = c.displayName, c || (c = x.displayName || x.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
+            var b = l.render;
+            return l = l.displayName, l || (l = b.displayName || b.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
           case M:
-            return x = c.displayName || null, x !== null ? x : s(c.type) || "Memo";
+            return b = l.displayName || null, b !== null ? b : t(l.type) || "Memo";
           case W:
-            x = c._payload, c = c._init;
+            b = l._payload, l = l._init;
             try {
-              return s(c(x));
+              return t(l(b));
             } catch {
             }
         }
       return null;
     }
-    function t(c) {
-      return "" + c;
+    function s(l) {
+      return "" + l;
     }
-    function r(c) {
+    function r(l) {
       try {
-        t(c);
-        var x = !1;
+        s(l);
+        var b = !1;
       } catch {
-        x = !0;
+        b = !0;
       }
-      if (x) {
-        x = console;
-        var y = x.error, I = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
-        return y.call(
-          x,
+      if (b) {
+        b = console;
+        var E = b.error, S = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
+        return E.call(
+          b,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          I
-        ), t(c);
+          S
+        ), s(l);
       }
     }
-    function o(c) {
-      if (c === $) return "<>";
-      if (typeof c == "object" && c !== null && c.$$typeof === W)
+    function a(l) {
+      if (l === g) return "<>";
+      if (typeof l == "object" && l !== null && l.$$typeof === W)
         return "<...>";
       try {
-        var x = s(c);
-        return x ? "<" + x + ">" : "<...>";
+        var b = t(l);
+        return b ? "<" + b + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function a() {
-      var c = H.A;
-      return c === null ? null : c.getOwner();
+    function o() {
+      var l = H.A;
+      return l === null ? null : l.getOwner();
     }
     function n() {
       return Error("react-stack-top-frame");
     }
-    function i(c) {
-      if (C.call(c, "key")) {
-        var x = Object.getOwnPropertyDescriptor(c, "key").get;
-        if (x && x.isReactWarning) return !1;
+    function i(l) {
+      if (V.call(l, "key")) {
+        var b = Object.getOwnPropertyDescriptor(l, "key").get;
+        if (b && b.isReactWarning) return !1;
       }
-      return c.key !== void 0;
+      return l.key !== void 0;
     }
-    function l(c, x) {
-      function y() {
-        R || (R = !0, console.error(
+    function c(l, b) {
+      function E() {
+        T || (T = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          x
+          b
         ));
       }
-      y.isReactWarning = !0, Object.defineProperty(c, "key", {
-        get: y,
+      E.isReactWarning = !0, Object.defineProperty(l, "key", {
+        get: E,
         configurable: !0
       });
     }
     function m() {
-      var c = s(this.type);
-      return P[c] || (P[c] = !0, console.error(
+      var l = t(this.type);
+      return D[l] || (D[l] = !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;
+      )), l = this.props.ref, l !== void 0 ? l : null;
     }
-    function u(c, x, y, I, K, X) {
-      var A = y.ref;
-      return c = {
+    function u(l, b, E, S, K, X) {
+      var B = E.ref;
+      return l = {
         $$typeof: _,
-        type: c,
-        key: x,
-        props: y,
-        _owner: I
-      }, (A !== void 0 ? A : null) !== null ? Object.defineProperty(c, "ref", {
+        type: l,
+        key: b,
+        props: E,
+        _owner: S
+      }, (B !== void 0 ? B : null) !== null ? Object.defineProperty(l, "ref", {
         enumerable: !1,
         get: m
-      }) : Object.defineProperty(c, "ref", { enumerable: !1, value: null }), c._store = {}, Object.defineProperty(c._store, "validated", {
+      }) : Object.defineProperty(l, "ref", { enumerable: !1, value: null }), l._store = {}, Object.defineProperty(l._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(c, "_debugInfo", {
+      }), Object.defineProperty(l, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(c, "_debugStack", {
+      }), Object.defineProperty(l, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: K
-      }), Object.defineProperty(c, "_debugTask", {
+      }), Object.defineProperty(l, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: X
-      }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
+      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     }
-    function p(c, x, y, I, K, X) {
-      var A = x.children;
-      if (A !== void 0)
-        if (I)
-          if (h(A)) {
-            for (I = 0; I < A.length; I++)
-              f(A[I]);
-            Object.freeze && Object.freeze(A);
+    function p(l, b, E, S, K, X) {
+      var B = b.children;
+      if (B !== void 0)
+        if (S)
+          if (h(B)) {
+            for (S = 0; S < B.length; S++)
+              f(B[S]);
+            Object.freeze && Object.freeze(B);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else f(A);
-      if (C.call(x, "key")) {
-        A = s(c);
-        var J = Object.keys(x).filter(function(ye) {
+        else f(B);
+      if (V.call(b, "key")) {
+        B = t(l);
+        var J = Object.keys(b).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(
+        S = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", j[B + S] || (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} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          I,
-          A,
+          S,
+          B,
           J,
-          A
-        ), j[A + I] = !0);
+          B
+        ), j[B + S] = !0);
       }
-      if (A = null, y !== void 0 && (r(y), A = "" + y), i(x) && (r(x.key), A = "" + x.key), "key" in x) {
-        y = {};
-        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
+      if (B = null, E !== void 0 && (r(E), B = "" + E), i(b) && (r(b.key), B = "" + b.key), "key" in b) {
+        E = {};
+        for (var oe in b)
+          oe !== "key" && (E[oe] = b[oe]);
+      } else E = b;
+      return B && c(
+        E,
+        typeof l == "function" ? l.displayName || l.name || "Unknown" : l
       ), u(
-        c,
-        A,
-        y,
-        a(),
+        l,
+        B,
+        E,
+        o(),
         K,
         X
       );
     }
-    function f(c) {
-      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 f(l) {
+      x(l) ? l._store && (l._store.validated = 1) : typeof l == "object" && l !== null && l.$$typeof === W && (l._payload.status === "fulfilled" ? x(l._payload.value) && l._payload.value._store && (l._payload.value._store.validated = 1) : l._store && (l._store.validated = 1));
     }
-    function b(c) {
-      return typeof c == "object" && c !== null && c.$$typeof === _;
+    function x(l) {
+      return typeof l == "object" && l !== null && l.$$typeof === _;
     }
-    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() {
+    var d = L, _ = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), I = Symbol.for("react.consumer"), $ = 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"), C = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), H = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, h = Array.isArray, v = console.createTask ? console.createTask : function() {
       return null;
     };
     d = {
-      react_stack_bottom_frame: function(c) {
-        return c();
+      react_stack_bottom_frame: function(l) {
+        return l();
       }
     };
-    var R, P = {}, z = d.react_stack_bottom_frame.bind(
+    var T, D = {}, z = d.react_stack_bottom_frame.bind(
       d,
       n
-    )(), U = v(o(n)), j = {};
-    se.Fragment = $, se.jsx = function(c, x, y) {
-      var I = 1e4 > H.recentlyCreatedOwnerStacks++;
+    )(), U = v(a(n)), j = {};
+    te.Fragment = g, te.jsx = function(l, b, E) {
+      var S = 1e4 > H.recentlyCreatedOwnerStacks++;
       return p(
-        c,
-        x,
-        y,
+        l,
+        b,
+        E,
         !1,
-        I ? Error("react-stack-top-frame") : z,
-        I ? v(o(c)) : U
+        S ? Error("react-stack-top-frame") : z,
+        S ? v(a(l)) : U
       );
-    }, se.jsxs = function(c, x, y) {
-      var I = 1e4 > H.recentlyCreatedOwnerStacks++;
+    }, te.jsxs = function(l, b, E) {
+      var S = 1e4 > H.recentlyCreatedOwnerStacks++;
       return p(
-        c,
-        x,
-        y,
+        l,
+        b,
+        E,
         !0,
-        I ? Error("react-stack-top-frame") : z,
-        I ? v(o(c)) : U
+        S ? Error("react-stack-top-frame") : z,
+        S ? v(a(l)) : U
       );
     };
-  }()), se;
+  }()), te;
 }
-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 }) {
+process.env.NODE_ENV === "production" ? le.exports = Be() : le.exports = De();
+var e = le.exports;
+function Pe({ size: t = "m", color: s = "default", className: r = "", ...a }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: ["ds-spinner", `ds-spinner--${s}`, `ds-spinner--${t}`, r].filter(Boolean).join(" "),
+      className: ["ds-spinner", `ds-spinner--${t}`, `ds-spinner--${s}`, r].filter(Boolean).join(" "),
       role: "status",
       "aria-label": "Loading",
-      ...o
+      ...a
     }
   );
 }
 const Oe = { xs: 12, s: 14, m: 16, l: 20 };
 function _e({
-  children: s,
-  variant: t = "primary",
+  children: t,
+  variant: s = "primary",
   size: r = "m",
-  fullWidth: o = !1,
-  icon: a,
+  fullWidth: a = !1,
+  icon: o,
   disabled: n = !1,
   state: i = "idle",
-  onClick: l,
+  onClick: c,
   type: m = "button",
   href: u,
   "aria-label": p,
   ...f
 }) {
-  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 = [
+  const x = o && !t, d = i === "loading", _ = i === "success", w = i === "error", g = d || _ || w, y = r === "xs" ? "s" : "m", P = Oe[r] ?? 16, I = d ? /* @__PURE__ */ e.jsx(Pe, { size: y }) : _ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(re, { size: P, strokeWidth: 2.5 }) }) : w ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ee, { size: P, strokeWidth: 2.5 }) }) : null, $ = [
     "ds-button",
-    `ds-button--${t}`,
+    `ds-button--${s}`,
     `ds-button--${r}`,
-    o && "ds-button--full",
-    b && "ds-button--icon-only"
+    a && "ds-button--full",
+    x && "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
+    g ? I : o && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: o }),
+    t
   ] });
   if (u) {
     const q = (M) => {
@@ -325,12 +325,12 @@ function _e({
         M.preventDefault();
         return;
       }
-      M.metaKey || M.ctrlKey || M.button === 1 || (M.preventDefault(), l == null || l(M));
+      M.metaKey || M.ctrlKey || M.button === 1 || (M.preventDefault(), c == null || c(M));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
-        className: g,
+        className: $,
         href: n || d ? void 0 : u,
         onClick: q,
         "aria-label": p,
@@ -346,9 +346,9 @@ function _e({
     "button",
     {
       type: m,
-      className: g,
+      className: $,
       disabled: n,
-      onClick: d ? void 0 : l,
+      onClick: d ? void 0 : c,
       "aria-label": p,
       "aria-busy": d ? "true" : void 0,
       "data-state": F,
@@ -357,31 +357,31 @@ function _e({
     }
   );
 }
-function lt({
-  label: s,
-  error: t,
+function cs({
+  label: t,
+  error: s,
   hint: r,
-  fullWidth: o = !0,
-  icon: a,
+  fullWidth: a = !0,
+  icon: o,
   iconRight: n,
   onIconRightClick: i,
-  size: l = "m",
+  size: c = "m",
   disabled: m,
   id: u,
   ...p
 }) {
-  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 }),
+  const f = u || `input-${L.useId()}`, x = r ? `${f}-hint` : void 0, d = s ? `${f}-error` : void 0, _ = d || x;
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${a ? "ds-input-wrapper--full" : ""} ${m ? "ds-input-wrapper--disabled" : ""} ${s ? "ds-input-wrapper--error" : ""}`, children: [
+    t && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: f, children: t }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-input-container", children: [
-      a && /* @__PURE__ */ e.jsx("span", { className: `ds-input-icon ds-input-icon--${l}`, "aria-hidden": "true", children: a }),
+      o && /* @__PURE__ */ e.jsx("span", { className: `ds-input-icon ds-input-icon--${c}`, "aria-hidden": "true", children: o }),
       /* @__PURE__ */ e.jsx(
         "input",
         {
           id: f,
-          className: `ds-input ds-input--${l} ${a ? "ds-input--with-icon" : ""} ${n ? "ds-input--with-icon-right" : ""} ${t ? "ds-input--error" : ""}`,
+          className: `ds-input ds-input--${c} ${o ? "ds-input--with-icon" : ""} ${n ? "ds-input--with-icon-right" : ""} ${s ? "ds-input--error" : ""}`,
           disabled: m,
-          "aria-invalid": t ? "true" : "false",
+          "aria-invalid": s ? "true" : "false",
           "aria-describedby": _,
           ...p
         }
@@ -390,7 +390,7 @@ function lt({
         "button",
         {
           type: "button",
-          className: `ds-input-icon-right ds-input-icon-right--${l}`,
+          className: `ds-input-icon-right ds-input-icon-right--${c}`,
           onClick: i,
           tabIndex: -1,
           "aria-label": "Toggle visibility",
@@ -398,144 +398,144 @@ function lt({
         }
       )
     ] }),
-    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 }) }) })
+    r && !s && /* @__PURE__ */ e.jsx("span", { id: x, className: "ds-input-hint", children: r }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: s && /* @__PURE__ */ e.jsx("span", { id: d, className: "ds-input-error", role: "alert", children: s }) }) })
   ] });
 }
-function dt({
-  label: s,
-  error: t,
+function ds({
+  label: t,
+  error: s,
   hint: r,
-  fullWidth: o = !0,
-  size: a = "m",
+  fullWidth: a = !0,
+  size: o = "m",
   disabled: n,
   id: i,
-  resize: l = !0,
+  resize: c = !0,
   rows: m = 3,
   ...u
 }) {
-  const p = i || `textarea-${L.useId()}`, f = r ? `${p}-hint` : void 0, b = t ? `${p}-error` : void 0, d = b || f;
-  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 }),
+  const p = i || `textarea-${L.useId()}`, f = r ? `${p}-hint` : void 0, x = s ? `${p}-error` : void 0, d = x || f;
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${a ? "ds-textarea-wrapper--full" : ""} ${n ? "ds-textarea-wrapper--disabled" : ""}`, children: [
+    t && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: p, children: t }),
     /* @__PURE__ */ e.jsx(
       "textarea",
       {
         id: p,
-        className: `ds-textarea ds-textarea--${a} ${t ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
+        className: `ds-textarea ds-textarea--${o} ${s ? "ds-textarea--error" : ""} ${c ? "" : "ds-textarea--no-resize"}`,
         disabled: n,
-        "aria-invalid": t ? "true" : "false",
+        "aria-invalid": s ? "true" : "false",
         "aria-describedby": d,
         rows: m,
         ...u
       }
     ),
-    r && !t && /* @__PURE__ */ e.jsx("span", { id: f, className: "ds-textarea-hint", children: r }),
-    t && /* @__PURE__ */ e.jsx("span", { id: b, className: "ds-textarea-error", role: "alert", children: t })
+    r && !s && /* @__PURE__ */ e.jsx("span", { id: f, className: "ds-textarea-hint", children: r }),
+    s && /* @__PURE__ */ e.jsx("span", { id: x, className: "ds-textarea-error", role: "alert", children: s })
   ] });
 }
-function ut({
-  label: s,
-  value: t,
+function us({
+  label: t,
+  value: s,
   onChange: r,
-  options: o = [],
-  placeholder: a = "Select option",
+  options: a = [],
+  placeholder: o = "Select option",
   error: n,
   fullWidth: i = !0,
-  size: l = "m",
+  size: c = "m",
   disabled: m = !1,
   id: u,
   ...p
 }) {
-  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());
+  const [f, x] = k(!1), [d, _] = k(!1), [w, g] = k({}), [y, P] = k("down"), [I, $] = k(-1), F = N(null), O = N(null), q = N(null), M = N(null), W = u || `select-${L.useId()}`, C = `${W}-label`, G = n ? `${W}-error` : void 0, H = 150, V = (j = !1) => {
+    d || (_(!0), $(-1), M.current = setTimeout(() => {
+      var l;
+      x(!1), _(!1), j && ((l = q.current) == null || l.focus());
     }, H));
   }, h = (j) => {
     clearTimeout(M.current), _(!1);
-    const c = j !== void 0 ? j : Math.max(o.findIndex((x) => x.value === t), 0);
-    g(c), b(!0);
+    const l = j !== void 0 ? j : Math.max(a.findIndex((b) => b.value === s), 0);
+    $(l), x(!0);
   };
-  D(() => () => clearTimeout(M.current), []);
+  R(() => () => clearTimeout(M.current), []);
   const v = () => {
     var X;
     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"), $(
-      K ? { bottom: c - j.top + 4, left: j.left, width: j.width } : { top: j.bottom + 4, left: j.left, width: j.width }
+    const l = window.innerHeight, b = l - j.bottom, E = j.top, K = b < 300 && E > b;
+    P(K ? "up" : "down"), g(
+      K ? { bottom: l - j.top + 4, left: j.left, width: j.width } : { top: j.bottom + 4, left: j.left, width: j.width }
     );
   };
-  D(() => {
+  R(() => {
     if (f)
       return v(), window.addEventListener("scroll", v, !0), window.addEventListener("resize", v), () => {
         window.removeEventListener("scroll", v, !0), window.removeEventListener("resize", v);
       };
-  }, [f]), D(() => {
-    const j = (c) => {
-      F.current && !F.current.contains(c.target) && O.current && !O.current.contains(c.target) && C();
+  }, [f]), R(() => {
+    const j = (l) => {
+      F.current && !F.current.contains(l.target) && O.current && !O.current.contains(l.target) && V();
     };
     return document.addEventListener("mousedown", j), () => document.removeEventListener("mousedown", j);
-  }, [d]), D(() => {
-    var c;
-    if (!f || T < 0 || !O.current) return;
-    (c = O.current.querySelectorAll(".ds-select-option")[T]) == null || c.scrollIntoView({ block: "nearest" });
-  }, [T, f]);
-  const R = (j) => {
+  }, [d]), R(() => {
+    var l;
+    if (!f || I < 0 || !O.current) return;
+    (l = O.current.querySelectorAll(".ds-select-option")[I]) == null || l.scrollIntoView({ block: "nearest" });
+  }, [I, f]);
+  const T = (j) => {
     switch (j.key) {
       case "ArrowDown":
-        j.preventDefault(), f ? g((c) => Math.min(c + 1, o.length - 1)) : h();
+        j.preventDefault(), f ? $((l) => Math.min(l + 1, a.length - 1)) : h();
         break;
       case "ArrowUp":
-        j.preventDefault(), f ? g((c) => Math.max(c - 1, 0)) : h(o.length - 1);
+        j.preventDefault(), f ? $((l) => Math.max(l - 1, 0)) : h(a.length - 1);
         break;
       case "Home":
-        f && (j.preventDefault(), g(0));
+        f && (j.preventDefault(), $(0));
         break;
       case "End":
-        f && (j.preventDefault(), g(o.length - 1));
+        f && (j.preventDefault(), $(a.length - 1));
         break;
       case "Enter":
       case " ":
-        j.preventDefault(), f ? T >= 0 && (r == null || r(o[T].value), C(!0)) : h();
+        j.preventDefault(), f ? I >= 0 && (r == null || r(a[I].value), V(!0)) : h();
         break;
       case "Escape":
-        f && (j.preventDefault(), C(!0));
+        f && (j.preventDefault(), V(!0));
         break;
       case "Tab":
-        f && C(!1);
+        f && V(!1);
         break;
     }
-  }, P = o.find((j) => j.value === t), z = l === "xs" ? S[1] : l === "small" ? S[2] : S[3], U = f && /* @__PURE__ */ e.jsx(
+  }, D = a.find((j) => j.value === s), z = c === "xs" ? A[1] : c === "small" ? A[2] : A[3], U = f && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: O,
       role: "listbox",
-      "aria-labelledby": s ? V : void 0,
+      "aria-labelledby": t ? C : void 0,
       tabIndex: -1,
       className: [
         "ds-select-dropdown",
-        `ds-select-dropdown--${l}`,
-        `ds-select-dropdown--${N}`,
+        `ds-select-dropdown--${c}`,
+        `ds-select-dropdown--${y}`,
         d && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
       style: w,
-      children: o.map((j, c) => /* @__PURE__ */ e.jsx(
+      children: a.map((j, l) => /* @__PURE__ */ e.jsx(
         "button",
         {
-          id: `${W}-opt-${c}`,
+          id: `${W}-opt-${l}`,
           type: "button",
           role: "option",
           tabIndex: -1,
-          "aria-selected": t === j.value,
+          "aria-selected": s === j.value,
           className: [
             "ds-select-option",
-            `ds-select-option--${l}`,
-            t === j.value && "ds-select-option--selected",
-            c === T && "ds-select-option--active"
+            `ds-select-option--${c}`,
+            s === j.value && "ds-select-option--selected",
+            l === I && "ds-select-option--active"
           ].filter(Boolean).join(" "),
           onClick: () => {
-            r == null || r(j.value), C(!0);
+            r == null || r(j.value), V(!0);
           },
           children: j.label
         },
@@ -544,7 +544,7 @@ 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 }),
+    t && /* @__PURE__ */ e.jsx("label", { id: C, className: "ds-select-label", children: t }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: F, children: /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -554,25 +554,25 @@ function ut({
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": f,
-        "aria-activedescendant": f && T >= 0 ? `${W}-opt-${T}` : void 0,
-        "aria-labelledby": s ? V : void 0,
+        "aria-activedescendant": f && I >= 0 ? `${W}-opt-${I}` : void 0,
+        "aria-labelledby": t ? C : void 0,
         "aria-invalid": n ? "true" : "false",
         "aria-describedby": G,
-        className: `ds-select-trigger ds-select-trigger--${l} ${n ? "ds-select-trigger--error" : ""}`,
+        className: `ds-select-trigger ds-select-trigger--${c} ${n ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          m || (f ? C() : h());
+          m || (f ? V() : h());
         },
-        onKeyDown: R,
+        onKeyDown: T,
         disabled: m,
         ...p,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: P ? "" : "ds-select-placeholder", children: (P == null ? void 0 : P.label) || a }),
+          /* @__PURE__ */ e.jsx("span", { className: D ? "" : "ds-select-placeholder", children: (D == null ? void 0 : D.label) || o }),
           /* @__PURE__ */ e.jsx(
             ne,
             {
               size: z,
               strokeWidth: 1.5,
-              className: `ds-select-icon ${f && N === "down" ? "ds-select-icon--open" : ""} ${f && N === "up" ? "ds-select-icon--up" : ""}`,
+              className: `ds-select-icon ${f && y === "down" ? "ds-select-icon--open" : ""} ${f && y === "up" ? "ds-select-icon--up" : ""}`,
               "aria-hidden": "true"
             }
           )
@@ -583,60 +583,60 @@ function ut({
     typeof document < "u" && ae.createPortal(U, document.body)
   ] });
 }
-function ft({
-  label: s,
-  value: t = 0,
+function fs({
+  label: t,
+  value: s = 0,
   onChange: r,
-  min: o = 0,
-  max: a = 100,
+  min: a = 0,
+  max: o = 100,
   step: n = 1,
   size: i = "m",
-  disabled: l = !1,
+  disabled: c = !1,
   hint: m,
   error: u,
   ...p
 }) {
   const f = () => {
-    if (l) return;
-    const N = Math.min(Number(t) + n, a);
-    r == null || r(N);
-  }, b = () => {
-    if (l) return;
-    const N = Math.max(Number(t) - n, o);
-    r == null || r(N);
-  }, d = (N) => {
-    if (l) return;
-    const B = N.target.value;
-    if (B === "") {
-      r == null || r(o);
+    if (c) return;
+    const y = Math.min(Number(s) + n, o);
+    r == null || r(y);
+  }, x = () => {
+    if (c) return;
+    const y = Math.max(Number(s) - n, a);
+    r == null || r(y);
+  }, d = (y) => {
+    if (c) return;
+    const P = y.target.value;
+    if (P === "") {
+      r == null || r(a);
       return;
     }
-    const T = Number(B);
-    if (!isNaN(T)) {
-      const g = Math.min(Math.max(T, o), a);
-      r == null || r(g);
+    const I = Number(P);
+    if (!isNaN(I)) {
+      const $ = Math.min(Math.max(I, a), o);
+      r == null || r($);
     }
   }, _ = [
     "ds-stepper-wrapper",
-    l && "ds-stepper-wrapper--disabled",
+    c && "ds-stepper-wrapper--disabled",
     u && "ds-stepper-wrapper--error"
   ].filter(Boolean).join(" "), w = [
     "ds-stepper",
     `ds-stepper--${i}`,
-    l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), $ = i === "xs" ? S[1] : i === "small" ? S[2] : S[3];
+    c && "ds-stepper--disabled"
+  ].filter(Boolean).join(" "), g = i === "xs" ? A[1] : i === "small" ? A[2] : A[3];
   return /* @__PURE__ */ e.jsxs("div", { className: _, children: [
-    s && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: s }),
+    t && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: t }),
     /* @__PURE__ */ e.jsxs("div", { className: w, children: [
       /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--minus",
-          onClick: b,
-          disabled: l || t <= o,
+          onClick: x,
+          disabled: c || s <= a,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ e.jsx($e, { size: $, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(ge, { size: g, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -644,12 +644,12 @@ function ft({
         {
           type: "number",
           className: "ds-stepper-input",
-          value: t,
+          value: s,
           onChange: d,
-          min: o,
-          max: a,
+          min: a,
+          max: o,
           step: n,
-          disabled: l,
+          disabled: c,
           ...p
         }
       ),
@@ -659,9 +659,9 @@ function ft({
           type: "button",
           className: "ds-stepper-button ds-stepper-button--plus",
           onClick: f,
-          disabled: l || t >= a,
+          disabled: c || s >= o,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ e.jsx(ge, { size: $, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx($e, { size: g, strokeWidth: 1.5 })
         }
       )
     ] }),
@@ -670,19 +670,19 @@ function ft({
   ] });
 }
 function Le({
-  children: s,
-  padding: t = "m",
+  children: t,
+  padding: s = "m",
   variant: r = "info",
-  hover: o = !1,
+  hover: a = !1,
   // deprecated, use variant="interactive"
-  onClick: a,
+  onClick: o,
   href: n,
   disabled: i = !1,
-  ...l
+  ...c
 }) {
-  const u = (o ? "interactive" : r) === "interactive" || a || n, p = [
+  const u = (a ? "interactive" : r) === "interactive" || o || n, p = [
     "ds-card",
-    `ds-card--${t}`,
+    `ds-card--${s}`,
     u && "ds-card--interactive"
   ].filter(Boolean).join(" ");
   if (n) {
@@ -691,7 +691,7 @@ function Le({
         _.preventDefault();
         return;
       }
-      _.metaKey || _.ctrlKey || _.button === 1 || (_.preventDefault(), a == null || a(_));
+      _.metaKey || _.ctrlKey || _.button === 1 || (_.preventDefault(), o == null || o(_));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
@@ -700,61 +700,61 @@ function Le({
         href: i ? void 0 : n,
         onClick: d,
         "aria-disabled": i ? "true" : void 0,
-        ...l,
-        children: s
+        ...c,
+        children: t
       }
     );
   }
-  const f = u && a ? "button" : "div", b = u && a ? {
+  const f = u && o ? "button" : "div", x = u && o ? {
     type: "button",
-    onClick: a,
+    onClick: o,
     disabled: i
   } : {};
   return /* @__PURE__ */ e.jsx(
     f,
     {
       className: p,
-      role: u && !a ? "article" : void 0,
-      ...b,
-      ...l,
-      children: s
+      role: u && !o ? "article" : void 0,
+      ...x,
+      ...c,
+      children: t
     }
   );
 }
-function mt({ children: s, ...t }) {
-  return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...t, children: s });
+function ms({ children: t, ...s }) {
+  return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...s, children: t });
 }
-function pt({ children: s, ...t }) {
-  return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...t, children: s });
+function ps({ children: t, ...s }) {
+  return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...s, children: t });
 }
-function ht({ children: s, ...t }) {
-  return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...t, children: s });
+function hs({ children: t, ...s }) {
+  return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...s, children: t });
 }
-function bt({ children: s, ...t }) {
-  return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...t, children: s });
+function xs({ children: t, ...s }) {
+  return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...s, children: t });
 }
-function xt({ children: s, secondary: t = !1, ...r }) {
-  return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${t ? "ds-p1--secondary" : ""}`, ...r, children: s });
+function bs({ children: t, secondary: s = !1, ...r }) {
+  return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${s ? "ds-p1--secondary" : ""}`, ...r, children: t });
 }
-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: t, secondary: s = !1, ...r }) {
+  return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${s ? "ds-p2--secondary" : ""}`, ...r, children: t });
 }
-function we({ children: s, secondary: t = !1, ...r }) {
-  return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${t ? "ds-p3--secondary" : ""}`, ...r, children: s });
+function we({ children: t, secondary: s = !1, ...r }) {
+  return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${s ? "ds-p3--secondary" : ""}`, ...r, children: t });
 }
 function ie({
-  children: s,
-  variant: t = "default",
+  children: t,
+  variant: s = "default",
   size: r = "m",
-  role: o,
-  ...a
+  role: a,
+  ...o
 }) {
   const n = [
     "ds-badge",
-    `ds-badge--${t}`,
+    `ds-badge--${s}`,
     `ds-badge--${r}`
-  ].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 });
+  ].filter(Boolean).join(" "), i = a || (["info", "success", "warning", "error"].includes(s) ? "status" : void 0);
+  return /* @__PURE__ */ e.jsx("span", { className: n, role: i, ...o, children: t });
 }
 const We = {
   info: me,
@@ -762,47 +762,47 @@ const We = {
   warning: ue,
   error: de
 };
-function vt({
-  children: s,
-  variant: t = "info",
+function vs({
+  children: t,
+  variant: s = "info",
   title: r,
-  onClose: o,
-  role: a,
+  onClose: a,
+  role: o,
   ...n
 }) {
-  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 }) }),
+  const i = We[s], c = o || (s === "error" ? "alert" : "status");
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-alert ds-alert--${s} ${r ? "" : "ds-alert--no-title"}`, role: c, ...n, children: [
+    i && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(i, { size: A[3], strokeWidth: 1.5 }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-alert__content", children: [
       r && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: r }),
-      s && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: s })
+      t && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: t })
     ] }),
-    o && /* @__PURE__ */ e.jsx(
+    a && /* @__PURE__ */ e.jsx(
       "button",
       {
         type: "button",
         className: "ds-alert__close",
-        onClick: o,
+        onClick: a,
         "aria-label": "Close alert",
-        children: /* @__PURE__ */ e.jsx(ee, { size: S[3], strokeWidth: 1.5 })
+        children: /* @__PURE__ */ e.jsx(ee, { size: A[3], strokeWidth: 1.5 })
       }
     )
   ] });
 }
 const ze = 200;
-function jt({
-  children: s,
-  title: t,
+function js({
+  children: t,
+  title: s,
   onClose: r,
-  size: o = "m",
-  ...a
+  size: a = "m",
+  ...o
 }) {
-  const n = E(null), i = L.useId(), [l, m] = k(!1), u = () => {
-    !r || l || (m(!0), setTimeout(() => {
+  const n = N(null), i = L.useId(), [c, m] = k(!1), u = () => {
+    !r || c || (m(!0), setTimeout(() => {
       m(!1), r();
     }, ze));
   };
-  D(() => {
+  R(() => {
     const d = (w) => {
       w.key === "Escape" && u();
     }, _ = (w) => {
@@ -811,71 +811,71 @@ function jt({
     return document.addEventListener("keydown", d), document.addEventListener("mousedown", _), () => {
       document.removeEventListener("keydown", d), document.removeEventListener("mousedown", _);
     };
-  }, [r, l]);
-  const p = L.Children.toArray(s), f = p.find((d) => (d == null ? void 0 : d.type) === be), b = p.filter((d) => (d == null ? void 0 : d.type) !== be);
-  return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", l && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...a, children: /* @__PURE__ */ e.jsxs(
+  }, [r, c]);
+  const p = L.Children.toArray(t), f = p.find((d) => (d == null ? void 0 : d.type) === xe), x = p.filter((d) => (d == null ? void 0 : d.type) !== xe);
+  return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", c && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...o, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: `ds-modal ds-modal--${o}`,
+      className: `ds-modal ds-modal--${a}`,
       ref: n,
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": t ? i : void 0,
+      "aria-labelledby": s ? i : void 0,
       children: [
-        (t || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
-          t && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-modal__title", children: t }),
+        (s || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
+          s && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-modal__title", children: s }),
           r && /* @__PURE__ */ e.jsx(
             _e,
             {
               variant: "ghost",
               size: "small",
-              icon: /* @__PURE__ */ e.jsx(ee, { size: S[2], strokeWidth: 1.5 }),
+              icon: /* @__PURE__ */ e.jsx(ee, { size: A[2], strokeWidth: 1.5 }),
               onClick: u,
               "aria-label": "Close modal"
             }
           )
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body", children: b }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body", children: x }),
         f
       ]
     }
   ) });
 }
-function be({ children: s }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: s });
+function xe({ children: t }) {
+  return /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: t });
 }
 function Fe({
-  children: s,
-  title: t = "Code",
+  children: t,
+  title: s = "Code",
   defaultExpanded: r = !1,
-  expanded: o,
-  onToggle: a,
+  expanded: a,
+  onToggle: o,
   padding: n = "s",
   className: i = "",
-  ...l
+  ...c
 }) {
-  const [m, u] = k(r), p = o !== void 0, f = p ? o : m, b = () => {
-    p ? a == null || a(!o) : u((_) => !_);
+  const [m, u] = k(r), p = a !== void 0, f = p ? a : m, x = () => {
+    p ? o == null || o(!a) : u((_) => !_);
   }, d = [
     "ds-code-accordion",
     `ds-code-accordion--${n}`,
     f && "ds-code-accordion--expanded",
     i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: d, ...l, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: d, ...c, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         className: "ds-code-accordion__header",
-        onClick: b,
+        onClick: x,
         "aria-expanded": f,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: t }),
+          /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: s }),
           /* @__PURE__ */ e.jsx(
             ne,
             {
-              size: S[2],
+              size: A[2],
               strokeWidth: 1.5,
               className: `ds-code-accordion__icon ${f ? "ds-code-accordion__icon--expanded" : ""}`
             }
@@ -883,43 +883,43 @@ function Fe({
         ]
       }
     ),
-    /* @__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 }) }) }) })
+    /* @__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: t }) }) }) })
   ] });
 }
-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 _s({ children: t, block: s = !1, collapsible: r = !1, title: a = "Code", defaultExpanded: o = !1, ...n }) {
+  return s ? r ? /* @__PURE__ */ e.jsx(Fe, { title: a, defaultExpanded: o, ...n, children: t }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block", ...n, children: /* @__PURE__ */ e.jsx("code", { children: t }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...n, children: t });
 }
-function wt({ href: s, children: t, onClick: r, target: o, rel: a, ...n }) {
-  const l = o === "_blank" ? a ? `${a} noopener noreferrer` : "noopener noreferrer" : a;
+function ws({ href: t, children: s, onClick: r, target: a, rel: o, ...n }) {
+  const c = a === "_blank" ? o ? `${o} noopener noreferrer` : "noopener noreferrer" : o;
   return /* @__PURE__ */ e.jsx(
     "a",
     {
-      href: s,
+      href: t,
       className: "ds-link",
       onClick: r,
-      target: o,
-      rel: l,
+      target: a,
+      rel: c,
       ...n,
-      children: t
+      children: s
     }
   );
 }
-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 Ns({ children: t, size: s = "m", variant: r = "ghost", ...a }) {
+  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...a, children: L.Children.map(t, (o) => L.isValidElement(o) ? L.cloneElement(o, { size: s, variant: r }) : o) });
 }
-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 = [
+function ys({ children: t, selected: s = !1, onClick: r, size: a = "m", variant: o = "ghost", disabled: n = !1, icon: i, href: c, ...m }) {
+  const u = i && !t, p = [
     "ds-tab",
-    `ds-tab--${o}`,
     `ds-tab--${a}`,
-    t && "ds-tab--selected",
+    `ds-tab--${o}`,
+    s && "ds-tab--selected",
     u && "ds-tab--icon-only"
   ].filter(Boolean).join(" "), f = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     i && /* @__PURE__ */ e.jsx("span", { className: "ds-tab-icon", children: i }),
-    s
+    t
   ] });
-  if (l) {
-    const b = (d) => {
+  if (c) {
+    const x = (d) => {
       if (n) {
         d.preventDefault();
         return;
@@ -930,11 +930,11 @@ function yt({ children: s, selected: t = !1, onClick: r, size: o = "m", variant:
       "a",
       {
         role: "tab",
-        "aria-current": t ? "page" : void 0,
+        "aria-current": s ? "page" : void 0,
         "aria-disabled": n ? "true" : void 0,
         className: p,
-        href: n ? void 0 : l,
-        onClick: b,
+        href: n ? void 0 : c,
+        onClick: x,
         ...m,
         children: f
       }
@@ -944,7 +944,7 @@ function yt({ children: s, selected: t = !1, onClick: r, size: o = "m", variant:
     "button",
     {
       role: "tab",
-      "aria-selected": t,
+      "aria-selected": s,
       className: p,
       onClick: r,
       disabled: n,
@@ -953,24 +953,24 @@ 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), b = () => {
+function Es({ options: t, value: s, onChange: r, size: a = "m", disabled: o = !1 }) {
+  const n = N(null), i = N(null), [c, m] = k(!1), u = N(!1), p = N(null), f = N(null), x = () => {
     if (!n.current) return;
-    const d = n.current.querySelector(`[data-value="${t}"]`);
+    const d = n.current.querySelector(`[data-value="${s}"]`);
     if (!d) return;
-    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(() => {
+    const _ = n.current.getBoundingClientRect(), w = d.getBoundingClientRect(), g = w.left - _.left, y = 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 = y + "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(), g = B.getBoundingClientRect();
-      i.current.style.transition = "none", i.current.style.left = g.left - T.left + "px", i.current.style.width = g.width + "px";
+      const P = n.current.querySelector(`[data-value="${s}"]`);
+      if (!P) return;
+      const I = n.current.getBoundingClientRect(), $ = P.getBoundingClientRect();
+      i.current.style.transition = "none", i.current.style.left = $.left - I.left + "px", i.current.style.width = $.width + "px";
     }));
   };
-  return f.current = b, ke(() => {
-    const d = p.current !== t;
-    p.current = t, u.current = l && d, b();
-  }), D(() => {
+  return f.current = x, Ee(() => {
+    const d = p.current !== s;
+    p.current = s, u.current = c && d, x();
+  }), R(() => {
     if (!n.current) return;
     const d = new ResizeObserver(() => {
       u.current = !1, f.current();
@@ -981,13 +981,13 @@ function kt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1
     {
       className: [
         "ds-seg",
-        `ds-seg--${o}`,
-        a && "ds-seg--disabled"
+        `ds-seg--${a}`,
+        o && "ds-seg--disabled"
       ].filter(Boolean).join(" "),
       ref: n,
       role: "group",
       children: [
-        l && /* @__PURE__ */ e.jsx(
+        c && /* @__PURE__ */ e.jsx(
           "div",
           {
             ref: i,
@@ -995,15 +995,15 @@ function kt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1
             "aria-hidden": "true"
           }
         ),
-        s.map((d) => /* @__PURE__ */ e.jsxs(
+        t.map((d) => /* @__PURE__ */ e.jsxs(
           "button",
           {
             type: "button",
             "data-value": d.value,
-            className: ["ds-seg__btn", t === d.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
-            onClick: () => !a && r(d.value),
-            "aria-pressed": t === d.value,
-            disabled: a,
+            className: ["ds-seg__btn", s === d.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
+            onClick: () => !o && r(d.value),
+            "aria-pressed": s === d.value,
+            disabled: o,
             children: [
               d.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: d.icon }),
               d.label
@@ -1015,23 +1015,23 @@ function kt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1
     }
   );
 }
-function Ce({
-  children: s,
-  title: t,
+function Ve({
+  children: t,
+  title: s,
   defaultExpanded: r = !1,
-  expanded: o,
-  onToggle: a,
+  expanded: a,
+  onToggle: o,
   padding: n = "m",
   ...i
 }) {
-  const [l, m] = k(r), u = o !== void 0, p = u ? o : l, f = () => {
-    u ? a == null || a(!o) : m((d) => !d);
-  }, b = [
+  const [c, m] = k(r), u = a !== void 0, p = u ? a : c, f = () => {
+    u ? o == null || o(!a) : m((d) => !d);
+  }, x = [
     "ds-accordion",
     `ds-accordion--${n}`,
     p && "ds-accordion--expanded"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: b, ...i, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: x, ...i, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -1040,11 +1040,11 @@ function Ce({
         onClick: f,
         "aria-expanded": p,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: "ds-accordion__title", children: t }),
+          /* @__PURE__ */ e.jsx("span", { className: "ds-accordion__title", children: s }),
           /* @__PURE__ */ e.jsx(
             ne,
             {
-              size: S[2],
+              size: A[2],
               strokeWidth: 1.5,
               className: `ds-accordion__icon ${p ? "ds-accordion__icon--expanded" : ""}`
             }
@@ -1052,75 +1052,75 @@ function Ce({
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-inner", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-body", children: s }) }) })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-inner", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-body", children: t }) }) })
   ] });
 }
 const Y = 8, Z = 8;
-function Ve(s, t, r) {
-  const o = window.innerWidth;
-  let a, n;
-  switch (s) {
+function Ce(t, s, r) {
+  const a = window.innerWidth;
+  let o, n;
+  switch (t) {
     case "top":
-      a = t.top - r.height - Y, n = t.left + t.width / 2 - r.width / 2;
+      o = s.top - r.height - Y, n = s.left + s.width / 2 - r.width / 2;
       break;
     case "bottom":
-      a = t.bottom + Y, n = t.left + t.width / 2 - r.width / 2;
+      o = s.bottom + Y, n = s.left + s.width / 2 - r.width / 2;
       break;
     case "left":
-      a = t.top + t.height / 2 - r.height / 2, n = t.left - r.width - Y;
+      o = s.top + s.height / 2 - r.height / 2, n = s.left - r.width - Y;
       break;
     case "right":
-      a = t.top + t.height / 2 - r.height / 2, n = t.right + Y;
+      o = s.top + s.height / 2 - r.height / 2, n = s.right + Y;
       break;
     default:
-      a = t.bottom + Y, n = t.left;
+      o = s.bottom + Y, n = s.left;
   }
-  const i = Math.max(Z, Math.min(o - r.width - Z, n)), l = n - i;
-  return { top: a, left: i, arrowOffset: l };
-}
-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";
-  if (o - s.right >= r + Y + Z) return "right";
-  if (s.left >= r + Y + Z) return "left";
-  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 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 = () => {
+  const i = Math.max(Z, Math.min(a - r.width - Z, n)), c = n - i;
+  return { top: o, left: i, arrowOffset: c };
+}
+function Ue(t, s, r) {
+  const a = window.innerWidth, o = window.innerHeight;
+  if (t.top >= s + Y + Z) return "top";
+  if (o - t.bottom >= s + Y + Z) return "bottom";
+  if (a - t.right >= r + Y + Z) return "right";
+  if (t.left >= r + Y + Z) return "left";
+  const n = Math.max(t.top, o - t.bottom, t.left, a - t.right);
+  return n === t.top ? "top" : n === o - t.bottom ? "bottom" : n === a - t.right ? "right" : "left";
+}
+function ks({ children: t, content: s, position: r, ...a }) {
+  const [o, n] = k(!1), [i, c] = k({ visibility: "hidden" }), [m, u] = k(r || "top"), p = N(null), f = N(null), x = N(!1), d = () => {
     if (!p.current || !f.current) return;
-    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({
+    const w = p.current.getBoundingClientRect(), g = f.current.getBoundingClientRect(), y = r || Ue(w, g.height, g.width), { top: P, left: I, arrowOffset: $ } = Ce(y, w, g);
+    u(y), c({
       position: "fixed",
-      top: B,
-      left: T,
+      top: P,
+      left: I,
       visibility: "visible",
-      "--arrow-offset": `${g}px`
+      "--arrow-offset": `${$}px`
     });
   };
-  if (D(() => {
-    if (!a) return;
-    l({ position: "fixed", visibility: "hidden" });
+  if (R(() => {
+    if (!o) return;
+    c({ position: "fixed", visibility: "hidden" });
     const w = requestAnimationFrame(d);
     return window.addEventListener("scroll", d, !0), window.addEventListener("resize", d), () => {
       cancelAnimationFrame(w), window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
     };
-  }, [a, r]), D(() => {
-    if (!a) return;
-    const w = ($) => {
-      p.current && !p.current.contains($.target) && n(!1);
+  }, [o, r]), R(() => {
+    if (!o) return;
+    const w = (g) => {
+      p.current && !p.current.contains(g.target) && n(!1);
     };
     return document.addEventListener("touchstart", w), () => document.removeEventListener("touchstart", w);
-  }, [a]), !t) return s;
-  const _ = a && /* @__PURE__ */ e.jsx(
+  }, [o]), !s) return t;
+  const _ = o && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: f,
       className: `ds-tooltip ds-tooltip--${m}`,
       role: "tooltip",
       style: i,
-      children: t
+      children: s
     }
   );
   return /* @__PURE__ */ e.jsxs(
@@ -1129,81 +1129,81 @@ function Et({ children: s, content: t, position: r, ...o }) {
       ref: p,
       className: "ds-tooltip-wrapper",
       onMouseEnter: () => {
-        b.current || n(!0);
+        x.current || n(!0);
       },
       onMouseLeave: () => {
-        b.current || n(!1);
+        x.current || n(!1);
       },
       onTouchStart: () => {
-        b.current = !0, n((w) => !w);
+        x.current = !0, n((w) => !w);
       },
-      ...o,
+      ...a,
       children: [
-        s,
+        t,
         typeof document < "u" && ae.createPortal(_, document.body)
       ]
     }
   );
 }
-function $t({
-  checked: s = !1,
-  onChange: t,
+function gs({
+  checked: t = !1,
+  onChange: s,
   size: r = "m",
-  disabled: o = !1,
-  label: a,
+  disabled: a = !1,
+  label: o,
   id: n,
   ...i
 }) {
-  const l = n || `toggle-${L.useId()}`, m = [
+  const c = n || `toggle-${L.useId()}`, m = [
     "ds-toggle",
     `ds-toggle--${r}`,
-    o && "ds-toggle--disabled"
+    a && "ds-toggle--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: l, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: c, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "checkbox",
-        id: l,
+        id: c,
         className: "ds-toggle__input",
-        checked: s,
-        onChange: (u) => t == null ? void 0 : t(u.target.checked),
-        disabled: o,
+        checked: t,
+        onChange: (u) => s == null ? void 0 : s(u.target.checked),
+        disabled: a,
         ...i
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__track", children: /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__thumb" }) }),
-    a && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: a })
+    o && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: o })
   ] });
 }
-function gt({
-  checked: s = !1,
-  onChange: t,
+function $s({
+  checked: t = !1,
+  onChange: s,
   size: r = "m",
-  disabled: o = !1,
-  label: a,
+  disabled: a = !1,
+  label: o,
   id: n,
   ...i
 }) {
-  const l = n || `checkbox-${L.useId()}`, m = [
+  const c = n || `checkbox-${L.useId()}`, m = [
     "ds-checkbox",
     `ds-checkbox--${r}`,
-    o && "ds-checkbox--disabled"
+    a && "ds-checkbox--disabled"
   ].filter(Boolean).join(" "), u = r === "xs" ? 10 : r === "small" ? 14 : r === "large" ? 20 : 16;
-  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: l, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: c, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "checkbox",
-        id: l,
+        id: c,
         className: "ds-checkbox__input",
-        checked: s,
-        onChange: (p) => t == null ? void 0 : t(p.target.checked),
-        disabled: o,
+        checked: t,
+        onChange: (p) => s == null ? void 0 : s(p.target.checked),
+        disabled: a,
         ...i
       }
     ),
-    /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: s && /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: t && /* @__PURE__ */ e.jsx(
       re,
       {
         size: u,
@@ -1211,24 +1211,24 @@ function gt({
         className: "ds-checkbox__icon"
       }
     ) }),
-    a && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: a })
+    o && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: o })
   ] });
 }
-function Rt({
-  checked: s = !1,
-  onChange: t,
+function Ts({
+  checked: t = !1,
+  onChange: s,
   size: r = "m",
-  disabled: o = !1,
-  label: a,
+  disabled: a = !1,
+  label: o,
   name: n,
   value: i,
-  id: l,
+  id: c,
   ...m
 }) {
-  const u = l || `radio-${L.useId()}`, p = [
+  const u = c || `radio-${L.useId()}`, p = [
     "ds-radio",
     `ds-radio--${r}`,
-    o && "ds-radio--disabled"
+    a && "ds-radio--disabled"
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e.jsxs("label", { className: p, htmlFor: u, children: [
     /* @__PURE__ */ e.jsx(
@@ -1237,131 +1237,131 @@ function Rt({
         type: "radio",
         id: u,
         className: "ds-radio__input",
-        checked: s,
-        onChange: (f) => t == null ? void 0 : t(f.target.checked),
-        disabled: o,
+        checked: t,
+        onChange: (f) => s == null ? void 0 : s(f.target.checked),
+        disabled: a,
         name: n,
         value: i,
         ...m
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-radio__circle", children: /* @__PURE__ */ e.jsx("span", { className: "ds-radio__dot" }) }),
-    a && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: a })
+    o && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: o })
   ] });
 }
-function Ye({ width: s, height: t, shape: r = "rect", aspectRatio: o, className: a = "", style: n = {}, ...i }) {
+function Ye({ width: t, height: s, shape: r = "rect", aspectRatio: a, className: o = "", style: n = {}, ...i }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: ["ds-skeleton", `ds-skeleton--${r}`, a].filter(Boolean).join(" "),
-      style: { width: s, height: t, aspectRatio: o, ...n },
+      className: ["ds-skeleton", `ds-skeleton--${r}`, o].filter(Boolean).join(" "),
+      style: { width: t, height: s, aspectRatio: a, ...n },
       "aria-hidden": "true",
       ...i
     }
   );
 }
-function qe({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: o = "", style: a = {}, ...n }) {
+function qe({ lines: t = 1, lastLineWidth: s = "70%", gap: r, className: a = "", style: o = {}, ...n }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: ["ds-skeleton-text", o].filter(Boolean).join(" "),
-      style: { gap: r, ...a },
+      className: ["ds-skeleton-text", a].filter(Boolean).join(" "),
+      style: { gap: r, ...o },
       "aria-hidden": "true",
       ...n,
-      children: Array.from({ length: s }, (i, l) => /* @__PURE__ */ e.jsx(
+      children: Array.from({ length: t }, (i, c) => /* @__PURE__ */ e.jsx(
         "span",
         {
           className: "ds-skeleton ds-skeleton--text",
-          style: l === s - 1 && s > 1 ? { width: t } : void 0
+          style: c === t - 1 && t > 1 ? { width: s } : void 0
         },
-        l
+        c
       ))
     }
   );
 }
 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 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 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) });
+function He(t) {
+  let s = 2166136261;
+  for (let r = 0; r < t.length; r++)
+    s ^= t.charCodeAt(r), s = Math.imul(s, 16777619) >>> 0;
+  return s % 360;
+}
+function Ke(t) {
+  if (!t) return "";
+  const s = t.trim().split(/\s+/);
+  return s.length >= 2 ? (s[0][0] + s[1][0]).toUpperCase() : t[0].toUpperCase();
+}
+function Rs({ seed: t, icon: s, src: r, size: a = 32, className: o = "", style: n = {}, ...i }) {
+  const c = He(t ?? ""), [m, u] = k(!1), p = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: Ke(t) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-avatar", a].filter(Boolean).join(" "),
-      style: { width: o, height: o, "--ds-avatar-h": l, ...n },
+      className: ["ds-avatar", o].filter(Boolean).join(" "),
+      style: { width: a, height: a, "--ds-avatar-h": c, ...n },
       "aria-hidden": "true",
       ...i,
       children: r && !m ? /* @__PURE__ */ e.jsx("img", { src: r, alt: "", onError: () => u(!0) }) : p
     }
   );
 }
-function It({
-  children: s,
-  size: t = "compact",
+function Is({
+  children: t,
+  size: s = "compact",
   stickyTop: r,
-  maxHeight: o,
-  className: a = "",
+  maxHeight: a,
+  className: o = "",
   style: n = {},
   ...i
 }) {
-  const l = {
-    ...o ? { maxHeight: o } : {},
+  const c = {
+    ...a ? { maxHeight: a } : {},
     ...r !== void 0 ? { "--ds-table-sticky-top": typeof r == "number" ? `${r}px` : r } : {},
     ...n
   };
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-table-wrap", o ? "ds-table-wrap--scroll" : ""].filter(Boolean).join(" "),
-      style: l,
+      className: ["ds-table-wrap", a ? "ds-table-wrap--scroll" : ""].filter(Boolean).join(" "),
+      style: c,
       children: /* @__PURE__ */ e.jsx(
         "table",
         {
-          className: ["ds-table", `ds-table--${t}`, a].filter(Boolean).join(" "),
+          className: ["ds-table", `ds-table--${s}`, o].filter(Boolean).join(" "),
           ...i,
-          children: s
+          children: t
         }
       )
     }
   );
 }
-function St({ children: s, ...t }) {
-  return /* @__PURE__ */ e.jsx("thead", { ...t, children: s });
+function Ss({ children: t, ...s }) {
+  return /* @__PURE__ */ e.jsx("thead", { ...s, children: t });
 }
-function At({ children: s, ...t }) {
-  return /* @__PURE__ */ e.jsx("tbody", { ...t, children: s });
+function As({ children: t, ...s }) {
+  return /* @__PURE__ */ e.jsx("tbody", { ...s, children: t });
 }
-function Dt({ children: s, interactive: t, selected: r, subheader: o, className: a = "", onClick: n, ...i }) {
+function Bs({ children: t, interactive: s, selected: r, subheader: a, className: o = "", onClick: n, ...i }) {
   return /* @__PURE__ */ e.jsx(
     "tr",
     {
       className: [
         "ds-table-row",
-        t || n ? "ds-table-row--interactive" : "",
+        s || n ? "ds-table-row--interactive" : "",
         r ? "ds-table-row--selected" : "",
-        o ? "ds-table-row--subheader" : "",
-        a
+        a ? "ds-table-row--subheader" : "",
+        o
       ].filter(Boolean).join(" "),
       onClick: n,
       ...i,
-      children: s
+      children: t
     }
   );
 }
-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 Ds({ children: t, colSpan: s = 999, ...r }) {
+  return /* @__PURE__ */ e.jsx("tr", { className: "ds-table-row ds-table-row--subheader", ...r, children: /* @__PURE__ */ e.jsx("td", { colSpan: s, children: t }) });
 }
-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;
+function Ps({ children: t, align: s = "left", sortDir: r, onSort: a, width: o, className: n = "", style: i = {}, ...c }) {
+  const m = !!a || r !== void 0, u = r === "asc" ? Te : r === "desc" ? ne : Re;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
@@ -1369,160 +1369,160 @@ function Bt({ children: s, align: t = "left", sortDir: r, onSort: o, width: a, c
         "ds-th",
         m ? "ds-th--sortable" : "",
         r ? "ds-th--sorted" : "",
-        t !== "left" ? `ds-table-cell--${t}` : "",
+        s !== "left" ? `ds-table-cell--${s}` : "",
         n
       ].filter(Boolean).join(" "),
-      onClick: o,
-      style: { width: a, ...i },
-      ...l,
+      onClick: a,
+      style: { width: o, ...i },
+      ...c,
       children: m ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
-        s,
+        t,
         /* @__PURE__ */ e.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ e.jsx(u, { size: 11, strokeWidth: 2.5 }) })
-      ] }) : s
+      ] }) : t
     }
   );
 }
-function Ot({ children: s, align: t = "left", secondary: r, muted: o, truncate: a, nowrap: n, className: i = "", ...l }) {
+function Os({ children: t, align: s = "left", secondary: r, muted: a, truncate: o, nowrap: n, className: i = "", ...c }) {
   return /* @__PURE__ */ e.jsx(
     "td",
     {
       className: [
         "ds-td",
-        t !== "left" ? `ds-table-cell--${t}` : "",
+        s !== "left" ? `ds-table-cell--${s}` : "",
         r ? "ds-table-cell--secondary" : "",
-        o ? "ds-table-cell--muted" : "",
-        a ? "ds-table-cell--truncate" : "",
+        a ? "ds-table-cell--muted" : "",
+        o ? "ds-table-cell--truncate" : "",
         n ? "ds-table-cell--nowrap" : "",
         i
       ].filter(Boolean).join(" "),
-      ...l,
-      children: s
+      ...c,
+      children: t
     }
   );
 }
-function Lt({
-  icon: s,
-  title: t,
+function Ls({
+  icon: t,
+  title: s,
   description: r,
-  action: o,
-  size: a = "m",
+  action: a,
+  size: o = "m",
   className: n = "",
   ...i
 }) {
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: ["ds-empty-state", `ds-empty-state--${a}`, n].filter(Boolean).join(" "),
+      className: ["ds-empty-state", `ds-empty-state--${o}`, n].filter(Boolean).join(" "),
       ...i,
       children: [
-        s && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__icon", children: s }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__title", children: t }),
+        t && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__icon", children: t }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__title", children: s }),
         r && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__description", children: r }),
-        o && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__action", children: o })
+        a && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__action", children: a })
       ]
     }
   );
 }
-function Mt({
-  label: s,
-  hint: t,
+function Ms({
+  label: t,
+  hint: s,
   error: r,
-  required: o = !1,
-  disabled: a = !1,
+  required: a = !1,
+  disabled: o = !1,
   htmlFor: n,
   children: i,
-  className: l = "",
+  className: c = "",
   style: m,
   ...u
 }) {
-  const p = L.useId(), f = n ?? p, b = `${f}-hint`, d = `${f}-error`;
+  const p = L.useId(), f = n ?? p, x = `${f}-hint`, d = `${f}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: `ds-field${l ? ` ${l}` : ""}`,
+      className: `ds-field${c ? ` ${c}` : ""}`,
       "data-state": r ? "error" : void 0,
-      "data-required": o ? "" : void 0,
-      "data-disabled": a ? "" : void 0,
+      "data-required": a ? "" : void 0,
+      "data-disabled": o ? "" : void 0,
       style: m,
       ...u,
       children: [
-        s && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: f, children: s }),
+        t && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: f, children: t }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-field-control", children: i }),
-        t && !r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: b, children: t }),
+        s && !r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: x, children: s }),
         r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: d, role: "alert", children: r })
       ]
     }
   );
 }
-function Wt({ label: s, value: t, delta: r, size: o = "m", inline: a = !1, className: n = "", style: i, ...l }) {
+function Ws({ label: t, value: s, delta: r, size: a = "m", inline: o = !1, className: n = "", style: i, ...c }) {
   const m = r != null && r.startsWith("+") ? "up" : r != null && r.startsWith("-") ? "down" : "neutral";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-stat",
-        `ds-stat--${o}`,
-        a && "ds-stat--inline",
+        `ds-stat--${a}`,
+        o && "ds-stat--inline",
         n
       ].filter(Boolean).join(" "),
       style: i,
-      ...l,
+      ...c,
       children: [
-        s && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-label", children: s }),
-        t != null && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-value", children: t }),
+        t && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-label", children: t }),
+        s != null && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-value", children: s }),
         r != null && /* @__PURE__ */ e.jsx("span", { className: `ds-stat-delta ds-stat-delta--${m}`, children: r })
       ]
     }
   );
 }
-function zt({
-  children: s,
-  separator: t = "/",
+function zs({
+  children: t,
+  separator: s = "/",
   "aria-label": r = "Breadcrumb",
-  className: o = "",
-  style: a,
+  className: a = "",
+  style: o,
   ...n
 }) {
-  const i = L.Children.toArray(s).filter(Boolean);
+  const i = L.Children.toArray(t).filter(Boolean);
   return /* @__PURE__ */ e.jsx(
     "nav",
     {
-      className: `ds-breadcrumb${o ? ` ${o}` : ""}`,
+      className: `ds-breadcrumb${a ? ` ${a}` : ""}`,
       "aria-label": r,
-      style: a,
+      style: o,
       ...n,
-      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: i.map((l, m) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
-        l,
-        m < i.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: t })
+      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: i.map((c, m) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
+        c,
+        m < i.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: s })
       ] }, m)) })
     }
   );
 }
-function Ft({
-  page: s,
-  total: t,
+function Fs({
+  page: t,
+  total: s,
   onChange: r,
-  siblings: o = 1,
-  "aria-label": a = "Pagination",
+  siblings: a = 1,
+  "aria-label": o = "Pagination",
   className: n = "",
   style: i,
-  ...l
+  ...c
 }) {
-  const m = Ge(s, t, o);
+  const m = Ge(t, s, a);
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
       className: `ds-pagination${n ? ` ${n}` : ""}`,
-      "aria-label": a,
+      "aria-label": o,
       style: i,
-      ...l,
+      ...c,
       children: [
         /* @__PURE__ */ e.jsx(
           "button",
           {
             className: "ds-pagination-arrow",
-            onClick: () => r == null ? void 0 : r(s - 1),
-            disabled: s <= 1,
+            onClick: () => r == null ? void 0 : r(t - 1),
+            disabled: t <= 1,
             "aria-label": "Previous page",
             children: /* @__PURE__ */ e.jsx(Ie, { size: 16 })
           }
@@ -1531,9 +1531,9 @@ function Ft({
           (u, p) => u === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${p}`) : /* @__PURE__ */ e.jsx(
             "button",
             {
-              className: `ds-pagination-page${u === s ? " ds-pagination-page--current" : ""}`,
-              onClick: () => u !== s && (r == null ? void 0 : r(u)),
-              "aria-current": u === s ? "page" : void 0,
+              className: `ds-pagination-page${u === t ? " ds-pagination-page--current" : ""}`,
+              onClick: () => u !== t && (r == null ? void 0 : r(u)),
+              "aria-current": u === t ? "page" : void 0,
               "aria-label": `Page ${u}`,
               children: u
             },
@@ -1544,8 +1544,8 @@ function Ft({
           "button",
           {
             className: "ds-pagination-arrow",
-            onClick: () => r == null ? void 0 : r(s + 1),
-            disabled: s >= t,
+            onClick: () => r == null ? void 0 : r(t + 1),
+            disabled: t >= s,
             "aria-label": "Next page",
             children: /* @__PURE__ */ e.jsx(je, { size: 16 })
           }
@@ -1554,27 +1554,27 @@ function Ft({
     }
   );
 }
-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;
+function Ge(t, s, r) {
+  if (s <= 7) return Array.from({ length: s }, (i, c) => c + 1);
+  const a = Math.max(2, t - r), o = Math.min(s - 1, t + r), n = [1];
+  a > 2 && n.push("…");
+  for (let i = a; i <= o; i++) n.push(i);
+  return o < s - 1 && n.push("…"), n.push(s), n;
 }
 const Xe = 200;
-function Ct({
-  children: s,
-  title: t,
+function Vs({
+  children: t,
+  title: s,
   onClose: r,
-  side: o = "right",
-  ...a
+  side: a = "right",
+  ...o
 }) {
-  const n = E(null), i = L.useId(), [l, m] = k(!1), u = () => {
-    !r || l || (m(!0), setTimeout(() => {
+  const n = N(null), i = L.useId(), [c, m] = k(!1), u = () => {
+    !r || c || (m(!0), setTimeout(() => {
       m(!1), r();
     }, Xe));
   };
-  D(() => {
+  R(() => {
     const d = (w) => {
       w.key === "Escape" && u();
     }, _ = (w) => {
@@ -1583,28 +1583,28 @@ function Ct({
     return document.addEventListener("keydown", d), document.addEventListener("mousedown", _), () => {
       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), b = p.filter((d) => (d == null ? void 0 : d.type) !== xe);
+  }, [r, c]);
+  const p = L.Children.toArray(t), f = p.find((d) => (d == null ? void 0 : d.type) === be), x = p.filter((d) => (d == null ? void 0 : d.type) !== be);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-drawer-overlay", l && "ds-drawer-overlay--closing"].filter(Boolean).join(" "),
-      ...a,
+      className: ["ds-drawer-overlay", c && "ds-drawer-overlay--closing"].filter(Boolean).join(" "),
+      ...o,
       children: /* @__PURE__ */ e.jsxs(
         "aside",
         {
-          className: ["ds-drawer", l && "ds-drawer--closing"].filter(Boolean).join(" "),
-          "data-side": o,
+          className: ["ds-drawer", c && "ds-drawer--closing"].filter(Boolean).join(" "),
+          "data-side": a,
           ref: n,
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": t ? i : void 0,
+          "aria-labelledby": s ? i : void 0,
           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: S[2], strokeWidth: 1.5 }) })
+              s && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-drawer-title", children: s }),
+              r && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: u, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(ee, { size: A[2], strokeWidth: 1.5 }) })
             ] }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body", children: b }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body", children: x }),
             f
           ]
         }
@@ -1612,8 +1612,8 @@ function Ct({
     }
   );
 }
-function xe({ children: s }) {
-  return /* @__PURE__ */ e.jsx("footer", { className: "ds-drawer-footer", children: s });
+function be({ children: t }) {
+  return /* @__PURE__ */ e.jsx("footer", { className: "ds-drawer-footer", children: t });
 }
 const Je = {
   info: me,
@@ -1621,131 +1621,131 @@ const Je = {
   warning: ue,
   error: de
 };
-function Vt({
-  children: s,
-  variant: t = "info",
+function Cs({
+  children: t,
+  variant: s = "info",
   action: r,
-  onAction: o,
-  onDismiss: a,
+  onAction: a,
+  onDismiss: o,
   role: n,
   ...i
 }) {
-  const l = Je[t], m = n || (t === "error" ? "alert" : "status");
+  const c = Je[s], m = n || (s === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: `ds-banner ds-banner--${t}`,
+      className: `ds-banner ds-banner--${s}`,
       role: m,
       ...i,
       children: [
-        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 }),
+        c && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(c, { size: A[2], strokeWidth: 1.5 }) }),
+        /* @__PURE__ */ e.jsx("span", { className: "ds-banner-text", children: t }),
         r && /* @__PURE__ */ e.jsx(
           "button",
           {
             type: "button",
             className: "ds-banner-action",
-            onClick: o,
+            onClick: a,
             children: r
           }
         ),
-        a && /* @__PURE__ */ e.jsx(
+        o && /* @__PURE__ */ e.jsx(
           "button",
           {
             type: "button",
             className: "ds-banner-dismiss",
-            onClick: a,
+            onClick: o,
             "aria-label": "Dismiss",
-            children: /* @__PURE__ */ e.jsx(ee, { size: S[2], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ee, { size: A[2], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function Ut({
-  trigger: s,
-  items: t = [],
+function Us({
+  trigger: t,
+  items: s = [],
   open: r,
-  onOpenChange: o,
-  align: a = "left",
+  onOpenChange: a,
+  align: o = "left",
   className: n = "",
   style: i,
-  ...l
+  ...c
 }) {
-  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);
+  const [m, u] = k(!1), [p, f] = k(!1), x = r !== void 0, d = x ? r : m, _ = N(null), w = N(null), g = N(null), y = N(null), [P, I] = k({}), $ = N(null), F = 150, O = () => {
+    if (x)
+      a == null || a(!1);
     else {
       if (p) return;
-      f(!0), g.current = setTimeout(() => {
+      f(!0), $.current = setTimeout(() => {
         u(!1), f(!1);
       }, F);
     }
   }, q = () => {
     const h = !d;
-    b ? o == null || o(h) : h ? (clearTimeout(g.current), f(!1), u(!0)) : O();
+    x ? a == null || a(h) : h ? (clearTimeout($.current), f(!1), u(!0)) : O();
   }, M = () => {
-    d || (b ? o == null || o(!0) : (clearTimeout(g.current), f(!1), u(!0)));
+    d || (x ? a == null || a(!0) : (clearTimeout($.current), f(!1), u(!0)));
   };
-  D(() => () => clearTimeout(g.current), []), D(() => {
+  R(() => () => clearTimeout($.current), []), R(() => {
     if (!d) return;
     const h = () => {
-      var R;
-      const v = (R = _.current) == null ? void 0 : R.getBoundingClientRect();
-      v && T(
-        a === "right" ? { top: v.bottom + 4, right: window.innerWidth - v.right } : { top: v.bottom + 4, left: v.left }
+      var T;
+      const v = (T = _.current) == null ? void 0 : T.getBoundingClientRect();
+      v && I(
+        o === "right" ? { top: v.bottom + 4, right: window.innerWidth - v.right } : { top: v.bottom + 4, left: v.left }
       );
     };
     return h(), window.addEventListener("scroll", h, !0), window.addEventListener("resize", h), () => {
       window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", h);
     };
-  }, [d, a]);
+  }, [d, o]);
   const W = () => {
     var v;
-    const h = (v = $.current) == null ? void 0 : v.querySelector(
+    const h = (v = g.current) == null ? void 0 : v.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
     h == null || h.focus();
   };
-  D(() => {
+  R(() => {
     if (!d) return;
-    const h = (R) => {
-      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(), W());
+    const h = (T) => {
+      var D, z;
+      !((D = _.current) != null && D.contains(T.target)) && !((z = w.current) != null && z.contains(T.target)) && O();
+    }, v = (T) => {
+      T.key === "Escape" && (O(), W());
     };
     return document.addEventListener("mousedown", h), document.addEventListener("keydown", v), () => {
       document.removeEventListener("mousedown", h), document.removeEventListener("keydown", v);
     };
-  }, [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;
+  }, [d]), R(() => {
+    if (!d || !y.current || !w.current) return;
+    const h = C(), v = y.current === "last" ? h[h.length - 1] : h[0];
+    v == null || v.focus(), y.current = null;
   }, [d]);
-  const V = () => w.current ? [...w.current.querySelectorAll(
+  const C = () => w.current ? [...w.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
   )] : [], G = (h) => {
-    var v, R;
+    var v, T;
     if (h.key === "ArrowDown")
-      h.preventDefault(), d ? (v = V()[0]) == null || v.focus() : (N.current = "first", M());
+      h.preventDefault(), d ? (v = C()[0]) == null || v.focus() : (y.current = "first", M());
     else if (h.key === "ArrowUp")
       if (h.preventDefault(), !d)
-        N.current = "last", M();
+        y.current = "last", M();
       else {
-        const P = V();
-        (R = P[P.length - 1]) == null || R.focus();
+        const D = C();
+        (T = D[D.length - 1]) == null || T.focus();
       }
   }, H = (h) => {
-    var P, z, U, j;
-    const v = V(), R = v.findIndex((c) => c === document.activeElement);
+    var D, z, U, j;
+    const v = C(), T = v.findIndex((l) => l === document.activeElement);
     switch (h.key) {
       case "ArrowDown":
-        h.preventDefault(), (P = v[Math.min(R + 1, v.length - 1)]) == null || P.focus();
+        h.preventDefault(), (D = v[Math.min(T + 1, v.length - 1)]) == null || D.focus();
         break;
       case "ArrowUp":
-        h.preventDefault(), R <= 0 ? W() : (z = v[R - 1]) == null || z.focus();
+        h.preventDefault(), T <= 0 ? W() : (z = v[T - 1]) == null || z.focus();
         break;
       case "Home":
         h.preventDefault(), (U = v[0]) == null || U.focus();
@@ -1757,19 +1757,19 @@ function Ut({
         O();
         break;
     }
-  }, C = d && /* @__PURE__ */ e.jsx(
+  }, V = d && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: w,
       role: "menu",
       className: [
         "ds-dropdown__menu",
-        `ds-dropdown__menu--${a}`,
+        `ds-dropdown__menu--${o}`,
         p && "ds-dropdown__menu--closing"
       ].filter(Boolean).join(" "),
-      style: B,
+      style: P,
       onKeyDown: H,
-      children: t.map((h, v) => {
+      children: s.map((h, v) => {
         if (h.separator)
           return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, v);
         if (h.type === "section")
@@ -1777,9 +1777,9 @@ 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", z = R ? { href: h.disabled ? void 0 : h.href, "aria-disabled": h.disabled ? "true" : void 0 } : { type: "button", disabled: h.disabled };
+        const T = !!h.href, D = T ? "a" : "button", z = T ? { href: h.disabled ? void 0 : h.href, "aria-disabled": h.disabled ? "true" : void 0 } : { type: "button", disabled: h.disabled };
         return /* @__PURE__ */ e.jsxs(
-          P,
+          D,
           {
             role: "menuitem",
             className: [
@@ -1808,38 +1808,38 @@ function Ut({
       ref: _,
       className: ["ds-dropdown", n].filter(Boolean).join(" "),
       style: i,
-      ...l,
+      ...c,
       children: [
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: $,
+            ref: g,
             className: "ds-dropdown__trigger",
             onClick: q,
             onKeyDown: G,
-            children: s
+            children: t
           }
         ),
-        typeof document < "u" && ae.createPortal(C, document.body)
+        typeof document < "u" && ae.createPortal(V, document.body)
       ]
     }
   );
 }
-function Yt({
-  value: s = 0,
-  size: t = "m",
+function Ys({
+  value: t = 0,
+  size: s = "m",
   variant: r = "default",
-  showValue: o = !1,
-  min: a = 2,
+  showValue: a = !1,
+  min: o = 2,
   animate: n = !0
 }) {
-  const i = Math.min(100, Math.max(0, s)), l = Math.max(a, i), m = r === "auto" ? i >= 70 ? "success" : i >= 50 ? "warning" : "danger" : r;
+  const i = Math.min(100, Math.max(0, t)), c = Math.max(o, i), m = r === "auto" ? i >= 70 ? "success" : i >= 50 ? "warning" : "danger" : r;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-progress",
-        `ds-progress--${t}`,
+        `ds-progress--${s}`,
         !n && "ds-progress--instant"
       ].filter(Boolean).join(" "),
       role: "progressbar",
@@ -1851,10 +1851,10 @@ function Yt({
           "div",
           {
             className: `ds-progress__fill ds-progress__fill--${m}`,
-            style: { width: `${l}%` }
+            style: { width: `${c}%` }
           }
         ) }),
-        o && /* @__PURE__ */ e.jsxs("span", { className: "ds-progress__value", children: [
+        a && /* @__PURE__ */ e.jsxs("span", { className: "ds-progress__value", children: [
           Math.round(i),
           "%"
         ] })
@@ -1862,63 +1862,63 @@ function Yt({
     }
   );
 }
-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(() => {
+const Ze = (t) => 1 - Math.pow(1 - t, 3), Qe = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+function es(t, { duration: s = 600 } = {}) {
+  const [r, a] = k(t), o = N(t), n = N(null);
+  return R(() => {
     if (Qe()) {
-      o(s), a.current = s;
+      a(t), o.current = t;
       return;
     }
-    const i = a.current, l = s - i;
-    if (l === 0) return;
+    const i = o.current, c = t - i;
+    if (c === 0) return;
     let m = null;
     const u = (p) => {
       m || (m = p);
-      const f = Math.min((p - m) / t, 1);
-      o(i + l * Ze(f)), f < 1 ? n.current = requestAnimationFrame(u) : a.current = s;
+      const f = Math.min((p - m) / s, 1);
+      a(i + c * Ze(f)), f < 1 ? n.current = requestAnimationFrame(u) : o.current = t;
     };
     return n.current = requestAnimationFrame(u), () => cancelAnimationFrame(n.current);
-  }, [s, t]), r;
+  }, [t, s]), r;
 }
-function qt({
-  value: s,
-  duration: t = 600,
+function qs({
+  value: t,
+  duration: s = 600,
   decimals: r = 0,
-  prefix: o = "",
-  suffix: a = ""
+  prefix: a = "",
+  suffix: o = ""
 }) {
-  const i = et(s, { duration: t }).toFixed(r);
-  return `${o}${i}${a}`;
+  const i = es(t, { duration: s }).toFixed(r);
+  return `${a}${i}${o}`;
 }
-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;
+function ss({ threshold: t = 0.1, rootMargin: s = "0px", once: r = !1 } = {}) {
+  const a = N(null), [o, n] = k(!1);
+  return R(() => {
+    const i = a.current;
     if (!i) return;
-    const l = new IntersectionObserver(
+    const c = new IntersectionObserver(
       ([m]) => {
-        m.isIntersecting ? (n(!0), r && l.disconnect()) : r || n(!1);
+        m.isIntersecting ? (n(!0), r && c.disconnect()) : r || n(!1);
       },
-      { threshold: s, rootMargin: t }
+      { threshold: t, rootMargin: s }
     );
-    return l.observe(i), () => l.disconnect();
-  }, [s, t, r]), { ref: o, inView: a };
+    return c.observe(i), () => c.disconnect();
+  }, [t, s, r]), { ref: a, inView: o };
 }
-function Ht({
-  children: s,
-  as: t = "div",
+function Hs({
+  children: t,
+  as: s = "div",
   once: r = !1,
-  threshold: o = 0.1,
-  rootMargin: a = "0px",
+  threshold: a = 0.1,
+  rootMargin: o = "0px",
   onEnter: n,
   onLeave: i,
-  ...l
+  ...c
 }) {
-  const { ref: m, inView: u } = tt({ threshold: o, rootMargin: a, once: r }), p = E(!1);
-  return D(() => {
+  const { ref: m, inView: u } = ss({ threshold: a, rootMargin: o, once: r }), p = N(!1);
+  return R(() => {
     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 });
+  }, [u]), /* @__PURE__ */ e.jsx(s, { ref: m, ...c, children: typeof t == "function" ? t(u) : t });
 }
 const ve = {
   default: me,
@@ -1927,125 +1927,125 @@ const ve = {
   error: de
 };
 let Q = [];
-const le = /* @__PURE__ */ new Set();
+const ce = /* @__PURE__ */ new Set();
 function Ne() {
-  le.forEach((s) => s([...Q]));
+  ce.forEach((t) => t([...Q]));
 }
-function st(s) {
-  Q = [...Q, s], Ne();
+function ts(t) {
+  Q = [...Q, t], Ne();
 }
-function rt(s) {
-  Q = Q.filter((t) => t.id !== s), Ne();
+function rs(t) {
+  Q = Q.filter((s) => s.id !== t), Ne();
 }
-function Kt() {
-  const s = (t, r = {}) => {
-    st({
+function Ks() {
+  const t = (s, r = {}) => {
+    ts({
       id: `${Date.now()}-${Math.random()}`,
-      message: t,
+      message: s,
       type: "default",
       duration: 4e3,
       ...r
     });
   };
-  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 };
+  return t.success = (s, r) => t(s, { ...r, type: "success" }), t.error = (s, r) => t(s, { ...r, type: "error" }), t.warning = (s, r) => t(s, { ...r, type: "warning" }), { toast: t };
 }
-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 ns({ data: t, onDismiss: s }) {
+  const [r, a] = k(!1), o = N(null);
+  R(() => (requestAnimationFrame(() => a(!0)), t.duration > 0 && (o.current = setTimeout(() => n(), t.duration)), () => clearTimeout(o.current)), []);
   function n() {
-    o(!1), setTimeout(() => t(s.id), 250);
+    a(!1), setTimeout(() => s(t.id), 250);
   }
-  const i = ve[s.type] ?? ve.default;
+  const i = ve[t.type] ?? ve.default;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-toast",
-        `ds-toast--${s.type}`,
+        `ds-toast--${t.type}`,
         r && "ds-toast--visible"
       ].filter(Boolean).join(" "),
-      role: s.type === "error" ? "alert" : "status",
+      role: t.type === "error" ? "alert" : "status",
       "aria-live": "polite",
       children: [
-        /* @__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("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(i, { size: A[3], strokeWidth: 1.5 }) }),
+        /* @__PURE__ */ e.jsx("span", { className: "ds-toast__message", children: t.message }),
         /* @__PURE__ */ e.jsx(
           "button",
           {
             className: "ds-toast__close",
             onClick: n,
             "aria-label": "Закрыть",
-            children: /* @__PURE__ */ e.jsx(ee, { size: S[3], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ee, { size: A[3], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-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)) }),
+function Gs({ position: t = "bottom-right" }) {
+  const [s, r] = k(() => [...Q]);
+  return R(() => (ce.add(r), () => ce.delete(r)), []), !s.length || typeof document > "u" ? null : ae.createPortal(
+    /* @__PURE__ */ e.jsx("div", { className: ["ds-toast-container", `ds-toast-container--${t}`].join(" "), children: s.map((a) => /* @__PURE__ */ e.jsx(ns, { data: a, onDismiss: rs }, a.id)) }),
     document.body
   );
 }
-const at = {
+const as = {
   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,
-  status: t = "idle",
+function Xs({
+  label: t,
+  status: s = "idle",
   icon: r,
-  badge: o,
-  defaultExpanded: a = !1,
+  badge: a,
+  defaultExpanded: o = !1,
   expanded: n,
   onToggle: i,
-  padding: l = "s",
+  padding: c = "s",
   children: m,
   ...u
 }) {
-  const f = `tc-body-${Ee().replace(/:/g, "")}`, [b, d] = k(a), _ = n !== void 0, w = _ ? n : b, $ = () => {
-    _ ? i == null || i(!n) : d((N) => !N);
+  const f = `tc-body-${ke().replace(/:/g, "")}`, [x, d] = k(o), _ = n !== void 0, w = _ ? n : x, g = () => {
+    _ ? i == null || i(!n) : d((y) => !y);
   };
-  return /* @__PURE__ */ e.jsxs(Le, { padding: l, ...u, children: [
+  return /* @__PURE__ */ e.jsxs(Le, { padding: c, ...u, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         className: "ds-tool-card__header",
-        onClick: $,
+        onClick: g,
         "aria-expanded": w,
         "aria-controls": f,
         children: [
           /* @__PURE__ */ e.jsx(
             je,
             {
-              size: S[1],
+              size: A[1],
               strokeWidth: 1.5,
               className: `ds-tool-card__chevron${w ? " ds-tool-card__chevron--expanded" : ""}`
             }
           ),
           r && /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__icon", children: r }),
-          /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__label", children: s }),
-          at[t],
-          o
+          /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__label", children: t }),
+          as[s],
+          a
         ]
       }
     ),
     w && /* @__PURE__ */ e.jsx("div", { id: f, className: "ds-tool-card__body", children: m })
   ] });
 }
-function Jt({
-  text: s,
-  size: t = "xs",
+function Js({
+  text: t,
+  size: s = "xs",
   timeout: r = 2e3,
-  "aria-label": o = "Copy to clipboard",
-  ...a
+  "aria-label": a = "Copy to clipboard",
+  ...o
 }) {
-  const [n, i] = k(!1), l = () => {
-    navigator.clipboard.writeText(s).then(() => {
+  const [n, i] = k(!1), c = () => {
+    navigator.clipboard.writeText(t).then(() => {
       i(!0), setTimeout(() => i(!1), r);
     });
   };
@@ -2053,49 +2053,49 @@ function Jt({
     _e,
     {
       variant: "ghost",
-      size: t,
-      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
+      size: s,
+      icon: n ? /* @__PURE__ */ e.jsx(re, { size: A[1], strokeWidth: 1.5 }) : /* @__PURE__ */ e.jsx(Se, { size: A[1], strokeWidth: 1.5 }),
+      "aria-label": a,
+      onClick: c,
+      ...o
     }
   );
 }
-function Zt({ content: s, streaming: t = !1, ...r }) {
-  const [o, a] = k(t);
-  return D(() => {
-    a(!!t);
-  }, [t]), /* @__PURE__ */ e.jsx(
-    Ce,
+function Zs({ content: t, streaming: s = !1, ...r }) {
+  const [a, o] = k(s);
+  return R(() => {
+    o(!!s);
+  }, [s]), /* @__PURE__ */ e.jsx(
+    Ve,
     {
-      expanded: o,
-      onToggle: a,
+      expanded: a,
+      onToggle: o,
       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(Ae, { size: A[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" })
+        t,
+        s && /* @__PURE__ */ e.jsx("span", { className: "ds-cursor ds-cursor--line" })
       ] })
     }
   );
 }
-function Qt({
-  count: s,
-  current: t = 0,
+function Qs({
+  count: t,
+  current: s = 0,
   done: r = [],
-  onChange: o,
-  showCounter: a = !0,
+  onChange: a,
+  showCounter: o = !0,
   className: n = "",
   "aria-label": i = "Steps",
-  ...l
+  ...c
 }) {
-  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 = [
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", n].filter(Boolean).join(" "), ...c, children: [
+    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i, children: Array.from({ length: t }, (m, u) => {
+      const p = u === s, f = r.includes(u) && !p, x = a && (u <= s || r.includes(u)), d = [
         "ds-step-indicator__dot",
         p && "ds-step-indicator__dot--active",
         f && "ds-step-indicator__dot--done"
@@ -2108,78 +2108,139 @@ function Qt({
           role: "tab",
           "aria-selected": p,
           "aria-label": `Step ${u + 1}`,
-          disabled: !b || u === t,
-          onClick: () => o == null ? void 0 : o(u),
+          disabled: !x || u === s,
+          onClick: () => a == null ? void 0 : a(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,
+    o && /* @__PURE__ */ e.jsxs(we, { secondary: !0, className: "ds-step-indicator__counter", children: [
+      s + 1,
       " / ",
-      s
+      t
     ] })
   ] });
 }
+function et({
+  content: t,
+  isStreaming: s = !1,
+  cursor: r = "line",
+  onChunk: a,
+  className: o = "",
+  ...n
+}) {
+  const i = N(t);
+  return R(() => {
+    t !== i.current && (a == null || a(t), i.current = t);
+  }, [t, a]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", o].filter(Boolean).join(" "), ...n, children: [
+    t,
+    s && r !== "none" && /* @__PURE__ */ e.jsx("span", { className: `ds-cursor ds-cursor--${r}`, "aria-hidden": "true" })
+  ] });
+}
+function st({
+  role: t = "assistant",
+  header: s,
+  footer: r,
+  attachments: a,
+  isStreaming: o = !1,
+  children: n,
+  className: i = "",
+  ...c
+}) {
+  const m = [
+    "ds-chat-message",
+    `ds-chat-message--${t}`,
+    o && "ds-chat-message--streaming",
+    i
+  ].filter(Boolean).join(" ");
+  return t === "system" ? /* @__PURE__ */ e.jsx("div", { className: m, ...c, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: n }) }) : t === "user" ? /* @__PURE__ */ e.jsxs("div", { className: m, ...c, children: [
+    a && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: a }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__bubble", children: n }),
+    r && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: r })
+  ] }) : /* @__PURE__ */ e.jsxs("div", { className: m, ...c, children: [
+    s && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__header", children: s }),
+    a && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: a }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__body", children: n }),
+    r && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: r })
+  ] });
+}
+function tt(t, { containerRef: s, smartPause: r = !0 } = {}) {
+  const a = N(!1), o = N(0);
+  R(() => {
+    const n = s == null ? void 0 : s.current;
+    if (!n) return;
+    const i = () => {
+      const c = n.scrollHeight - n.scrollTop - n.clientHeight < 64;
+      !c && n.scrollTop < o.current && (a.current = !0), c && (a.current = !1), o.current = n.scrollTop;
+    };
+    return n.addEventListener("scroll", i, { passive: !0 }), () => n.removeEventListener("scroll", i);
+  }, [s]), R(() => {
+    const n = s == null ? void 0 : s.current;
+    n && (r && a.current || (n.scrollTop = n.scrollHeight));
+  }, t);
+}
 export {
-  Ce as Accordion,
-  vt as Alert,
-  qt as AnimatedNumber,
-  Tt as Avatar,
+  Ve as Accordion,
+  vs as Alert,
+  qs as AnimatedNumber,
+  Rs as Avatar,
   ie as Badge,
-  Vt as Banner,
-  zt as Breadcrumb,
+  Cs as Banner,
+  zs as Breadcrumb,
   _e as Button,
   Le as Card,
-  gt as Checkbox,
-  _t as Code,
+  st as ChatMessage,
+  $s as Checkbox,
+  _s as Code,
   Fe as CodeAccordion,
-  Jt as CopyButton,
-  Ct as Drawer,
-  xe as DrawerFooter,
-  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,
-  xt as P1,
+  Js as CopyButton,
+  Vs as Drawer,
+  be as DrawerFooter,
+  Us as Dropdown,
+  Ls as EmptyState,
+  Ms as FormField,
+  ms as H1,
+  ps as H2,
+  hs as H3,
+  xs as H4,
+  Hs as InView,
+  cs as Input,
+  ws as Link,
+  js as Modal,
+  xe as ModalFooter,
+  bs 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,
+  Fs as Pagination,
+  Ys as ProgressBar,
+  Ts as Radio,
+  Zs as ReasoningBlock,
+  Es as SegmentedControl,
+  us 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,
-  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,
-  et as useAnimatedNumber,
-  tt as useInView,
-  Kt as useToast
+  Pe as Spinner,
+  Ws as Stat,
+  Qs as StepIndicator,
+  fs as Stepper,
+  et as StreamingText,
+  ys as Tab,
+  Is as Table,
+  As as TableBody,
+  Ss as TableHead,
+  Bs as TableRow,
+  Ds as TableSubheaderRow,
+  Ns as Tabs,
+  Os as Td,
+  ds as Textarea,
+  Ps as Th,
+  Gs as ToastContainer,
+  gs as Toggle,
+  Xs as ToolCallCard,
+  ks as Tooltip,
+  A as iconSizes,
+  es as useAnimatedNumber,
+  ss as useInView,
+  tt as useStreamScroll,
+  Ks as useToast
 };