@donkit-ai/design-system 1.3.12 → 1.3.14

package/dist/index.es.js

@@ -1,14 +1,14 @@
-import L, { useState as k, useRef as N, useEffect as R, useLayoutEffect as Ee, useId as ke } from "react";
-import { Check as re, X as ee, ChevronDown as ne, Minus as ge, Plus as $e, XCircle as de, AlertTriangle as ue, CheckCircle as fe, Info as me, ChevronUp as Te, ChevronsUpDown as Re, ChevronLeft as Ie, ChevronRight as je, Copy as Se, Brain as Ae } from "lucide-react";
-import ae from "react-dom";
-const A = {
+import q, { useState as S, useRef as $, useEffect as B, useLayoutEffect as ze, useId as We } from "react";
+import { Check as he, X as ne, ChevronDown as xe, Minus as Fe, Plus as Ce, XCircle as ve, AlertTriangle as Ne, CheckCircle as we, Info as ye, ChevronUp as Ue, ChevronsUpDown as Ve, ChevronLeft as Ye, ChevronRight as Be, Copy as qe, Brain as He, Loader as Ke, Paperclip as Ee, Square as Ge, ArrowUp as Xe, Zap as Je, Cpu as $e } from "lucide-react";
+import me from "react-dom";
+const D = {
   1: 16,
   2: 20,
   3: 24,
   4: 28,
   5: 48
 };
-var le = { exports: {} }, se = {};
+var je = { exports: {} }, de = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -18,29 +18,29 @@ var le = { exports: {} }, se = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var pe;
-function Be() {
-  if (pe) return se;
-  pe = 1;
-  var t = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
-  function r(a, o, n) {
+var Te;
+function Ze() {
+  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;
-    if (n !== void 0 && (i = "" + n), o.key !== void 0 && (i = "" + o.key), "key" in o) {
+    if (n !== void 0 && (i = "" + n), a.key !== void 0 && (i = "" + a.key), "key" in a) {
       n = {};
-      for (var c in o)
-        c !== "key" && (n[c] = o[c]);
-    } else n = o;
-    return o = n.ref, {
-      $$typeof: t,
-      type: a,
+      for (var l in a)
+        l !== "key" && (n[l] = a[l]);
+    } else n = a;
+    return a = n.ref, {
+      $$typeof: s,
+      type: o,
       key: i,
-      ref: o !== void 0 ? o : null,
+      ref: a !== void 0 ? a : null,
       props: n
     };
   }
-  return se.Fragment = s, se.jsx = r, se.jsxs = r, se;
+  return de.Fragment = t, de.jsx = r, de.jsxs = r, de;
 }
-var te = {};
+var ue = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -50,347 +50,347 @@ var te = {};
  * 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 De() {
-  return he || (he = 1, process.env.NODE_ENV !== "production" && function() {
-    function t(l) {
-      if (l == null) return null;
-      if (typeof l == "function")
-        return l.$$typeof === G ? null : l.displayName || l.name || null;
-      if (typeof l == "string") return l;
-      switch (l) {
-        case g:
+var Re;
+function Qe() {
+  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 === H ? null : c.displayName || c.name || null;
+      if (typeof c == "string") return c;
+      switch (c) {
+        case R:
           return "Fragment";
-        case P:
+        case g:
           return "Profiler";
-        case y:
+        case E:
           return "StrictMode";
-        case O:
+        case I:
           return "Suspense";
-        case q:
+        case v:
           return "SuspenseList";
-        case C:
+        case Y:
           return "Activity";
       }
-      if (typeof l == "object")
-        switch (typeof l.tag == "number" && console.error(
+      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."
-        ), l.$$typeof) {
-          case w:
+        ), c.$$typeof) {
+          case _:
             return "Portal";
-          case $:
-            return l.displayName || "Context";
-          case I:
-            return (l._context.displayName || "Context") + ".Consumer";
-          case F:
-            var b = l.render;
-            return l = l.displayName, l || (l = b.displayName || b.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
+          case k:
+            return c.displayName || "Context";
+          case A:
+            return (c._context.displayName || "Context") + ".Consumer";
           case M:
-            return b = l.displayName || null, b !== null ? b : t(l.type) || "Memo";
-          case W:
-            b = l._payload, l = l._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 t(l(b));
+              return s(c(N));
             } catch {
             }
         }
       return null;
     }
-    function s(l) {
-      return "" + l;
+    function t(c) {
+      return "" + c;
     }
-    function r(l) {
+    function r(c) {
       try {
-        s(l);
-        var b = !1;
+        t(c);
+        var N = !1;
       } catch {
-        b = !0;
+        N = !0;
       }
-      if (b) {
-        b = console;
-        var E = b.error, S = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
-        return E.call(
-          b,
+      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.",
-          S
-        ), s(l);
+          W
+        ), t(c);
       }
     }
-    function a(l) {
-      if (l === g) return "<>";
-      if (typeof l == "object" && l !== null && l.$$typeof === W)
+    function o(c) {
+      if (c === R) return "<>";
+      if (typeof c == "object" && c !== null && c.$$typeof === z)
         return "<...>";
       try {
-        var b = t(l);
-        return b ? "<" + b + ">" : "<...>";
+        var N = s(c);
+        return N ? "<" + N + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function o() {
-      var l = H.A;
-      return l === null ? null : l.getOwner();
+    function a() {
+      var c = X.A;
+      return c === null ? null : c.getOwner();
     }
     function n() {
       return Error("react-stack-top-frame");
     }
-    function i(l) {
-      if (V.call(l, "key")) {
-        var b = Object.getOwnPropertyDescriptor(l, "key").get;
-        if (b && b.isReactWarning) return !1;
+    function i(c) {
+      if (U.call(c, "key")) {
+        var N = Object.getOwnPropertyDescriptor(c, "key").get;
+        if (N && N.isReactWarning) return !1;
       }
-      return l.key !== void 0;
+      return c.key !== void 0;
     }
-    function c(l, b) {
-      function E() {
-        T || (T = !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)",
-          b
+          N
         ));
       }
-      E.isReactWarning = !0, Object.defineProperty(l, "key", {
-        get: E,
+      P.isReactWarning = !0, Object.defineProperty(c, "key", {
+        get: P,
         configurable: !0
       });
     }
-    function m() {
-      var l = t(this.type);
-      return D[l] || (D[l] = !0, console.error(
+    function p() {
+      var c = s(this.type);
+      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."
-      )), l = this.props.ref, l !== void 0 ? l : null;
+      )), c = this.props.ref, c !== void 0 ? c : null;
     }
-    function u(l, b, E, S, K, X) {
-      var B = E.ref;
-      return l = {
-        $$typeof: _,
-        type: l,
-        key: b,
-        props: E,
-        _owner: S
-      }, (B !== void 0 ? B : null) !== null ? Object.defineProperty(l, "ref", {
+    function u(c, N, P, W, se, ae) {
+      var F = P.ref;
+      return c = {
+        $$typeof: b,
+        type: c,
+        key: N,
+        props: P,
+        _owner: W
+      }, (F !== void 0 ? F : null) !== null ? Object.defineProperty(c, "ref", {
         enumerable: !1,
-        get: m
-      }) : Object.defineProperty(l, "ref", { enumerable: !1, value: null }), l._store = {}, Object.defineProperty(l._store, "validated", {
+        get: p
+      }) : Object.defineProperty(c, "ref", { enumerable: !1, value: null }), c._store = {}, Object.defineProperty(c._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(l, "_debugInfo", {
+      }), Object.defineProperty(c, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(l, "_debugStack", {
+      }), Object.defineProperty(c, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: K
-      }), Object.defineProperty(l, "_debugTask", {
+        value: se
+      }), Object.defineProperty(c, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: X
-      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
+        value: ae
+      }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
     }
-    function p(l, b, E, S, K, X) {
-      var B = b.children;
-      if (B !== void 0)
-        if (S)
-          if (h(B)) {
-            for (S = 0; S < B.length; S++)
-              f(B[S]);
-            Object.freeze && Object.freeze(B);
+    function m(c, N, P, W, se, 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(B);
-      if (V.call(b, "key")) {
-        B = t(l);
-        var J = Object.keys(b).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";
         });
-        S = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", j[B + S] || (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} />`,
-          S,
-          B,
-          J,
-          B
-        ), j[B + S] = !0);
+          W,
+          F,
+          Q,
+          F
+        ), w[F + W] = !0);
       }
-      if (B = null, E !== void 0 && (r(E), B = "" + E), i(b) && (r(b.key), B = "" + b.key), "key" in b) {
-        E = {};
-        for (var oe in b)
-          oe !== "key" && (E[oe] = b[oe]);
-      } else E = b;
-      return B && c(
-        E,
-        typeof l == "function" ? l.displayName || l.name || "Unknown" : l
+      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(
-        l,
-        B,
-        E,
-        o(),
-        K,
-        X
+        c,
+        F,
+        P,
+        a(),
+        se,
+        ae
       );
     }
-    function f(l) {
-      x(l) ? l._store && (l._store.validated = 1) : typeof l == "object" && l !== null && l.$$typeof === W && (l._payload.status === "fulfilled" ? x(l._payload.value) && l._payload.value._store && (l._payload.value._store.validated = 1) : l._store && (l._store.validated = 1));
+    function f(c) {
+      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 x(l) {
-      return typeof l == "object" && l !== null && l.$$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"), g = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), I = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), F = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), W = Symbol.for("react.lazy"), C = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), H = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, h = Array.isArray, v = console.createTask ? console.createTask : function() {
+    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 = {
-      react_stack_bottom_frame: function(l) {
-        return l();
+      react_stack_bottom_frame: function(c) {
+        return c();
       }
     };
-    var T, D = {}, z = d.react_stack_bottom_frame.bind(
+    var O, C = {}, K = d.react_stack_bottom_frame.bind(
       d,
       n
-    )(), U = v(a(n)), j = {};
-    te.Fragment = g, te.jsx = function(l, b, E) {
-      var S = 1e4 > H.recentlyCreatedOwnerStacks++;
-      return p(
-        l,
-        b,
-        E,
+    )(), Z = y(o(n)), w = {};
+    ue.Fragment = R, ue.jsx = function(c, N, P) {
+      var W = 1e4 > X.recentlyCreatedOwnerStacks++;
+      return m(
+        c,
+        N,
+        P,
         !1,
-        S ? Error("react-stack-top-frame") : z,
-        S ? v(a(l)) : U
+        W ? Error("react-stack-top-frame") : K,
+        W ? y(o(c)) : Z
       );
-    }, te.jsxs = function(l, b, E) {
-      var S = 1e4 > H.recentlyCreatedOwnerStacks++;
-      return p(
-        l,
-        b,
-        E,
+    }, ue.jsxs = function(c, N, P) {
+      var W = 1e4 > X.recentlyCreatedOwnerStacks++;
+      return m(
+        c,
+        N,
+        P,
         !0,
-        S ? Error("react-stack-top-frame") : z,
-        S ? v(a(l)) : U
+        W ? Error("react-stack-top-frame") : K,
+        W ? y(o(c)) : Z
       );
     };
-  }()), te;
+  }()), ue;
 }
-process.env.NODE_ENV === "production" ? le.exports = Be() : le.exports = De();
-var e = le.exports;
-function Pe({ size: t = "m", color: s = "default", className: r = "", ...a }) {
+process.env.NODE_ENV === "production" ? je.exports = Ze() : je.exports = Qe();
+var e = je.exports;
+function et({ size: s = "m", color: t = "default", className: r = "", ...o }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: ["ds-spinner", `ds-spinner--${t}`, `ds-spinner--${s}`, r].filter(Boolean).join(" "),
+      className: ["ds-spinner", `ds-spinner--${s}`, `ds-spinner--${t}`, r].filter(Boolean).join(" "),
       role: "status",
       "aria-label": "Loading",
-      ...a
+      ...o
     }
   );
 }
-const Oe = { xs: 12, s: 14, m: 16, l: 20 };
-function _e({
-  children: t,
-  variant: s = "primary",
+const tt = { xs: 12, s: 14, m: 16, l: 20 };
+function fe({
+  children: s,
+  variant: t = "primary",
   size: r = "m",
-  fullWidth: a = !1,
-  icon: o,
+  fullWidth: o = !1,
+  icon: a,
   disabled: n = !1,
   state: i = "idle",
-  onClick: c,
-  type: m = "button",
+  onClick: l,
+  type: p = "button",
   href: u,
-  "aria-label": p,
+  "aria-label": m,
   ...f
 }) {
-  const x = o && !t, d = i === "loading", _ = i === "success", w = i === "error", g = d || _ || w, y = r === "xs" ? "s" : "m", P = Oe[r] ?? 16, I = d ? /* @__PURE__ */ e.jsx(Pe, { size: y }) : _ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(re, { size: P, strokeWidth: 2.5 }) }) : w ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ee, { size: P, strokeWidth: 2.5 }) }) : null, $ = [
+  const h = a && !s, d = i === "loading", b = i === "success", _ = i === "error", R = d || b || _, E = r === "xs" ? "s" : "m", g = tt[r] ?? 16, A = d ? /* @__PURE__ */ e.jsx(et, { 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--${s}`,
+    `ds-button--${t}`,
     `ds-button--${r}`,
-    a && "ds-button--full",
-    x && "ds-button--icon-only"
-  ].filter(Boolean).join(" "), F = i !== "idle" ? i : void 0, O = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    g ? I : o && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: o }),
-    t
+    o && "ds-button--full",
+    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(), c == null || c(M));
+      L.metaKey || L.ctrlKey || L.button === 1 || (L.preventDefault(), l == null || l(L));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
-        className: $,
+        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: $,
+      type: p,
+      className: k,
       disabled: n,
-      onClick: d ? void 0 : c,
-      "aria-label": p,
+      onClick: d ? void 0 : l,
+      "aria-label": m,
       "aria-busy": d ? "true" : void 0,
-      "data-state": F,
+      "data-state": M,
       ...f,
-      children: O
+      children: I
     }
   );
 }
-function cs({
-  label: t,
-  error: s,
+function St({
+  label: s,
+  error: t,
   hint: r,
-  fullWidth: a = !0,
-  icon: o,
+  fullWidth: o = !0,
+  icon: a,
   iconRight: n,
   onIconRightClick: i,
-  size: c = "m",
-  disabled: m,
+  size: l = "m",
+  disabled: p,
   id: u,
-  ...p
+  ...m
 }) {
-  const f = u || `input-${L.useId()}`, x = r ? `${f}-hint` : void 0, d = s ? `${f}-error` : void 0, _ = d || x;
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${a ? "ds-input-wrapper--full" : ""} ${m ? "ds-input-wrapper--disabled" : ""} ${s ? "ds-input-wrapper--error" : ""}`, children: [
-    t && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: f, children: t }),
+  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: [
-      o && /* @__PURE__ */ e.jsx("span", { className: `ds-input-icon ds-input-icon--${c}`, "aria-hidden": "true", children: o }),
+      a && /* @__PURE__ */ e.jsx("span", { className: `ds-input-icon ds-input-icon--${l}`, "aria-hidden": "true", children: a }),
       /* @__PURE__ */ e.jsx(
         "input",
         {
           id: f,
-          className: `ds-input ds-input--${c} ${o ? "ds-input--with-icon" : ""} ${n ? "ds-input--with-icon-right" : ""} ${s ? "ds-input--error" : ""}`,
-          disabled: m,
-          "aria-invalid": s ? "true" : "false",
-          "aria-describedby": _,
-          ...p
+          className: `ds-input ds-input--${l} ${a ? "ds-input--with-icon" : ""} ${n ? "ds-input--with-icon-right" : ""} ${t ? "ds-input--error" : ""}`,
+          disabled: p,
+          "aria-invalid": t ? "true" : "false",
+          "aria-describedby": b,
+          ...m
         }
       ),
       n && /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
-          className: `ds-input-icon-right ds-input-icon-right--${c}`,
+          className: `ds-input-icon-right ds-input-icon-right--${l}`,
           onClick: i,
           tabIndex: -1,
           "aria-label": "Toggle visibility",
@@ -398,245 +398,245 @@ function cs({
         }
       )
     ] }),
-    r && !s && /* @__PURE__ */ e.jsx("span", { id: x, className: "ds-input-hint", children: r }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: s && /* @__PURE__ */ e.jsx("span", { id: d, className: "ds-input-error", role: "alert", children: s }) }) })
+    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 ds({
-  label: t,
-  error: s,
+function At({
+  label: s,
+  error: t,
   hint: r,
-  fullWidth: a = !0,
-  size: o = "m",
+  fullWidth: o = !0,
+  size: a = "m",
   disabled: n,
   id: i,
-  resize: c = !0,
-  rows: m = 3,
+  resize: l = !0,
+  rows: p = 3,
   ...u
 }) {
-  const p = i || `textarea-${L.useId()}`, f = r ? `${p}-hint` : void 0, x = s ? `${p}-error` : void 0, d = x || f;
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${a ? "ds-textarea-wrapper--full" : ""} ${n ? "ds-textarea-wrapper--disabled" : ""}`, children: [
-    t && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: p, children: t }),
+  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: m, children: s }),
     /* @__PURE__ */ e.jsx(
       "textarea",
       {
-        id: p,
-        className: `ds-textarea ds-textarea--${o} ${s ? "ds-textarea--error" : ""} ${c ? "" : "ds-textarea--no-resize"}`,
+        id: m,
+        className: `ds-textarea ds-textarea--${a} ${t ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
         disabled: n,
-        "aria-invalid": s ? "true" : "false",
+        "aria-invalid": t ? "true" : "false",
         "aria-describedby": d,
-        rows: m,
+        rows: p,
         ...u
       }
     ),
-    r && !s && /* @__PURE__ */ e.jsx("span", { id: f, className: "ds-textarea-hint", children: r }),
-    s && /* @__PURE__ */ e.jsx("span", { id: x, className: "ds-textarea-error", role: "alert", children: s })
+    r && !t && /* @__PURE__ */ e.jsx("span", { id: f, className: "ds-textarea-hint", children: r }),
+    t && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-textarea-error", role: "alert", children: t })
   ] });
 }
-function us({
-  label: t,
-  value: s,
+function It({
+  label: s,
+  value: t,
   onChange: r,
-  options: a = [],
-  placeholder: o = "Select option",
+  options: o = [],
+  placeholder: a = "Select option",
   error: n,
   fullWidth: i = !0,
-  size: c = "m",
-  disabled: m = !1,
+  size: l = "m",
+  disabled: p = !1,
   id: u,
-  ...p
+  ...m
 }) {
-  const [f, x] = k(!1), [d, _] = k(!1), [w, g] = k({}), [y, P] = k("down"), [I, $] = k(-1), F = N(null), O = N(null), q = N(null), M = N(null), W = u || `select-${L.useId()}`, C = `${W}-label`, G = n ? `${W}-error` : void 0, H = 150, V = (j = !1) => {
-    d || (_(!0), $(-1), M.current = setTimeout(() => {
-      var l;
-      x(!1), _(!1), j && ((l = q.current) == null || l.focus());
-    }, H));
-  }, h = (j) => {
-    clearTimeout(M.current), _(!1);
-    const l = j !== void 0 ? j : Math.max(a.findIndex((b) => b.value === s), 0);
-    $(l), x(!0);
+  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;
+      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);
   };
-  R(() => () => clearTimeout(M.current), []);
-  const v = () => {
-    var X;
-    const j = (X = F.current) == null ? void 0 : X.getBoundingClientRect();
-    if (!j) return;
-    const l = window.innerHeight, b = l - j.bottom, E = j.top, K = b < 300 && E > b;
-    P(K ? "up" : "down"), g(
-      K ? { bottom: l - j.top + 4, left: j.left, width: j.width } : { top: j.bottom + 4, left: j.left, width: j.width }
+  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, se = N < 300 && P > N;
+    g(se ? "up" : "down"), R(
+      se ? { bottom: c - w.top + 4, left: w.left, width: w.width } : { top: w.bottom + 4, left: w.left, width: w.width }
     );
   };
-  R(() => {
+  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]), R(() => {
-    const j = (l) => {
-      F.current && !F.current.contains(l.target) && O.current && !O.current.contains(l.target) && V();
+  }, [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]), R(() => {
-    var l;
-    if (!f || I < 0 || !O.current) return;
-    (l = O.current.querySelectorAll(".ds-select-option")[I]) == null || l.scrollIntoView({ block: "nearest" });
-  }, [I, f]);
-  const T = (j) => {
-    switch (j.key) {
+    return document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w);
+  }, [d]), B(() => {
+    var c;
+    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 ? $((l) => Math.min(l + 1, a.length - 1)) : h();
+        w.preventDefault(), f ? k((c) => Math.min(c + 1, o.length - 1)) : x();
         break;
       case "ArrowUp":
-        j.preventDefault(), f ? $((l) => Math.max(l - 1, 0)) : h(a.length - 1);
+        w.preventDefault(), f ? k((c) => Math.max(c - 1, 0)) : x(o.length - 1);
         break;
       case "Home":
-        f && (j.preventDefault(), $(0));
+        f && (w.preventDefault(), k(0));
         break;
       case "End":
-        f && (j.preventDefault(), $(a.length - 1));
+        f && (w.preventDefault(), k(o.length - 1));
         break;
       case "Enter":
       case " ":
-        j.preventDefault(), f ? I >= 0 && (r == null || r(a[I].value), V(!0)) : h();
+        w.preventDefault(), f ? A >= 0 && (r == null || r(o[A].value), U(!0)) : x();
         break;
       case "Escape":
-        f && (j.preventDefault(), V(!0));
+        f && (w.preventDefault(), U(!0));
         break;
       case "Tab":
-        f && V(!1);
+        f && U(!1);
         break;
     }
-  }, D = a.find((j) => j.value === s), z = c === "xs" ? A[1] : c === "small" ? A[2] : A[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": t ? C : void 0,
+      "aria-labelledby": s ? Y : void 0,
       tabIndex: -1,
       className: [
         "ds-select-dropdown",
-        `ds-select-dropdown--${c}`,
-        `ds-select-dropdown--${y}`,
+        `ds-select-dropdown--${l}`,
+        `ds-select-dropdown--${E}`,
         d && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
-      style: w,
-      children: a.map((j, l) => /* @__PURE__ */ e.jsx(
+      style: _,
+      children: o.map((w, c) => /* @__PURE__ */ e.jsx(
         "button",
         {
-          id: `${W}-opt-${l}`,
+          id: `${z}-opt-${c}`,
           type: "button",
           role: "option",
           tabIndex: -1,
-          "aria-selected": s === j.value,
+          "aria-selected": t === w.value,
           className: [
             "ds-select-option",
-            `ds-select-option--${c}`,
-            s === j.value && "ds-select-option--selected",
-            l === I && "ds-select-option--active"
+            `ds-select-option--${l}`,
+            t === w.value && "ds-select-option--selected",
+            c === A && "ds-select-option--active"
           ].filter(Boolean).join(" "),
           onClick: () => {
-            r == null || r(j.value), V(!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: [
-    t && /* @__PURE__ */ e.jsx("label", { id: C, className: "ds-select-label", children: t }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: F, children: /* @__PURE__ */ e.jsxs(
+  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 && I >= 0 ? `${W}-opt-${I}` : void 0,
-        "aria-labelledby": t ? C : 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,
-        className: `ds-select-trigger ds-select-trigger--${c} ${n ? "ds-select-trigger--error" : ""}`,
+        "aria-describedby": H,
+        className: `ds-select-trigger ds-select-trigger--${l} ${n ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          m || (f ? V() : h());
+          p || (f ? U() : x());
         },
-        onKeyDown: T,
-        disabled: m,
-        ...p,
+        onKeyDown: O,
+        disabled: p,
+        ...m,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: D ? "" : "ds-select-placeholder", children: (D == null ? void 0 : D.label) || o }),
+          /* @__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 && y === "down" ? "ds-select-icon--open" : ""} ${f && y === "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 fs({
-  label: t,
-  value: s = 0,
+function Dt({
+  label: s,
+  value: t = 0,
   onChange: r,
-  min: a = 0,
-  max: o = 100,
+  min: o = 0,
+  max: a = 100,
   step: n = 1,
   size: i = "m",
-  disabled: c = !1,
-  hint: m,
+  disabled: l = !1,
+  hint: p,
   error: u,
-  ...p
+  ...m
 }) {
   const f = () => {
-    if (c) return;
-    const y = Math.min(Number(s) + n, o);
-    r == null || r(y);
-  }, x = () => {
-    if (c) return;
-    const y = Math.max(Number(s) - n, a);
-    r == null || r(y);
-  }, d = (y) => {
-    if (c) return;
-    const P = y.target.value;
-    if (P === "") {
-      r == null || r(a);
+    if (l) return;
+    const E = Math.min(Number(t) + n, a);
+    r == null || r(E);
+  }, h = () => {
+    if (l) return;
+    const E = Math.max(Number(t) - n, o);
+    r == null || r(E);
+  }, d = (E) => {
+    if (l) return;
+    const g = E.target.value;
+    if (g === "") {
+      r == null || r(o);
       return;
     }
-    const I = Number(P);
-    if (!isNaN(I)) {
-      const $ = Math.min(Math.max(I, a), o);
-      r == null || r($);
+    const A = Number(g);
+    if (!isNaN(A)) {
+      const k = Math.min(Math.max(A, o), a);
+      r == null || r(k);
     }
-  }, _ = [
+  }, b = [
     "ds-stepper-wrapper",
-    c && "ds-stepper-wrapper--disabled",
+    l && "ds-stepper-wrapper--disabled",
     u && "ds-stepper-wrapper--error"
-  ].filter(Boolean).join(" "), w = [
+  ].filter(Boolean).join(" "), _ = [
     "ds-stepper",
     `ds-stepper--${i}`,
-    c && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), g = i === "xs" ? A[1] : i === "small" ? A[2] : A[3];
-  return /* @__PURE__ */ e.jsxs("div", { className: _, children: [
-    t && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: t }),
-    /* @__PURE__ */ e.jsxs("div", { className: w, children: [
+    l && "ds-stepper--disabled"
+  ].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: _, children: [
       /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--minus",
-          onClick: x,
-          disabled: c || s <= a,
+          onClick: h,
+          disabled: l || t <= o,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ e.jsx(ge, { size: g, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(Fe, { size: R, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -644,13 +644,13 @@ function fs({
         {
           type: "number",
           className: "ds-stepper-input",
-          value: s,
+          value: t,
           onChange: d,
-          min: a,
-          max: o,
+          min: o,
+          max: a,
           step: n,
-          disabled: c,
-          ...p
+          disabled: l,
+          ...m
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -659,223 +659,223 @@ function fs({
           type: "button",
           className: "ds-stepper-button ds-stepper-button--plus",
           onClick: f,
-          disabled: c || s >= o,
+          disabled: l || t >= a,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ e.jsx($e, { size: g, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(Ce, { 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({
-  children: t,
-  padding: s = "m",
+function st({
+  children: s,
+  padding: t = "m",
   variant: r = "info",
-  hover: a = !1,
+  hover: o = !1,
   // deprecated, use variant="interactive"
-  onClick: o,
+  onClick: a,
   href: n,
   disabled: i = !1,
-  ...c
+  ...l
 }) {
-  const u = (a ? "interactive" : r) === "interactive" || o || n, p = [
+  const u = (o ? "interactive" : r) === "interactive" || a || n, m = [
     "ds-card",
-    `ds-card--${s}`,
+    `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(), o == null || o(_));
+      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,
-        ...c,
-        children: t
+        ...l,
+        children: s
       }
     );
   }
-  const f = u && o ? "button" : "div", x = u && o ? {
+  const f = u && a ? "button" : "div", h = u && a ? {
     type: "button",
-    onClick: o,
+    onClick: a,
     disabled: i
   } : {};
   return /* @__PURE__ */ e.jsx(
     f,
     {
-      className: p,
-      role: u && !o ? "article" : void 0,
-      ...x,
-      ...c,
-      children: t
+      className: m,
+      role: u && !a ? "article" : void 0,
+      ...h,
+      ...l,
+      children: s
     }
   );
 }
-function ms({ children: t, ...s }) {
-  return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...s, children: t });
+function Bt({ children: s, ...t }) {
+  return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...t, children: s });
 }
-function ps({ children: t, ...s }) {
-  return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...s, children: t });
+function Pt({ children: s, ...t }) {
+  return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...t, children: s });
 }
-function hs({ children: t, ...s }) {
-  return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...s, children: t });
+function Lt({ children: s, ...t }) {
+  return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...t, children: s });
 }
-function xs({ children: t, ...s }) {
-  return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...s, children: t });
+function Ot({ children: s, ...t }) {
+  return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...t, children: s });
 }
-function bs({ children: t, secondary: s = !1, ...r }) {
-  return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${s ? "ds-p1--secondary" : ""}`, ...r, children: t });
+function Mt({ children: s, secondary: t = !1, ...r }) {
+  return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${t ? "ds-p1--secondary" : ""}`, ...r, children: s });
 }
-function Me({ children: t, secondary: s = !1, ...r }) {
-  return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${s ? "ds-p2--secondary" : ""}`, ...r, children: t });
+function rt({ children: s, secondary: t = !1, ...r }) {
+  return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${t ? "ds-p2--secondary" : ""}`, ...r, children: s });
 }
-function we({ children: t, secondary: s = !1, ...r }) {
-  return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${s ? "ds-p3--secondary" : ""}`, ...r, children: t });
+function Pe({ children: s, secondary: t = !1, ...r }) {
+  return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${t ? "ds-p3--secondary" : ""}`, ...r, children: s });
 }
-function ie({
-  children: t,
-  variant: s = "default",
+function pe({
+  children: s,
+  variant: t = "default",
   size: r = "m",
-  role: a,
-  ...o
+  role: o,
+  ...a
 }) {
   const n = [
     "ds-badge",
-    `ds-badge--${s}`,
+    `ds-badge--${t}`,
     `ds-badge--${r}`
-  ].filter(Boolean).join(" "), i = a || (["info", "success", "warning", "error"].includes(s) ? "status" : void 0);
-  return /* @__PURE__ */ e.jsx("span", { className: n, role: i, ...o, children: t });
-}
-const We = {
-  info: me,
-  success: fe,
-  warning: ue,
-  error: de
+  ].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 nt = {
+  info: ye,
+  success: we,
+  warning: Ne,
+  error: ve
 };
-function vs({
-  children: t,
-  variant: s = "info",
+function zt({
+  children: s,
+  variant: t = "info",
   title: r,
-  onClose: a,
-  role: o,
+  onClose: o,
+  role: a,
   ...n
 }) {
-  const i = We[s], c = o || (s === "error" ? "alert" : "status");
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-alert ds-alert--${s} ${r ? "" : "ds-alert--no-title"}`, role: c, ...n, children: [
-    i && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(i, { size: A[3], strokeWidth: 1.5 }) }),
+  const i = nt[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: 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 }),
-      t && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: t })
+      s && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: s })
     ] }),
-    a && /* @__PURE__ */ e.jsx(
+    o && /* @__PURE__ */ e.jsx(
       "button",
       {
         type: "button",
         className: "ds-alert__close",
-        onClick: a,
+        onClick: o,
         "aria-label": "Close alert",
-        children: /* @__PURE__ */ e.jsx(ee, { size: A[3], strokeWidth: 1.5 })
+        children: /* @__PURE__ */ e.jsx(ne, { size: D[3], strokeWidth: 1.5 })
       }
     )
   ] });
 }
-const ze = 200;
-function js({
-  children: t,
-  title: s,
+const at = 200;
+function Wt({
+  children: s,
+  title: t,
   onClose: r,
-  size: a = "m",
-  ...o
+  size: o = "m",
+  ...a
 }) {
-  const n = N(null), i = L.useId(), [c, m] = k(!1), u = () => {
-    !r || c || (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();
+    }, at));
   };
-  R(() => {
-    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, c]);
-  const p = L.Children.toArray(t), f = p.find((d) => (d == null ? void 0 : d.type) === xe), x = p.filter((d) => (d == null ? void 0 : d.type) !== xe);
-  return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", c && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...o, children: /* @__PURE__ */ e.jsxs(
+  }, [r, l]);
+  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",
     {
-      className: `ds-modal ds-modal--${a}`,
+      className: `ds-modal ds-modal--${o}`,
       ref: n,
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": s ? i : void 0,
+      "aria-labelledby": t ? i : void 0,
       children: [
-        (s || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
-          s && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-modal__title", children: s }),
+        (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: A[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: x }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body", children: h }),
         f
       ]
     }
   ) });
 }
-function xe({ children: t }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: t });
+function Se({ children: s }) {
+  return /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: s });
 }
-function Fe({
-  children: t,
-  title: s = "Code",
+function ot({
+  children: s,
+  title: t = "Code",
   defaultExpanded: r = !1,
-  expanded: a,
-  onToggle: o,
+  expanded: o,
+  onToggle: a,
   padding: n = "s",
   className: i = "",
-  ...c
+  ...l
 }) {
-  const [m, u] = k(r), p = a !== void 0, f = p ? a : m, x = () => {
-    p ? o == null || o(!a) : 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}`,
     f && "ds-code-accordion--expanded",
     i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: d, ...c, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: d, ...l, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         className: "ds-code-accordion__header",
-        onClick: x,
+        onClick: h,
         "aria-expanded": f,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: s }),
+          /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: t }),
           /* @__PURE__ */ e.jsx(
-            ne,
+            xe,
             {
-              size: A[2],
+              size: D[2],
               strokeWidth: 1.5,
               className: `ds-code-accordion__icon ${f ? "ds-code-accordion__icon--expanded" : ""}`
             }
@@ -883,43 +883,43 @@ function Fe({
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__inner", children: /* @__PURE__ */ e.jsx("pre", { className: "ds-code-accordion__pre", children: /* @__PURE__ */ e.jsx("code", { children: t }) }) }) })
+    /* @__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 _s({ children: t, block: s = !1, collapsible: r = !1, title: a = "Code", defaultExpanded: o = !1, ...n }) {
-  return s ? r ? /* @__PURE__ */ e.jsx(Fe, { title: a, defaultExpanded: o, ...n, children: t }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block", ...n, children: /* @__PURE__ */ e.jsx("code", { children: t }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...n, children: t });
+function Ft({ children: s, block: t = !1, collapsible: r = !1, title: o = "Code", defaultExpanded: a = !1, ...n }) {
+  return t ? r ? /* @__PURE__ */ e.jsx(ot, { 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 ws({ href: t, children: s, onClick: r, target: a, rel: o, ...n }) {
-  const c = a === "_blank" ? o ? `${o} noopener noreferrer` : "noopener noreferrer" : o;
+function Ct({ 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",
     {
-      href: t,
+      href: s,
       className: "ds-link",
       onClick: r,
-      target: a,
-      rel: c,
+      target: o,
+      rel: l,
       ...n,
-      children: s
+      children: t
     }
   );
 }
-function Ns({ children: t, size: s = "m", variant: r = "ghost", ...a }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...a, children: L.Children.map(t, (o) => L.isValidElement(o) ? L.cloneElement(o, { size: s, variant: r }) : o) });
+function Ut({ 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 ys({ children: t, selected: s = !1, onClick: r, size: a = "m", variant: o = "ghost", disabled: n = !1, icon: i, href: c, ...m }) {
-  const u = i && !t, p = [
+function Vt({ 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--${a}`,
     `ds-tab--${o}`,
-    s && "ds-tab--selected",
+    `ds-tab--${a}`,
+    t && "ds-tab--selected",
     u && "ds-tab--icon-only"
   ].filter(Boolean).join(" "), f = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     i && /* @__PURE__ */ e.jsx("span", { className: "ds-tab-icon", children: i }),
-    t
+    s
   ] });
-  if (c) {
-    const x = (d) => {
+  if (l) {
+    const h = (d) => {
       if (n) {
         d.preventDefault();
         return;
@@ -930,12 +930,12 @@ function ys({ children: t, selected: s = !1, onClick: r, size: a = "m", variant:
       "a",
       {
         role: "tab",
-        "aria-current": s ? "page" : void 0,
+        "aria-current": t ? "page" : void 0,
         "aria-disabled": n ? "true" : void 0,
-        className: p,
-        href: n ? void 0 : c,
-        onClick: x,
-        ...m,
+        className: m,
+        href: n ? void 0 : l,
+        onClick: h,
+        ...p,
         children: f
       }
     );
@@ -944,33 +944,33 @@ function ys({ children: t, selected: s = !1, onClick: r, size: a = "m", variant:
     "button",
     {
       role: "tab",
-      "aria-selected": s,
-      className: p,
+      "aria-selected": t,
+      className: m,
       onClick: r,
       disabled: n,
-      ...m,
+      ...p,
       children: f
     }
   );
 }
-function Es({ options: t, value: s, onChange: r, size: a = "m", disabled: o = !1 }) {
-  const n = N(null), i = N(null), [c, m] = k(!1), u = N(!1), p = N(null), f = N(null), x = () => {
+function Yt({ 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="${s}"]`);
+    const d = n.current.querySelector(`[data-value="${t}"]`);
     if (!d) return;
-    const _ = n.current.getBoundingClientRect(), w = d.getBoundingClientRect(), g = w.left - _.left, y = w.width;
-    i.current ? (i.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = g + "px", i.current.style.width = y + "px", u.current = !1) : (m(!0), requestAnimationFrame(() => {
+    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 P = n.current.querySelector(`[data-value="${s}"]`);
-      if (!P) return;
-      const I = n.current.getBoundingClientRect(), $ = P.getBoundingClientRect();
-      i.current.style.transition = "none", i.current.style.left = $.left - I.left + "px", i.current.style.width = $.width + "px";
+      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 = x, Ee(() => {
-    const d = p.current !== s;
-    p.current = s, u.current = c && d, x();
-  }), R(() => {
+  return f.current = h, ze(() => {
+    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();
@@ -981,13 +981,13 @@ function Es({ options: t, value: s, onChange: r, size: a = "m", disabled: o = !1
     {
       className: [
         "ds-seg",
-        `ds-seg--${a}`,
-        o && "ds-seg--disabled"
+        `ds-seg--${o}`,
+        a && "ds-seg--disabled"
       ].filter(Boolean).join(" "),
       ref: n,
       role: "group",
       children: [
-        c && /* @__PURE__ */ e.jsx(
+        l && /* @__PURE__ */ e.jsx(
           "div",
           {
             ref: i,
@@ -995,15 +995,15 @@ function Es({ options: t, value: s, onChange: r, size: a = "m", disabled: o = !1
             "aria-hidden": "true"
           }
         ),
-        t.map((d) => /* @__PURE__ */ e.jsxs(
+        s.map((d) => /* @__PURE__ */ e.jsxs(
           "button",
           {
             type: "button",
             "data-value": d.value,
-            className: ["ds-seg__btn", s === d.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
-            onClick: () => !o && r(d.value),
-            "aria-pressed": s === d.value,
-            disabled: o,
+            className: ["ds-seg__btn", t === d.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
+            onClick: () => !a && r(d.value),
+            "aria-pressed": t === d.value,
+            disabled: a,
             children: [
               d.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: d.icon }),
               d.label
@@ -1015,525 +1015,525 @@ function Es({ options: t, value: s, onChange: r, size: a = "m", disabled: o = !1
     }
   );
 }
-function Ve({
-  children: t,
-  title: s,
+function it({
+  children: s,
+  title: t,
   defaultExpanded: r = !1,
-  expanded: a,
-  onToggle: o,
+  expanded: o,
+  onToggle: a,
   padding: n = "m",
   ...i
 }) {
-  const [c, m] = k(r), u = a !== void 0, p = u ? a : c, f = () => {
-    u ? o == null || o(!a) : m((d) => !d);
-  }, x = [
+  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: x, ...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: s }),
+          /* @__PURE__ */ e.jsx("span", { className: "ds-accordion__title", children: t }),
           /* @__PURE__ */ e.jsx(
-            ne,
+            xe,
             {
-              size: A[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" : ""}`
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-inner", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-body", children: t }) }) })
+    /* @__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 Ce(t, s, r) {
-  const a = window.innerWidth;
-  let o, n;
-  switch (t) {
+const re = 8, le = 8;
+function lt(s, t, r) {
+  const o = window.innerWidth;
+  let a, n;
+  switch (s) {
     case "top":
-      o = s.top - r.height - Y, n = s.left + s.width / 2 - r.width / 2;
+      a = t.top - r.height - re, n = t.left + t.width / 2 - r.width / 2;
       break;
     case "bottom":
-      o = s.bottom + Y, n = s.left + s.width / 2 - r.width / 2;
+      a = t.bottom + re, n = t.left + t.width / 2 - r.width / 2;
       break;
     case "left":
-      o = s.top + s.height / 2 - r.height / 2, n = s.left - r.width - Y;
+      a = t.top + t.height / 2 - r.height / 2, n = t.left - r.width - re;
       break;
     case "right":
-      o = s.top + s.height / 2 - r.height / 2, n = s.right + Y;
+      a = t.top + t.height / 2 - r.height / 2, n = t.right + re;
       break;
     default:
-      o = s.bottom + Y, n = s.left;
+      a = t.bottom + re, n = t.left;
   }
-  const i = Math.max(Z, Math.min(a - r.width - Z, n)), c = n - i;
-  return { top: o, left: i, arrowOffset: c };
-}
-function Ue(t, s, r) {
-  const a = window.innerWidth, o = window.innerHeight;
-  if (t.top >= s + Y + Z) return "top";
-  if (o - t.bottom >= s + Y + Z) return "bottom";
-  if (a - t.right >= r + Y + Z) return "right";
-  if (t.left >= r + Y + Z) return "left";
-  const n = Math.max(t.top, o - t.bottom, t.left, a - t.right);
-  return n === t.top ? "top" : n === o - t.bottom ? "bottom" : n === a - t.right ? "right" : "left";
-}
-function ks({ children: t, content: s, position: r, ...a }) {
-  const [o, n] = k(!1), [i, c] = k({ visibility: "hidden" }), [m, u] = k(r || "top"), p = N(null), f = N(null), x = N(!1), d = () => {
-    if (!p.current || !f.current) return;
-    const w = p.current.getBoundingClientRect(), g = f.current.getBoundingClientRect(), y = r || Ue(w, g.height, g.width), { top: P, left: I, arrowOffset: $ } = Ce(y, w, g);
-    u(y), c({
+  const i = Math.max(le, Math.min(o - r.width - le, n)), l = n - i;
+  return { top: a, left: i, arrowOffset: l };
+}
+function ct(s, t, r) {
+  const o = window.innerWidth, a = window.innerHeight;
+  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 qt({ 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 || ct(_, R.height, R.width), { top: g, left: A, arrowOffset: k } = lt(E, _, R);
+    u(E), l({
       position: "fixed",
-      top: P,
-      left: I,
+      top: g,
+      left: A,
       visibility: "visible",
-      "--arrow-offset": `${$}px`
+      "--arrow-offset": `${k}px`
     });
   };
-  if (R(() => {
-    if (!o) return;
-    c({ position: "fixed", visibility: "hidden" });
-    const w = requestAnimationFrame(d);
+  if (B(() => {
+    if (!a) return;
+    l({ position: "fixed", visibility: "hidden" });
+    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);
     };
-  }, [o, r]), R(() => {
-    if (!o) return;
-    const w = (g) => {
-      p.current && !p.current.contains(g.target) && n(!1);
+  }, [a, r]), B(() => {
+    if (!a) return;
+    const _ = (R) => {
+      m.current && !m.current.contains(R.target) && n(!1);
     };
-    return document.addEventListener("touchstart", w), () => document.removeEventListener("touchstart", w);
-  }, [o]), !s) return t;
-  const _ = o && /* @__PURE__ */ e.jsx(
+    return document.addEventListener("touchstart", _), () => document.removeEventListener("touchstart", _);
+  }, [a]), !t) return s;
+  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: s
+      children: t
     }
   );
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: p,
+      ref: m,
       className: "ds-tooltip-wrapper",
       onMouseEnter: () => {
-        x.current || n(!0);
+        h.current || n(!0);
       },
       onMouseLeave: () => {
-        x.current || n(!1);
+        h.current || n(!1);
       },
       onTouchStart: () => {
-        x.current = !0, n((w) => !w);
+        h.current = !0, n((_) => !_);
       },
-      ...a,
+      ...o,
       children: [
-        t,
-        typeof document < "u" && ae.createPortal(_, document.body)
+        s,
+        typeof document < "u" && me.createPortal(b, document.body)
       ]
     }
   );
 }
-function gs({
-  checked: t = !1,
-  onChange: s,
+function Ht({
+  checked: s = !1,
+  onChange: t,
   size: r = "m",
-  disabled: a = !1,
-  label: o,
+  disabled: o = !1,
+  label: a,
   id: n,
   ...i
 }) {
-  const c = n || `toggle-${L.useId()}`, m = [
+  const l = n || `toggle-${q.useId()}`, p = [
     "ds-toggle",
     `ds-toggle--${r}`,
-    a && "ds-toggle--disabled"
+    o && "ds-toggle--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: c, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: p, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "checkbox",
-        id: c,
+        id: l,
         className: "ds-toggle__input",
-        checked: t,
-        onChange: (u) => s == null ? void 0 : s(u.target.checked),
-        disabled: a,
+        checked: s,
+        onChange: (u) => t == null ? void 0 : t(u.target.checked),
+        disabled: o,
         ...i
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__track", children: /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__thumb" }) }),
-    o && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: o })
+    a && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: a })
   ] });
 }
-function $s({
-  checked: t = !1,
-  onChange: s,
+function Kt({
+  checked: s = !1,
+  onChange: t,
   size: r = "m",
-  disabled: a = !1,
-  label: o,
+  disabled: o = !1,
+  label: a,
   id: n,
   ...i
 }) {
-  const c = n || `checkbox-${L.useId()}`, m = [
+  const l = n || `checkbox-${q.useId()}`, p = [
     "ds-checkbox",
     `ds-checkbox--${r}`,
-    a && "ds-checkbox--disabled"
+    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: c, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: p, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "checkbox",
-        id: c,
+        id: l,
         className: "ds-checkbox__input",
-        checked: t,
-        onChange: (p) => s == null ? void 0 : s(p.target.checked),
-        disabled: a,
+        checked: s,
+        onChange: (m) => t == null ? void 0 : t(m.target.checked),
+        disabled: o,
         ...i
       }
     ),
-    /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: t && /* @__PURE__ */ e.jsx(
-      re,
+    /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: s && /* @__PURE__ */ e.jsx(
+      he,
       {
         size: u,
         strokeWidth: 2.5,
         className: "ds-checkbox__icon"
       }
     ) }),
-    o && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: o })
+    a && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: a })
   ] });
 }
-function Ts({
-  checked: t = !1,
-  onChange: s,
+function Gt({
+  checked: s = !1,
+  onChange: t,
   size: r = "m",
-  disabled: a = !1,
-  label: o,
+  disabled: o = !1,
+  label: a,
   name: n,
   value: i,
-  id: c,
-  ...m
+  id: l,
+  ...p
 }) {
-  const u = c || `radio-${L.useId()}`, p = [
+  const u = l || `radio-${q.useId()}`, m = [
     "ds-radio",
     `ds-radio--${r}`,
-    a && "ds-radio--disabled"
+    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",
       {
         type: "radio",
         id: u,
         className: "ds-radio__input",
-        checked: t,
-        onChange: (f) => s == null ? void 0 : s(f.target.checked),
-        disabled: a,
+        checked: s,
+        onChange: (f) => t == null ? void 0 : t(f.target.checked),
+        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" }) }),
-    o && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: o })
+    a && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: a })
   ] });
 }
-function Ye({ width: t, height: s, shape: r = "rect", aspectRatio: a, className: o = "", style: n = {}, ...i }) {
+function dt({ width: s, height: t, shape: r = "rect", aspectRatio: o, className: a = "", style: n = {}, ...i }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: ["ds-skeleton", `ds-skeleton--${r}`, o].filter(Boolean).join(" "),
-      style: { width: t, height: s, aspectRatio: a, ...n },
+      className: ["ds-skeleton", `ds-skeleton--${r}`, a].filter(Boolean).join(" "),
+      style: { width: s, height: t, aspectRatio: o, ...n },
       "aria-hidden": "true",
       ...i
     }
   );
 }
-function qe({ lines: t = 1, lastLineWidth: s = "70%", gap: r, className: a = "", style: o = {}, ...n }) {
+function ut({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: o = "", style: a = {}, ...n }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: ["ds-skeleton-text", a].filter(Boolean).join(" "),
-      style: { gap: r, ...o },
+      className: ["ds-skeleton-text", o].filter(Boolean).join(" "),
+      style: { gap: r, ...a },
       "aria-hidden": "true",
       ...n,
-      children: Array.from({ length: t }, (i, c) => /* @__PURE__ */ e.jsx(
+      children: Array.from({ length: s }, (i, l) => /* @__PURE__ */ e.jsx(
         "span",
         {
           className: "ds-skeleton ds-skeleton--text",
-          style: c === t - 1 && t > 1 ? { width: s } : void 0
+          style: l === s - 1 && s > 1 ? { width: t } : void 0
         },
-        c
+        l
       ))
     }
   );
 }
-Ye.Text = qe;
-function He(t) {
-  let s = 2166136261;
-  for (let r = 0; r < t.length; r++)
-    s ^= t.charCodeAt(r), s = Math.imul(s, 16777619) >>> 0;
-  return s % 360;
+dt.Text = ut;
+function ft(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(t) {
-  if (!t) return "";
-  const s = t.trim().split(/\s+/);
-  return s.length >= 2 ? (s[0][0] + s[1][0]).toUpperCase() : t[0].toUpperCase();
+function mt(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 Rs({ seed: t, icon: s, src: r, size: a = 32, className: o = "", style: n = {}, ...i }) {
-  const c = He(t ?? ""), [m, u] = k(!1), p = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: Ke(t) });
+function Xt({ seed: s, icon: t, src: r, size: o = 32, className: a = "", style: n = {}, ...i }) {
+  const l = ft(s ?? ""), [p, u] = S(!1), m = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: mt(s) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-avatar", o].filter(Boolean).join(" "),
-      style: { width: a, height: a, "--ds-avatar-h": c, ...n },
+      className: ["ds-avatar", a].filter(Boolean).join(" "),
+      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 Is({
-  children: t,
-  size: s = "compact",
+function Jt({
+  children: s,
+  size: t = "compact",
   stickyTop: r,
-  maxHeight: a,
-  className: o = "",
+  maxHeight: o,
+  className: a = "",
   style: n = {},
   ...i
 }) {
-  const c = {
-    ...a ? { maxHeight: a } : {},
+  const l = {
+    ...o ? { maxHeight: o } : {},
     ...r !== void 0 ? { "--ds-table-sticky-top": typeof r == "number" ? `${r}px` : r } : {},
     ...n
   };
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-table-wrap", a ? "ds-table-wrap--scroll" : ""].filter(Boolean).join(" "),
-      style: c,
+      className: ["ds-table-wrap", o ? "ds-table-wrap--scroll" : ""].filter(Boolean).join(" "),
+      style: l,
       children: /* @__PURE__ */ e.jsx(
         "table",
         {
-          className: ["ds-table", `ds-table--${s}`, o].filter(Boolean).join(" "),
+          className: ["ds-table", `ds-table--${t}`, a].filter(Boolean).join(" "),
           ...i,
-          children: t
+          children: s
         }
       )
     }
   );
 }
-function Ss({ children: t, ...s }) {
-  return /* @__PURE__ */ e.jsx("thead", { ...s, children: t });
+function Zt({ children: s, ...t }) {
+  return /* @__PURE__ */ e.jsx("thead", { ...t, children: s });
 }
-function As({ children: t, ...s }) {
-  return /* @__PURE__ */ e.jsx("tbody", { ...s, children: t });
+function Qt({ children: s, ...t }) {
+  return /* @__PURE__ */ e.jsx("tbody", { ...t, children: s });
 }
-function Bs({ children: t, interactive: s, selected: r, subheader: a, className: o = "", onClick: n, ...i }) {
+function es({ children: s, interactive: t, selected: r, subheader: o, className: a = "", onClick: n, ...i }) {
   return /* @__PURE__ */ e.jsx(
     "tr",
     {
       className: [
         "ds-table-row",
-        s || n ? "ds-table-row--interactive" : "",
+        t || n ? "ds-table-row--interactive" : "",
         r ? "ds-table-row--selected" : "",
-        a ? "ds-table-row--subheader" : "",
-        o
+        o ? "ds-table-row--subheader" : "",
+        a
       ].filter(Boolean).join(" "),
       onClick: n,
       ...i,
-      children: t
+      children: s
     }
   );
 }
-function Ds({ children: t, colSpan: s = 999, ...r }) {
-  return /* @__PURE__ */ e.jsx("tr", { className: "ds-table-row ds-table-row--subheader", ...r, children: /* @__PURE__ */ e.jsx("td", { colSpan: s, children: t }) });
+function ts({ 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 Ps({ children: t, align: s = "left", sortDir: r, onSort: a, width: o, className: n = "", style: i = {}, ...c }) {
-  const m = !!a || r !== void 0, u = r === "asc" ? Te : r === "desc" ? ne : Re;
+function ss({ 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" ? Ue : r === "desc" ? xe : Ve;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
       className: [
         "ds-th",
-        m ? "ds-th--sortable" : "",
+        p ? "ds-th--sortable" : "",
         r ? "ds-th--sorted" : "",
-        s !== "left" ? `ds-table-cell--${s}` : "",
+        t !== "left" ? `ds-table-cell--${t}` : "",
         n
       ].filter(Boolean).join(" "),
-      onClick: a,
-      style: { width: o, ...i },
-      ...c,
-      children: m ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
-        t,
+      onClick: o,
+      style: { width: a, ...i },
+      ...l,
+      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 }) })
-      ] }) : t
+      ] }) : s
     }
   );
 }
-function Os({ children: t, align: s = "left", secondary: r, muted: a, truncate: o, nowrap: n, className: i = "", ...c }) {
+function rs({ children: s, align: t = "left", secondary: r, muted: o, truncate: a, nowrap: n, className: i = "", ...l }) {
   return /* @__PURE__ */ e.jsx(
     "td",
     {
       className: [
         "ds-td",
-        s !== "left" ? `ds-table-cell--${s}` : "",
+        t !== "left" ? `ds-table-cell--${t}` : "",
         r ? "ds-table-cell--secondary" : "",
-        a ? "ds-table-cell--muted" : "",
-        o ? "ds-table-cell--truncate" : "",
+        o ? "ds-table-cell--muted" : "",
+        a ? "ds-table-cell--truncate" : "",
         n ? "ds-table-cell--nowrap" : "",
         i
       ].filter(Boolean).join(" "),
-      ...c,
-      children: t
+      ...l,
+      children: s
     }
   );
 }
-function Ls({
-  icon: t,
-  title: s,
+function ns({
+  icon: s,
+  title: t,
   description: r,
-  action: a,
-  size: o = "m",
+  action: o,
+  size: a = "m",
   className: n = "",
   ...i
 }) {
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: ["ds-empty-state", `ds-empty-state--${o}`, n].filter(Boolean).join(" "),
+      className: ["ds-empty-state", `ds-empty-state--${a}`, n].filter(Boolean).join(" "),
       ...i,
       children: [
-        t && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__icon", children: t }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__title", children: s }),
+        s && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__icon", children: s }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__title", children: t }),
         r && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__description", children: r }),
-        a && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__action", children: a })
+        o && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__action", children: o })
       ]
     }
   );
 }
-function Ms({
-  label: t,
-  hint: s,
+function as({
+  label: s,
+  hint: t,
   error: r,
-  required: a = !1,
-  disabled: o = !1,
+  required: o = !1,
+  disabled: a = !1,
   htmlFor: n,
   children: i,
-  className: c = "",
-  style: m,
+  className: l = "",
+  style: p,
   ...u
 }) {
-  const p = L.useId(), f = n ?? p, x = `${f}-hint`, d = `${f}-error`;
+  const m = q.useId(), f = n ?? m, h = `${f}-hint`, d = `${f}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: `ds-field${c ? ` ${c}` : ""}`,
+      className: `ds-field${l ? ` ${l}` : ""}`,
       "data-state": r ? "error" : void 0,
-      "data-required": a ? "" : void 0,
-      "data-disabled": o ? "" : void 0,
-      style: m,
+      "data-required": o ? "" : void 0,
+      "data-disabled": a ? "" : void 0,
+      style: p,
       ...u,
       children: [
-        t && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: f, children: t }),
+        s && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: f, children: s }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-field-control", children: i }),
-        s && !r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: x, children: s }),
+        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 Ws({ label: t, value: s, delta: r, size: a = "m", inline: o = !1, className: n = "", style: i, ...c }) {
-  const m = r != null && r.startsWith("+") ? "up" : r != null && r.startsWith("-") ? "down" : "neutral";
+function os({ 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",
     {
       className: [
         "ds-stat",
-        `ds-stat--${a}`,
-        o && "ds-stat--inline",
+        `ds-stat--${o}`,
+        a && "ds-stat--inline",
         n
       ].filter(Boolean).join(" "),
       style: i,
-      ...c,
+      ...l,
       children: [
-        t && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-label", children: t }),
-        s != null && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-value", children: s }),
-        r != null && /* @__PURE__ */ e.jsx("span", { className: `ds-stat-delta ds-stat-delta--${m}`, children: r })
+        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--${p}`, children: r })
       ]
     }
   );
 }
-function zs({
-  children: t,
-  separator: s = "/",
+function is({
+  children: s,
+  separator: t = "/",
   "aria-label": r = "Breadcrumb",
-  className: a = "",
-  style: o,
+  className: o = "",
+  style: a,
   ...n
 }) {
-  const i = L.Children.toArray(t).filter(Boolean);
+  const i = q.Children.toArray(s).filter(Boolean);
   return /* @__PURE__ */ e.jsx(
     "nav",
     {
-      className: `ds-breadcrumb${a ? ` ${a}` : ""}`,
+      className: `ds-breadcrumb${o ? ` ${o}` : ""}`,
       "aria-label": r,
-      style: o,
+      style: a,
       ...n,
-      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: i.map((c, m) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
-        c,
-        m < i.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: s })
-      ] }, m)) })
+      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: i.map((l, p) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
+        l,
+        p < i.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: t })
+      ] }, p)) })
     }
   );
 }
-function Fs({
-  page: t,
-  total: s,
+function ls({
+  page: s,
+  total: t,
   onChange: r,
-  siblings: a = 1,
-  "aria-label": o = "Pagination",
+  siblings: o = 1,
+  "aria-label": a = "Pagination",
   className: n = "",
   style: i,
-  ...c
+  ...l
 }) {
-  const m = Ge(t, s, a);
+  const p = pt(s, t, o);
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
       className: `ds-pagination${n ? ` ${n}` : ""}`,
-      "aria-label": o,
+      "aria-label": a,
       style: i,
-      ...c,
+      ...l,
       children: [
         /* @__PURE__ */ e.jsx(
           "button",
           {
             className: "ds-pagination-arrow",
-            onClick: () => r == null ? void 0 : r(t - 1),
-            disabled: t <= 1,
+            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(Ye, { 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 === t ? " ds-pagination-page--current" : ""}`,
-              onClick: () => u !== t && (r == null ? void 0 : r(u)),
-              "aria-current": u === t ? "page" : void 0,
+              className: `ds-pagination-page${u === s ? " ds-pagination-page--current" : ""}`,
+              onClick: () => u !== s && (r == null ? void 0 : r(u)),
+              "aria-current": u === s ? "page" : void 0,
               "aria-label": `Page ${u}`,
               children: u
             },
@@ -1544,67 +1544,67 @@ function Fs({
           "button",
           {
             className: "ds-pagination-arrow",
-            onClick: () => r == null ? void 0 : r(t + 1),
-            disabled: t >= s,
+            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(t, s, r) {
-  if (s <= 7) return Array.from({ length: s }, (i, c) => c + 1);
-  const a = Math.max(2, t - r), o = Math.min(s - 1, t + r), n = [1];
-  a > 2 && n.push("…");
-  for (let i = a; i <= o; i++) n.push(i);
-  return o < s - 1 && n.push("…"), n.push(s), n;
-}
-const Xe = 200;
-function Vs({
-  children: t,
-  title: s,
+function pt(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 ht = 200;
+function cs({
+  children: s,
+  title: t,
   onClose: r,
-  side: a = "right",
-  ...o
+  side: o = "right",
+  ...a
 }) {
-  const n = N(null), i = L.useId(), [c, m] = k(!1), u = () => {
-    !r || c || (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();
+    }, ht));
   };
-  R(() => {
-    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, c]);
-  const p = L.Children.toArray(t), f = p.find((d) => (d == null ? void 0 : d.type) === be), x = p.filter((d) => (d == null ? void 0 : d.type) !== be);
+  }, [r, l]);
+  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",
     {
-      className: ["ds-drawer-overlay", c && "ds-drawer-overlay--closing"].filter(Boolean).join(" "),
-      ...o,
+      className: ["ds-drawer-overlay", l && "ds-drawer-overlay--closing"].filter(Boolean).join(" "),
+      ...a,
       children: /* @__PURE__ */ e.jsxs(
         "aside",
         {
-          className: ["ds-drawer", c && "ds-drawer--closing"].filter(Boolean).join(" "),
-          "data-side": a,
+          className: ["ds-drawer", l && "ds-drawer--closing"].filter(Boolean).join(" "),
+          "data-side": o,
           ref: n,
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": s ? i : void 0,
+          "aria-labelledby": t ? i : void 0,
           children: [
             /* @__PURE__ */ e.jsxs("header", { className: "ds-drawer-header", children: [
-              s && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-drawer-title", children: s }),
-              r && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: u, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(ee, { size: A[2], strokeWidth: 1.5 }) })
+              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(ne, { size: D[2], strokeWidth: 1.5 }) })
             ] }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body", children: x }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body", children: h }),
             f
           ]
         }
@@ -1612,192 +1612,192 @@ function Vs({
     }
   );
 }
-function be({ children: t }) {
-  return /* @__PURE__ */ e.jsx("footer", { className: "ds-drawer-footer", children: t });
+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 xt = {
+  info: ye,
+  success: we,
+  warning: Ne,
+  error: ve
 };
-function Cs({
-  children: t,
-  variant: s = "info",
+function ds({
+  children: s,
+  variant: t = "info",
   action: r,
-  onAction: a,
-  onDismiss: o,
+  onAction: o,
+  onDismiss: a,
   role: n,
   ...i
 }) {
-  const c = Je[s], m = n || (s === "error" ? "alert" : "status");
+  const l = xt[t], p = n || (t === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: `ds-banner ds-banner--${s}`,
-      role: m,
+      className: `ds-banner ds-banner--${t}`,
+      role: p,
       ...i,
       children: [
-        c && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(c, { size: A[2], strokeWidth: 1.5 }) }),
-        /* @__PURE__ */ e.jsx("span", { className: "ds-banner-text", children: t }),
+        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",
           {
             type: "button",
             className: "ds-banner-action",
-            onClick: a,
+            onClick: o,
             children: r
           }
         ),
-        o && /* @__PURE__ */ e.jsx(
+        a && /* @__PURE__ */ e.jsx(
           "button",
           {
             type: "button",
             className: "ds-banner-dismiss",
-            onClick: o,
+            onClick: a,
             "aria-label": "Dismiss",
-            children: /* @__PURE__ */ e.jsx(ee, { size: A[2], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ne, { size: D[2], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function Us({
-  trigger: t,
-  items: s = [],
+function us({
+  trigger: s,
+  items: t = [],
   open: r,
-  onOpenChange: a,
-  align: o = "left",
+  onOpenChange: o,
+  align: a = "left",
   className: n = "",
   style: i,
-  ...c
+  ...l
 }) {
-  const [m, u] = k(!1), [p, f] = k(!1), x = r !== void 0, d = x ? r : m, _ = N(null), w = N(null), g = N(null), y = N(null), [P, I] = k({}), $ = N(null), F = 150, O = () => {
-    if (x)
-      a == null || a(!1);
+  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), $.current = setTimeout(() => {
+      if (m) return;
+      f(!0), k.current = setTimeout(() => {
         u(!1), f(!1);
-      }, F);
+      }, M);
     }
-  }, q = () => {
-    const h = !d;
-    x ? a == null || a(h) : h ? (clearTimeout($.current), f(!1), u(!0)) : O();
-  }, M = () => {
-    d || (x ? a == null || a(!0) : (clearTimeout($.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)));
   };
-  R(() => () => clearTimeout($.current), []), R(() => {
+  B(() => () => clearTimeout(k.current), []), B(() => {
     if (!d) return;
-    const h = () => {
-      var T;
-      const v = (T = _.current) == null ? void 0 : T.getBoundingClientRect();
-      v && I(
-        o === "right" ? { top: v.bottom + 4, right: window.innerWidth - v.right } : { top: v.bottom + 4, left: v.left }
+    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, o]);
-  const W = () => {
-    var v;
-    const h = (v = g.current) == null ? void 0 : v.querySelector(
+  }, [d, a]);
+  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();
   };
-  R(() => {
+  B(() => {
     if (!d) return;
-    const h = (T) => {
-      var D, z;
-      !((D = _.current) != null && D.contains(T.target)) && !((z = w.current) != null && z.contains(T.target)) && O();
-    }, v = (T) => {
-      T.key === "Escape" && (O(), W());
+    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]), R(() => {
-    if (!d || !y.current || !w.current) return;
-    const h = C(), v = y.current === "last" ? h[h.length - 1] : h[0];
-    v == null || v.focus(), y.current = null;
+  }, [d]), 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 C = () => 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, T;
-    if (h.key === "ArrowDown")
-      h.preventDefault(), d ? (v = C()[0]) == null || v.focus() : (y.current = "first", M());
-    else if (h.key === "ArrowUp")
-      if (h.preventDefault(), !d)
-        y.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 D = C();
-        (T = D[D.length - 1]) == null || T.focus();
+        const C = Y();
+        (O = C[C.length - 1]) == null || O.focus();
       }
-  }, H = (h) => {
-    var D, z, U, j;
-    const v = C(), T = v.findIndex((l) => l === 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(), (D = v[Math.min(T + 1, v.length - 1)]) == null || D.focus();
+        x.preventDefault(), (C = y[Math.min(O + 1, y.length - 1)]) == null || C.focus();
         break;
       case "ArrowUp":
-        h.preventDefault(), T <= 0 ? W() : (z = v[T - 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;
     }
-  }, V = d && /* @__PURE__ */ e.jsx(
+  }, U = d && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: w,
+      ref: _,
       role: "menu",
       className: [
         "ds-dropdown__menu",
-        `ds-dropdown__menu--${o}`,
-        p && "ds-dropdown__menu--closing"
+        `ds-dropdown__menu--${a}`,
+        m && "ds-dropdown__menu--closing"
       ].filter(Boolean).join(" "),
-      style: P,
-      onKeyDown: H,
-      children: s.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 T = !!h.href, D = T ? "a" : "button", z = T ? { href: h.disabled ? void 0 : h.href, "aria-disabled": h.disabled ? "true" : void 0 } : { type: "button", disabled: h.disabled };
+            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(
-          D,
+          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,41 +1805,41 @@ function Us({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: _,
+      ref: b,
       className: ["ds-dropdown", n].filter(Boolean).join(" "),
       style: i,
-      ...c,
+      ...l,
       children: [
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: g,
+            ref: R,
             className: "ds-dropdown__trigger",
-            onClick: q,
-            onKeyDown: G,
-            children: t
+            onClick: v,
+            onKeyDown: H,
+            children: s
           }
         ),
-        typeof document < "u" && ae.createPortal(V, document.body)
+        typeof document < "u" && me.createPortal(U, document.body)
       ]
     }
   );
 }
-function Ys({
-  value: t = 0,
-  size: s = "m",
+function fs({
+  value: s = 0,
+  size: t = "m",
   variant: r = "default",
-  showValue: a = !1,
-  min: o = 2,
+  showValue: o = !1,
+  min: a = 2,
   animate: n = !0
 }) {
-  const i = Math.min(100, Math.max(0, t)), c = Math.max(o, i), m = r === "auto" ? i >= 70 ? "success" : i >= 50 ? "warning" : "danger" : r;
+  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",
     {
       className: [
         "ds-progress",
-        `ds-progress--${s}`,
+        `ds-progress--${t}`,
         !n && "ds-progress--instant"
       ].filter(Boolean).join(" "),
       role: "progressbar",
@@ -1850,11 +1850,11 @@ function Ys({
         /* @__PURE__ */ e.jsx("div", { className: "ds-progress__track", children: /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `ds-progress__fill ds-progress__fill--${m}`,
-            style: { width: `${c}%` }
+            className: `ds-progress__fill ds-progress__fill--${p}`,
+            style: { width: `${l}%` }
           }
         ) }),
-        a && /* @__PURE__ */ e.jsxs("span", { className: "ds-progress__value", children: [
+        o && /* @__PURE__ */ e.jsxs("span", { className: "ds-progress__value", children: [
           Math.round(i),
           "%"
         ] })
@@ -1862,242 +1862,242 @@ function Ys({
     }
   );
 }
-const Ze = (t) => 1 - Math.pow(1 - t, 3), Qe = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-function es(t, { duration: s = 600 } = {}) {
-  const [r, a] = k(t), o = N(t), n = N(null);
-  return R(() => {
-    if (Qe()) {
-      a(t), o.current = t;
+const bt = (s) => 1 - Math.pow(1 - s, 3), jt = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+function _t(s, { duration: t = 600 } = {}) {
+  const [r, o] = S(s), a = $(s), n = $(null);
+  return B(() => {
+    if (jt()) {
+      o(s), a.current = s;
       return;
     }
-    const i = o.current, c = t - i;
-    if (c === 0) return;
-    let m = null;
-    const u = (p) => {
-      m || (m = p);
-      const f = Math.min((p - m) / s, 1);
-      a(i + c * Ze(f)), f < 1 ? n.current = requestAnimationFrame(u) : o.current = t;
+    const i = a.current, l = s - i;
+    if (l === 0) return;
+    let p = null;
+    const u = (m) => {
+      p || (p = m);
+      const f = Math.min((m - p) / t, 1);
+      o(i + l * bt(f)), f < 1 ? n.current = requestAnimationFrame(u) : a.current = s;
     };
     return n.current = requestAnimationFrame(u), () => cancelAnimationFrame(n.current);
-  }, [t, s]), r;
+  }, [s, t]), r;
 }
-function qs({
-  value: t,
-  duration: s = 600,
+function ms({
+  value: s,
+  duration: t = 600,
   decimals: r = 0,
-  prefix: a = "",
-  suffix: o = ""
+  prefix: o = "",
+  suffix: a = ""
 }) {
-  const i = es(t, { duration: s }).toFixed(r);
-  return `${a}${i}${o}`;
+  const i = _t(s, { duration: t }).toFixed(r);
+  return `${o}${i}${a}`;
 }
-function ss({ threshold: t = 0.1, rootMargin: s = "0px", once: r = !1 } = {}) {
-  const a = N(null), [o, n] = k(!1);
-  return R(() => {
-    const i = a.current;
+function vt({ 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 c = new IntersectionObserver(
-      ([m]) => {
-        m.isIntersecting ? (n(!0), r && c.disconnect()) : r || n(!1);
+    const l = new IntersectionObserver(
+      ([p]) => {
+        p.isIntersecting ? (n(!0), r && l.disconnect()) : r || n(!1);
       },
-      { threshold: t, rootMargin: s }
+      { threshold: s, rootMargin: t }
     );
-    return c.observe(i), () => c.disconnect();
-  }, [t, s, r]), { ref: a, inView: o };
+    return l.observe(i), () => l.disconnect();
+  }, [s, t, r]), { ref: o, inView: a };
 }
-function Hs({
-  children: t,
-  as: s = "div",
+function ps({
+  children: s,
+  as: t = "div",
   once: r = !1,
-  threshold: a = 0.1,
-  rootMargin: o = "0px",
+  threshold: o = 0.1,
+  rootMargin: a = "0px",
   onEnter: n,
   onLeave: i,
-  ...c
+  ...l
 }) {
-  const { ref: m, inView: u } = ss({ threshold: a, rootMargin: o, once: r }), p = N(!1);
-  return R(() => {
-    u && !p.current && (n == null || n()), !u && p.current && (i == null || i()), p.current = u;
-  }, [u]), /* @__PURE__ */ e.jsx(s, { ref: m, ...c, children: typeof t == "function" ? t(u) : t });
-}
-const ve = {
-  default: me,
-  success: fe,
-  warning: ue,
-  error: de
+  const { ref: p, inView: u } = vt({ 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: ye,
+  success: we,
+  warning: Ne,
+  error: ve
 };
-let Q = [];
-const ce = /* @__PURE__ */ new Set();
-function Ne() {
-  ce.forEach((t) => t([...Q]));
+let ce = [];
+const _e = /* @__PURE__ */ new Set();
+function Le() {
+  _e.forEach((s) => s([...ce]));
 }
-function ts(t) {
-  Q = [...Q, t], Ne();
+function Nt(s) {
+  ce = [...ce, s], Le();
 }
-function rs(t) {
-  Q = Q.filter((s) => s.id !== t), Ne();
+function wt(s) {
+  ce = ce.filter((t) => t.id !== s), Le();
 }
-function Ks() {
-  const t = (s, r = {}) => {
-    ts({
+function hs() {
+  const s = (t, r = {}) => {
+    Nt({
       id: `${Date.now()}-${Math.random()}`,
-      message: s,
+      message: t,
       type: "default",
       duration: 4e3,
       ...r
     });
   };
-  return t.success = (s, r) => t(s, { ...r, type: "success" }), t.error = (s, r) => t(s, { ...r, type: "error" }), t.warning = (s, r) => t(s, { ...r, type: "warning" }), { toast: t };
+  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 ns({ data: t, onDismiss: s }) {
-  const [r, a] = k(!1), o = N(null);
-  R(() => (requestAnimationFrame(() => a(!0)), t.duration > 0 && (o.current = setTimeout(() => n(), t.duration)), () => clearTimeout(o.current)), []);
+function yt({ 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() {
-    a(!1), setTimeout(() => s(t.id), 250);
+    o(!1), setTimeout(() => t(s.id), 250);
   }
-  const i = ve[t.type] ?? ve.default;
+  const i = Ie[s.type] ?? Ie.default;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-toast",
-        `ds-toast--${t.type}`,
+        `ds-toast--${s.type}`,
         r && "ds-toast--visible"
       ].filter(Boolean).join(" "),
-      role: t.type === "error" ? "alert" : "status",
+      role: s.type === "error" ? "alert" : "status",
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(i, { size: A[3], strokeWidth: 1.5 }) }),
-        /* @__PURE__ */ e.jsx("span", { className: "ds-toast__message", children: t.message }),
+        /* @__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",
           {
             className: "ds-toast__close",
             onClick: n,
             "aria-label": "Закрыть",
-            children: /* @__PURE__ */ e.jsx(ee, { size: A[3], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ne, { size: D[3], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function Gs({ position: t = "bottom-right" }) {
-  const [s, r] = k(() => [...Q]);
-  return R(() => (ce.add(r), () => ce.delete(r)), []), !s.length || typeof document > "u" ? null : ae.createPortal(
-    /* @__PURE__ */ e.jsx("div", { className: ["ds-toast-container", `ds-toast-container--${t}`].join(" "), children: s.map((a) => /* @__PURE__ */ e.jsx(ns, { data: a, onDismiss: rs }, a.id)) }),
+function xs({ position: s = "bottom-right" }) {
+  const [t, r] = S(() => [...ce]);
+  return B(() => (_e.add(r), () => _e.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(yt, { data: o, onDismiss: wt }, o.id)) }),
     document.body
   );
 }
-const as = {
-  running: /* @__PURE__ */ e.jsx(ie, { size: "xs", variant: "info", children: "Running..." }),
-  success: /* @__PURE__ */ e.jsx(ie, { size: "xs", variant: "success", children: "Done" }),
-  error: /* @__PURE__ */ e.jsx(ie, { size: "xs", variant: "error", children: "Error" })
+const gt = {
+  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 Xs({
-  label: t,
-  status: s = "idle",
+function bs({
+  label: s,
+  status: t = "idle",
   icon: r,
-  badge: a,
-  defaultExpanded: o = !1,
+  badge: o,
+  defaultExpanded: a = !1,
   expanded: n,
   onToggle: i,
-  padding: c = "s",
-  children: m,
+  padding: l = "s",
+  children: p,
   ...u
 }) {
-  const f = `tc-body-${ke().replace(/:/g, "")}`, [x, d] = k(o), _ = n !== void 0, w = _ ? n : x, g = () => {
-    _ ? i == null || i(!n) : d((y) => !y);
+  const f = `tc-body-${We().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: c, ...u, children: [
+  return /* @__PURE__ */ e.jsxs(st, { padding: l, ...u, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         className: "ds-tool-card__header",
-        onClick: g,
-        "aria-expanded": w,
+        onClick: R,
+        "aria-expanded": _,
         "aria-controls": f,
         children: [
           /* @__PURE__ */ e.jsx(
-            je,
+            Be,
             {
-              size: A[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: t }),
-          as[s],
-          a
+          /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__label", children: s }),
+          gt[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 Js({
-  text: t,
-  size: s = "xs",
+function js({
+  text: s,
+  size: t = "xs",
   timeout: r = 2e3,
-  "aria-label": a = "Copy to clipboard",
-  ...o
+  "aria-label": o = "Copy to clipboard",
+  ...a
 }) {
-  const [n, i] = k(!1), c = () => {
-    navigator.clipboard.writeText(t).then(() => {
+  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: s,
-      icon: n ? /* @__PURE__ */ e.jsx(re, { size: A[1], strokeWidth: 1.5 }) : /* @__PURE__ */ e.jsx(Se, { size: A[1], strokeWidth: 1.5 }),
-      "aria-label": a,
-      onClick: c,
-      ...o
+      size: t,
+      icon: n ? /* @__PURE__ */ e.jsx(he, { size: D[1], strokeWidth: 1.5 }) : /* @__PURE__ */ e.jsx(qe, { size: D[1], strokeWidth: 1.5 }),
+      "aria-label": o,
+      onClick: l,
+      ...a
     }
   );
 }
-function Zs({ content: t, streaming: s = !1, ...r }) {
-  const [a, o] = k(s);
-  return R(() => {
-    o(!!s);
-  }, [s]), /* @__PURE__ */ e.jsx(
-    Ve,
+function _s({ content: s, streaming: t = !1, ...r }) {
+  const [o, a] = S(t);
+  return B(() => {
+    a(!!t);
+  }, [t]), /* @__PURE__ */ e.jsx(
+    it,
     {
-      expanded: a,
-      onToggle: o,
+      expanded: o,
+      onToggle: a,
       padding: "s",
       title: /* @__PURE__ */ e.jsxs("div", { className: "ds-reasoning__title", children: [
-        /* @__PURE__ */ e.jsx(Ae, { size: A[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
-        /* @__PURE__ */ e.jsx(Me, { secondary: !0, children: "Thinking" })
+        /* @__PURE__ */ e.jsx(He, { size: D[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
+        /* @__PURE__ */ e.jsx(rt, { secondary: !0, children: "Thinking" })
       ] }),
       ...r,
-      children: /* @__PURE__ */ e.jsxs(we, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
-        t,
-        s && /* @__PURE__ */ e.jsx("span", { className: "ds-cursor ds-cursor--line" })
+      children: /* @__PURE__ */ e.jsxs(Pe, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
+        s,
+        t && /* @__PURE__ */ e.jsx("span", { className: "ds-cursor ds-cursor--line" })
       ] })
     }
   );
 }
-function Qs({
-  count: t,
-  current: s = 0,
+function vs({
+  count: s,
+  current: t = 0,
   done: r = [],
-  onChange: a,
-  showCounter: o = !0,
+  onChange: o,
+  showCounter: a = !0,
   className: n = "",
   "aria-label": i = "Steps",
-  ...c
+  ...l
 }) {
-  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", n].filter(Boolean).join(" "), ...c, children: [
-    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i, children: Array.from({ length: t }, (m, u) => {
-      const p = u === s, f = r.includes(u) && !p, x = a && (u <= s || r.includes(u)), d = [
+  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 }, (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,141 +2106,506 @@ function Qs({
           type: "button",
           className: d,
           role: "tab",
-          "aria-selected": p,
+          "aria-selected": m,
           "aria-label": `Step ${u + 1}`,
-          disabled: !x || u === s,
-          onClick: () => a == null ? void 0 : a(u),
-          children: f ? /* @__PURE__ */ e.jsx(re, { size: 8, strokeWidth: 3 }) : null
+          disabled: !h || u === t,
+          onClick: () => o == null ? void 0 : o(u),
+          children: f ? /* @__PURE__ */ e.jsx(he, { size: 8, strokeWidth: 3 }) : null
         },
         u
       );
     }) }),
-    o && /* @__PURE__ */ e.jsxs(we, { secondary: !0, className: "ds-step-indicator__counter", children: [
-      s + 1,
+    a && /* @__PURE__ */ e.jsxs(Pe, { secondary: !0, className: "ds-step-indicator__counter", children: [
+      t + 1,
       " / ",
-      t
+      s
     ] })
   ] });
 }
-function et({
-  content: t,
-  isStreaming: s = !1,
+function Ns({
+  content: s,
+  isStreaming: t = !1,
   cursor: r = "line",
-  onChunk: a,
-  className: o = "",
+  onChunk: o,
+  className: a = "",
   ...n
 }) {
-  const i = N(t);
-  return R(() => {
-    t !== i.current && (a == null || a(t), i.current = t);
-  }, [t, a]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", o].filter(Boolean).join(" "), ...n, children: [
-    t,
-    s && r !== "none" && /* @__PURE__ */ e.jsx("span", { className: `ds-cursor ds-cursor--${r}`, "aria-hidden": "true" })
+  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 st({
-  role: t = "assistant",
-  header: s,
+function ws({
+  role: s = "assistant",
+  header: t,
   footer: r,
-  attachments: a,
-  isStreaming: o = !1,
+  attachments: o,
+  isStreaming: a = !1,
   children: n,
   className: i = "",
-  ...c
+  ...l
 }) {
-  const m = [
+  const p = [
     "ds-chat-message",
-    `ds-chat-message--${t}`,
-    o && "ds-chat-message--streaming",
+    `ds-chat-message--${s}`,
+    a && "ds-chat-message--streaming",
     i
   ].filter(Boolean).join(" ");
-  return t === "system" ? /* @__PURE__ */ e.jsx("div", { className: m, ...c, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: n }) }) : t === "user" ? /* @__PURE__ */ e.jsxs("div", { className: m, ...c, children: [
-    a && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: a }),
+  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: m, ...c, children: [
-    s && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__header", children: s }),
-    a && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: a }),
+  ] }) : /* @__PURE__ */ e.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 tt(t, { containerRef: s, smartPause: r = !0 } = {}) {
-  const a = N(!1), o = N(0);
-  R(() => {
-    const n = s == null ? void 0 : s.current;
+function ys(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 c = n.scrollHeight - n.scrollTop - n.clientHeight < 64;
-      !c && n.scrollTop < o.current && (a.current = !0), c && (a.current = !1), o.current = n.scrollTop;
+      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);
-  }, [s]), R(() => {
-    const n = s == null ? void 0 : s.current;
-    n && (r && a.current || (n.scrollTop = n.scrollHeight));
-  }, t);
+  }, [t]), B(() => {
+    const n = t == null ? void 0 : t.current;
+    n && (r && o.current || (n.scrollTop = n.scrollHeight));
+  }, s);
+}
+function kt({
+  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 Et = 0;
+function gs({
+  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 = ++Et;
+    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 ee = 0, ie = E != null ? E - ((m == null ? void 0 : m.length) ?? 0) : 1 / 0;
+    for (const te of j)
+      K(te) ? g && te.size > g ? G.push(te.name) : ie > 0 ? (T.push(te), ie--) : ee++ : Z(te) ? V.push(te) : J.push(te.name);
+    return { imageFiles: T, docFiles: V, tooLarge: G, skipped: J, limitExceeded: ee };
+  }, c = (j) => {
+    const { imageFiles: T, docFiles: V, tooLarge: G, skipped: J, limitExceeded: ee } = 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(", ")}`), ee && 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, ee;
+      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" || (ee = L.current) == null || ee.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(), se = (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 te;
+    if (!h) return;
+    const T = (te = j.clipboardData) == null ? void 0 : te.items;
+    if (!T) return;
+    const V = [];
+    for (const Me of T) {
+      const ke = Me.getAsFile();
+      ke && V.push(ke);
+    }
+    if (V.length === 0) return;
+    const { imageFiles: G, tooLarge: J, skipped: ee, limitExceeded: ie } = w(V);
+    J.length && x(`File${J.length > 1 ? "s" : ""} too large: ${J.join(", ")}`), ee.length && x(`Skipped unsupported file${ee.length > 1 ? "s" : ""}: ${ee.join(", ")}`), ie && x(`Max ${E} images per message`), G.length && (j.preventDefault(), h(G));
+  }, Q = !n && !i && !!(p != null && p.length) && s.length === 0, oe = kt({
+    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, ge = f || h;
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", M].filter(Boolean).join(" "), ...I, children: [
+    ge && /* @__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: se,
+        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(Ke, { 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: [
+            ge && /* @__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(Ge, { size: D[2], strokeWidth: 1.5 }),
+                onClick: o,
+                "aria-label": "Stop"
+              }
+            ) : /* @__PURE__ */ e.jsx(
+              fe,
+              {
+                variant: "primary",
+                size: "xs",
+                icon: /* @__PURE__ */ e.jsx(Xe, { size: D[2], strokeWidth: 1.5 }),
+                onClick: r,
+                disabled: !Oe,
+                "aria-label": "Send"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+const De = { fast: 0, standard: 1, premium: 2 };
+function ks({
+  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(Je, { 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 {
-  Ve as Accordion,
-  vs as Alert,
-  qs as AnimatedNumber,
-  Rs as Avatar,
-  ie as Badge,
-  Cs as Banner,
-  zs as Breadcrumb,
-  _e as Button,
-  Le as Card,
-  st as ChatMessage,
-  $s as Checkbox,
-  _s as Code,
-  Fe as CodeAccordion,
-  Js as CopyButton,
-  Vs as Drawer,
-  be as DrawerFooter,
-  Us as Dropdown,
-  Ls as EmptyState,
-  Ms as FormField,
-  ms as H1,
-  ps as H2,
-  hs as H3,
-  xs as H4,
-  Hs as InView,
-  cs as Input,
-  ws as Link,
-  js as Modal,
-  xe as ModalFooter,
-  bs as P1,
-  Me as P2,
-  we as P3,
-  Fs as Pagination,
-  Ys as ProgressBar,
-  Ts as Radio,
-  Zs as ReasoningBlock,
-  Es as SegmentedControl,
-  us as Select,
-  Ye as Skeleton,
-  Pe as Spinner,
-  Ws as Stat,
-  Qs as StepIndicator,
-  fs as Stepper,
-  et as StreamingText,
-  ys as Tab,
-  Is as Table,
-  As as TableBody,
-  Ss as TableHead,
-  Bs as TableRow,
-  Ds as TableSubheaderRow,
-  Ns as Tabs,
-  Os as Td,
-  ds as Textarea,
-  Ps as Th,
-  Gs as ToastContainer,
-  gs as Toggle,
-  Xs as ToolCallCard,
-  ks as Tooltip,
-  A as iconSizes,
-  es as useAnimatedNumber,
-  ss as useInView,
-  tt as useStreamScroll,
-  Ks as useToast
+  it as Accordion,
+  zt as Alert,
+  ms as AnimatedNumber,
+  Xt as Avatar,
+  pe as Badge,
+  ds as Banner,
+  is as Breadcrumb,
+  fe as Button,
+  st as Card,
+  ws as ChatMessage,
+  Kt as Checkbox,
+  Ft as Code,
+  ot as CodeAccordion,
+  js as CopyButton,
+  cs as Drawer,
+  Ae as DrawerFooter,
+  us as Dropdown,
+  ns as EmptyState,
+  as as FormField,
+  Bt as H1,
+  Pt as H2,
+  Lt as H3,
+  Ot as H4,
+  ps as InView,
+  St as Input,
+  Ct as Link,
+  Wt as Modal,
+  Se as ModalFooter,
+  ks as ModelPicker,
+  Mt as P1,
+  rt as P2,
+  Pe as P3,
+  ls as Pagination,
+  fs as ProgressBar,
+  gs as PromptInput,
+  Gt as Radio,
+  _s as ReasoningBlock,
+  Yt as SegmentedControl,
+  It as Select,
+  dt as Skeleton,
+  et as Spinner,
+  os as Stat,
+  vs as StepIndicator,
+  Dt as Stepper,
+  Ns as StreamingText,
+  Vt as Tab,
+  Jt as Table,
+  Qt as TableBody,
+  Zt as TableHead,
+  es as TableRow,
+  ts as TableSubheaderRow,
+  Ut as Tabs,
+  rs as Td,
+  At as Textarea,
+  ss as Th,
+  xs as ToastContainer,
+  Ht as Toggle,
+  bs as ToolCallCard,
+  qt as Tooltip,
+  D as iconSizes,
+  _t as useAnimatedNumber,
+  kt as useAnimatedPlaceholder,
+  vt as useInView,
+  ys as useStreamScroll,
+  hs as useToast
 };