npm - @donkit-ai/design-system - Versions diffs - 1.3.11 → 1.3.13 - Mend

@donkit-ai/design-system 1.3.11 → 1.3.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.es.js CHANGED Viewed

@@ -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 ae from "react-dom";
-const S = {
+import q, { useState as S, useRef as $, useEffect as B, useLayoutEffect as Me, useId as ze } from "react";
+import { Check as he, X as ne, ChevronDown as xe, Minus as We, Plus as Fe, XCircle as Ne, AlertTriangle as we, CheckCircle as ye, Info as ge, ChevronUp as Ce, ChevronsUpDown as Ue, ChevronLeft as Ve, ChevronRight as Be, Copy as Ye, Brain as qe, Loader as He, Paperclip as Ee, Square as Ke, ArrowUp as Ge, Zap as Xe, Cpu as $e } from "lucide-react";
+import me from "react-dom";
+const D = {
   1: 16,
   2: 20,
   3: 24,
   4: 28,
   5: 48
 };
-var ce = { exports: {} }, te = {};
+var _e = { exports: {} }, de = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -18,10 +18,10 @@ var ce = { exports: {} }, te = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var pe;
-function De() {
-  if (pe) return te;
-  pe = 1;
+var Te;
+function Je() {
+  if (Te) return de;
+  Te = 1;
   var s = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
   function r(o, a, n) {
     var i = null;
@@ -38,9 +38,9 @@ function De() {
       props: n
     };
   }
-  return te.Fragment = t, te.jsx = r, te.jsxs = r, te;
+  return de.Fragment = t, de.jsx = r, de.jsxs = r, de;
 }
-var se = {};
+var ue = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -50,47 +50,47 @@ var se = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var he;
-function Pe() {
-  return he || (he = 1, process.env.NODE_ENV !== "production" && function() {
+var Re;
+function Ze() {
+  return Re || (Re = 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;
+        return c.$$typeof === H ? null : c.displayName || c.name || null;
       if (typeof c == "string") return c;
       switch (c) {
-        case $:
+        case R:
           return "Fragment";
-        case B:
+        case g:
           return "Profiler";
-        case N:
+        case E:
           return "StrictMode";
-        case O:
+        case I:
           return "Suspense";
-        case q:
+        case v:
           return "SuspenseList";
-        case V:
+        case Y:
           return "Activity";
       }
       if (typeof c == "object")
         switch (typeof c.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), c.$$typeof) {
-          case w:
+          case _:
             return "Portal";
-          case g:
+          case k:
             return c.displayName || "Context";
-          case T:
+          case A:
             return (c._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;
           case M:
-            return x = c.displayName || null, x !== null ? x : s(c.type) || "Memo";
-          case W:
-            x = c._payload, c = c._init;
+            var N = c.render;
+            return c = c.displayName, c || (c = N.displayName || N.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
+          case L:
+            return N = c.displayName || null, N !== null ? N : s(c.type) || "Memo";
+          case z:
+            N = c._payload, c = c._init;
             try {
-              return s(c(x));
+              return s(c(N));
             } catch {
             }
         }
@@ -102,74 +102,74 @@ function Pe() {
     function r(c) {
       try {
         t(c);
-        var x = !1;
+        var N = !1;
       } catch {
-        x = !0;
+        N = !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 (N) {
+        N = console;
+        var P = N.error, W = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
+        return P.call(
+          N,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          I
+          W
         ), t(c);
       }
     }
     function o(c) {
-      if (c === $) return "<>";
-      if (typeof c == "object" && c !== null && c.$$typeof === W)
+      if (c === R) return "<>";
+      if (typeof c == "object" && c !== null && c.$$typeof === z)
         return "<...>";
       try {
-        var x = s(c);
-        return x ? "<" + x + ">" : "<...>";
+        var N = s(c);
+        return N ? "<" + N + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function a() {
-      var c = H.A;
+      var c = X.A;
       return c === null ? null : c.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;
+      if (U.call(c, "key")) {
+        var N = Object.getOwnPropertyDescriptor(c, "key").get;
+        if (N && N.isReactWarning) return !1;
       }
       return c.key !== void 0;
     }
-    function l(c, x) {
-      function y() {
-        R || (R = !0, console.error(
+    function l(c, N) {
+      function P() {
+        O || (O = !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
+          N
         ));
       }
-      y.isReactWarning = !0, Object.defineProperty(c, "key", {
-        get: y,
+      P.isReactWarning = !0, Object.defineProperty(c, "key", {
+        get: P,
         configurable: !0
       });
     }
-    function m() {
+    function p() {
       var c = s(this.type);
-      return P[c] || (P[c] = !0, console.error(
+      return C[c] || (C[c] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), c = this.props.ref, c !== void 0 ? c : null;
     }
-    function u(c, x, y, I, K, X) {
-      var A = y.ref;
+    function u(c, N, P, W, ee, ae) {
+      var F = P.ref;
       return c = {
-        $$typeof: _,
+        $$typeof: b,
         type: c,
-        key: x,
-        props: y,
-        _owner: I
-      }, (A !== void 0 ? A : null) !== null ? Object.defineProperty(c, "ref", {
+        key: N,
+        props: P,
+        _owner: W
+      }, (F !== void 0 ? F : null) !== null ? Object.defineProperty(c, "ref", {
         enumerable: !1,
-        get: m
+        get: p
       }) : Object.defineProperty(c, "ref", { enumerable: !1, value: null }), c._store = {}, Object.defineProperty(c._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -184,69 +184,69 @@ function Pe() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: K
+        value: ee
       }), Object.defineProperty(c, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: X
+        value: ae
       }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
     }
-    function p(c, x, y, I, K, X) {
-      var A = x.children;
-      if (A !== void 0)
-        if (I)
-          if (h(A)) {
-            for (I = 0; I < A.length; I++)
-              f(A[I]);
-            Object.freeze && Object.freeze(A);
+    function m(c, N, P, W, ee, ae) {
+      var F = N.children;
+      if (F !== void 0)
+        if (W)
+          if (x(F)) {
+            for (W = 0; W < F.length; W++)
+              f(F[W]);
+            Object.freeze && Object.freeze(F);
           } 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) {
-          return ye !== "key";
+        else f(F);
+      if (U.call(N, "key")) {
+        F = s(c);
+        var Q = Object.keys(N).filter(function(be) {
+          return be !== "key";
         });
-        I = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", j[A + I] || (J = 0 < J.length ? "{" + J.join(": ..., ") + ": ...}" : "{}", console.error(
+        W = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", w[F + W] || (Q = 0 < Q.length ? "{" + Q.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,
-          J,
-          A
-        ), j[A + I] = !0);
+          W,
+          F,
+          Q,
+          F
+        ), w[F + W] = !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,
+      if (F = null, P !== void 0 && (r(P), F = "" + P), i(N) && (r(N.key), F = "" + N.key), "key" in N) {
+        P = {};
+        for (var oe in N)
+          oe !== "key" && (P[oe] = N[oe]);
+      } else P = N;
+      return F && l(
+        P,
         typeof c == "function" ? c.displayName || c.name || "Unknown" : c
       ), u(
         c,
-        A,
-        y,
+        F,
+        P,
         a(),
-        K,
-        X
+        ee,
+        ae
       );
     }
     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));
+      h(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === z && (c._payload.status === "fulfilled" ? h(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
     }
-    function b(c) {
-      return typeof c == "object" && c !== null && c.$$typeof === _;
+    function h(c) {
+      return typeof c == "object" && c !== null && c.$$typeof === b;
     }
-    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 = q, b = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), k = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), L = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), Y = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), X = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, x = Array.isArray, y = console.createTask ? console.createTask : function() {
       return null;
     };
     d = {
@@ -254,36 +254,36 @@ React keys must be passed directly to JSX without using spread:
         return c();
       }
     };
-    var R, P = {}, z = d.react_stack_bottom_frame.bind(
+    var O, C = {}, K = 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++;
-      return p(
+    )(), Z = y(o(n)), w = {};
+    ue.Fragment = R, ue.jsx = function(c, N, P) {
+      var W = 1e4 > X.recentlyCreatedOwnerStacks++;
+      return m(
         c,
-        x,
-        y,
+        N,
+        P,
         !1,
-        I ? Error("react-stack-top-frame") : z,
-        I ? v(o(c)) : U
+        W ? Error("react-stack-top-frame") : K,
+        W ? y(o(c)) : Z
       );
-    }, se.jsxs = function(c, x, y) {
-      var I = 1e4 > H.recentlyCreatedOwnerStacks++;
-      return p(
+    }, ue.jsxs = function(c, N, P) {
+      var W = 1e4 > X.recentlyCreatedOwnerStacks++;
+      return m(
         c,
-        x,
-        y,
+        N,
+        P,
         !0,
-        I ? Error("react-stack-top-frame") : z,
-        I ? v(o(c)) : U
+        W ? Error("react-stack-top-frame") : K,
+        W ? y(o(c)) : Z
       );
     };
-  }()), se;
+  }()), ue;
 }
-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" ? _e.exports = Je() : _e.exports = Ze();
+var e = _e.exports;
+function Qe({ size: s = "m", color: t = "default", className: r = "", ...o }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -294,8 +294,8 @@ function Be({ size: s = "m", color: t = "default", className: r = "", ...o }) {
     }
   );
 }
-const Oe = { xs: 12, s: 14, m: 16, l: 20 };
-function _e({
+const et = { xs: 12, s: 14, m: 16, l: 20 };
+function fe({
   children: s,
   variant: t = "primary",
   size: r = "m",
@@ -304,60 +304,60 @@ function _e({
   disabled: n = !1,
   state: i = "idle",
   onClick: l,
-  type: m = "button",
+  type: p = "button",
   href: u,
-  "aria-label": p,
+  "aria-label": m,
   ...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 h = a && !s, d = i === "loading", b = i === "success", _ = i === "error", R = d || b || _, E = r === "xs" ? "s" : "m", g = et[r] ?? 16, A = d ? /* @__PURE__ */ e.jsx(Qe, { size: E }) : b ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(he, { size: g, strokeWidth: 2.5 }) }) : _ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ne, { size: g, strokeWidth: 2.5 }) }) : null, k = [
     "ds-button",
     `ds-button--${t}`,
     `ds-button--${r}`,
     o && "ds-button--full",
-    b && "ds-button--icon-only"
-  ].filter(Boolean).join(" "), F = i !== "idle" ? i : void 0, O = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    $ ? T : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
+    h && "ds-button--icon-only"
+  ].filter(Boolean).join(" "), M = i !== "idle" ? i : void 0, I = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    R ? A : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
     s
   ] });
   if (u) {
-    const q = (M) => {
+    const v = (L) => {
       if (n || d) {
-        M.preventDefault();
+        L.preventDefault();
         return;
       }
-      M.metaKey || M.ctrlKey || M.button === 1 || (M.preventDefault(), l == null || l(M));
+      L.metaKey || L.ctrlKey || L.button === 1 || (L.preventDefault(), l == null || l(L));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
-        className: g,
+        className: k,
         href: n || d ? void 0 : u,
-        onClick: q,
-        "aria-label": p,
+        onClick: v,
+        "aria-label": m,
         "aria-disabled": n || d ? "true" : void 0,
         "aria-busy": d ? "true" : void 0,
-        "data-state": F,
+        "data-state": M,
         ...f,
-        children: O
+        children: I
       }
     );
   }
   return /* @__PURE__ */ e.jsx(
     "button",
     {
-      type: m,
-      className: g,
+      type: p,
+      className: k,
       disabled: n,
       onClick: d ? void 0 : l,
-      "aria-label": p,
+      "aria-label": m,
       "aria-busy": d ? "true" : void 0,
-      "data-state": F,
+      "data-state": M,
       ...f,
-      children: O
+      children: I
     }
   );
 }
-function lt({
+function Rt({
   label: s,
   error: t,
   hint: r,
@@ -366,12 +366,12 @@ function lt({
   iconRight: n,
   onIconRightClick: i,
   size: l = "m",
-  disabled: m,
+  disabled: p,
   id: u,
-  ...p
+  ...m
 }) {
-  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: [
+  const f = u || `input-${q.useId()}`, h = r ? `${f}-hint` : void 0, d = t ? `${f}-error` : void 0, b = d || h;
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${o ? "ds-input-wrapper--full" : ""} ${p ? "ds-input-wrapper--disabled" : ""} ${t ? "ds-input-wrapper--error" : ""}`, children: [
     s && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: f, children: s }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-input-container", children: [
       a && /* @__PURE__ */ e.jsx("span", { className: `ds-input-icon ds-input-icon--${l}`, "aria-hidden": "true", children: a }),
@@ -380,10 +380,10 @@ function lt({
         {
           id: f,
           className: `ds-input ds-input--${l} ${a ? "ds-input--with-icon" : ""} ${n ? "ds-input--with-icon-right" : ""} ${t ? "ds-input--error" : ""}`,
-          disabled: m,
+          disabled: p,
           "aria-invalid": t ? "true" : "false",
-          "aria-describedby": _,
-          ...p
+          "aria-describedby": b,
+          ...m
         }
       ),
       n && /* @__PURE__ */ e.jsx(
@@ -398,11 +398,11 @@ function lt({
         }
       )
     ] }),
-    r && !t && /* @__PURE__ */ e.jsx("span", { id: b, className: "ds-input-hint", children: r }),
+    r && !t && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-input-hint", children: r }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: t && /* @__PURE__ */ e.jsx("span", { id: d, className: "ds-input-error", role: "alert", children: t }) }) })
   ] });
 }
-function dt({
+function St({
   label: s,
   error: t,
   hint: r,
@@ -411,29 +411,29 @@ function dt({
   disabled: n,
   id: i,
   resize: l = !0,
-  rows: m = 3,
+  rows: p = 3,
   ...u
 }) {
-  const p = i || `textarea-${L.useId()}`, f = r ? `${p}-hint` : void 0, b = t ? `${p}-error` : void 0, d = b || f;
+  const m = i || `textarea-${q.useId()}`, f = r ? `${m}-hint` : void 0, h = t ? `${m}-error` : void 0, d = h || 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 }),
+    s && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: m, children: s }),
     /* @__PURE__ */ e.jsx(
       "textarea",
       {
-        id: p,
+        id: m,
         className: `ds-textarea ds-textarea--${a} ${t ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
         disabled: n,
         "aria-invalid": t ? "true" : "false",
         "aria-describedby": d,
-        rows: m,
+        rows: p,
         ...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 })
+    t && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-textarea-error", role: "alert", children: t })
   ] });
 }
-function ut({
+function At({
   label: s,
   value: t,
   onChange: r,
@@ -442,148 +442,148 @@ function ut({
   error: n,
   fullWidth: i = !0,
   size: l = "m",
-  disabled: m = !1,
+  disabled: p = !1,
   id: u,
-  ...p
+  ...m
 }) {
-  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(() => {
+  const [f, h] = S(!1), [d, b] = S(!1), [_, R] = S({}), [E, g] = S("down"), [A, k] = S(-1), M = $(null), I = $(null), v = $(null), L = $(null), z = u || `select-${q.useId()}`, Y = `${z}-label`, H = n ? `${z}-error` : void 0, X = 150, U = (w = !1) => {
+    d || (b(!0), k(-1), L.current = setTimeout(() => {
       var c;
-      b(!1), _(!1), j && ((c = q.current) == null || c.focus());
-    }, H));
-  }, h = (j) => {
-    clearTimeout(M.current), _(!1);
-    const c = j !== void 0 ? j : Math.max(o.findIndex((x) => x.value === t), 0);
-    g(c), b(!0);
+      h(!1), b(!1), w && ((c = v.current) == null || c.focus());
+    }, X));
+  }, x = (w) => {
+    clearTimeout(L.current), b(!1);
+    const c = w !== void 0 ? w : Math.max(o.findIndex((N) => N.value === t), 0);
+    k(c), h(!0);
   };
-  D(() => () => 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 }
+  B(() => () => clearTimeout(L.current), []);
+  const y = () => {
+    var ae;
+    const w = (ae = M.current) == null ? void 0 : ae.getBoundingClientRect();
+    if (!w) return;
+    const c = window.innerHeight, N = c - w.bottom, P = w.top, ee = N < 300 && P > N;
+    g(ee ? "up" : "down"), R(
+      ee ? { bottom: c - w.top + 4, left: w.left, width: w.width } : { top: w.bottom + 4, left: w.left, width: w.width }
     );
   };
-  D(() => {
+  B(() => {
     if (f)
-      return v(), window.addEventListener("scroll", v, !0), window.addEventListener("resize", v), () => {
-        window.removeEventListener("scroll", v, !0), window.removeEventListener("resize", v);
+      return y(), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y), () => {
+        window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y);
       };
-  }, [f]), D(() => {
-    const j = (c) => {
-      F.current && !F.current.contains(c.target) && O.current && !O.current.contains(c.target) && C();
+  }, [f]), B(() => {
+    const w = (c) => {
+      M.current && !M.current.contains(c.target) && I.current && !I.current.contains(c.target) && U();
     };
-    return document.addEventListener("mousedown", j), () => document.removeEventListener("mousedown", j);
-  }, [d]), D(() => {
+    return document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w);
+  }, [d]), B(() => {
     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) => {
-    switch (j.key) {
+    if (!f || A < 0 || !I.current) return;
+    (c = I.current.querySelectorAll(".ds-select-option")[A]) == null || c.scrollIntoView({ block: "nearest" });
+  }, [A, f]);
+  const O = (w) => {
+    switch (w.key) {
       case "ArrowDown":
-        j.preventDefault(), f ? g((c) => Math.min(c + 1, o.length - 1)) : h();
+        w.preventDefault(), f ? k((c) => Math.min(c + 1, o.length - 1)) : x();
         break;
       case "ArrowUp":
-        j.preventDefault(), f ? g((c) => Math.max(c - 1, 0)) : h(o.length - 1);
+        w.preventDefault(), f ? k((c) => Math.max(c - 1, 0)) : x(o.length - 1);
         break;
       case "Home":
-        f && (j.preventDefault(), g(0));
+        f && (w.preventDefault(), k(0));
         break;
       case "End":
-        f && (j.preventDefault(), g(o.length - 1));
+        f && (w.preventDefault(), k(o.length - 1));
         break;
       case "Enter":
       case " ":
-        j.preventDefault(), f ? T >= 0 && (r == null || r(o[T].value), C(!0)) : h();
+        w.preventDefault(), f ? A >= 0 && (r == null || r(o[A].value), U(!0)) : x();
         break;
       case "Escape":
-        f && (j.preventDefault(), C(!0));
+        f && (w.preventDefault(), U(!0));
         break;
       case "Tab":
-        f && C(!1);
+        f && U(!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(
+  }, C = o.find((w) => w.value === t), K = l === "xs" ? D[1] : l === "small" ? D[2] : D[3], Z = f && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: O,
+      ref: I,
       role: "listbox",
-      "aria-labelledby": s ? V : void 0,
+      "aria-labelledby": s ? Y : void 0,
       tabIndex: -1,
       className: [
         "ds-select-dropdown",
         `ds-select-dropdown--${l}`,
-        `ds-select-dropdown--${N}`,
+        `ds-select-dropdown--${E}`,
         d && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
-      style: w,
-      children: o.map((j, c) => /* @__PURE__ */ e.jsx(
+      style: _,
+      children: o.map((w, c) => /* @__PURE__ */ e.jsx(
         "button",
         {
-          id: `${W}-opt-${c}`,
+          id: `${z}-opt-${c}`,
           type: "button",
           role: "option",
           tabIndex: -1,
-          "aria-selected": t === j.value,
+          "aria-selected": t === w.value,
           className: [
             "ds-select-option",
             `ds-select-option--${l}`,
-            t === j.value && "ds-select-option--selected",
-            c === T && "ds-select-option--active"
+            t === w.value && "ds-select-option--selected",
+            c === A && "ds-select-option--active"
           ].filter(Boolean).join(" "),
           onClick: () => {
-            r == null || r(j.value), C(!0);
+            r == null || r(w.value), U(!0);
           },
-          children: j.label
+          children: w.label
         },
-        j.value
+        w.value
       ))
     }
   );
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${i ? "ds-select-wrapper--full" : ""} ${m ? "ds-select-wrapper--disabled" : ""}`, children: [
-    s && /* @__PURE__ */ e.jsx("label", { id: V, className: "ds-select-label", children: s }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: F, children: /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${i ? "ds-select-wrapper--full" : ""} ${p ? "ds-select-wrapper--disabled" : ""}`, children: [
+    s && /* @__PURE__ */ e.jsx("label", { id: Y, className: "ds-select-label", children: s }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: M, children: /* @__PURE__ */ e.jsxs(
       "button",
       {
-        ref: q,
+        ref: v,
         type: "button",
-        id: W,
+        id: z,
         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 && A >= 0 ? `${z}-opt-${A}` : void 0,
+        "aria-labelledby": s ? Y : void 0,
         "aria-invalid": n ? "true" : "false",
-        "aria-describedby": G,
+        "aria-describedby": H,
         className: `ds-select-trigger ds-select-trigger--${l} ${n ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          m || (f ? C() : h());
+          p || (f ? U() : x());
         },
-        onKeyDown: R,
-        disabled: m,
-        ...p,
+        onKeyDown: O,
+        disabled: p,
+        ...m,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: P ? "" : "ds-select-placeholder", children: (P == null ? void 0 : P.label) || a }),
+          /* @__PURE__ */ e.jsx("span", { className: C ? "" : "ds-select-placeholder", children: (C == null ? void 0 : C.label) || a }),
           /* @__PURE__ */ e.jsx(
-            ne,
+            xe,
             {
-              size: z,
+              size: K,
               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 && E === "down" ? "ds-select-icon--open" : ""} ${f && E === "up" ? "ds-select-icon--up" : ""}`,
               "aria-hidden": "true"
             }
           )
         ]
       }
     ) }),
-    n && /* @__PURE__ */ e.jsx("span", { id: G, className: "ds-select-error", role: "alert", children: n }),
-    typeof document < "u" && ae.createPortal(U, document.body)
+    n && /* @__PURE__ */ e.jsx("span", { id: H, className: "ds-select-error", role: "alert", children: n }),
+    typeof document < "u" && me.createPortal(Z, document.body)
   ] });
 }
-function ft({
+function It({
   label: s,
   value: t = 0,
   onChange: r,
@@ -592,51 +592,51 @@ function ft({
   step: n = 1,
   size: i = "m",
   disabled: l = !1,
-  hint: m,
+  hint: p,
   error: u,
-  ...p
+  ...m
 }) {
   const f = () => {
     if (l) return;
-    const N = Math.min(Number(t) + n, a);
-    r == null || r(N);
-  }, b = () => {
+    const E = Math.min(Number(t) + n, a);
+    r == null || r(E);
+  }, h = () => {
     if (l) return;
-    const N = Math.max(Number(t) - n, o);
-    r == null || r(N);
-  }, d = (N) => {
+    const E = Math.max(Number(t) - n, o);
+    r == null || r(E);
+  }, d = (E) => {
     if (l) return;
-    const B = N.target.value;
-    if (B === "") {
+    const g = E.target.value;
+    if (g === "") {
       r == null || r(o);
       return;
     }
-    const T = Number(B);
-    if (!isNaN(T)) {
-      const g = Math.min(Math.max(T, o), a);
-      r == null || r(g);
+    const A = Number(g);
+    if (!isNaN(A)) {
+      const k = Math.min(Math.max(A, o), a);
+      r == null || r(k);
     }
-  }, _ = [
+  }, b = [
     "ds-stepper-wrapper",
     l && "ds-stepper-wrapper--disabled",
     u && "ds-stepper-wrapper--error"
-  ].filter(Boolean).join(" "), w = [
+  ].filter(Boolean).join(" "), _ = [
     "ds-stepper",
     `ds-stepper--${i}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), $ = i === "xs" ? S[1] : i === "small" ? S[2] : S[3];
-  return /* @__PURE__ */ e.jsxs("div", { className: _, children: [
+  ].filter(Boolean).join(" "), R = i === "xs" ? D[1] : i === "small" ? D[2] : D[3];
+  return /* @__PURE__ */ e.jsxs("div", { className: b, children: [
     s && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: s }),
-    /* @__PURE__ */ e.jsxs("div", { className: w, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: _, children: [
       /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--minus",
-          onClick: b,
+          onClick: h,
           disabled: l || t <= o,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ e.jsx($e, { size: $, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(We, { size: R, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -650,7 +650,7 @@ function ft({
           max: a,
           step: n,
           disabled: l,
-          ...p
+          ...m
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -661,15 +661,15 @@ function ft({
           onClick: f,
           disabled: l || t >= a,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ e.jsx(ge, { size: $, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(Fe, { size: R, strokeWidth: 1.5 })
         }
       )
     ] }),
-    m && !u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: m }),
+    p && !u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: p }),
     u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: u })
   ] });
 }
-function Le({
+function tt({
   children: s,
   padding: t = "m",
   variant: r = "info",
@@ -680,23 +680,23 @@ function Le({
   disabled: i = !1,
   ...l
 }) {
-  const u = (o ? "interactive" : r) === "interactive" || a || n, p = [
+  const u = (o ? "interactive" : r) === "interactive" || a || n, m = [
     "ds-card",
     `ds-card--${t}`,
     u && "ds-card--interactive"
   ].filter(Boolean).join(" ");
   if (n) {
-    const d = (_) => {
+    const d = (b) => {
       if (i) {
-        _.preventDefault();
+        b.preventDefault();
         return;
       }
-      _.metaKey || _.ctrlKey || _.button === 1 || (_.preventDefault(), a == null || a(_));
+      b.metaKey || b.ctrlKey || b.button === 1 || (b.preventDefault(), a == null || a(b));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
-        className: p,
+        className: m,
         href: i ? void 0 : n,
         onClick: d,
         "aria-disabled": i ? "true" : void 0,
@@ -705,7 +705,7 @@ function Le({
       }
     );
   }
-  const f = u && a ? "button" : "div", b = u && a ? {
+  const f = u && a ? "button" : "div", h = u && a ? {
     type: "button",
     onClick: a,
     disabled: i
@@ -713,36 +713,36 @@ function Le({
   return /* @__PURE__ */ e.jsx(
     f,
     {
-      className: p,
+      className: m,
       role: u && !a ? "article" : void 0,
-      ...b,
+      ...h,
       ...l,
       children: s
     }
   );
 }
-function mt({ children: s, ...t }) {
+function Dt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...t, children: s });
 }
-function pt({ children: s, ...t }) {
+function Bt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...t, children: s });
 }
-function ht({ children: s, ...t }) {
+function Pt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...t, children: s });
 }
-function bt({ children: s, ...t }) {
+function Lt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...t, children: s });
 }
-function xt({ children: s, secondary: t = !1, ...r }) {
+function Ot({ children: s, secondary: t = !1, ...r }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${t ? "ds-p1--secondary" : ""}`, ...r, children: s });
 }
-function Me({ children: s, secondary: t = !1, ...r }) {
+function st({ children: s, secondary: t = !1, ...r }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${t ? "ds-p2--secondary" : ""}`, ...r, children: s });
 }
-function we({ children: s, secondary: t = !1, ...r }) {
+function Pe({ children: s, secondary: t = !1, ...r }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${t ? "ds-p3--secondary" : ""}`, ...r, children: s });
 }
-function ie({
+function pe({
   children: s,
   variant: t = "default",
   size: r = "m",
@@ -756,13 +756,13 @@ function ie({
   ].filter(Boolean).join(" "), i = o || (["info", "success", "warning", "error"].includes(t) ? "status" : void 0);
   return /* @__PURE__ */ e.jsx("span", { className: n, role: i, ...a, children: s });
 }
-const We = {
-  info: me,
-  success: fe,
-  warning: ue,
-  error: de
+const rt = {
+  info: ge,
+  success: ye,
+  warning: we,
+  error: Ne
 };
-function vt({
+function Mt({
   children: s,
   variant: t = "info",
   title: r,
@@ -770,9 +770,9 @@ function vt({
   role: a,
   ...n
 }) {
-  const i = We[t], l = a || (t === "error" ? "alert" : "status");
+  const i = rt[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 }) }),
+    i && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(i, { size: D[3], strokeWidth: 1.5 }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-alert__content", children: [
       r && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: r }),
       s && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: s })
@@ -784,35 +784,35 @@ function vt({
         className: "ds-alert__close",
         onClick: o,
         "aria-label": "Close alert",
-        children: /* @__PURE__ */ e.jsx(ee, { size: S[3], strokeWidth: 1.5 })
+        children: /* @__PURE__ */ e.jsx(ne, { size: D[3], strokeWidth: 1.5 })
       }
     )
   ] });
 }
-const ze = 200;
-function jt({
+const nt = 200;
+function zt({
   children: s,
   title: t,
   onClose: r,
   size: o = "m",
   ...a
 }) {
-  const n = E(null), i = L.useId(), [l, m] = k(!1), u = () => {
-    !r || l || (m(!0), setTimeout(() => {
-      m(!1), r();
-    }, ze));
+  const n = $(null), i = q.useId(), [l, p] = S(!1), u = () => {
+    !r || l || (p(!0), setTimeout(() => {
+      p(!1), r();
+    }, nt));
   };
-  D(() => {
-    const d = (w) => {
-      w.key === "Escape" && u();
-    }, _ = (w) => {
-      n.current && !n.current.contains(w.target) && u();
+  B(() => {
+    const d = (_) => {
+      _.key === "Escape" && u();
+    }, b = (_) => {
+      n.current && !n.current.contains(_.target) && u();
     };
-    return document.addEventListener("keydown", d), document.addEventListener("mousedown", _), () => {
-      document.removeEventListener("keydown", d), document.removeEventListener("mousedown", _);
+    return document.addEventListener("keydown", d), document.addEventListener("mousedown", b), () => {
+      document.removeEventListener("keydown", d), document.removeEventListener("mousedown", b);
     };
   }, [r, l]);
-  const p = L.Children.toArray(s), f = p.find((d) => (d == null ? void 0 : d.type) === be), b = p.filter((d) => (d == null ? void 0 : d.type) !== be);
+  const m = q.Children.toArray(s), f = m.find((d) => (d == null ? void 0 : d.type) === Se), h = m.filter((d) => (d == null ? void 0 : d.type) !== Se);
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", l && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...a, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -825,26 +825,26 @@ function jt({
         (t || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
           t && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-modal__title", children: t }),
           r && /* @__PURE__ */ e.jsx(
-            _e,
+            fe,
             {
               variant: "ghost",
               size: "small",
-              icon: /* @__PURE__ */ e.jsx(ee, { size: S[2], strokeWidth: 1.5 }),
+              icon: /* @__PURE__ */ e.jsx(ne, { size: D[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: h }),
         f
       ]
     }
   ) });
 }
-function be({ children: s }) {
+function Se({ children: s }) {
   return /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: s });
 }
-function Fe({
+function at({
   children: s,
   title: t = "Code",
   defaultExpanded: r = !1,
@@ -854,8 +854,8 @@ function Fe({
   className: i = "",
   ...l
 }) {
-  const [m, u] = k(r), p = o !== void 0, f = p ? o : m, b = () => {
-    p ? a == null || a(!o) : u((_) => !_);
+  const [p, u] = S(r), m = o !== void 0, f = m ? o : p, h = () => {
+    m ? a == null || a(!o) : u((b) => !b);
   }, d = [
     "ds-code-accordion",
     `ds-code-accordion--${n}`,
@@ -868,14 +868,14 @@ function Fe({
       {
         type: "button",
         className: "ds-code-accordion__header",
-        onClick: b,
+        onClick: h,
         "aria-expanded": f,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: t }),
           /* @__PURE__ */ e.jsx(
-            ne,
+            xe,
             {
-              size: S[2],
+              size: D[2],
               strokeWidth: 1.5,
               className: `ds-code-accordion__icon ${f ? "ds-code-accordion__icon--expanded" : ""}`
             }
@@ -886,10 +886,10 @@ 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 }) }) }) })
   ] });
 }
-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 Wt({ children: s, block: t = !1, collapsible: r = !1, title: o = "Code", defaultExpanded: a = !1, ...n }) {
+  return t ? r ? /* @__PURE__ */ e.jsx(at, { title: o, defaultExpanded: a, ...n, children: s }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block", ...n, children: /* @__PURE__ */ e.jsx("code", { children: s }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...n, children: s });
 }
-function wt({ href: s, children: t, onClick: r, target: o, rel: a, ...n }) {
+function Ft({ href: s, children: t, onClick: r, target: o, rel: a, ...n }) {
   const l = o === "_blank" ? a ? `${a} noopener noreferrer` : "noopener noreferrer" : a;
   return /* @__PURE__ */ e.jsx(
     "a",
@@ -904,11 +904,11 @@ function wt({ href: s, children: t, onClick: r, target: o, rel: a, ...n }) {
     }
   );
 }
-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 Ct({ children: s, size: t = "m", variant: r = "ghost", ...o }) {
+  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...o, children: q.Children.map(s, (a) => q.isValidElement(a) ? q.cloneElement(a, { size: t, variant: r }) : a) });
 }
-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 Ut({ children: s, selected: t = !1, onClick: r, size: o = "m", variant: a = "ghost", disabled: n = !1, icon: i, href: l, ...p }) {
+  const u = i && !s, m = [
     "ds-tab",
     `ds-tab--${o}`,
     `ds-tab--${a}`,
@@ -919,7 +919,7 @@ function yt({ children: s, selected: t = !1, onClick: r, size: o = "m", variant:
     s
   ] });
   if (l) {
-    const b = (d) => {
+    const h = (d) => {
       if (n) {
         d.preventDefault();
         return;
@@ -932,10 +932,10 @@ function yt({ children: s, selected: t = !1, onClick: r, size: o = "m", variant:
         role: "tab",
         "aria-current": t ? "page" : void 0,
         "aria-disabled": n ? "true" : void 0,
-        className: p,
+        className: m,
         href: n ? void 0 : l,
-        onClick: b,
-        ...m,
+        onClick: h,
+        ...p,
         children: f
       }
     );
@@ -945,32 +945,32 @@ function yt({ children: s, selected: t = !1, onClick: r, size: o = "m", variant:
     {
       role: "tab",
       "aria-selected": t,
-      className: p,
+      className: m,
       onClick: r,
       disabled: n,
-      ...m,
+      ...p,
       children: f
     }
   );
 }
-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 Vt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1 }) {
+  const n = $(null), i = $(null), [l, p] = S(!1), u = $(!1), m = $(null), f = $(null), h = () => {
     if (!n.current) return;
     const d = n.current.querySelector(`[data-value="${t}"]`);
     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 b = n.current.getBoundingClientRect(), _ = d.getBoundingClientRect(), R = _.left - b.left, E = _.width;
+    i.current ? (i.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = R + "px", i.current.style.width = E + "px", u.current = !1) : (p(!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 g = n.current.querySelector(`[data-value="${t}"]`);
+      if (!g) return;
+      const A = n.current.getBoundingClientRect(), k = g.getBoundingClientRect();
+      i.current.style.transition = "none", i.current.style.left = k.left - A.left + "px", i.current.style.width = k.width + "px";
     }));
   };
-  return f.current = b, ke(() => {
-    const d = p.current !== t;
-    p.current = t, u.current = l && d, b();
-  }), D(() => {
+  return f.current = h, Me(() => {
+    const d = m.current !== t;
+    m.current = t, u.current = l && d, h();
+  }), B(() => {
     if (!n.current) return;
     const d = new ResizeObserver(() => {
       u.current = !1, f.current();
@@ -1015,7 +1015,7 @@ function kt({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1
     }
   );
 }
-function Ce({
+function ot({
   children: s,
   title: t,
   defaultExpanded: r = !1,
@@ -1024,29 +1024,29 @@ function Ce({
   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 [l, p] = S(r), u = o !== void 0, m = u ? o : l, f = () => {
+    u ? a == null || a(!o) : p((d) => !d);
+  }, h = [
     "ds-accordion",
     `ds-accordion--${n}`,
-    p && "ds-accordion--expanded"
+    m && "ds-accordion--expanded"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: b, ...i, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: h, ...i, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         className: "ds-accordion__header",
         onClick: f,
-        "aria-expanded": p,
+        "aria-expanded": m,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-accordion__title", children: t }),
           /* @__PURE__ */ e.jsx(
-            ne,
+            xe,
             {
-              size: S[2],
+              size: D[2],
               strokeWidth: 1.5,
-              className: `ds-accordion__icon ${p ? "ds-accordion__icon--expanded" : ""}`
+              className: `ds-accordion__icon ${m ? "ds-accordion__icon--expanded" : ""}`
             }
           )
         ]
@@ -1055,69 +1055,69 @@ 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 }) }) })
   ] });
 }
-const Y = 8, Z = 8;
-function Ve(s, t, r) {
+const re = 8, le = 8;
+function it(s, t, r) {
   const o = window.innerWidth;
   let a, n;
   switch (s) {
     case "top":
-      a = t.top - r.height - Y, n = t.left + t.width / 2 - r.width / 2;
+      a = t.top - r.height - re, n = t.left + t.width / 2 - r.width / 2;
       break;
     case "bottom":
-      a = t.bottom + Y, n = t.left + t.width / 2 - r.width / 2;
+      a = t.bottom + re, n = t.left + t.width / 2 - r.width / 2;
       break;
     case "left":
-      a = t.top + t.height / 2 - r.height / 2, n = t.left - r.width - Y;
+      a = t.top + t.height / 2 - r.height / 2, n = t.left - r.width - re;
       break;
     case "right":
-      a = t.top + t.height / 2 - r.height / 2, n = t.right + Y;
+      a = t.top + t.height / 2 - r.height / 2, n = t.right + re;
       break;
     default:
-      a = t.bottom + Y, n = t.left;
+      a = t.bottom + re, n = t.left;
   }
-  const i = Math.max(Z, Math.min(o - r.width - Z, n)), l = n - i;
+  const i = Math.max(le, Math.min(o - r.width - le, n)), l = n - i;
   return { top: a, left: i, arrowOffset: l };
 }
-function Ue(s, t, r) {
+function lt(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";
+  if (s.top >= t + re + le) return "top";
+  if (a - s.bottom >= t + re + le) return "bottom";
+  if (o - s.right >= r + re + le) return "right";
+  if (s.left >= r + re + le) 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 = () => {
-    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({
+function Yt({ children: s, content: t, position: r, ...o }) {
+  const [a, n] = S(!1), [i, l] = S({ visibility: "hidden" }), [p, u] = S(r || "top"), m = $(null), f = $(null), h = $(!1), d = () => {
+    if (!m.current || !f.current) return;
+    const _ = m.current.getBoundingClientRect(), R = f.current.getBoundingClientRect(), E = r || lt(_, R.height, R.width), { top: g, left: A, arrowOffset: k } = it(E, _, R);
+    u(E), l({
       position: "fixed",
-      top: B,
-      left: T,
+      top: g,
+      left: A,
       visibility: "visible",
-      "--arrow-offset": `${g}px`
+      "--arrow-offset": `${k}px`
     });
   };
-  if (D(() => {
+  if (B(() => {
     if (!a) return;
     l({ position: "fixed", visibility: "hidden" });
-    const w = requestAnimationFrame(d);
+    const _ = requestAnimationFrame(d);
     return window.addEventListener("scroll", d, !0), window.addEventListener("resize", d), () => {
-      cancelAnimationFrame(w), window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
+      cancelAnimationFrame(_), window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
     };
-  }, [a, r]), D(() => {
+  }, [a, r]), B(() => {
     if (!a) return;
-    const w = ($) => {
-      p.current && !p.current.contains($.target) && n(!1);
+    const _ = (R) => {
+      m.current && !m.current.contains(R.target) && n(!1);
     };
-    return document.addEventListener("touchstart", w), () => document.removeEventListener("touchstart", w);
+    return document.addEventListener("touchstart", _), () => document.removeEventListener("touchstart", _);
   }, [a]), !t) return s;
-  const _ = a && /* @__PURE__ */ e.jsx(
+  const b = a && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: f,
-      className: `ds-tooltip ds-tooltip--${m}`,
+      className: `ds-tooltip ds-tooltip--${p}`,
       role: "tooltip",
       style: i,
       children: t
@@ -1126,26 +1126,26 @@ function Et({ children: s, content: t, position: r, ...o }) {
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: p,
+      ref: m,
       className: "ds-tooltip-wrapper",
       onMouseEnter: () => {
-        b.current || n(!0);
+        h.current || n(!0);
       },
       onMouseLeave: () => {
-        b.current || n(!1);
+        h.current || n(!1);
       },
       onTouchStart: () => {
-        b.current = !0, n((w) => !w);
+        h.current = !0, n((_) => !_);
       },
       ...o,
       children: [
         s,
-        typeof document < "u" && ae.createPortal(_, document.body)
+        typeof document < "u" && me.createPortal(b, document.body)
       ]
     }
   );
 }
-function $t({
+function qt({
   checked: s = !1,
   onChange: t,
   size: r = "m",
@@ -1154,12 +1154,12 @@ function $t({
   id: n,
   ...i
 }) {
-  const l = n || `toggle-${L.useId()}`, m = [
+  const l = n || `toggle-${q.useId()}`, p = [
     "ds-toggle",
     `ds-toggle--${r}`,
     o && "ds-toggle--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: l, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: p, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -1176,7 +1176,7 @@ function $t({
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: a })
   ] });
 }
-function gt({
+function Ht({
   checked: s = !1,
   onChange: t,
   size: r = "m",
@@ -1185,12 +1185,12 @@ function gt({
   id: n,
   ...i
 }) {
-  const l = n || `checkbox-${L.useId()}`, m = [
+  const l = n || `checkbox-${q.useId()}`, p = [
     "ds-checkbox",
     `ds-checkbox--${r}`,
     o && "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: p, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -1198,13 +1198,13 @@ function gt({
         id: l,
         className: "ds-checkbox__input",
         checked: s,
-        onChange: (p) => t == null ? void 0 : t(p.target.checked),
+        onChange: (m) => t == null ? void 0 : t(m.target.checked),
         disabled: o,
         ...i
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: s && /* @__PURE__ */ e.jsx(
-      re,
+      he,
       {
         size: u,
         strokeWidth: 2.5,
@@ -1214,7 +1214,7 @@ function gt({
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: a })
   ] });
 }
-function Rt({
+function Kt({
   checked: s = !1,
   onChange: t,
   size: r = "m",
@@ -1223,14 +1223,14 @@ function Rt({
   name: n,
   value: i,
   id: l,
-  ...m
+  ...p
 }) {
-  const u = l || `radio-${L.useId()}`, p = [
+  const u = l || `radio-${q.useId()}`, m = [
     "ds-radio",
     `ds-radio--${r}`,
     o && "ds-radio--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("label", { className: p, htmlFor: u, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: u, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -1242,14 +1242,14 @@ function Rt({
         disabled: o,
         name: n,
         value: i,
-        ...m
+        ...p
       }
     ),
     /* @__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 })
   ] });
 }
-function Ye({ width: s, height: t, shape: r = "rect", aspectRatio: o, className: a = "", style: n = {}, ...i }) {
+function ct({ width: s, height: t, shape: r = "rect", aspectRatio: o, className: a = "", style: n = {}, ...i }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -1260,7 +1260,7 @@ function Ye({ width: s, height: t, shape: r = "rect", aspectRatio: o, className:
     }
   );
 }
-function qe({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: o = "", style: a = {}, ...n }) {
+function dt({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: o = "", style: a = {}, ...n }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -1279,20 +1279,20 @@ function qe({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: o = "",
     }
   );
 }
-Ye.Text = qe;
-function He(s) {
+ct.Text = dt;
+function ut(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) {
+function ft(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 Gt({ seed: s, icon: t, src: r, size: o = 32, className: a = "", style: n = {}, ...i }) {
+  const l = ut(s ?? ""), [p, u] = S(!1), m = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: ft(s) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1300,11 +1300,11 @@ function Tt({ seed: s, icon: t, src: r, size: o = 32, className: a = "", style:
       style: { width: o, height: o, "--ds-avatar-h": l, ...n },
       "aria-hidden": "true",
       ...i,
-      children: r && !m ? /* @__PURE__ */ e.jsx("img", { src: r, alt: "", onError: () => u(!0) }) : p
+      children: r && !p ? /* @__PURE__ */ e.jsx("img", { src: r, alt: "", onError: () => u(!0) }) : m
     }
   );
 }
-function It({
+function Xt({
   children: s,
   size: t = "compact",
   stickyTop: r,
@@ -1334,13 +1334,13 @@ function It({
     }
   );
 }
-function St({ children: s, ...t }) {
+function Jt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("thead", { ...t, children: s });
 }
-function At({ children: s, ...t }) {
+function Zt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("tbody", { ...t, children: s });
 }
-function Dt({ children: s, interactive: t, selected: r, subheader: o, className: a = "", onClick: n, ...i }) {
+function Qt({ children: s, interactive: t, selected: r, subheader: o, className: a = "", onClick: n, ...i }) {
   return /* @__PURE__ */ e.jsx(
     "tr",
     {
@@ -1357,17 +1357,17 @@ function Dt({ children: s, interactive: t, selected: r, subheader: o, className:
     }
   );
 }
-function Pt({ children: s, colSpan: t = 999, ...r }) {
+function es({ children: s, colSpan: t = 999, ...r }) {
   return /* @__PURE__ */ e.jsx("tr", { className: "ds-table-row ds-table-row--subheader", ...r, children: /* @__PURE__ */ e.jsx("td", { colSpan: t, children: s }) });
 }
-function Bt({ children: s, align: t = "left", sortDir: r, onSort: o, width: a, className: n = "", style: i = {}, ...l }) {
-  const m = !!o || r !== void 0, u = r === "asc" ? Re : r === "desc" ? ne : Te;
+function ts({ children: s, align: t = "left", sortDir: r, onSort: o, width: a, className: n = "", style: i = {}, ...l }) {
+  const p = !!o || r !== void 0, u = r === "asc" ? Ce : r === "desc" ? xe : Ue;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
       className: [
         "ds-th",
-        m ? "ds-th--sortable" : "",
+        p ? "ds-th--sortable" : "",
         r ? "ds-th--sorted" : "",
         t !== "left" ? `ds-table-cell--${t}` : "",
         n
@@ -1375,14 +1375,14 @@ function Bt({ children: s, align: t = "left", sortDir: r, onSort: o, width: a, c
       onClick: o,
       style: { width: a, ...i },
       ...l,
-      children: m ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
+      children: p ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
         s,
         /* @__PURE__ */ e.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ e.jsx(u, { size: 11, strokeWidth: 2.5 }) })
       ] }) : s
     }
   );
 }
-function Ot({ children: s, align: t = "left", secondary: r, muted: o, truncate: a, nowrap: n, className: i = "", ...l }) {
+function ss({ children: s, align: t = "left", secondary: r, muted: o, truncate: a, nowrap: n, className: i = "", ...l }) {
   return /* @__PURE__ */ e.jsx(
     "td",
     {
@@ -1400,7 +1400,7 @@ function Ot({ children: s, align: t = "left", secondary: r, muted: o, truncate:
     }
   );
 }
-function Lt({
+function rs({
   icon: s,
   title: t,
   description: r,
@@ -1423,7 +1423,7 @@ function Lt({
     }
   );
 }
-function Mt({
+function ns({
   label: s,
   hint: t,
   error: r,
@@ -1432,10 +1432,10 @@ function Mt({
   htmlFor: n,
   children: i,
   className: l = "",
-  style: m,
+  style: p,
   ...u
 }) {
-  const p = L.useId(), f = n ?? p, b = `${f}-hint`, d = `${f}-error`;
+  const m = q.useId(), f = n ?? m, h = `${f}-hint`, d = `${f}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1443,19 +1443,19 @@ function Mt({
       "data-state": r ? "error" : void 0,
       "data-required": o ? "" : void 0,
       "data-disabled": a ? "" : void 0,
-      style: m,
+      style: p,
       ...u,
       children: [
         s && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: f, children: s }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-field-control", children: i }),
-        t && !r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: b, children: t }),
+        t && !r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: h, children: t }),
         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 }) {
-  const m = r != null && r.startsWith("+") ? "up" : r != null && r.startsWith("-") ? "down" : "neutral";
+function as({ label: s, value: t, delta: r, size: o = "m", inline: a = !1, className: n = "", style: i, ...l }) {
+  const p = r != null && r.startsWith("+") ? "up" : r != null && r.startsWith("-") ? "down" : "neutral";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1470,12 +1470,12 @@ function Wt({ label: s, value: t, delta: r, size: o = "m", inline: a = !1, class
       children: [
         s && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-label", children: s }),
         t != null && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-value", children: t }),
-        r != null && /* @__PURE__ */ e.jsx("span", { className: `ds-stat-delta ds-stat-delta--${m}`, children: r })
+        r != null && /* @__PURE__ */ e.jsx("span", { className: `ds-stat-delta ds-stat-delta--${p}`, children: r })
       ]
     }
   );
 }
-function zt({
+function os({
   children: s,
   separator: t = "/",
   "aria-label": r = "Breadcrumb",
@@ -1483,7 +1483,7 @@ function zt({
   style: a,
   ...n
 }) {
-  const i = L.Children.toArray(s).filter(Boolean);
+  const i = q.Children.toArray(s).filter(Boolean);
   return /* @__PURE__ */ e.jsx(
     "nav",
     {
@@ -1491,14 +1491,14 @@ function zt({
       "aria-label": r,
       style: a,
       ...n,
-      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: i.map((l, m) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
+      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: i.map((l, p) => /* @__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 })
-      ] }, m)) })
+        p < i.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: t })
+      ] }, p)) })
     }
   );
 }
-function Ft({
+function is({
   page: s,
   total: t,
   onChange: r,
@@ -1508,7 +1508,7 @@ function Ft({
   style: i,
   ...l
 }) {
-  const m = Ge(s, t, o);
+  const p = mt(s, t, o);
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
@@ -1524,11 +1524,11 @@ function Ft({
             onClick: () => r == null ? void 0 : r(s - 1),
             disabled: s <= 1,
             "aria-label": "Previous page",
-            children: /* @__PURE__ */ e.jsx(Ie, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(Ve, { size: 16 })
           }
         ),
-        m.map(
-          (u, p) => u === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${p}`) : /* @__PURE__ */ e.jsx(
+        p.map(
+          (u, m) => u === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${m}`) : /* @__PURE__ */ e.jsx(
             "button",
             {
               className: `ds-pagination-page${u === s ? " ds-pagination-page--current" : ""}`,
@@ -1547,44 +1547,44 @@ function Ft({
             onClick: () => r == null ? void 0 : r(s + 1),
             disabled: s >= t,
             "aria-label": "Next page",
-            children: /* @__PURE__ */ e.jsx(je, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(Be, { size: 16 })
           }
         )
       ]
     }
   );
 }
-function Ge(s, t, r) {
+function mt(s, t, r) {
   if (t <= 7) return Array.from({ length: t }, (i, l) => l + 1);
   const o = Math.max(2, s - r), a = Math.min(t - 1, s + r), n = [1];
   o > 2 && n.push("…");
   for (let i = o; i <= a; i++) n.push(i);
   return a < t - 1 && n.push("…"), n.push(t), n;
 }
-const Xe = 200;
-function Ct({
+const pt = 200;
+function ls({
   children: s,
   title: t,
   onClose: r,
   side: o = "right",
   ...a
 }) {
-  const n = E(null), i = L.useId(), [l, m] = k(!1), u = () => {
-    !r || l || (m(!0), setTimeout(() => {
-      m(!1), r();
-    }, Xe));
+  const n = $(null), i = q.useId(), [l, p] = S(!1), u = () => {
+    !r || l || (p(!0), setTimeout(() => {
+      p(!1), r();
+    }, pt));
   };
-  D(() => {
-    const d = (w) => {
-      w.key === "Escape" && u();
-    }, _ = (w) => {
-      n.current && !n.current.contains(w.target) && u();
+  B(() => {
+    const d = (_) => {
+      _.key === "Escape" && u();
+    }, b = (_) => {
+      n.current && !n.current.contains(_.target) && u();
     };
-    return document.addEventListener("keydown", d), document.addEventListener("mousedown", _), () => {
-      document.removeEventListener("keydown", d), document.removeEventListener("mousedown", _);
+    return document.addEventListener("keydown", d), document.addEventListener("mousedown", b), () => {
+      document.removeEventListener("keydown", d), document.removeEventListener("mousedown", b);
     };
   }, [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);
+  const m = q.Children.toArray(s), f = m.find((d) => (d == null ? void 0 : d.type) === Ae), h = m.filter((d) => (d == null ? void 0 : d.type) !== Ae);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1602,9 +1602,9 @@ function Ct({
           children: [
             /* @__PURE__ */ e.jsxs("header", { className: "ds-drawer-header", children: [
               t && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-drawer-title", children: t }),
-              r && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: u, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(ee, { size: S[2], strokeWidth: 1.5 }) })
+              r && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: u, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(ne, { size: D[2], strokeWidth: 1.5 }) })
             ] }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body", children: b }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body", children: h }),
             f
           ]
         }
@@ -1612,16 +1612,16 @@ function Ct({
     }
   );
 }
-function xe({ children: s }) {
+function Ae({ children: s }) {
   return /* @__PURE__ */ e.jsx("footer", { className: "ds-drawer-footer", children: s });
 }
-const Je = {
-  info: me,
-  success: fe,
-  warning: ue,
-  error: de
+const ht = {
+  info: ge,
+  success: ye,
+  warning: we,
+  error: Ne
 };
-function Vt({
+function cs({
   children: s,
   variant: t = "info",
   action: r,
@@ -1630,15 +1630,15 @@ function Vt({
   role: n,
   ...i
 }) {
-  const l = Je[t], m = n || (t === "error" ? "alert" : "status");
+  const l = ht[t], p = n || (t === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: `ds-banner ds-banner--${t}`,
-      role: m,
+      role: p,
       ...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 }) }),
+        l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: D[2], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-banner-text", children: s }),
         r && /* @__PURE__ */ e.jsx(
           "button",
@@ -1656,14 +1656,14 @@ function Vt({
             className: "ds-banner-dismiss",
             onClick: a,
             "aria-label": "Dismiss",
-            children: /* @__PURE__ */ e.jsx(ee, { size: S[2], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ne, { size: D[2], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function Ut({
+function ds({
   trigger: s,
   items: t = [],
   open: r,
@@ -1673,131 +1673,131 @@ function Ut({
   style: i,
   ...l
 }) {
-  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)
+  const [p, u] = S(!1), [m, f] = S(!1), h = r !== void 0, d = h ? r : p, b = $(null), _ = $(null), R = $(null), E = $(null), [g, A] = S({}), k = $(null), M = 150, I = () => {
+    if (h)
       o == null || o(!1);
     else {
-      if (p) return;
-      f(!0), g.current = setTimeout(() => {
+      if (m) return;
+      f(!0), k.current = setTimeout(() => {
         u(!1), f(!1);
-      }, F);
+      }, M);
     }
-  }, q = () => {
-    const h = !d;
-    b ? o == null || o(h) : h ? (clearTimeout(g.current), f(!1), u(!0)) : O();
-  }, M = () => {
-    d || (b ? o == null || o(!0) : (clearTimeout(g.current), f(!1), u(!0)));
+  }, v = () => {
+    const x = !d;
+    h ? o == null || o(x) : x ? (clearTimeout(k.current), f(!1), u(!0)) : I();
+  }, L = () => {
+    d || (h ? o == null || o(!0) : (clearTimeout(k.current), f(!1), u(!0)));
   };
-  D(() => () => clearTimeout(g.current), []), D(() => {
+  B(() => () => clearTimeout(k.current), []), B(() => {
     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 }
+    const x = () => {
+      var O;
+      const y = (O = b.current) == null ? void 0 : O.getBoundingClientRect();
+      y && A(
+        a === "right" ? { top: y.bottom + 4, right: window.innerWidth - y.right } : { top: y.bottom + 4, left: y.left }
       );
     };
-    return h(), window.addEventListener("scroll", h, !0), window.addEventListener("resize", h), () => {
-      window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", h);
+    return x(), window.addEventListener("scroll", x, !0), window.addEventListener("resize", x), () => {
+      window.removeEventListener("scroll", x, !0), window.removeEventListener("resize", x);
     };
   }, [d, a]);
-  const W = () => {
-    var v;
-    const h = (v = $.current) == null ? void 0 : v.querySelector(
+  const z = () => {
+    var y;
+    const x = (y = R.current) == null ? void 0 : y.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
-    h == null || h.focus();
+    x == null || x.focus();
   };
-  D(() => {
+  B(() => {
     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 x = (O) => {
+      var C, K;
+      !((C = b.current) != null && C.contains(O.target)) && !((K = _.current) != null && K.contains(O.target)) && I();
+    }, y = (O) => {
+      O.key === "Escape" && (I(), z());
     };
-    return document.addEventListener("mousedown", h), document.addEventListener("keydown", v), () => {
-      document.removeEventListener("mousedown", h), document.removeEventListener("keydown", v);
+    return document.addEventListener("mousedown", x), document.addEventListener("keydown", y), () => {
+      document.removeEventListener("mousedown", x), document.removeEventListener("keydown", y);
     };
-  }, [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]), B(() => {
+    if (!d || !E.current || !_.current) return;
+    const x = Y(), y = E.current === "last" ? x[x.length - 1] : x[0];
+    y == null || y.focus(), E.current = null;
   }, [d]);
-  const V = () => w.current ? [...w.current.querySelectorAll(
+  const Y = () => _.current ? [..._.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
-  )] : [], G = (h) => {
-    var v, R;
-    if (h.key === "ArrowDown")
-      h.preventDefault(), d ? (v = V()[0]) == null || v.focus() : (N.current = "first", M());
-    else if (h.key === "ArrowUp")
-      if (h.preventDefault(), !d)
-        N.current = "last", M();
+  )] : [], H = (x) => {
+    var y, O;
+    if (x.key === "ArrowDown")
+      x.preventDefault(), d ? (y = Y()[0]) == null || y.focus() : (E.current = "first", L());
+    else if (x.key === "ArrowUp")
+      if (x.preventDefault(), !d)
+        E.current = "last", L();
       else {
-        const P = V();
-        (R = P[P.length - 1]) == null || R.focus();
+        const C = Y();
+        (O = C[C.length - 1]) == null || O.focus();
       }
-  }, H = (h) => {
-    var P, z, U, j;
-    const v = V(), R = v.findIndex((c) => c === document.activeElement);
-    switch (h.key) {
+  }, X = (x) => {
+    var C, K, Z, w;
+    const y = Y(), O = y.findIndex((c) => c === document.activeElement);
+    switch (x.key) {
       case "ArrowDown":
-        h.preventDefault(), (P = v[Math.min(R + 1, v.length - 1)]) == null || P.focus();
+        x.preventDefault(), (C = y[Math.min(O + 1, y.length - 1)]) == null || C.focus();
         break;
       case "ArrowUp":
-        h.preventDefault(), R <= 0 ? W() : (z = v[R - 1]) == null || z.focus();
+        x.preventDefault(), O <= 0 ? z() : (K = y[O - 1]) == null || K.focus();
         break;
       case "Home":
-        h.preventDefault(), (U = v[0]) == null || U.focus();
+        x.preventDefault(), (Z = y[0]) == null || Z.focus();
         break;
       case "End":
-        h.preventDefault(), (j = v[v.length - 1]) == null || j.focus();
+        x.preventDefault(), (w = y[y.length - 1]) == null || w.focus();
         break;
       case "Tab":
-        O();
+        I();
         break;
     }
-  }, C = d && /* @__PURE__ */ e.jsx(
+  }, U = d && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: w,
+      ref: _,
       role: "menu",
       className: [
         "ds-dropdown__menu",
         `ds-dropdown__menu--${a}`,
-        p && "ds-dropdown__menu--closing"
+        m && "ds-dropdown__menu--closing"
       ].filter(Boolean).join(" "),
-      style: B,
-      onKeyDown: H,
-      children: t.map((h, v) => {
-        if (h.separator)
-          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, v);
-        if (h.type === "section")
+      style: g,
+      onKeyDown: X,
+      children: t.map((x, y) => {
+        if (x.separator)
+          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, y);
+        if (x.type === "section")
           return /* @__PURE__ */ e.jsxs("div", { className: "ds-dropdown__section", children: [
-            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 };
+            x.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: x.label }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: x.content })
+          ] }, y);
+        const O = !!x.href, C = O ? "a" : "button", K = O ? { href: x.disabled ? void 0 : x.href, "aria-disabled": x.disabled ? "true" : void 0 } : { type: "button", disabled: x.disabled };
         return /* @__PURE__ */ e.jsxs(
-          P,
+          C,
           {
             role: "menuitem",
             className: [
               "ds-dropdown__item",
-              h.danger && "ds-dropdown__item--danger"
+              x.danger && "ds-dropdown__item--danger"
             ].filter(Boolean).join(" "),
-            ...z,
+            ...K,
             onClick: () => {
-              var U;
-              (U = h.onClick) == null || U.call(h), O();
+              var Z;
+              (Z = x.onClick) == null || Z.call(x), I();
             },
             children: [
-              h.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: h.icon }),
-              /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: h.label }),
-              h.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: h.shortcut })
+              x.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: x.icon }),
+              /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: x.label }),
+              x.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: x.shortcut })
             ]
           },
-          v
+          y
         );
       })
     }
@@ -1805,7 +1805,7 @@ function Ut({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: _,
+      ref: b,
       className: ["ds-dropdown", n].filter(Boolean).join(" "),
       style: i,
       ...l,
@@ -1813,19 +1813,19 @@ function Ut({
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: $,
+            ref: R,
             className: "ds-dropdown__trigger",
-            onClick: q,
-            onKeyDown: G,
+            onClick: v,
+            onKeyDown: H,
             children: s
           }
         ),
-        typeof document < "u" && ae.createPortal(C, document.body)
+        typeof document < "u" && me.createPortal(U, document.body)
       ]
     }
   );
 }
-function Yt({
+function us({
   value: s = 0,
   size: t = "m",
   variant: r = "default",
@@ -1833,7 +1833,7 @@ function Yt({
   min: a = 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, s)), l = Math.max(a, i), p = r === "auto" ? i >= 70 ? "success" : i >= 50 ? "warning" : "danger" : r;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1850,7 +1850,7 @@ function Yt({
         /* @__PURE__ */ e.jsx("div", { className: "ds-progress__track", children: /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `ds-progress__fill ds-progress__fill--${m}`,
+            className: `ds-progress__fill ds-progress__fill--${p}`,
             style: { width: `${l}%` }
           }
         ) }),
@@ -1862,50 +1862,50 @@ 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(() => {
-    if (Qe()) {
+const xt = (s) => 1 - Math.pow(1 - s, 3), bt = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+function jt(s, { duration: t = 600 } = {}) {
+  const [r, o] = S(s), a = $(s), n = $(null);
+  return B(() => {
+    if (bt()) {
       o(s), a.current = s;
       return;
     }
     const i = a.current, l = s - i;
     if (l === 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;
+    let p = null;
+    const u = (m) => {
+      p || (p = m);
+      const f = Math.min((m - p) / t, 1);
+      o(i + l * xt(f)), f < 1 ? n.current = requestAnimationFrame(u) : a.current = s;
     };
     return n.current = requestAnimationFrame(u), () => cancelAnimationFrame(n.current);
   }, [s, t]), r;
 }
-function qt({
+function fs({
   value: s,
   duration: t = 600,
   decimals: r = 0,
   prefix: o = "",
   suffix: a = ""
 }) {
-  const i = et(s, { duration: t }).toFixed(r);
+  const i = jt(s, { duration: t }).toFixed(r);
   return `${o}${i}${a}`;
 }
-function tt({ threshold: s = 0.1, rootMargin: t = "0px", once: r = !1 } = {}) {
-  const o = E(null), [a, n] = k(!1);
-  return D(() => {
+function _t({ threshold: s = 0.1, rootMargin: t = "0px", once: r = !1 } = {}) {
+  const o = $(null), [a, n] = S(!1);
+  return B(() => {
     const i = o.current;
     if (!i) return;
     const l = new IntersectionObserver(
-      ([m]) => {
-        m.isIntersecting ? (n(!0), r && l.disconnect()) : r || n(!1);
+      ([p]) => {
+        p.isIntersecting ? (n(!0), r && l.disconnect()) : r || n(!1);
       },
       { threshold: s, rootMargin: t }
     );
     return l.observe(i), () => l.disconnect();
   }, [s, t, r]), { ref: o, inView: a };
 }
-function Ht({
+function ms({
   children: s,
   as: t = "div",
   once: r = !1,
@@ -1915,31 +1915,31 @@ function Ht({
   onLeave: i,
   ...l
 }) {
-  const { ref: m, inView: u } = tt({ threshold: o, rootMargin: a, once: r }), p = E(!1);
-  return D(() => {
-    u && !p.current && (n == null || n()), !u && p.current && (i == null || i()), p.current = u;
-  }, [u]), /* @__PURE__ */ e.jsx(t, { ref: m, ...l, children: typeof s == "function" ? s(u) : s });
-}
-const ve = {
-  default: me,
-  success: fe,
-  warning: ue,
-  error: de
+  const { ref: p, inView: u } = _t({ threshold: o, rootMargin: a, once: r }), m = $(!1);
+  return B(() => {
+    u && !m.current && (n == null || n()), !u && m.current && (i == null || i()), m.current = u;
+  }, [u]), /* @__PURE__ */ e.jsx(t, { ref: p, ...l, children: typeof s == "function" ? s(u) : s });
+}
+const Ie = {
+  default: ge,
+  success: ye,
+  warning: we,
+  error: Ne
 };
-let Q = [];
-const le = /* @__PURE__ */ new Set();
-function Ne() {
-  le.forEach((s) => s([...Q]));
+let ce = [];
+const ve = /* @__PURE__ */ new Set();
+function Le() {
+  ve.forEach((s) => s([...ce]));
 }
-function st(s) {
-  Q = [...Q, s], Ne();
+function vt(s) {
+  ce = [...ce, s], Le();
 }
-function rt(s) {
-  Q = Q.filter((t) => t.id !== s), Ne();
+function Nt(s) {
+  ce = ce.filter((t) => t.id !== s), Le();
 }
-function Kt() {
+function ps() {
   const s = (t, r = {}) => {
-    st({
+    vt({
       id: `${Date.now()}-${Math.random()}`,
       message: t,
       type: "default",
@@ -1949,13 +1949,13 @@ function Kt() {
   };
   return s.success = (t, r) => s(t, { ...r, type: "success" }), s.error = (t, r) => s(t, { ...r, type: "error" }), s.warning = (t, r) => s(t, { ...r, type: "warning" }), { toast: s };
 }
-function 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 wt({ data: s, onDismiss: t }) {
+  const [r, o] = S(!1), a = $(null);
+  B(() => (requestAnimationFrame(() => o(!0)), s.duration > 0 && (a.current = setTimeout(() => n(), s.duration)), () => clearTimeout(a.current)), []);
   function n() {
     o(!1), setTimeout(() => t(s.id), 250);
   }
-  const i = ve[s.type] ?? ve.default;
+  const i = Ie[s.type] ?? Ie.default;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1967,7 +1967,7 @@ function nt({ data: s, onDismiss: t }) {
       role: s.type === "error" ? "alert" : "status",
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(i, { size: S[3], strokeWidth: 1.5 }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(i, { size: D[3], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-toast__message", children: s.message }),
         /* @__PURE__ */ e.jsx(
           "button",
@@ -1975,26 +1975,26 @@ function nt({ data: s, onDismiss: t }) {
             className: "ds-toast__close",
             onClick: n,
             "aria-label": "Закрыть",
-            children: /* @__PURE__ */ e.jsx(ee, { size: S[3], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ne, { size: D[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 hs({ position: s = "bottom-right" }) {
+  const [t, r] = S(() => [...ce]);
+  return B(() => (ve.add(r), () => ve.delete(r)), []), !t.length || typeof document > "u" ? null : me.createPortal(
+    /* @__PURE__ */ e.jsx("div", { className: ["ds-toast-container", `ds-toast-container--${s}`].join(" "), children: t.map((o) => /* @__PURE__ */ e.jsx(wt, { data: o, onDismiss: Nt }, o.id)) }),
     document.body
   );
 }
-const at = {
-  running: /* @__PURE__ */ e.jsx(ie, { size: "xs", variant: "info", children: "Running..." }),
-  success: /* @__PURE__ */ e.jsx(ie, { size: "xs", variant: "success", children: "Done" }),
-  error: /* @__PURE__ */ e.jsx(ie, { size: "xs", variant: "error", children: "Error" })
+const yt = {
+  running: /* @__PURE__ */ e.jsx(pe, { size: "xs", variant: "info", children: "Running..." }),
+  success: /* @__PURE__ */ e.jsx(pe, { size: "xs", variant: "success", children: "Done" }),
+  error: /* @__PURE__ */ e.jsx(pe, { size: "xs", variant: "error", children: "Error" })
 };
-function Xt({
+function xs({
   label: s,
   status: t = "idle",
   icon: r,
@@ -2003,87 +2003,87 @@ function Xt({
   expanded: n,
   onToggle: i,
   padding: l = "s",
-  children: m,
+  children: p,
   ...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-${ze().replace(/:/g, "")}`, [h, d] = S(a), b = n !== void 0, _ = b ? n : h, R = () => {
+    b ? i == null || i(!n) : d((E) => !E);
   };
-  return /* @__PURE__ */ e.jsxs(Le, { padding: l, ...u, children: [
+  return /* @__PURE__ */ e.jsxs(tt, { padding: l, ...u, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         className: "ds-tool-card__header",
-        onClick: $,
-        "aria-expanded": w,
+        onClick: R,
+        "aria-expanded": _,
         "aria-controls": f,
         children: [
           /* @__PURE__ */ e.jsx(
-            je,
+            Be,
             {
-              size: S[1],
+              size: D[1],
               strokeWidth: 1.5,
-              className: `ds-tool-card__chevron${w ? " ds-tool-card__chevron--expanded" : ""}`
+              className: `ds-tool-card__chevron${_ ? " 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],
+          yt[t],
           o
         ]
       }
     ),
-    w && /* @__PURE__ */ e.jsx("div", { id: f, className: "ds-tool-card__body", children: m })
+    _ && /* @__PURE__ */ e.jsx("div", { id: f, className: "ds-tool-card__body", children: p })
   ] });
 }
-function Jt({
+function bs({
   text: s,
   size: t = "xs",
   timeout: r = 2e3,
   "aria-label": o = "Copy to clipboard",
   ...a
 }) {
-  const [n, i] = k(!1), l = () => {
+  const [n, i] = S(!1), l = () => {
     navigator.clipboard.writeText(s).then(() => {
       i(!0), setTimeout(() => i(!1), r);
     });
   };
   return /* @__PURE__ */ e.jsx(
-    _e,
+    fe,
     {
       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 }),
+      icon: n ? /* @__PURE__ */ e.jsx(he, { size: D[1], strokeWidth: 1.5 }) : /* @__PURE__ */ e.jsx(Ye, { size: D[1], strokeWidth: 1.5 }),
       "aria-label": o,
       onClick: l,
       ...a
     }
   );
 }
-function Zt({ content: s, streaming: t = !1, ...r }) {
-  const [o, a] = k(t);
-  return D(() => {
+function js({ content: s, streaming: t = !1, ...r }) {
+  const [o, a] = S(t);
+  return B(() => {
     a(!!t);
   }, [t]), /* @__PURE__ */ e.jsx(
-    Ce,
+    ot,
     {
       expanded: o,
       onToggle: a,
       padding: "s",
       title: /* @__PURE__ */ e.jsxs("div", { className: "ds-reasoning__title", children: [
-        /* @__PURE__ */ e.jsx(Ae, { size: S[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
-        /* @__PURE__ */ e.jsx(Me, { secondary: !0, children: "Thinking" })
+        /* @__PURE__ */ e.jsx(qe, { size: D[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
+        /* @__PURE__ */ e.jsx(st, { secondary: !0, children: "Thinking" })
       ] }),
       ...r,
-      children: /* @__PURE__ */ e.jsxs(we, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
+      children: /* @__PURE__ */ e.jsxs(Pe, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
         s,
-        t && /* @__PURE__ */ e.jsx("span", { className: "ds-reasoning__cursor" })
+        t && /* @__PURE__ */ e.jsx("span", { className: "ds-cursor ds-cursor--line" })
       ] })
     }
   );
 }
-function Qt({
+function _s({
   count: s,
   current: t = 0,
   done: r = [],
@@ -2094,10 +2094,10 @@ function Qt({
   ...l
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", n].filter(Boolean).join(" "), ...l, children: [
-    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i, children: Array.from({ length: s }, (m, u) => {
-      const p = u === t, f = r.includes(u) && !p, b = o && (u <= t || r.includes(u)), d = [
+    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i, children: Array.from({ length: s }, (p, u) => {
+      const m = u === t, f = r.includes(u) && !m, h = o && (u <= t || r.includes(u)), d = [
         "ds-step-indicator__dot",
-        p && "ds-step-indicator__dot--active",
+        m && "ds-step-indicator__dot--active",
         f && "ds-step-indicator__dot--done"
       ].filter(Boolean).join(" ");
       return /* @__PURE__ */ e.jsx(
@@ -2106,80 +2106,506 @@ function Qt({
           type: "button",
           className: d,
           role: "tab",
-          "aria-selected": p,
+          "aria-selected": m,
           "aria-label": `Step ${u + 1}`,
-          disabled: !b || u === t,
+          disabled: !h || u === t,
           onClick: () => o == null ? void 0 : o(u),
-          children: f ? /* @__PURE__ */ e.jsx(re, { size: 8, strokeWidth: 3 }) : null
+          children: f ? /* @__PURE__ */ e.jsx(he, { size: 8, strokeWidth: 3 }) : null
         },
         u
       );
     }) }),
-    a && /* @__PURE__ */ e.jsxs(we, { secondary: !0, className: "ds-step-indicator__counter", children: [
+    a && /* @__PURE__ */ e.jsxs(Pe, { secondary: !0, className: "ds-step-indicator__counter", children: [
       t + 1,
       " / ",
       s
     ] })
   ] });
 }
+function vs({
+  content: s,
+  isStreaming: t = !1,
+  cursor: r = "line",
+  onChunk: o,
+  className: a = "",
+  ...n
+}) {
+  const i = $(s);
+  return B(() => {
+    s !== i.current && (o == null || o(s), i.current = s);
+  }, [s, o]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", a].filter(Boolean).join(" "), ...n, children: [
+    s,
+    t && r !== "none" && /* @__PURE__ */ e.jsx("span", { className: `ds-cursor ds-cursor--${r}`, "aria-hidden": "true" })
+  ] });
+}
+function Ns({
+  role: s = "assistant",
+  header: t,
+  footer: r,
+  attachments: o,
+  isStreaming: a = !1,
+  children: n,
+  className: i = "",
+  ...l
+}) {
+  const p = [
+    "ds-chat-message",
+    `ds-chat-message--${s}`,
+    a && "ds-chat-message--streaming",
+    i
+  ].filter(Boolean).join(" ");
+  return s === "system" ? /* @__PURE__ */ e.jsx("div", { className: p, ...l, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: n }) }) : s === "user" ? /* @__PURE__ */ e.jsxs("div", { className: p, ...l, children: [
+    o && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: o }),
+    /* @__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: p, ...l, children: [
+    t && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__header", children: t }),
+    o && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: o }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__body", children: n }),
+    r && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: r })
+  ] });
+}
+function ws(s, { containerRef: t, smartPause: r = !0 } = {}) {
+  const o = $(!1), a = $(0);
+  B(() => {
+    const n = t == null ? void 0 : t.current;
+    if (!n) return;
+    const i = () => {
+      const l = n.scrollHeight - n.scrollTop - n.clientHeight < 64;
+      !l && n.scrollTop < a.current && (o.current = !0), l && (o.current = !1), a.current = n.scrollTop;
+    };
+    return n.addEventListener("scroll", i, { passive: !0 }), () => n.removeEventListener("scroll", i);
+  }, [t]), B(() => {
+    const n = t == null ? void 0 : t.current;
+    n && (r && o.current || (n.scrollTop = n.scrollHeight));
+  }, s);
+}
+function gt({
+  prompts: s,
+  enabled: t,
+  typingSpeed: r = 38,
+  erasingSpeed: o = 18,
+  holdTime: a = 2200,
+  betweenTime: n = 380,
+  manualPauseMs: i = 5e3
+}) {
+  const [l, p] = S(0), [u, m] = S(""), f = $("typing"), h = $(0), d = $(0), b = $(null), _ = $(0);
+  B(() => {
+    d.current = l;
+  }, [l]), B(() => {
+    if (b.current && (clearTimeout(b.current), b.current = null), !t || s.length === 0) {
+      m(""), h.current = 0, f.current = "typing";
+      return;
+    }
+    const k = () => {
+      const M = Date.now();
+      if (_.current > M) {
+        b.current = setTimeout(k, _.current - M);
+        return;
+      }
+      const I = s[d.current % s.length] ?? "";
+      f.current === "typing" ? (h.current += 1, m(I.slice(0, h.current)), h.current >= I.length ? (f.current = "holding", b.current = setTimeout(k, a)) : b.current = setTimeout(k, r + Math.random() * 28)) : f.current === "holding" ? (f.current = "erasing", b.current = setTimeout(k, o)) : (h.current = Math.max(0, h.current - 1), m(I.slice(0, h.current)), h.current <= 0 ? (f.current = "typing", d.current = (d.current + 1) % s.length, p(d.current), b.current = setTimeout(k, n)) : b.current = setTimeout(k, o));
+    };
+    return b.current = setTimeout(k, 260), () => {
+      b.current && clearTimeout(b.current);
+    };
+  }, [t, s, r, o, a, n]);
+  const R = (k) => {
+    if (s.length === 0) return;
+    const M = (k % s.length + s.length) % s.length, I = s[M];
+    d.current = M, h.current = I.length, f.current = "holding", _.current = Date.now() + i, p(M), m(I);
+  }, E = () => R(d.current + 1), g = () => R(d.current - 1), A = s[l % s.length] ?? "";
+  return { displayed: u, currentPrompt: A, index: l, next: E, prev: g };
+}
+let kt = 0;
+function ys({
+  value: s = "",
+  onChange: t,
+  onSubmit: r,
+  onStop: o,
+  onKeyDown: a,
+  loading: n = !1,
+  disabled: i = !1,
+  placeholder: l = "Let's get things done...",
+  animatedPlaceholders: p,
+  attachments: u,
+  images: m,
+  onAttachFiles: f,
+  onAttachImages: h,
+  onRemoveAttachment: d,
+  onRemoveImage: b,
+  acceptImage: _,
+  acceptFile: R,
+  maxImages: E,
+  maxImageSize: g,
+  leftSlot: A,
+  rightSlot: k,
+  className: M = "",
+  ...I
+}) {
+  const v = $(null), L = $(null), z = $(0), [Y, H] = S(!1), [X, U] = S([]), x = (j) => {
+    const T = ++kt;
+    U((V) => [...V, { id: T, msg: j }]), setTimeout(() => U((V) => V.filter((G) => G.id !== T)), 6e3);
+  }, y = (j) => U((T) => T.filter((V) => V.id !== j)), O = (j) => j.type.startsWith("image/"), C = () => !0, K = _ ?? O, Z = R ?? C, w = (j) => {
+    const T = [], V = [], G = [], J = [];
+    let te = 0, ie = E != null ? E - ((m == null ? void 0 : m.length) ?? 0) : 1 / 0;
+    for (const se of j)
+      K(se) ? g && se.size > g ? G.push(se.name) : ie > 0 ? (T.push(se), ie--) : te++ : Z(se) ? V.push(se) : J.push(se.name);
+    return { imageFiles: T, docFiles: V, tooLarge: G, skipped: J, limitExceeded: te };
+  }, c = (j) => {
+    const { imageFiles: T, docFiles: V, tooLarge: G, skipped: J, limitExceeded: te } = w(j);
+    G.length && x(`File${G.length > 1 ? "s" : ""} too large${g ? ` (max ${g / 1024 / 1024}MB)` : ""}: ${G.join(", ")}`), J.length && x(`Skipped unsupported file${J.length > 1 ? "s" : ""}: ${J.join(", ")}`), te && x(`Max ${E} images per message`), h && T.length && h(T);
+    const ie = V.concat(h ? [] : T);
+    f && ie.length && f(ie);
+  };
+  B(() => {
+    const j = L.current;
+    j && (j.style.height = "auto", j.style.height = `${Math.min(j.scrollHeight, 200)}px`);
+  }, [s]), B(() => {
+    const j = (T) => {
+      var G, J, te;
+      if (n || i) return;
+      const V = (G = T.target) == null ? void 0 : G.tagName;
+      V === "INPUT" || V === "TEXTAREA" || V === "SELECT" || (J = T.target) != null && J.isContentEditable || T.ctrlKey || T.metaKey || T.altKey || T.key.length !== 1 && T.key !== "Backspace" && T.key !== "Delete" || (te = L.current) == null || te.focus();
+    };
+    return document.addEventListener("keydown", j), () => document.removeEventListener("keydown", j);
+  }, [n, i]);
+  const N = (j) => {
+    j.preventDefault(), z.current++, j.dataTransfer.types.includes("Files") && H(!0);
+  }, P = (j) => {
+    j.preventDefault(), z.current--, z.current === 0 && H(!1);
+  }, W = (j) => j.preventDefault(), ee = (j) => {
+    j.preventDefault(), z.current = 0, H(!1);
+    const T = Array.from(j.dataTransfer.files);
+    T.length && c(T);
+  }, ae = (j) => {
+    const T = Array.from(j.target.files || []);
+    v.current && (v.current.value = ""), T.length && c(T);
+  }, F = (j) => {
+    var ie;
+    if (!h) return;
+    const T = (ie = j.clipboardData) == null ? void 0 : ie.items;
+    if (!T) return;
+    const V = [];
+    for (const se of T) {
+      const je = se.getAsFile();
+      je && K(je) && V.push(je);
+    }
+    if (V.length === 0) return;
+    const { imageFiles: G, tooLarge: J, limitExceeded: te } = w(V);
+    J.length && x(`File${J.length > 1 ? "s" : ""} too large: ${J.join(", ")}`), te && x(`Max ${E} images per message`), G.length && (j.preventDefault(), h(G));
+  }, Q = !n && !i && !!(p != null && p.length) && s.length === 0, oe = gt({
+    prompts: p ?? [],
+    enabled: Q
+  }), be = (j) => {
+    if (Q) {
+      if (j.key === "ArrowDown" || j.key === "ArrowRight") {
+        j.preventDefault(), oe.next();
+        return;
+      }
+      if (j.key === "ArrowUp" || j.key === "ArrowLeft") {
+        j.preventDefault(), oe.prev();
+        return;
+      }
+      if (j.key === "Tab" && !j.shiftKey) {
+        j.preventDefault(), t == null || t(oe.currentPrompt);
+        return;
+      }
+    }
+    a == null || a(j);
+  }, Oe = (s.trim() || (m == null ? void 0 : m.length) > 0 || (u == null ? void 0 : u.length) > 0) && !i, ke = f || h;
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", M].filter(Boolean).join(" "), ...I, children: [
+    ke && /* @__PURE__ */ e.jsx(
+      "input",
+      {
+        ref: v,
+        type: "file",
+        multiple: !0,
+        accept: "*/*",
+        className: "ds-prompt-input__file-input",
+        onChange: ae
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: ["ds-prompt-input__box", Y && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
+        onDragEnter: N,
+        onDragLeave: P,
+        onDragOver: W,
+        onDrop: ee,
+        children: [
+          Y && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
+          /* @__PURE__ */ e.jsx(
+            "textarea",
+            {
+              ref: L,
+              value: s,
+              onChange: (j) => t == null ? void 0 : t(j.target.value),
+              onKeyDown: be,
+              onPaste: F,
+              placeholder: Q ? "" : l,
+              disabled: n || i,
+              rows: 1,
+              className: ["ds-prompt-input__textarea", Q && "ds-prompt-input__textarea--anim"].filter(Boolean).join(" ")
+            }
+          ),
+          Q && /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__anim", "aria-hidden": "true", children: [
+            /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-text", children: oe.displayed }),
+            /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-cursor" })
+          ] }),
+          m && m.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: m.map((j, T) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
+            /* @__PURE__ */ e.jsx("img", { src: j.preview, alt: "" }),
+            /* @__PURE__ */ e.jsx(
+              "button",
+              {
+                className: "ds-prompt-input__image-remove",
+                onClick: () => b == null ? void 0 : b(T),
+                "aria-label": "Remove image",
+                type: "button",
+                children: /* @__PURE__ */ e.jsx(ne, { size: 12, strokeWidth: 2 })
+              }
+            )
+          ] }, T)) }),
+          X.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: X.map((j) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
+            /* @__PURE__ */ e.jsx("span", { children: j.msg }),
+            /* @__PURE__ */ e.jsx(
+              "button",
+              {
+                type: "button",
+                className: "ds-prompt-input__warning-close",
+                onClick: () => y(j.id),
+                "aria-label": "Dismiss",
+                children: /* @__PURE__ */ e.jsx(ne, { size: D[1], strokeWidth: 1.5 })
+              }
+            )
+          ] }, j.id)) }),
+          u && u.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: u.map((j, T) => /* @__PURE__ */ e.jsx(pe, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
+            j.uploading ? /* @__PURE__ */ e.jsx(He, { size: D[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Ee, { size: D[1], strokeWidth: 1.5 }),
+            j.filename,
+            j.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: "Uploading..." }) : /* @__PURE__ */ e.jsx(
+              "button",
+              {
+                type: "button",
+                className: "ds-prompt-input__remove-btn",
+                onClick: () => d == null ? void 0 : d(T),
+                children: /* @__PURE__ */ e.jsx(ne, { size: D[1], strokeWidth: 1.5 })
+              }
+            )
+          ] }) }, T)) }),
+          /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__toolbar", children: [
+            ke && /* @__PURE__ */ e.jsx(
+              fe,
+              {
+                variant: "ghost",
+                size: "xs",
+                icon: /* @__PURE__ */ e.jsx(Ee, { size: D[2], strokeWidth: 1.5 }),
+                "aria-label": "Attach files",
+                onClick: () => {
+                  var j;
+                  return (j = v.current) == null ? void 0 : j.click();
+                }
+              }
+            ),
+            A,
+            k,
+            /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__spacer" }),
+            n ? /* @__PURE__ */ e.jsx(
+              fe,
+              {
+                variant: "primary",
+                size: "xs",
+                icon: /* @__PURE__ */ e.jsx(Ke, { size: D[2], strokeWidth: 1.5 }),
+                onClick: o,
+                "aria-label": "Stop"
+              }
+            ) : /* @__PURE__ */ e.jsx(
+              fe,
+              {
+                variant: "primary",
+                size: "xs",
+                icon: /* @__PURE__ */ e.jsx(Ge, { size: D[2], strokeWidth: 1.5 }),
+                onClick: r,
+                disabled: !Oe,
+                "aria-label": "Send"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+const De = { fast: 0, standard: 1, premium: 2 };
+function gs({
+  models: s = [],
+  value: t,
+  onChange: r,
+  size: o = "xs",
+  minTier: a,
+  showAutoOption: n = !1,
+  groupByTier: i = !0,
+  className: l = "",
+  ...p
+}) {
+  const [u, m] = S(!1), f = $(null), h = $(null), [d, b] = S({}), _ = s.filter((v) => !a || v.name === "auto" ? !0 : (De[v.tier] ?? 1) >= (De[a] ?? 1)), R = _.find((v) => v.name === "auto"), E = _.filter((v) => v.name !== "auto"), g = s.find((v) => v.name === t);
+  B(() => {
+    var Y;
+    if (!u) return;
+    const v = (Y = f.current) == null ? void 0 : Y.getBoundingClientRect();
+    v && b({
+      position: "fixed",
+      zIndex: "var(--z-dropdown, 500)",
+      top: v.bottom + 4,
+      right: window.innerWidth - v.right
+    });
+    const L = (H) => {
+      var X, U;
+      !((X = f.current) != null && X.contains(H.target)) && !((U = h.current) != null && U.contains(H.target)) && m(!1);
+    }, z = (H) => {
+      H.key === "Escape" && m(!1);
+    };
+    return document.addEventListener("mousedown", L), document.addEventListener("keydown", z), () => {
+      document.removeEventListener("mousedown", L), document.removeEventListener("keydown", z);
+    };
+  }, [u]);
+  const A = (v) => {
+    r == null || r(v), m(!1);
+  }, k = (v) => /* @__PURE__ */ e.jsxs(
+    "button",
+    {
+      type: "button",
+      className: [
+        "ds-model-picker__item",
+        v.name === t && "ds-model-picker__item--active"
+      ].filter(Boolean).join(" "),
+      onClick: () => A(v.name),
+      children: [
+        v.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: v.icon }) : /* @__PURE__ */ e.jsx($e, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
+        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: v.displayName || v.name }),
+        v.tier && /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__tier-badge", "data-tier": v.tier, children: v.tier })
+      ]
+    },
+    v.name
+  ), M = () => i ? ["fast", "standard", "premium"].flatMap((v) => {
+    const L = E.filter((z) => z.tier === v);
+    return L.length ? [
+      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": v, children: v.charAt(0).toUpperCase() + v.slice(1) }, `lbl-${v}`),
+      ...L.map(k)
+    ] : [];
+  }) : E.map(k), I = u && /* @__PURE__ */ e.jsxs("div", { ref: h, className: "ds-model-picker__menu", style: d, children: [
+    n && R && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsxs(
+        "button",
+        {
+          type: "button",
+          className: [
+            "ds-model-picker__item",
+            "ds-model-picker__item--auto",
+            t === "auto" && "ds-model-picker__item--active"
+          ].filter(Boolean).join(" "),
+          onClick: () => A("auto"),
+          children: [
+            /* @__PURE__ */ e.jsx(Xe, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
+            /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: "Auto (smart routing)" })
+          ]
+        }
+      ),
+      E.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
+    ] }),
+    M()
+  ] });
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      ref: f,
+      className: ["ds-model-picker", l].filter(Boolean).join(" "),
+      ...p,
+      children: [
+        /* @__PURE__ */ e.jsxs(
+          "button",
+          {
+            type: "button",
+            className: "ds-model-picker__trigger",
+            onClick: () => m((v) => !v),
+            "aria-haspopup": "listbox",
+            "aria-expanded": u,
+            children: [
+              g != null && g.icon ? /* @__PURE__ */ e.jsx("span", { children: g.icon }) : /* @__PURE__ */ e.jsx($e, { size: 12, strokeWidth: 1.5 }),
+              /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (g == null ? void 0 : g.displayName) || (g == null ? void 0 : g.name) || t }),
+              (g == null ? void 0 : g.tier) && /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__tier-badge", "data-tier": g.tier, children: g.tier })
+            ]
+          }
+        ),
+        typeof document < "u" && me.createPortal(I, document.body)
+      ]
+    }
+  );
+}
 export {
-  Ce as Accordion,
-  vt as Alert,
-  qt as AnimatedNumber,
-  Tt as Avatar,
-  ie as Badge,
-  Vt as Banner,
-  zt as Breadcrumb,
-  _e as Button,
-  Le as Card,
-  gt as Checkbox,
-  _t 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,
-  Me as P2,
-  we as P3,
-  Ft as Pagination,
-  Yt as ProgressBar,
-  Rt as Radio,
-  Zt as ReasoningBlock,
-  kt as SegmentedControl,
-  ut as Select,
-  Ye as Skeleton,
-  Be as Spinner,
-  Wt as Stat,
-  Qt as StepIndicator,
-  ft as Stepper,
-  yt as Tab,
-  It as Table,
-  At as TableBody,
-  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
+  ot as Accordion,
+  Mt as Alert,
+  fs as AnimatedNumber,
+  Gt as Avatar,
+  pe as Badge,
+  cs as Banner,
+  os as Breadcrumb,
+  fe as Button,
+  tt as Card,
+  Ns as ChatMessage,
+  Ht as Checkbox,
+  Wt as Code,
+  at as CodeAccordion,
+  bs as CopyButton,
+  ls as Drawer,
+  Ae as DrawerFooter,
+  ds as Dropdown,
+  rs as EmptyState,
+  ns as FormField,
+  Dt as H1,
+  Bt as H2,
+  Pt as H3,
+  Lt as H4,
+  ms as InView,
+  Rt as Input,
+  Ft as Link,
+  zt as Modal,
+  Se as ModalFooter,
+  gs as ModelPicker,
+  Ot as P1,
+  st as P2,
+  Pe as P3,
+  is as Pagination,
+  us as ProgressBar,
+  ys as PromptInput,
+  Kt as Radio,
+  js as ReasoningBlock,
+  Vt as SegmentedControl,
+  At as Select,
+  ct as Skeleton,
+  Qe as Spinner,
+  as as Stat,
+  _s as StepIndicator,
+  It as Stepper,
+  vs as StreamingText,
+  Ut as Tab,
+  Xt as Table,
+  Zt as TableBody,
+  Jt as TableHead,
+  Qt as TableRow,
+  es as TableSubheaderRow,
+  Ct as Tabs,
+  ss as Td,
+  St as Textarea,
+  ts as Th,
+  hs as ToastContainer,
+  qt as Toggle,
+  xs as ToolCallCard,
+  Yt as Tooltip,
+  D as iconSizes,
+  jt as useAnimatedNumber,
+  gt as useAnimatedPlaceholder,
+  _t as useInView,
+  ws as useStreamScroll,
+  ps as useToast
 };