@donkit-ai/design-system 1.4.52 → 1.4.54

package/dist/index.es.js

@@ -1,14 +1,14 @@
-import U, { useState as I, useRef as T, useEffect as L, useLayoutEffect as Ve } from "react";
-import { Check as we, X as te, ChevronDown as xe, Minus as Ye, Plus as qe, XCircle as ge, AlertTriangle as ye, CheckCircle as ke, Info as Ee, ChevronUp as He, ChevronsUpDown as Ke, ChevronLeft as Xe, ChevronRight as Ge, Copy as Je, Brain as Ze, Loader as Qe, Paperclip as Se, Square as es, ArrowUp as ss, Zap as ts, Cpu as De, FileText as ns, ThumbsUp as rs, ThumbsDown as as } from "lucide-react";
-import pe from "react-dom";
-const A = {
+import Y, { useState as A, useRef as T, useEffect as D, useLayoutEffect as Qe, useContext as $e, createContext as et, useCallback as He } from "react";
+import { Check as Te, X as ee, ChevronDown as _e, Minus as tt, Plus as st, XCircle as Re, AlertTriangle as Se, CheckCircle as Ae, Info as Be, ChevronUp as nt, ChevronsUpDown as rt, ChevronLeft as at, ChevronRight as ot, Copy as it, Brain as lt, Loader as ct, Paperclip as Pe, Square as dt, ArrowUp as ut, Zap as ft, Cpu as Me, FileText as mt, ThumbsUp as pt, ThumbsDown as ht } from "lucide-react";
+import he from "react-dom";
+const P = {
   1: 16,
   2: 20,
   3: 24,
   4: 28,
   5: 48
 };
-var je = { exports: {} }, fe = {};
+var ye = { exports: {} }, xe = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -18,29 +18,29 @@ var je = { exports: {} }, fe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ie;
-function os() {
-  if (Ie) return fe;
-  Ie = 1;
-  var s = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function n(o, a, r) {
+var ze;
+function xt() {
+  if (ze) return xe;
+  ze = 1;
+  var t = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
+  function n(a, o, r) {
     var i = null;
-    if (r !== void 0 && (i = "" + r), a.key !== void 0 && (i = "" + a.key), "key" in a) {
+    if (r !== void 0 && (i = "" + r), o.key !== void 0 && (i = "" + o.key), "key" in o) {
       r = {};
-      for (var l in a)
-        l !== "key" && (r[l] = a[l]);
-    } else r = a;
-    return a = r.ref, {
-      $$typeof: s,
-      type: o,
+      for (var l in o)
+        l !== "key" && (r[l] = o[l]);
+    } else r = o;
+    return o = r.ref, {
+      $$typeof: t,
+      type: a,
       key: i,
-      ref: a !== void 0 ? a : null,
+      ref: o !== void 0 ? o : null,
       props: r
     };
   }
-  return fe.Fragment = t, fe.jsx = n, fe.jsxs = n, fe;
+  return xe.Fragment = s, xe.jsx = n, xe.jsxs = n, xe;
 }
-var me = {};
+var ve = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -50,295 +50,295 @@ var me = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ae;
-function is() {
-  return Ae || (Ae = 1, process.env.NODE_ENV !== "production" && function() {
-    function s(c) {
-      if (c == null) return null;
-      if (typeof c == "function")
-        return c.$$typeof === C ? null : c.displayName || c.name || null;
-      if (typeof c == "string") return c;
-      switch (c) {
-        case y:
+var Ce;
+function vt() {
+  return Ce || (Ce = 1, process.env.NODE_ENV !== "production" && function() {
+    function t(f) {
+      if (f == null) return null;
+      if (typeof f == "function")
+        return f.$$typeof === I ? null : f.displayName || f.name || null;
+      if (typeof f == "string") return f;
+      switch (f) {
+        case g:
           return "Fragment";
-        case R:
+        case k:
           return "Profiler";
-        case g:
+        case w:
           return "StrictMode";
-        case B:
+        case L:
           return "Suspense";
-        case q:
+        case W:
           return "SuspenseList";
-        case v:
+        case b:
           return "Activity";
       }
-      if (typeof c == "object")
-        switch (typeof c.tag == "number" && console.error(
+      if (typeof f == "object")
+        switch (typeof f.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), c.$$typeof) {
-          case _:
+        ), f.$$typeof) {
+          case v:
             return "Portal";
-          case $:
-            return c.displayName || "Context";
-          case N:
-            return (c._context.displayName || "Context") + ".Consumer";
-          case P:
-            var k = c.render;
-            return c = c.displayName, c || (c = k.displayName || k.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
+          case E:
+            return f.displayName || "Context";
+          case j:
+            return (f._context.displayName || "Context") + ".Consumer";
+          case M:
+            var $ = f.render;
+            return f = f.displayName, f || (f = $.displayName || $.name || "", f = f !== "" ? "ForwardRef(" + f + ")" : "ForwardRef"), f;
           case H:
-            return k = c.displayName || null, k !== null ? k : s(c.type) || "Memo";
-          case F:
-            k = c._payload, c = c._init;
+            return $ = f.displayName || null, $ !== null ? $ : t(f.type) || "Memo";
+          case z:
+            $ = f._payload, f = f._init;
             try {
-              return s(c(k));
+              return t(f($));
             } catch {
             }
         }
       return null;
     }
-    function t(c) {
-      return "" + c;
+    function s(f) {
+      return "" + f;
     }
-    function n(c) {
+    function n(f) {
       try {
-        t(c);
-        var k = !1;
+        s(f);
+        var $ = !1;
       } catch {
-        k = !0;
+        $ = !0;
       }
-      if (k) {
-        k = console;
-        var z = k.error, O = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
-        return z.call(
-          k,
+      if ($) {
+        $ = console;
+        var F = $.error, V = typeof Symbol == "function" && Symbol.toStringTag && f[Symbol.toStringTag] || f.constructor.name || "Object";
+        return F.call(
+          $,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          O
-        ), t(c);
+          V
+        ), s(f);
       }
     }
-    function o(c) {
-      if (c === y) return "<>";
-      if (typeof c == "object" && c !== null && c.$$typeof === F)
+    function a(f) {
+      if (f === g) return "<>";
+      if (typeof f == "object" && f !== null && f.$$typeof === z)
         return "<...>";
       try {
-        var k = s(c);
-        return k ? "<" + k + ">" : "<...>";
+        var $ = t(f);
+        return $ ? "<" + $ + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function a() {
-      var c = X.A;
-      return c === null ? null : c.getOwner();
+    function o() {
+      var f = O.A;
+      return f === null ? null : f.getOwner();
     }
     function r() {
       return Error("react-stack-top-frame");
     }
-    function i(c) {
-      if (V.call(c, "key")) {
-        var k = Object.getOwnPropertyDescriptor(c, "key").get;
-        if (k && k.isReactWarning) return !1;
+    function i(f) {
+      if (U.call(f, "key")) {
+        var $ = Object.getOwnPropertyDescriptor(f, "key").get;
+        if ($ && $.isReactWarning) return !1;
       }
-      return c.key !== void 0;
+      return f.key !== void 0;
     }
-    function l(c, k) {
-      function z() {
+    function l(f, $) {
+      function F() {
         S || (S = !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)",
-          k
+          $
         ));
       }
-      z.isReactWarning = !0, Object.defineProperty(c, "key", {
-        get: z,
+      F.isReactWarning = !0, Object.defineProperty(f, "key", {
+        get: F,
         configurable: !0
       });
     }
-    function m() {
-      var c = s(this.type);
-      return M[c] || (M[c] = !0, console.error(
+    function u() {
+      var f = t(this.type);
+      return C[f] || (C[f] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), c = this.props.ref, c !== void 0 ? c : null;
+      )), f = this.props.ref, f !== void 0 ? f : null;
     }
-    function d(c, k, z, O, ne, ae) {
-      var W = z.ref;
-      return c = {
-        $$typeof: b,
-        type: c,
-        key: k,
-        props: z,
-        _owner: O
-      }, (W !== void 0 ? W : null) !== null ? Object.defineProperty(c, "ref", {
+    function d(f, $, F, V, ne, oe) {
+      var q = F.ref;
+      return f = {
+        $$typeof: x,
+        type: f,
+        key: $,
+        props: F,
+        _owner: V
+      }, (q !== void 0 ? q : null) !== null ? Object.defineProperty(f, "ref", {
         enumerable: !1,
-        get: m
-      }) : Object.defineProperty(c, "ref", { enumerable: !1, value: null }), c._store = {}, Object.defineProperty(c._store, "validated", {
+        get: u
+      }) : Object.defineProperty(f, "ref", { enumerable: !1, value: null }), f._store = {}, Object.defineProperty(f._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(c, "_debugInfo", {
+      }), Object.defineProperty(f, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(c, "_debugStack", {
+      }), Object.defineProperty(f, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: ne
-      }), Object.defineProperty(c, "_debugTask", {
+      }), Object.defineProperty(f, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ae
-      }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
+        value: oe
+      }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     }
-    function f(c, k, z, O, ne, ae) {
-      var W = k.children;
-      if (W !== void 0)
-        if (O)
-          if (x(W)) {
-            for (O = 0; O < W.length; O++)
-              p(W[O]);
-            Object.freeze && Object.freeze(W);
+    function m(f, $, F, V, ne, oe) {
+      var q = $.children;
+      if (q !== void 0)
+        if (V)
+          if (_(q)) {
+            for (V = 0; V < q.length; V++)
+              p(q[V]);
+            Object.freeze && Object.freeze(q);
           } 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 p(W);
-      if (V.call(k, "key")) {
-        W = s(c);
-        var Q = Object.keys(k).filter(function(be) {
-          return be !== "key";
+        else p(q);
+      if (U.call($, "key")) {
+        q = t(f);
+        var Q = Object.keys($).filter(function(Ne) {
+          return Ne !== "key";
         });
-        O = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", E[W + O] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
+        V = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", R[q + V] || (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} />`,
-          O,
-          W,
+          V,
+          q,
           Q,
-          W
-        ), E[W + O] = !0);
+          q
+        ), R[q + V] = !0);
       }
-      if (W = null, z !== void 0 && (n(z), W = "" + z), i(k) && (n(k.key), W = "" + k.key), "key" in k) {
-        z = {};
-        for (var oe in k)
-          oe !== "key" && (z[oe] = k[oe]);
-      } else z = k;
-      return W && l(
-        z,
-        typeof c == "function" ? c.displayName || c.name || "Unknown" : c
+      if (q = null, F !== void 0 && (n(F), q = "" + F), i($) && (n($.key), q = "" + $.key), "key" in $) {
+        F = {};
+        for (var ie in $)
+          ie !== "key" && (F[ie] = $[ie]);
+      } else F = $;
+      return q && l(
+        F,
+        typeof f == "function" ? f.displayName || f.name || "Unknown" : f
       ), d(
-        c,
-        W,
-        z,
-        a(),
+        f,
+        q,
+        F,
+        o(),
         ne,
-        ae
+        oe
       );
     }
-    function p(c) {
-      h(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === F && (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 p(f) {
+      h(f) ? f._store && (f._store.validated = 1) : typeof f == "object" && f !== null && f.$$typeof === z && (f._payload.status === "fulfilled" ? h(f._payload.value) && f._payload.value._store && (f._payload.value._store.validated = 1) : f._store && (f._store.validated = 1));
     }
-    function h(c) {
-      return typeof c == "object" && c !== null && c.$$typeof === b;
+    function h(f) {
+      return typeof f == "object" && f !== null && f.$$typeof === x;
     }
-    var u = U, b = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), P = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), v = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), X = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, x = Array.isArray, w = console.createTask ? console.createTask : function() {
+    var c = Y, x = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), j = Symbol.for("react.consumer"), E = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), L = Symbol.for("react.suspense"), W = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), b = Symbol.for("react.activity"), I = Symbol.for("react.client.reference"), O = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, _ = Array.isArray, y = console.createTask ? console.createTask : function() {
       return null;
     };
-    u = {
-      react_stack_bottom_frame: function(c) {
-        return c();
+    c = {
+      react_stack_bottom_frame: function(f) {
+        return f();
       }
     };
-    var S, M = {}, K = u.react_stack_bottom_frame.bind(
-      u,
+    var S, C = {}, K = c.react_stack_bottom_frame.bind(
+      c,
       r
-    )(), G = w(o(r)), E = {};
-    me.Fragment = y, me.jsx = function(c, k, z) {
-      var O = 1e4 > X.recentlyCreatedOwnerStacks++;
-      return f(
-        c,
-        k,
-        z,
+    )(), X = y(a(r)), R = {};
+    ve.Fragment = g, ve.jsx = function(f, $, F) {
+      var V = 1e4 > O.recentlyCreatedOwnerStacks++;
+      return m(
+        f,
+        $,
+        F,
         !1,
-        O ? Error("react-stack-top-frame") : K,
-        O ? w(o(c)) : G
+        V ? Error("react-stack-top-frame") : K,
+        V ? y(a(f)) : X
       );
-    }, me.jsxs = function(c, k, z) {
-      var O = 1e4 > X.recentlyCreatedOwnerStacks++;
-      return f(
-        c,
-        k,
-        z,
+    }, ve.jsxs = function(f, $, F) {
+      var V = 1e4 > O.recentlyCreatedOwnerStacks++;
+      return m(
+        f,
+        $,
+        F,
         !0,
-        O ? Error("react-stack-top-frame") : K,
-        O ? w(o(c)) : G
+        V ? Error("react-stack-top-frame") : K,
+        V ? y(a(f)) : X
       );
     };
-  }()), me;
+  }()), ve;
 }
-process.env.NODE_ENV === "production" ? je.exports = os() : je.exports = is();
-var e = je.exports;
-function ls({ size: s = "m", color: t = "default", className: n = "", ...o }) {
+process.env.NODE_ENV === "production" ? ye.exports = xt() : ye.exports = vt();
+var e = ye.exports;
+function _t({ size: t = "m", color: s = "default", className: n = "", ...a }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: ["ds-spinner", `ds-spinner--${s}`, `ds-spinner--${t}`, n].filter(Boolean).join(" "),
+      className: ["ds-spinner", `ds-spinner--${t}`, `ds-spinner--${s}`, n].filter(Boolean).join(" "),
       role: "status",
       "aria-label": "Loading",
-      ...o
+      ...a
     }
   );
 }
-const cs = { xs: 12, s: 14, m: 16, l: 20 };
-function ce({
-  children: s,
-  variant: t = "primary",
+const bt = { xs: 12, s: 14, m: 16, l: 20 };
+function ae({
+  children: t,
+  variant: s = "primary",
   size: n = "m",
-  fullWidth: o = !1,
-  icon: a,
+  fullWidth: a = !1,
+  icon: o,
   disabled: r = !1,
   state: i = "idle",
   onClick: l,
-  type: m = "button",
+  type: u = "button",
   href: d,
-  "aria-label": f,
+  "aria-label": m,
   className: p = "",
   ...h
 }) {
-  const u = a && !s, b = i === "loading", _ = i === "success", y = i === "error", g = b || _ || y, R = n === "xs" ? "s" : "m", N = t === "danger" ? "on-accent" : "default", $ = cs[n] ?? 16, P = b ? /* @__PURE__ */ e.jsx(ls, { size: R, color: N }) : _ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(we, { size: $, strokeWidth: 2.5 }) }) : y ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(te, { size: $, strokeWidth: 2.5 }) }) : null, B = [
+  const c = o && !t, x = i === "loading", v = i === "success", g = i === "error", w = x || v || g, k = n === "xs" ? "s" : "m", j = s === "danger" ? "on-accent" : "default", E = bt[n] ?? 16, M = x ? /* @__PURE__ */ e.jsx(_t, { size: k, color: j }) : v ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Te, { size: E, strokeWidth: 2.5 }) }) : g ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ee, { size: E, strokeWidth: 2.5 }) }) : null, L = [
     "ds-button",
-    `ds-button--${t}`,
+    `ds-button--${s}`,
     `ds-button--${n}`,
-    o && "ds-button--full",
-    u && "ds-button--icon-only",
+    a && "ds-button--full",
+    c && "ds-button--icon-only",
     p
-  ].filter(Boolean).join(" "), q = i !== "idle" ? i : void 0, H = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    g ? P : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
-    s
+  ].filter(Boolean).join(" "), W = i !== "idle" ? i : void 0, H = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    w ? M : o && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: o }),
+    t
   ] });
   if (d) {
-    const F = (v) => {
-      if (r || b) {
-        v.preventDefault();
+    const z = (b) => {
+      if (r || x) {
+        b.preventDefault();
         return;
       }
-      v.metaKey || v.ctrlKey || v.button === 1 || (v.preventDefault(), l == null || l(v));
+      b.metaKey || b.ctrlKey || b.button === 1 || (b.preventDefault(), l == null || l(b));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
-        className: B,
-        href: r || b ? void 0 : d,
-        onClick: F,
-        "aria-label": f,
-        "aria-disabled": r || b ? "true" : void 0,
-        "aria-busy": b ? "true" : void 0,
-        "data-state": q,
+        className: L,
+        href: r || x ? void 0 : d,
+        onClick: z,
+        "aria-label": m,
+        "aria-disabled": r || x ? "true" : void 0,
+        "aria-busy": x ? "true" : void 0,
+        "data-state": W,
         ...h,
         children: H
       }
@@ -347,45 +347,45 @@ function ce({
   return /* @__PURE__ */ e.jsx(
     "button",
     {
-      type: m,
-      className: B,
+      type: u,
+      className: L,
       disabled: r,
-      onClick: b ? void 0 : l,
-      "aria-label": f,
-      "aria-busy": b ? "true" : void 0,
-      "data-state": q,
+      onClick: x ? void 0 : l,
+      "aria-label": m,
+      "aria-busy": x ? "true" : void 0,
+      "data-state": W,
       ...h,
       children: H
     }
   );
 }
-function Vs({
-  label: s,
-  error: t,
+function as({
+  label: t,
+  error: s,
   hint: n,
-  fullWidth: o = !0,
-  icon: a,
+  fullWidth: a = !0,
+  icon: o,
   iconRight: r,
   onIconRightClick: i,
   size: l = "m",
-  disabled: m,
+  disabled: u,
   id: d,
-  ...f
+  ...m
 }) {
-  const p = d || `input-${U.useId()}`, h = n ? `${p}-hint` : void 0, u = t ? `${p}-error` : void 0, b = u || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${o ? "ds-input-wrapper--full" : ""} ${m ? "ds-input-wrapper--disabled" : ""} ${t ? "ds-input-wrapper--error" : ""}`, children: [
-    s && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: p, children: s }),
+  const p = d || `input-${Y.useId()}`, h = n ? `${p}-hint` : void 0, c = s ? `${p}-error` : void 0, x = c || h;
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${a ? "ds-input-wrapper--full" : ""} ${u ? "ds-input-wrapper--disabled" : ""} ${s ? "ds-input-wrapper--error" : ""}`, children: [
+    t && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: p, children: t }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-input-container", children: [
-      a && /* @__PURE__ */ e.jsx("span", { className: `ds-input-icon ds-input-icon--${l}`, "aria-hidden": "true", children: a }),
+      o && /* @__PURE__ */ e.jsx("span", { className: `ds-input-icon ds-input-icon--${l}`, "aria-hidden": "true", children: o }),
       /* @__PURE__ */ e.jsx(
         "input",
         {
           id: p,
-          className: `ds-input ds-input--${l} ${a ? "ds-input--with-icon" : ""} ${r ? "ds-input--with-icon-right" : ""} ${t ? "ds-input--error" : ""}`,
-          disabled: m,
-          "aria-invalid": t ? "true" : "false",
-          "aria-describedby": b,
-          ...f
+          className: `ds-input ds-input--${l} ${o ? "ds-input--with-icon" : ""} ${r ? "ds-input--with-icon-right" : ""} ${s ? "ds-input--error" : ""}`,
+          disabled: u,
+          "aria-invalid": s ? "true" : "false",
+          "aria-describedby": x,
+          ...m
         }
       ),
       r && /* @__PURE__ */ e.jsx(
@@ -400,246 +400,246 @@ function Vs({
         }
       )
     ] }),
-    n && !t && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-input-hint", children: n }),
-    /* @__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: u, className: "ds-input-error", role: "alert", children: t }) }) })
+    n && !s && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-input-hint", children: n }),
+    /* @__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: c, className: "ds-input-error", role: "alert", children: s }) }) })
   ] });
 }
-function Ys({
-  label: s,
-  error: t,
+function os({
+  label: t,
+  error: s,
   hint: n,
-  fullWidth: o = !0,
-  size: a = "m",
+  fullWidth: a = !0,
+  size: o = "m",
   disabled: r,
   id: i,
   resize: l = !0,
-  rows: m = 3,
+  rows: u = 3,
   ...d
 }) {
-  const f = i || `textarea-${U.useId()}`, p = n ? `${f}-hint` : void 0, h = t ? `${f}-error` : void 0, u = h || p;
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${o ? "ds-textarea-wrapper--full" : ""} ${r ? "ds-textarea-wrapper--disabled" : ""}`, children: [
-    s && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: f, children: s }),
+  const m = i || `textarea-${Y.useId()}`, p = n ? `${m}-hint` : void 0, h = s ? `${m}-error` : void 0, c = h || p;
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${a ? "ds-textarea-wrapper--full" : ""} ${r ? "ds-textarea-wrapper--disabled" : ""}`, children: [
+    t && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: m, children: t }),
     /* @__PURE__ */ e.jsx(
       "textarea",
       {
-        id: f,
-        className: `ds-textarea ds-textarea--${a} ${t ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
+        id: m,
+        className: `ds-textarea ds-textarea--${o} ${s ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
         disabled: r,
-        "aria-invalid": t ? "true" : "false",
-        "aria-describedby": u,
-        rows: m,
+        "aria-invalid": s ? "true" : "false",
+        "aria-describedby": c,
+        rows: u,
         ...d
       }
     ),
-    n && !t && /* @__PURE__ */ e.jsx("span", { id: p, className: "ds-textarea-hint", children: n }),
-    t && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-textarea-error", role: "alert", children: t })
+    n && !s && /* @__PURE__ */ e.jsx("span", { id: p, className: "ds-textarea-hint", children: n }),
+    s && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-textarea-error", role: "alert", children: s })
   ] });
 }
-function qs({
-  label: s,
-  value: t,
+function is({
+  label: t,
+  value: s,
   onChange: n,
-  options: o = [],
-  placeholder: a = "Select option",
+  options: a = [],
+  placeholder: o = "Select option",
   error: r,
   fullWidth: i = !0,
   size: l = "m",
-  disabled: m = !1,
+  disabled: u = !1,
   id: d,
-  ...f
+  ...m
 }) {
-  const [p, h] = I(!1), [u, b] = I(!1), [_, y] = I({}), [g, R] = I("down"), [N, $] = I(-1), P = T(null), B = T(null), q = T(null), H = T(null), F = d || `select-${U.useId()}`, v = `${F}-label`, C = r ? `${F}-error` : void 0, X = 150, V = (E = !1) => {
-    u || (b(!0), $(-1), H.current = setTimeout(() => {
-      var c;
-      h(!1), b(!1), E && ((c = q.current) == null || c.focus());
-    }, X));
-  }, x = (E) => {
-    clearTimeout(H.current), b(!1);
-    const c = E !== void 0 ? E : Math.max(o.findIndex((k) => k.value === t), 0);
-    $(c), h(!0);
+  const [p, h] = A(!1), [c, x] = A(!1), [v, g] = A({}), [w, k] = A("down"), [j, E] = A(-1), M = T(null), L = T(null), W = T(null), H = T(null), z = d || `select-${Y.useId()}`, b = `${z}-label`, I = r ? `${z}-error` : void 0, O = 150, U = (R = !1) => {
+    c || (x(!0), E(-1), H.current = setTimeout(() => {
+      var f;
+      h(!1), x(!1), R && ((f = W.current) == null || f.focus());
+    }, O));
+  }, _ = (R) => {
+    clearTimeout(H.current), x(!1);
+    const f = R !== void 0 ? R : Math.max(a.findIndex(($) => $.value === s), 0);
+    E(f), h(!0);
   };
-  L(() => () => clearTimeout(H.current), []);
-  const w = () => {
-    var ae;
-    const E = (ae = P.current) == null ? void 0 : ae.getBoundingClientRect();
-    if (!E) return;
-    const c = window.innerHeight, k = c - E.bottom, z = E.top, ne = k < 300 && z > k;
-    R(ne ? "up" : "down"), y(
-      ne ? { bottom: c - E.top + 4, left: E.left, width: E.width } : { top: E.bottom + 4, left: E.left, width: E.width }
+  D(() => () => clearTimeout(H.current), []);
+  const y = () => {
+    var oe;
+    const R = (oe = M.current) == null ? void 0 : oe.getBoundingClientRect();
+    if (!R) return;
+    const f = window.innerHeight, $ = f - R.bottom, F = R.top, ne = $ < 300 && F > $;
+    k(ne ? "up" : "down"), g(
+      ne ? { bottom: f - R.top + 4, left: R.left, width: R.width } : { top: R.bottom + 4, left: R.left, width: R.width }
     );
   };
-  L(() => {
+  D(() => {
     if (p)
-      return w(), window.addEventListener("scroll", w, !0), window.addEventListener("resize", w), () => {
-        window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", w);
+      return y(), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y), () => {
+        window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y);
       };
-  }, [p]), L(() => {
-    const E = (c) => {
-      P.current && !P.current.contains(c.target) && B.current && !B.current.contains(c.target) && V();
+  }, [p]), D(() => {
+    const R = (f) => {
+      M.current && !M.current.contains(f.target) && L.current && !L.current.contains(f.target) && U();
     };
-    return document.addEventListener("mousedown", E), () => document.removeEventListener("mousedown", E);
-  }, [u]), L(() => {
-    var c;
-    if (!p || N < 0 || !B.current) return;
-    (c = B.current.querySelectorAll(".ds-select-option")[N]) == null || c.scrollIntoView({ block: "nearest" });
-  }, [N, p]);
-  const S = (E) => {
-    switch (E.key) {
+    return document.addEventListener("mousedown", R), () => document.removeEventListener("mousedown", R);
+  }, [c]), D(() => {
+    var f;
+    if (!p || j < 0 || !L.current) return;
+    (f = L.current.querySelectorAll(".ds-select-option")[j]) == null || f.scrollIntoView({ block: "nearest" });
+  }, [j, p]);
+  const S = (R) => {
+    switch (R.key) {
       case "ArrowDown":
-        E.preventDefault(), p ? $((c) => Math.min(c + 1, o.length - 1)) : x();
+        R.preventDefault(), p ? E((f) => Math.min(f + 1, a.length - 1)) : _();
         break;
       case "ArrowUp":
-        E.preventDefault(), p ? $((c) => Math.max(c - 1, 0)) : x(o.length - 1);
+        R.preventDefault(), p ? E((f) => Math.max(f - 1, 0)) : _(a.length - 1);
         break;
       case "Home":
-        p && (E.preventDefault(), $(0));
+        p && (R.preventDefault(), E(0));
         break;
       case "End":
-        p && (E.preventDefault(), $(o.length - 1));
+        p && (R.preventDefault(), E(a.length - 1));
         break;
       case "Enter":
       case " ":
-        E.preventDefault(), p ? N >= 0 && (n == null || n(o[N].value), V(!0)) : x();
+        R.preventDefault(), p ? j >= 0 && (n == null || n(a[j].value), U(!0)) : _();
         break;
       case "Escape":
-        p && (E.preventDefault(), V(!0));
+        p && (R.preventDefault(), U(!0));
         break;
       case "Tab":
-        p && V(!1);
+        p && U(!1);
         break;
     }
-  }, M = o.find((E) => E.value === t), K = l === "xs" ? A[1] : l === "small" ? A[2] : A[3], G = p && /* @__PURE__ */ e.jsx(
+  }, C = a.find((R) => R.value === s), K = l === "xs" ? P[1] : l === "small" ? P[2] : P[3], X = p && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: B,
+      ref: L,
       "data-ds-portal": "",
       role: "listbox",
-      "aria-labelledby": s ? v : void 0,
+      "aria-labelledby": t ? b : void 0,
       tabIndex: -1,
       className: [
         "ds-select-dropdown ds-scrollable",
         `ds-select-dropdown--${l}`,
-        `ds-select-dropdown--${g}`,
-        u && "ds-select-dropdown--closing"
+        `ds-select-dropdown--${w}`,
+        c && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
-      style: _,
-      children: o.map((E, c) => /* @__PURE__ */ e.jsx(
+      style: v,
+      children: a.map((R, f) => /* @__PURE__ */ e.jsx(
         "button",
         {
-          id: `${F}-opt-${c}`,
+          id: `${z}-opt-${f}`,
           type: "button",
           role: "option",
           tabIndex: -1,
-          "aria-selected": t === E.value,
+          "aria-selected": s === R.value,
           className: [
             "ds-select-option",
             `ds-select-option--${l}`,
-            t === E.value && "ds-select-option--selected",
-            c === N && "ds-select-option--active"
+            s === R.value && "ds-select-option--selected",
+            f === j && "ds-select-option--active"
           ].filter(Boolean).join(" "),
           onClick: () => {
-            n == null || n(E.value), V(!0);
+            n == null || n(R.value), U(!0);
           },
-          children: E.label
+          children: R.label
         },
-        E.value
+        R.value
       ))
     }
   );
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${i ? "ds-select-wrapper--full" : ""} ${m ? "ds-select-wrapper--disabled" : ""}`, children: [
-    s && /* @__PURE__ */ e.jsx("label", { id: v, className: "ds-select-label", children: s }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: P, children: /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${i ? "ds-select-wrapper--full" : ""} ${u ? "ds-select-wrapper--disabled" : ""}`, children: [
+    t && /* @__PURE__ */ e.jsx("label", { id: b, className: "ds-select-label", children: t }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: M, children: /* @__PURE__ */ e.jsxs(
       "button",
       {
-        ref: q,
+        ref: W,
         type: "button",
-        id: F,
+        id: z,
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": p,
-        "aria-activedescendant": p && N >= 0 ? `${F}-opt-${N}` : void 0,
-        "aria-labelledby": s ? v : void 0,
+        "aria-activedescendant": p && j >= 0 ? `${z}-opt-${j}` : void 0,
+        "aria-labelledby": t ? b : void 0,
         "aria-invalid": r ? "true" : "false",
-        "aria-describedby": C,
+        "aria-describedby": I,
         className: `ds-select-trigger ds-select-trigger--${l} ${r ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          m || (p ? V() : x());
+          u || (p ? U() : _());
         },
         onKeyDown: S,
-        disabled: m,
-        ...f,
+        disabled: u,
+        ...m,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: M ? "" : "ds-select-placeholder", children: (M == null ? void 0 : M.label) || a }),
+          /* @__PURE__ */ e.jsx("span", { className: C ? "" : "ds-select-placeholder", children: (C == null ? void 0 : C.label) || o }),
           /* @__PURE__ */ e.jsx(
-            xe,
+            _e,
             {
               size: K,
               strokeWidth: 1.5,
-              className: `ds-select-icon ${p && g === "down" ? "ds-select-icon--open" : ""} ${p && g === "up" ? "ds-select-icon--up" : ""}`,
+              className: `ds-select-icon ${p && w === "down" ? "ds-select-icon--open" : ""} ${p && w === "up" ? "ds-select-icon--up" : ""}`,
               "aria-hidden": "true"
             }
           )
         ]
       }
     ) }),
-    r && /* @__PURE__ */ e.jsx("span", { id: C, className: "ds-select-error", role: "alert", children: r }),
-    typeof document < "u" && pe.createPortal(G, document.body)
+    r && /* @__PURE__ */ e.jsx("span", { id: I, className: "ds-select-error", role: "alert", children: r }),
+    typeof document < "u" && he.createPortal(X, document.body)
   ] });
 }
-function Hs({
-  label: s,
-  value: t = 0,
+function ls({
+  label: t,
+  value: s = 0,
   onChange: n,
-  min: o = 0,
-  max: a = 100,
+  min: a = 0,
+  max: o = 100,
   step: r = 1,
   size: i = "m",
   disabled: l = !1,
-  hint: m,
+  hint: u,
   error: d,
-  ...f
+  ...m
 }) {
   const p = () => {
     if (l) return;
-    const g = Math.min(Number(t) + r, a);
-    n == null || n(g);
+    const w = Math.min(Number(s) + r, o);
+    n == null || n(w);
   }, h = () => {
     if (l) return;
-    const g = Math.max(Number(t) - r, o);
-    n == null || n(g);
-  }, u = (g) => {
+    const w = Math.max(Number(s) - r, a);
+    n == null || n(w);
+  }, c = (w) => {
     if (l) return;
-    const R = g.target.value;
-    if (R === "") {
-      n == null || n(o);
+    const k = w.target.value;
+    if (k === "") {
+      n == null || n(a);
       return;
     }
-    const N = Number(R);
-    if (!isNaN(N)) {
-      const $ = Math.min(Math.max(N, o), a);
-      n == null || n($);
+    const j = Number(k);
+    if (!isNaN(j)) {
+      const E = Math.min(Math.max(j, a), o);
+      n == null || n(E);
     }
-  }, b = [
+  }, x = [
     "ds-stepper-wrapper",
     l && "ds-stepper-wrapper--disabled",
     d && "ds-stepper-wrapper--error"
-  ].filter(Boolean).join(" "), _ = [
+  ].filter(Boolean).join(" "), v = [
     "ds-stepper",
     `ds-stepper--${i}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), y = i === "xs" ? A[1] : i === "small" ? A[2] : A[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: [
+  ].filter(Boolean).join(" "), g = i === "xs" ? P[1] : i === "small" ? P[2] : P[3];
+  return /* @__PURE__ */ e.jsxs("div", { className: x, children: [
+    t && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: t }),
+    /* @__PURE__ */ e.jsxs("div", { className: v, children: [
       /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--minus",
           onClick: h,
-          disabled: l || t <= o,
+          disabled: l || s <= a,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ e.jsx(Ye, { size: y, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(tt, { size: g, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -647,13 +647,13 @@ function Hs({
         {
           type: "number",
           className: "ds-stepper-input",
-          value: t,
-          onChange: u,
-          min: o,
-          max: a,
+          value: s,
+          onChange: c,
+          min: a,
+          max: o,
           step: r,
           disabled: l,
-          ...f
+          ...m
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -662,228 +662,228 @@ function Hs({
           type: "button",
           className: "ds-stepper-button ds-stepper-button--plus",
           onClick: p,
-          disabled: l || t >= a,
+          disabled: l || s >= o,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ e.jsx(qe, { size: y, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(st, { size: g, strokeWidth: 1.5 })
         }
       )
     ] }),
-    m && !d && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: m }),
+    u && !d && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: u }),
     d && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: d })
   ] });
 }
-function Ks({
-  children: s,
-  padding: t = "m",
+function cs({
+  children: t,
+  padding: s = "m",
   variant: n = "info",
-  hover: o = !1,
+  hover: a = !1,
   // deprecated, use variant="interactive"
-  onClick: a,
+  onClick: o,
   href: r,
   disabled: i = !1,
   ...l
 }) {
-  const d = (o ? "interactive" : n) === "interactive" || a || r, f = [
+  const d = (a ? "interactive" : n) === "interactive" || o || r, m = [
     "ds-card",
-    `ds-card--${t}`,
+    `ds-card--${s}`,
     d && "ds-card--interactive"
   ].filter(Boolean).join(" ");
   if (r) {
-    const u = (b) => {
+    const c = (x) => {
       if (i) {
-        b.preventDefault();
+        x.preventDefault();
         return;
       }
-      b.metaKey || b.ctrlKey || b.button === 1 || (b.preventDefault(), a == null || a(b));
+      x.metaKey || x.ctrlKey || x.button === 1 || (x.preventDefault(), o == null || o(x));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
-        className: f,
+        className: m,
         href: i ? void 0 : r,
-        onClick: u,
+        onClick: c,
         "aria-disabled": i ? "true" : void 0,
         ...l,
-        children: s
+        children: t
       }
     );
   }
-  const p = d && a ? "button" : "div", h = d && a ? {
+  const p = d && o ? "button" : "div", h = d && o ? {
     type: "button",
-    onClick: a,
+    onClick: o,
     disabled: i
   } : {};
   return /* @__PURE__ */ e.jsx(
     p,
     {
-      className: f,
-      role: d && !a ? "article" : void 0,
+      className: m,
+      role: d && !o ? "article" : void 0,
       ...h,
       ...l,
-      children: s
+      children: t
     }
   );
 }
-function Xs({ children: s, ...t }) {
-  return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...t, children: s });
+function ds({ children: t, ...s }) {
+  return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...s, children: t });
 }
-function Gs({ children: s, ...t }) {
-  return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...t, children: s });
+function us({ children: t, ...s }) {
+  return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...s, children: t });
 }
-function Js({ children: s, ...t }) {
-  return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...t, children: s });
+function fs({ children: t, ...s }) {
+  return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...s, children: t });
 }
-function Zs({ children: s, ...t }) {
-  return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...t, children: s });
+function ms({ children: t, ...s }) {
+  return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...s, children: t });
 }
-function Qs({ children: s, secondary: t = !1, ...n }) {
-  return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${t ? "ds-p1--secondary" : ""}`, ...n, children: s });
+function ps({ children: t, secondary: s = !1, ...n }) {
+  return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${s ? "ds-p1--secondary" : ""}`, ...n, children: t });
 }
-function ds({ children: s, secondary: t = !1, ...n }) {
-  return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${t ? "ds-p2--secondary" : ""}`, ...n, children: s });
+function jt({ children: t, secondary: s = !1, ...n }) {
+  return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${s ? "ds-p2--secondary" : ""}`, ...n, children: t });
 }
-function Fe({ children: s, secondary: t = !1, ...n }) {
-  return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${t ? "ds-p3--secondary" : ""}`, ...n, children: s });
+function Ke({ children: t, secondary: s = !1, ...n }) {
+  return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${s ? "ds-p3--secondary" : ""}`, ...n, children: t });
 }
-function de({
-  children: s,
-  variant: t = "default",
+function ue({
+  children: t,
+  variant: s = "default",
   size: n = "m",
-  role: o,
-  ...a
+  role: a,
+  ...o
 }) {
   const r = [
     "ds-badge",
-    `ds-badge--${t}`,
+    `ds-badge--${s}`,
     `ds-badge--${n}`
-  ].filter(Boolean).join(" "), i = o || (["info", "success", "warning", "error"].includes(t) ? "status" : void 0);
-  return /* @__PURE__ */ e.jsx("span", { className: r, role: i, ...a, children: s });
-}
-const us = {
-  info: Ee,
-  success: ke,
-  warning: ye,
-  error: ge
+  ].filter(Boolean).join(" "), i = a || (["info", "success", "warning", "error"].includes(s) ? "status" : void 0);
+  return /* @__PURE__ */ e.jsx("span", { className: r, role: i, ...o, children: t });
+}
+const Nt = {
+  info: Be,
+  success: Ae,
+  warning: Se,
+  error: Re
 };
-function et({
-  children: s,
-  variant: t = "info",
+function hs({
+  children: t,
+  variant: s = "info",
   title: n,
-  onClose: o,
-  role: a,
+  onClose: a,
+  role: o,
   ...r
 }) {
-  const i = us[t], l = a || (t === "error" ? "alert" : "status");
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-alert ds-alert--${t} ${n ? "" : "ds-alert--no-title"}`, role: l, ...r, children: [
-    i && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(i, { size: A[3], strokeWidth: 1.5 }) }),
+  const i = Nt[s], l = o || (s === "error" ? "alert" : "status");
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-alert ds-alert--${s} ${n ? "" : "ds-alert--no-title"}`, role: l, ...r, children: [
+    i && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(i, { size: P[3], strokeWidth: 1.5 }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-alert__content", children: [
       n && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: n }),
-      s && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: s })
+      t && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: t })
     ] }),
-    o && /* @__PURE__ */ e.jsx(
+    a && /* @__PURE__ */ e.jsx(
       "button",
       {
         type: "button",
         className: "ds-alert__close",
-        onClick: o,
+        onClick: a,
         "aria-label": "Close alert",
-        children: /* @__PURE__ */ e.jsx(te, { size: A[3], strokeWidth: 1.5 })
+        children: /* @__PURE__ */ e.jsx(ee, { size: P[3], strokeWidth: 1.5 })
       }
     )
   ] });
 }
-const fs = 200;
-function st({
-  children: s,
-  title: t,
+const gt = 200;
+function xs({
+  children: t,
+  title: s,
   onClose: n,
-  size: o = "m",
-  scrollable: a = !1,
+  size: a = "m",
+  scrollable: o = !1,
   subHeader: r,
   ...i
 }) {
-  const l = T(null), m = U.useId(), [d, f] = I(!1), p = () => {
-    !n || d || (f(!0), setTimeout(() => {
-      f(!1), n();
-    }, fs));
+  const l = T(null), u = Y.useId(), [d, m] = A(!1), p = () => {
+    !n || d || (m(!0), setTimeout(() => {
+      m(!1), n();
+    }, gt));
   };
-  L(() => {
-    const _ = (g) => {
-      g.key === "Escape" && p();
-    }, y = (g) => {
-      var N, $, P;
-      const R = (($ = (N = g.composedPath) == null ? void 0 : N.call(g)) == null ? void 0 : $[0]) ?? g.target;
-      l.current && !l.current.contains(R) && !((P = R.closest) != null && P.call(R, "[data-ds-portal]")) && p();
+  D(() => {
+    const v = (w) => {
+      w.key === "Escape" && p();
+    }, g = (w) => {
+      var j, E, M;
+      const k = ((E = (j = w.composedPath) == null ? void 0 : j.call(w)) == null ? void 0 : E[0]) ?? w.target;
+      l.current && !l.current.contains(k) && !((M = k.closest) != null && M.call(k, "[data-ds-portal]")) && p();
     };
-    return document.addEventListener("keydown", _), document.addEventListener("mousedown", y), () => {
-      document.removeEventListener("keydown", _), document.removeEventListener("mousedown", y);
+    return document.addEventListener("keydown", v), document.addEventListener("mousedown", g), () => {
+      document.removeEventListener("keydown", v), document.removeEventListener("mousedown", g);
     };
   }, [n, d]);
-  const h = U.Children.toArray(s), u = h.find((_) => (_ == null ? void 0 : _.type) === he), b = h.filter((_) => (_ == null ? void 0 : _.type) !== he);
+  const h = Y.Children.toArray(t), c = h.find((v) => (v == null ? void 0 : v.type) === me), x = h.filter((v) => (v == null ? void 0 : v.type) !== me);
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", d && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...i, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: [`ds-modal ds-modal--${o}`, a && "ds-modal--scrollable"].filter(Boolean).join(" "),
+      className: [`ds-modal ds-modal--${a}`, o && "ds-modal--scrollable"].filter(Boolean).join(" "),
       ref: l,
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": t ? m : void 0,
+      "aria-labelledby": s ? u : void 0,
       children: [
         n && /* @__PURE__ */ e.jsx(
-          ce,
+          ae,
           {
             className: "ds-modal__close",
             variant: "ghost",
             size: "small",
-            icon: /* @__PURE__ */ e.jsx(te, { size: A[2], strokeWidth: 1.5 }),
+            icon: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 }),
             onClick: p,
             "aria-label": "Close modal"
           }
         ),
-        (t || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
-          t && /* @__PURE__ */ e.jsx("h3", { id: m, className: "ds-modal__title", children: t }),
+        (s || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
+          s && /* @__PURE__ */ e.jsx("h3", { id: u, className: "ds-modal__title", children: s }),
           r && /* @__PURE__ */ e.jsx("div", { className: "ds-modal__subheader", children: r })
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: b }),
-        u
+        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: x }),
+        c
       ]
     }
   ) });
 }
-function he({ children: s }) {
-  return !s || U.Children.count(s) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: s });
+function me({ children: t }) {
+  return !t || Y.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: t });
 }
-const ms = 320;
-function tt({
-  children: s,
-  title: t,
+const wt = 320;
+function vs({
+  children: t,
+  title: s,
   onClose: n,
-  subHeader: o,
-  ...a
+  subHeader: a,
+  ...o
 }) {
-  const r = T(null), i = U.useId(), [l, m] = I(!1), d = () => {
-    !n || l || (m(!0), setTimeout(() => {
-      m(!1), n();
-    }, ms));
+  const r = T(null), i = Y.useId(), [l, u] = A(!1), d = () => {
+    !n || l || (u(!0), setTimeout(() => {
+      u(!1), n();
+    }, wt));
   };
-  L(() => {
-    const u = (_) => {
-      _.key === "Escape" && d();
-    }, b = (_) => {
-      var g, R, N;
-      const y = ((R = (g = _.composedPath) == null ? void 0 : g.call(_)) == null ? void 0 : R[0]) ?? _.target;
-      r.current && !r.current.contains(y) && !((N = y.closest) != null && N.call(y, "[data-ds-portal]")) && d();
+  D(() => {
+    const c = (v) => {
+      v.key === "Escape" && d();
+    }, x = (v) => {
+      var w, k, j;
+      const g = ((k = (w = v.composedPath) == null ? void 0 : w.call(v)) == null ? void 0 : k[0]) ?? v.target;
+      r.current && !r.current.contains(g) && !((j = g.closest) != null && j.call(g, "[data-ds-portal]")) && d();
     };
-    return document.addEventListener("keydown", u), document.addEventListener("mousedown", b), () => {
-      document.removeEventListener("keydown", u), document.removeEventListener("mousedown", b);
+    return document.addEventListener("keydown", c), document.addEventListener("mousedown", x), () => {
+      document.removeEventListener("keydown", c), document.removeEventListener("mousedown", x);
     };
   }, [n, l]);
-  const f = U.Children.toArray(s), p = f.find((u) => (u == null ? void 0 : u.type) === he), h = f.filter((u) => (u == null ? void 0 : u.type) !== he);
+  const m = Y.Children.toArray(t), p = m.find((c) => (c == null ? void 0 : c.type) === me), h = m.filter((c) => (c == null ? void 0 : c.type) !== me);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       className: ["ds-bottom-sheet-overlay", l && "ds-bottom-sheet-overlay--closing"].filter(Boolean).join(" "),
-      ...a,
+      ...o,
       children: /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -891,23 +891,23 @@ function tt({
           className: ["ds-bottom-sheet", l && "ds-bottom-sheet--closing"].filter(Boolean).join(" "),
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": t ? i : void 0,
+          "aria-labelledby": s ? i : void 0,
           children: [
             /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__handle", "aria-hidden": "true" }),
             n && /* @__PURE__ */ e.jsx(
-              ce,
+              ae,
               {
                 className: "ds-bottom-sheet__close",
                 variant: "ghost",
                 size: "small",
-                icon: /* @__PURE__ */ e.jsx(te, { size: A[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 }),
                 onClick: d,
                 "aria-label": "Close"
               }
             ),
-            (t || o) && /* @__PURE__ */ e.jsxs("div", { className: "ds-bottom-sheet__header", children: [
-              t && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-bottom-sheet__title", children: t }),
-              o && /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__subheader", children: o })
+            (s || a) && /* @__PURE__ */ e.jsxs("div", { className: "ds-bottom-sheet__header", children: [
+              s && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-bottom-sheet__title", children: s }),
+              a && /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__subheader", children: a })
             ] }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__body ds-scrollable", children: h }),
             p
@@ -917,25 +917,25 @@ function tt({
     }
   );
 }
-function ps({
-  children: s,
-  title: t = "Code",
+function yt({
+  children: t,
+  title: s = "Code",
   defaultExpanded: n = !1,
-  expanded: o,
-  onToggle: a,
+  expanded: a,
+  onToggle: o,
   padding: r = "s",
   className: i = "",
   ...l
 }) {
-  const [m, d] = I(n), f = o !== void 0, p = f ? o : m, h = () => {
-    f ? a == null || a(!o) : d((b) => !b);
-  }, u = [
+  const [u, d] = A(n), m = a !== void 0, p = m ? a : u, h = () => {
+    m ? o == null || o(!a) : d((x) => !x);
+  }, c = [
     "ds-code-accordion",
     `ds-code-accordion--${r}`,
     p && "ds-code-accordion--expanded",
     i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: u, ...l, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: c, ...l, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -944,11 +944,11 @@ function ps({
         onClick: h,
         "aria-expanded": p,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: t }),
+          /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: s }),
           /* @__PURE__ */ e.jsx(
-            xe,
+            _e,
             {
-              size: A[2],
+              size: P[2],
               strokeWidth: 1.5,
               className: `ds-code-accordion__icon ${p ? "ds-code-accordion__icon--expanded" : ""}`
             }
@@ -956,59 +956,59 @@ function ps({
         ]
       }
     ),
-    /* @__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 ds-scrollable", children: /* @__PURE__ */ e.jsx("code", { children: s }) }) }) })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__inner", children: /* @__PURE__ */ e.jsx("pre", { className: "ds-code-accordion__pre ds-scrollable", children: /* @__PURE__ */ e.jsx("code", { children: t }) }) }) })
   ] });
 }
-function nt({ children: s, block: t = !1, collapsible: n = !1, title: o = "Code", defaultExpanded: a = !1, ...r }) {
-  return t ? n ? /* @__PURE__ */ e.jsx(ps, { title: o, defaultExpanded: a, ...r, children: s }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block ds-scrollable", ...r, children: /* @__PURE__ */ e.jsx("code", { children: s }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...r, children: s });
+function _s({ children: t, block: s = !1, collapsible: n = !1, title: a = "Code", defaultExpanded: o = !1, ...r }) {
+  return s ? n ? /* @__PURE__ */ e.jsx(yt, { title: a, defaultExpanded: o, ...r, children: t }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block ds-scrollable", ...r, children: /* @__PURE__ */ e.jsx("code", { children: t }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...r, children: t });
 }
-function rt({ href: s, children: t, onClick: n, target: o, rel: a, ...r }) {
-  const l = o === "_blank" ? a ? `${a} noopener noreferrer` : "noopener noreferrer" : a;
+function bs({ href: t, children: s, onClick: n, target: a, rel: o, ...r }) {
+  const l = a === "_blank" ? o ? `${o} noopener noreferrer` : "noopener noreferrer" : o;
   return /* @__PURE__ */ e.jsx(
     "a",
     {
-      href: s,
+      href: t,
       className: "ds-link",
       onClick: n,
-      target: o,
+      target: a,
       rel: l,
       ...r,
-      children: t
+      children: s
     }
   );
 }
-function at({ children: s, size: t = "m", variant: n = "ghost", ...o }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...o, children: U.Children.map(s, (a) => U.isValidElement(a) ? U.cloneElement(a, { size: t, variant: n }) : a) });
+function js({ children: t, size: s = "m", variant: n = "ghost", ...a }) {
+  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...a, children: Y.Children.map(t, (o) => Y.isValidElement(o) ? Y.cloneElement(o, { size: s, variant: n }) : o) });
 }
-function ot({ children: s, selected: t = !1, onClick: n, size: o = "m", variant: a = "ghost", disabled: r = !1, icon: i, href: l, ...m }) {
-  const d = i && !s, f = [
+function Ns({ children: t, selected: s = !1, onClick: n, size: a = "m", variant: o = "ghost", disabled: r = !1, icon: i, href: l, ...u }) {
+  const d = i && !t, m = [
     "ds-tab",
-    `ds-tab--${o}`,
     `ds-tab--${a}`,
-    t && "ds-tab--selected",
+    `ds-tab--${o}`,
+    s && "ds-tab--selected",
     d && "ds-tab--icon-only"
   ].filter(Boolean).join(" "), p = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     i && /* @__PURE__ */ e.jsx("span", { className: "ds-tab-icon", children: i }),
-    s
+    t
   ] });
   if (l) {
-    const h = (u) => {
+    const h = (c) => {
       if (r) {
-        u.preventDefault();
+        c.preventDefault();
         return;
       }
-      u.metaKey || u.ctrlKey || u.button === 1 || (u.preventDefault(), n == null || n(u));
+      c.metaKey || c.ctrlKey || c.button === 1 || (c.preventDefault(), n == null || n(c));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
         role: "tab",
-        "aria-current": t ? "page" : void 0,
+        "aria-current": s ? "page" : void 0,
         "aria-disabled": r ? "true" : void 0,
-        className: f,
+        className: m,
         href: r ? void 0 : l,
         onClick: h,
-        ...m,
+        ...u,
         children: p
       }
     );
@@ -1017,45 +1017,45 @@ function ot({ children: s, selected: t = !1, onClick: n, size: o = "m", variant:
     "button",
     {
       role: "tab",
-      "aria-selected": t,
-      className: f,
+      "aria-selected": s,
+      className: m,
       onClick: n,
       disabled: r,
-      ...m,
+      ...u,
       children: p
     }
   );
 }
-function it({ options: s, value: t, onChange: n, size: o = "m", disabled: a = !1 }) {
-  const r = T(null), i = T(null), [l, m] = I(!1), d = T(!1), f = T(null), p = T(null), h = () => {
+function gs({ options: t, value: s, onChange: n, size: a = "m", disabled: o = !1 }) {
+  const r = T(null), i = T(null), [l, u] = A(!1), d = T(!1), m = T(null), p = T(null), h = () => {
     if (!r.current) return;
-    const u = r.current.querySelector(`[data-value="${t}"]`);
-    if (!u) return;
-    const b = r.current.getBoundingClientRect(), _ = u.getBoundingClientRect(), y = _.left - b.left, g = _.width;
-    i.current ? (i.current.style.transition = d.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = y + "px", i.current.style.width = g + "px", d.current = !1) : (m(!0), requestAnimationFrame(() => {
+    const c = r.current.querySelector(`[data-value="${s}"]`);
+    if (!c) return;
+    const x = r.current.getBoundingClientRect(), v = c.getBoundingClientRect(), g = v.left - x.left, w = v.width;
+    i.current ? (i.current.style.transition = d.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = g + "px", i.current.style.width = w + "px", d.current = !1) : (u(!0), requestAnimationFrame(() => {
       if (!i.current || !r.current) return;
-      const R = r.current.querySelector(`[data-value="${t}"]`);
-      if (!R) return;
-      const N = r.current.getBoundingClientRect(), $ = R.getBoundingClientRect();
-      i.current.style.transition = "none", i.current.style.left = $.left - N.left + "px", i.current.style.width = $.width + "px";
+      const k = r.current.querySelector(`[data-value="${s}"]`);
+      if (!k) return;
+      const j = r.current.getBoundingClientRect(), E = k.getBoundingClientRect();
+      i.current.style.transition = "none", i.current.style.left = E.left - j.left + "px", i.current.style.width = E.width + "px";
     }));
   };
-  return p.current = h, Ve(() => {
-    const u = f.current !== t;
-    f.current = t, d.current = l && u, h();
-  }), L(() => {
+  return p.current = h, Qe(() => {
+    const c = m.current !== s;
+    m.current = s, d.current = l && c, h();
+  }), D(() => {
     if (!r.current) return;
-    const u = new ResizeObserver(() => {
+    const c = new ResizeObserver(() => {
       d.current = !1, p.current();
     });
-    return u.observe(r.current), () => u.disconnect();
+    return c.observe(r.current), () => c.disconnect();
   }, []), /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-seg",
-        `ds-seg--${o}`,
-        a && "ds-seg--disabled"
+        `ds-seg--${a}`,
+        o && "ds-seg--disabled"
       ].filter(Boolean).join(" "),
       ref: r,
       role: "group",
@@ -1068,41 +1068,41 @@ function it({ options: s, value: t, onChange: n, size: o = "m", disabled: a = !1
             "aria-hidden": "true"
           }
         ),
-        s.map((u) => /* @__PURE__ */ e.jsxs(
+        t.map((c) => /* @__PURE__ */ e.jsxs(
           "button",
           {
             type: "button",
-            "data-value": u.value,
-            className: ["ds-seg__btn", t === u.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
-            onClick: () => !a && n(u.value),
-            "aria-pressed": t === u.value,
-            disabled: a,
+            "data-value": c.value,
+            className: ["ds-seg__btn", s === c.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
+            onClick: () => !o && n(c.value),
+            "aria-pressed": s === c.value,
+            disabled: o,
             children: [
-              u.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: u.icon }),
-              u.label
+              c.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: c.icon }),
+              c.label
             ]
           },
-          u.value
+          c.value
         ))
       ]
     }
   );
 }
-function $e({
-  children: s,
-  title: t,
+function De({
+  children: t,
+  title: s,
   defaultExpanded: n = !1,
-  expanded: o,
-  onToggle: a,
+  expanded: a,
+  onToggle: o,
   padding: r = "m",
   ...i
 }) {
-  const [l, m] = I(n), d = o !== void 0, f = d ? o : l, p = () => {
-    d ? a == null || a(!o) : m((u) => !u);
+  const [l, u] = A(n), d = a !== void 0, m = d ? a : l, p = () => {
+    d ? o == null || o(!a) : u((c) => !c);
   }, h = [
     "ds-accordion",
     `ds-accordion--${r}`,
-    f && "ds-accordion--expanded"
+    m && "ds-accordion--expanded"
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e.jsxs("div", { className: h, ...i, children: [
     /* @__PURE__ */ e.jsxs(
@@ -1111,96 +1111,96 @@ function $e({
         type: "button",
         className: "ds-accordion__header",
         onClick: p,
-        "aria-expanded": f,
+        "aria-expanded": m,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: "ds-accordion__title", children: t }),
+          /* @__PURE__ */ e.jsx("span", { className: "ds-accordion__title", children: s }),
           /* @__PURE__ */ e.jsx(
-            xe,
+            _e,
             {
-              size: A[2],
+              size: P[2],
               strokeWidth: 1.5,
-              className: `ds-accordion__icon ${f ? "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: s }) }) })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-inner", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-body", children: t }) }) })
   ] });
 }
-const re = 8, le = 8;
-function hs(s, t, n) {
-  const o = window.innerWidth;
-  let a, r;
-  switch (s) {
+const re = 8, fe = 8;
+function kt(t, s, n) {
+  const a = window.innerWidth;
+  let o, r;
+  switch (t) {
     case "top":
-      a = t.top - n.height - re, r = t.left + t.width / 2 - n.width / 2;
+      o = s.top - n.height - re, r = s.left + s.width / 2 - n.width / 2;
       break;
     case "bottom":
-      a = t.bottom + re, r = t.left + t.width / 2 - n.width / 2;
+      o = s.bottom + re, r = s.left + s.width / 2 - n.width / 2;
       break;
     case "left":
-      a = t.top + t.height / 2 - n.height / 2, r = t.left - n.width - re;
+      o = s.top + s.height / 2 - n.height / 2, r = s.left - n.width - re;
       break;
     case "right":
-      a = t.top + t.height / 2 - n.height / 2, r = t.right + re;
+      o = s.top + s.height / 2 - n.height / 2, r = s.right + re;
       break;
     default:
-      a = t.bottom + re, r = t.left;
+      o = s.bottom + re, r = s.left;
   }
-  const i = Math.max(le, Math.min(o - n.width - le, r)), l = r - i;
-  return { top: a, left: i, arrowOffset: l };
-}
-function xs(s, t, n) {
-  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 >= n + re + le) return "right";
-  if (s.left >= n + re + le) return "left";
-  const r = Math.max(s.top, a - s.bottom, s.left, o - s.right);
-  return r === s.top ? "top" : r === a - s.bottom ? "bottom" : r === o - s.right ? "right" : "left";
-}
-function lt({ children: s, content: t, position: n, ...o }) {
-  const [a, r] = I(!1), [i, l] = I({ visibility: "hidden" }), [m, d] = I(n || "top"), f = T(null), p = T(null), h = T(!1), u = () => {
-    if (!f.current || !p.current) return;
-    const _ = f.current.getBoundingClientRect(), y = p.current.getBoundingClientRect(), g = n || xs(_, y.height, y.width), { top: R, left: N, arrowOffset: $ } = hs(g, _, y);
-    d(g), l({
+  const i = Math.max(fe, Math.min(a - n.width - fe, r)), l = r - i;
+  return { top: o, left: i, arrowOffset: l };
+}
+function Et(t, s, n) {
+  const a = window.innerWidth, o = window.innerHeight;
+  if (t.top >= s + re + fe) return "top";
+  if (o - t.bottom >= s + re + fe) return "bottom";
+  if (a - t.right >= n + re + fe) return "right";
+  if (t.left >= n + re + fe) return "left";
+  const r = Math.max(t.top, o - t.bottom, t.left, a - t.right);
+  return r === t.top ? "top" : r === o - t.bottom ? "bottom" : r === a - t.right ? "right" : "left";
+}
+function Ge({ children: t, content: s, position: n, ...a }) {
+  const [o, r] = A(!1), [i, l] = A({ visibility: "hidden" }), [u, d] = A(n || "top"), m = T(null), p = T(null), h = T(!1), c = () => {
+    if (!m.current || !p.current) return;
+    const v = m.current.getBoundingClientRect(), g = p.current.getBoundingClientRect(), w = n || Et(v, g.height, g.width), { top: k, left: j, arrowOffset: E } = kt(w, v, g);
+    d(w), l({
       position: "fixed",
-      top: R,
-      left: N,
+      top: k,
+      left: j,
       visibility: "visible",
-      "--arrow-offset": `${$}px`
+      "--arrow-offset": `${E}px`
     });
   };
-  if (L(() => {
-    if (!a) return;
+  if (D(() => {
+    if (!o) return;
     l({ position: "fixed", visibility: "hidden" });
-    const _ = requestAnimationFrame(u);
-    return window.addEventListener("scroll", u, !0), window.addEventListener("resize", u), () => {
-      cancelAnimationFrame(_), window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
+    const v = requestAnimationFrame(c);
+    return window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
+      cancelAnimationFrame(v), window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
     };
-  }, [a, n]), L(() => {
-    if (!a) return;
-    const _ = (y) => {
-      f.current && !f.current.contains(y.target) && r(!1);
+  }, [o, n]), D(() => {
+    if (!o) return;
+    const v = (g) => {
+      m.current && !m.current.contains(g.target) && r(!1);
     };
-    return document.addEventListener("touchstart", _), () => document.removeEventListener("touchstart", _);
-  }, [a]), !t) return s;
-  const b = a && /* @__PURE__ */ e.jsx(
+    return document.addEventListener("touchstart", v), () => document.removeEventListener("touchstart", v);
+  }, [o]), !s) return t;
+  const x = o && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: p,
       "data-ds-portal": "",
-      className: `ds-tooltip ds-tooltip--${m}`,
+      className: `ds-tooltip ds-tooltip--${u}`,
       role: "tooltip",
       style: i,
-      children: t
+      children: s
     }
   );
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: f,
+      ref: m,
       className: "ds-tooltip-wrapper",
       onMouseEnter: () => {
         h.current || r(!0);
@@ -1209,387 +1209,387 @@ function lt({ children: s, content: t, position: n, ...o }) {
         h.current || r(!1);
       },
       onTouchStart: () => {
-        h.current = !0, r((_) => !_);
+        h.current = !0, r((v) => !v);
       },
-      ...o,
+      ...a,
       children: [
-        s,
-        typeof document < "u" && pe.createPortal(b, document.body)
+        t,
+        typeof document < "u" && he.createPortal(x, document.body)
       ]
     }
   );
 }
-function ct({
-  checked: s = !1,
-  onChange: t,
+function ws({
+  checked: t = !1,
+  onChange: s,
   size: n = "m",
-  disabled: o = !1,
-  label: a,
+  disabled: a = !1,
+  label: o,
   id: r,
   ...i
 }) {
-  const l = r || `toggle-${U.useId()}`, m = [
+  const l = r || `toggle-${Y.useId()}`, u = [
     "ds-toggle",
     `ds-toggle--${n}`,
-    o && "ds-toggle--disabled"
+    a && "ds-toggle--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: l, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: u, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "checkbox",
         id: l,
         className: "ds-toggle__input",
-        checked: s,
-        onChange: (d) => t == null ? void 0 : t(d.target.checked),
-        disabled: o,
+        checked: t,
+        onChange: (d) => s == null ? void 0 : s(d.target.checked),
+        disabled: a,
         ...i
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__track", children: /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__thumb" }) }),
-    a && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: a })
+    o && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: o })
   ] });
 }
-function dt({
-  checked: s = !1,
-  onChange: t,
+function ys({
+  checked: t = !1,
+  onChange: s,
   size: n = "m",
-  disabled: o = !1,
-  label: a,
+  disabled: a = !1,
+  label: o,
   id: r,
   ...i
 }) {
-  const l = r || `checkbox-${U.useId()}`, m = [
+  const l = r || `checkbox-${Y.useId()}`, u = [
     "ds-checkbox",
     `ds-checkbox--${n}`,
-    o && "ds-checkbox--disabled"
+    a && "ds-checkbox--disabled"
   ].filter(Boolean).join(" "), d = n === "xs" ? 10 : n === "small" ? 14 : n === "large" ? 20 : 16;
-  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: l, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: u, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "checkbox",
         id: l,
         className: "ds-checkbox__input",
-        checked: s,
-        onChange: (f) => t == null ? void 0 : t(f.target.checked),
-        disabled: o,
+        checked: t,
+        onChange: (m) => s == null ? void 0 : s(m.target.checked),
+        disabled: a,
         ...i
       }
     ),
-    /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: s && /* @__PURE__ */ e.jsx(
-      we,
+    /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: t && /* @__PURE__ */ e.jsx(
+      Te,
       {
         size: d,
         strokeWidth: 2.5,
         className: "ds-checkbox__icon"
       }
     ) }),
-    a && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: a })
+    o && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: o })
   ] });
 }
-function ut({
-  checked: s = !1,
-  onChange: t,
+function ks({
+  checked: t = !1,
+  onChange: s,
   size: n = "m",
-  disabled: o = !1,
-  label: a,
+  disabled: a = !1,
+  label: o,
   name: r,
   value: i,
   id: l,
-  ...m
+  ...u
 }) {
-  const d = l || `radio-${U.useId()}`, f = [
+  const d = l || `radio-${Y.useId()}`, m = [
     "ds-radio",
     `ds-radio--${n}`,
-    o && "ds-radio--disabled"
+    a && "ds-radio--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("label", { className: f, htmlFor: d, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: d, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "radio",
         id: d,
         className: "ds-radio__input",
-        checked: s,
-        onChange: (p) => t == null ? void 0 : t(p.target.checked),
-        disabled: o,
+        checked: t,
+        onChange: (p) => s == null ? void 0 : s(p.target.checked),
+        disabled: a,
         name: r,
         value: i,
-        ...m
+        ...u
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-radio__circle", children: /* @__PURE__ */ e.jsx("span", { className: "ds-radio__dot" }) }),
-    a && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: a })
+    o && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: o })
   ] });
 }
-function bs({ width: s, height: t, shape: n = "rect", aspectRatio: o, className: a = "", style: r = {}, ...i }) {
+function $t({ width: t, height: s, shape: n = "rect", aspectRatio: a, className: o = "", style: r = {}, ...i }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: ["ds-skeleton", `ds-skeleton--${n}`, a].filter(Boolean).join(" "),
-      style: { width: s, height: t, aspectRatio: o, ...r },
+      className: ["ds-skeleton", `ds-skeleton--${n}`, o].filter(Boolean).join(" "),
+      style: { width: t, height: s, aspectRatio: a, ...r },
       "aria-hidden": "true",
       ...i
     }
   );
 }
-function _s({ lines: s = 1, lastLineWidth: t = "70%", gap: n, className: o = "", style: a = {}, ...r }) {
+function Tt({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: a = "", style: o = {}, ...r }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: ["ds-skeleton-text", o].filter(Boolean).join(" "),
-      style: { gap: n, ...a },
+      className: ["ds-skeleton-text", a].filter(Boolean).join(" "),
+      style: { gap: n, ...o },
       "aria-hidden": "true",
       ...r,
-      children: Array.from({ length: s }, (i, l) => /* @__PURE__ */ e.jsx(
+      children: Array.from({ length: t }, (i, l) => /* @__PURE__ */ e.jsx(
         "span",
         {
           className: "ds-skeleton ds-skeleton--text",
-          style: l === s - 1 && s > 1 ? { width: t } : void 0
+          style: l === t - 1 && t > 1 ? { width: s } : void 0
         },
         l
       ))
     }
   );
 }
-bs.Text = _s;
-function js(s) {
-  let t = 2166136261;
-  for (let n = 0; n < s.length; n++)
-    t ^= s.charCodeAt(n), t = Math.imul(t, 16777619) >>> 0;
-  return t % 360;
+$t.Text = Tt;
+function Rt(t) {
+  let s = 2166136261;
+  for (let n = 0; n < t.length; n++)
+    s ^= t.charCodeAt(n), s = Math.imul(s, 16777619) >>> 0;
+  return s % 360;
 }
-function vs(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 St(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 ft({ seed: s, icon: t, src: n, size: o = 32, className: a = "", style: r = {}, ...i }) {
-  const l = js(s ?? ""), [m, d] = I(!1), f = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: vs(s) });
+function Es({ seed: t, icon: s, src: n, size: a = 32, className: o = "", style: r = {}, ...i }) {
+  const l = Rt(t ?? ""), [u, d] = A(!1), m = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: St(t) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-avatar", a].filter(Boolean).join(" "),
-      style: { width: o, height: o, "--ds-avatar-h": l, ...r },
+      className: ["ds-avatar", o].filter(Boolean).join(" "),
+      style: { width: a, height: a, "--ds-avatar-h": l, ...r },
       "aria-hidden": "true",
       ...i,
-      children: n && !m ? /* @__PURE__ */ e.jsx("img", { src: n, alt: "", onError: () => d(!0) }) : f
+      children: n && !u ? /* @__PURE__ */ e.jsx("img", { src: n, alt: "", onError: () => d(!0) }) : m
     }
   );
 }
-function mt({
-  children: s,
-  size: t = "compact",
+function $s({
+  children: t,
+  size: s = "compact",
   stickyTop: n,
-  maxHeight: o,
-  className: a = "",
+  maxHeight: a,
+  className: o = "",
   style: r = {},
   ...i
 }) {
   const l = {
-    ...o ? { maxHeight: o } : {},
+    ...a ? { maxHeight: a } : {},
     ...n !== void 0 ? { "--ds-table-sticky-top": typeof n == "number" ? `${n}px` : n } : {},
     ...r
   };
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-table-wrap", "ds-scrollable", o ? "ds-table-wrap--scroll" : ""].filter(Boolean).join(" "),
+      className: ["ds-table-wrap", "ds-scrollable", a ? "ds-table-wrap--scroll" : ""].filter(Boolean).join(" "),
       style: l,
       children: /* @__PURE__ */ e.jsx(
         "table",
         {
-          className: ["ds-table", `ds-table--${t}`, a].filter(Boolean).join(" "),
+          className: ["ds-table", `ds-table--${s}`, o].filter(Boolean).join(" "),
           ...i,
-          children: s
+          children: t
         }
       )
     }
   );
 }
-function pt({ children: s, ...t }) {
-  return /* @__PURE__ */ e.jsx("thead", { ...t, children: s });
+function Ts({ children: t, ...s }) {
+  return /* @__PURE__ */ e.jsx("thead", { ...s, children: t });
 }
-function ht({ children: s, ...t }) {
-  return /* @__PURE__ */ e.jsx("tbody", { ...t, children: s });
+function Rs({ children: t, ...s }) {
+  return /* @__PURE__ */ e.jsx("tbody", { ...s, children: t });
 }
-function xt({ children: s, interactive: t, selected: n, subheader: o, exiting: a, updated: r, className: i = "", onClick: l, ...m }) {
+function Ss({ children: t, interactive: s, selected: n, subheader: a, exiting: o, updated: r, className: i = "", onClick: l, ...u }) {
   return /* @__PURE__ */ e.jsx(
     "tr",
     {
       className: [
         "ds-table-row",
-        t || l ? "ds-table-row--interactive" : "",
+        s || l ? "ds-table-row--interactive" : "",
         n ? "ds-table-row--selected" : "",
-        o ? "ds-table-row--subheader" : "",
-        a ? "ds-table-row--exiting" : "",
+        a ? "ds-table-row--subheader" : "",
+        o ? "ds-table-row--exiting" : "",
         r ? "ds-table-row--updated" : "",
         i
       ].filter(Boolean).join(" "),
       onClick: l,
-      ...m,
-      children: s
+      ...u,
+      children: t
     }
   );
 }
-function bt({ children: s, colSpan: t = 999, ...n }) {
-  return /* @__PURE__ */ e.jsx("tr", { className: "ds-table-row ds-table-row--subheader", ...n, children: /* @__PURE__ */ e.jsx("td", { colSpan: t, children: s }) });
+function As({ children: t, colSpan: s = 999, ...n }) {
+  return /* @__PURE__ */ e.jsx("tr", { className: "ds-table-row ds-table-row--subheader", ...n, children: /* @__PURE__ */ e.jsx("td", { colSpan: s, children: t }) });
 }
-function _t({ children: s, align: t = "left", sortDir: n, onSort: o, width: a, className: r = "", style: i = {}, ...l }) {
-  const m = !!o || n !== void 0, d = n === "asc" ? He : n === "desc" ? xe : Ke;
+function Bs({ children: t, align: s = "left", sortDir: n, onSort: a, width: o, className: r = "", style: i = {}, ...l }) {
+  const u = !!a || n !== void 0, d = n === "asc" ? nt : n === "desc" ? _e : rt;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
       className: [
         "ds-th",
-        m ? "ds-th--sortable" : "",
+        u ? "ds-th--sortable" : "",
         n ? "ds-th--sorted" : "",
-        t !== "left" ? `ds-table-cell--${t}` : "",
+        s !== "left" ? `ds-table-cell--${s}` : "",
         r
       ].filter(Boolean).join(" "),
-      onClick: o,
-      style: { width: a, ...i },
+      onClick: a,
+      style: { width: o, ...i },
       ...l,
-      children: m ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
-        s,
+      children: u ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
+        t,
         /* @__PURE__ */ e.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ e.jsx(d, { size: 11, strokeWidth: 2.5 }) })
-      ] }) : s
+      ] }) : t
     }
   );
 }
-function jt({ children: s, align: t = "left", secondary: n, muted: o, truncate: a, nowrap: r, className: i = "", ...l }) {
+function Ds({ children: t, align: s = "left", secondary: n, muted: a, truncate: o, nowrap: r, className: i = "", ...l }) {
   return /* @__PURE__ */ e.jsx(
     "td",
     {
       className: [
         "ds-td",
-        t !== "left" ? `ds-table-cell--${t}` : "",
+        s !== "left" ? `ds-table-cell--${s}` : "",
         n ? "ds-table-cell--secondary" : "",
-        o ? "ds-table-cell--muted" : "",
-        a ? "ds-table-cell--truncate" : "",
+        a ? "ds-table-cell--muted" : "",
+        o ? "ds-table-cell--truncate" : "",
         r ? "ds-table-cell--nowrap" : "",
         i
       ].filter(Boolean).join(" "),
       ...l,
-      children: s
+      children: t
     }
   );
 }
-function vt({
-  icon: s,
-  title: t,
+function Is({
+  icon: t,
+  title: s,
   description: n,
-  action: o,
-  size: a = "m",
+  action: a,
+  size: o = "m",
   className: r = "",
   ...i
 }) {
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: ["ds-empty-state", `ds-empty-state--${a}`, r].filter(Boolean).join(" "),
+      className: ["ds-empty-state", `ds-empty-state--${o}`, r].filter(Boolean).join(" "),
       ...i,
       children: [
-        s && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__icon", children: s }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__title", children: t }),
+        t && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__icon", children: t }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__title", children: s }),
         n && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__description", children: n }),
-        o && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__action", children: o })
+        a && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__action", children: a })
       ]
     }
   );
 }
-function Nt({
-  label: s,
-  hint: t,
+function Ls({
+  label: t,
+  hint: s,
   error: n,
-  required: o = !1,
-  disabled: a = !1,
+  required: a = !1,
+  disabled: o = !1,
   htmlFor: r,
   children: i,
   className: l = "",
-  style: m,
+  style: u,
   ...d
 }) {
-  const f = U.useId(), p = r ?? f, h = `${p}-hint`, u = `${p}-error`;
+  const m = Y.useId(), p = r ?? m, h = `${p}-hint`, c = `${p}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: `ds-field${l ? ` ${l}` : ""}`,
       "data-state": n ? "error" : void 0,
-      "data-required": o ? "" : void 0,
-      "data-disabled": a ? "" : void 0,
-      style: m,
+      "data-required": a ? "" : void 0,
+      "data-disabled": o ? "" : void 0,
+      style: u,
       ...d,
       children: [
-        s && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: p, children: s }),
+        t && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: p, children: t }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-field-control", children: i }),
-        t && !n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: h, children: t }),
-        n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: u, role: "alert", children: n })
+        s && !n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: h, children: s }),
+        n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: c, role: "alert", children: n })
       ]
     }
   );
 }
-function wt({ label: s, value: t, delta: n, size: o = "m", inline: a = !1, className: r = "", style: i, ...l }) {
-  const m = n != null && n.startsWith("+") ? "up" : n != null && n.startsWith("-") ? "down" : "neutral";
+function Ps({ label: t, value: s, delta: n, size: a = "m", inline: o = !1, className: r = "", style: i, ...l }) {
+  const u = n != null && n.startsWith("+") ? "up" : n != null && n.startsWith("-") ? "down" : "neutral";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-stat",
-        `ds-stat--${o}`,
-        a && "ds-stat--inline",
+        `ds-stat--${a}`,
+        o && "ds-stat--inline",
         r
       ].filter(Boolean).join(" "),
       style: i,
       ...l,
       children: [
-        s && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-label", children: s }),
-        t != null && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-value", children: t }),
-        n != null && /* @__PURE__ */ e.jsx("span", { className: `ds-stat-delta ds-stat-delta--${m}`, children: n })
+        t && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-label", children: t }),
+        s != null && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-value", children: s }),
+        n != null && /* @__PURE__ */ e.jsx("span", { className: `ds-stat-delta ds-stat-delta--${u}`, children: n })
       ]
     }
   );
 }
-function gt({
-  children: s,
-  separator: t = "/",
+function Ms({
+  children: t,
+  separator: s = "/",
   "aria-label": n = "Breadcrumb",
-  className: o = "",
-  style: a,
+  className: a = "",
+  style: o,
   ...r
 }) {
-  const i = U.Children.toArray(s).filter(Boolean);
+  const i = Y.Children.toArray(t).filter(Boolean);
   return /* @__PURE__ */ e.jsx(
     "nav",
     {
-      className: `ds-breadcrumb${o ? ` ${o}` : ""}`,
+      className: `ds-breadcrumb${a ? ` ${a}` : ""}`,
       "aria-label": n,
-      style: a,
+      style: o,
       ...r,
-      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: i.map((l, m) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
+      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: i.map((l, u) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
         l,
-        m < i.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: t })
-      ] }, m)) })
+        u < i.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: s })
+      ] }, u)) })
     }
   );
 }
-function yt({
-  page: s,
-  total: t,
+function zs({
+  page: t,
+  total: s,
   onChange: n,
-  siblings: o = 1,
-  "aria-label": a = "Pagination",
+  siblings: a = 1,
+  "aria-label": o = "Pagination",
   className: r = "",
   style: i,
   ...l
 }) {
-  const m = Ns(s, t, o);
+  const u = At(t, s, a);
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
       className: `ds-pagination${r ? ` ${r}` : ""}`,
-      "aria-label": a,
+      "aria-label": o,
       style: i,
       ...l,
       children: [
@@ -1597,19 +1597,19 @@ function yt({
           "button",
           {
             className: "ds-pagination-arrow",
-            onClick: () => n == null ? void 0 : n(s - 1),
-            disabled: s <= 1,
+            onClick: () => n == null ? void 0 : n(t - 1),
+            disabled: t <= 1,
             "aria-label": "Previous page",
-            children: /* @__PURE__ */ e.jsx(Xe, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(at, { size: 16 })
           }
         ),
-        m.map(
-          (d, f) => d === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${f}`) : /* @__PURE__ */ e.jsx(
+        u.map(
+          (d, m) => d === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${m}`) : /* @__PURE__ */ e.jsx(
             "button",
             {
-              className: `ds-pagination-page${d === s ? " ds-pagination-page--current" : ""}`,
-              onClick: () => d !== s && (n == null ? void 0 : n(d)),
-              "aria-current": d === s ? "page" : void 0,
+              className: `ds-pagination-page${d === t ? " ds-pagination-page--current" : ""}`,
+              onClick: () => d !== t && (n == null ? void 0 : n(d)),
+              "aria-current": d === t ? "page" : void 0,
               "aria-label": `Page ${d}`,
               children: d
             },
@@ -1620,67 +1620,67 @@ function yt({
           "button",
           {
             className: "ds-pagination-arrow",
-            onClick: () => n == null ? void 0 : n(s + 1),
-            disabled: s >= t,
+            onClick: () => n == null ? void 0 : n(t + 1),
+            disabled: t >= s,
             "aria-label": "Next page",
-            children: /* @__PURE__ */ e.jsx(Ge, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(ot, { size: 16 })
           }
         )
       ]
     }
   );
 }
-function Ns(s, t, n) {
-  if (t <= 7) return Array.from({ length: t }, (i, l) => l + 1);
-  const o = Math.max(2, s - n), a = Math.min(t - 1, s + n), r = [1];
-  o > 2 && r.push("…");
-  for (let i = o; i <= a; i++) r.push(i);
-  return a < t - 1 && r.push("…"), r.push(t), r;
-}
-const ws = 200;
-function kt({
-  children: s,
-  title: t,
+function At(t, s, n) {
+  if (s <= 7) return Array.from({ length: s }, (i, l) => l + 1);
+  const a = Math.max(2, t - n), o = Math.min(s - 1, t + n), r = [1];
+  a > 2 && r.push("…");
+  for (let i = a; i <= o; i++) r.push(i);
+  return o < s - 1 && r.push("…"), r.push(s), r;
+}
+const Bt = 200;
+function Cs({
+  children: t,
+  title: s,
   onClose: n,
-  side: o = "right",
-  ...a
+  side: a = "right",
+  ...o
 }) {
-  const r = T(null), i = U.useId(), [l, m] = I(!1), d = () => {
-    !n || l || (m(!0), setTimeout(() => {
-      m(!1), n();
-    }, ws));
+  const r = T(null), i = Y.useId(), [l, u] = A(!1), d = () => {
+    !n || l || (u(!0), setTimeout(() => {
+      u(!1), n();
+    }, Bt));
   };
-  L(() => {
-    const u = (_) => {
-      _.key === "Escape" && d();
-    }, b = (_) => {
-      var g, R, N;
-      const y = ((R = (g = _.composedPath) == null ? void 0 : g.call(_)) == null ? void 0 : R[0]) ?? _.target;
-      r.current && !r.current.contains(y) && !((N = y.closest) != null && N.call(y, "[data-ds-portal]")) && d();
+  D(() => {
+    const c = (v) => {
+      v.key === "Escape" && d();
+    }, x = (v) => {
+      var w, k, j;
+      const g = ((k = (w = v.composedPath) == null ? void 0 : w.call(v)) == null ? void 0 : k[0]) ?? v.target;
+      r.current && !r.current.contains(g) && !((j = g.closest) != null && j.call(g, "[data-ds-portal]")) && d();
     };
-    return document.addEventListener("keydown", u), document.addEventListener("mousedown", b), () => {
-      document.removeEventListener("keydown", u), document.removeEventListener("mousedown", b);
+    return document.addEventListener("keydown", c), document.addEventListener("mousedown", x), () => {
+      document.removeEventListener("keydown", c), document.removeEventListener("mousedown", x);
     };
   }, [n, l]);
-  const f = U.Children.toArray(s), p = f.find((u) => (u == null ? void 0 : u.type) === Be), h = f.filter((u) => (u == null ? void 0 : u.type) !== Be);
+  const m = Y.Children.toArray(t), p = m.find((c) => (c == null ? void 0 : c.type) === Oe), h = m.filter((c) => (c == null ? void 0 : c.type) !== Oe);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       className: ["ds-drawer-overlay", l && "ds-drawer-overlay--closing"].filter(Boolean).join(" "),
-      ...a,
+      ...o,
       children: /* @__PURE__ */ e.jsxs(
         "aside",
         {
           className: ["ds-drawer", l && "ds-drawer--closing"].filter(Boolean).join(" "),
-          "data-side": o,
+          "data-side": a,
           ref: r,
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": t ? i : void 0,
+          "aria-labelledby": s ? i : void 0,
           children: [
             /* @__PURE__ */ e.jsxs("header", { className: "ds-drawer-header", children: [
-              t && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-drawer-title", children: t }),
-              n && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: d, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(te, { size: A[2], strokeWidth: 1.5 }) })
+              s && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-drawer-title", children: s }),
+              n && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: d, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 }) })
             ] }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body ds-scrollable", children: h }),
             p
@@ -1690,195 +1690,370 @@ function kt({
     }
   );
 }
-function Be({ children: s }) {
-  return /* @__PURE__ */ e.jsx("footer", { className: "ds-drawer-footer", children: s });
+function Oe({ children: t }) {
+  return /* @__PURE__ */ e.jsx("footer", { className: "ds-drawer-footer", children: t });
+}
+const Dt = 320;
+function Os({
+  children: t,
+  title: s,
+  onClose: n,
+  subHeader: a,
+  ...o
+}) {
+  const r = T(null), i = Y.useId(), [l, u] = A(!1), d = () => {
+    !n || l || (u(!0), setTimeout(() => {
+      u(!1), n();
+    }, Dt));
+  };
+  D(() => {
+    const c = (v) => {
+      v.key === "Escape" && d();
+    }, x = (v) => {
+      var w, k, j;
+      const g = ((k = (w = v.composedPath) == null ? void 0 : w.call(v)) == null ? void 0 : k[0]) ?? v.target;
+      r.current && !r.current.contains(g) && !((j = g.closest) != null && j.call(g, "[data-ds-portal]")) && d();
+    };
+    return document.addEventListener("keydown", c), document.addEventListener("mousedown", x), () => {
+      document.removeEventListener("keydown", c), document.removeEventListener("mousedown", x);
+    };
+  }, [n, l]);
+  const m = Y.Children.toArray(t), p = m.find((c) => (c == null ? void 0 : c.type) === Fe || (c == null ? void 0 : c.type) === me), h = m.filter((c) => (c == null ? void 0 : c.type) !== Fe && (c == null ? void 0 : c.type) !== me);
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: ["ds-side-page-overlay", l && "ds-side-page-overlay--closing"].filter(Boolean).join(" "),
+      ...o,
+      children: /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          ref: r,
+          className: ["ds-side-page", l && "ds-side-page--closing"].filter(Boolean).join(" "),
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": s ? i : void 0,
+          children: [
+            n && /* @__PURE__ */ e.jsx(
+              ae,
+              {
+                className: "ds-side-page__close",
+                variant: "ghost",
+                size: "small",
+                icon: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 }),
+                onClick: d,
+                "aria-label": "Close"
+              }
+            ),
+            (s || a) && /* @__PURE__ */ e.jsxs("div", { className: "ds-side-page__header", children: [
+              s && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-side-page__title", children: s }),
+              a && /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__subheader", children: a })
+            ] }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__body ds-scrollable", children: h }),
+            p
+          ]
+        }
+      )
+    }
+  );
+}
+function Fe({ children: t }) {
+  return !t || Y.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__footer", children: t });
+}
+const je = et({ collapsed: !1, side: "left" });
+function Fs({
+  children: t,
+  collapsed: s = !1,
+  side: n = "left",
+  className: a = "",
+  ...o
+}) {
+  const r = [
+    "ds-nav-rail",
+    s && "ds-nav-rail--collapsed",
+    `ds-nav-rail--${n}`,
+    a
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e.jsx(je.Provider, { value: { collapsed: s, side: n }, children: /* @__PURE__ */ e.jsx("nav", { className: r, ...o, children: t }) });
+}
+function Ws({
+  icon: t,
+  label: s,
+  selected: n = !1,
+  disabled: a = !1,
+  href: o,
+  onClick: r,
+  count: i,
+  updated: l = !1,
+  open: u = !1,
+  onboarding: d = !1,
+  className: m = "",
+  ...p
+}) {
+  const { collapsed: h, side: c } = $e(je), g = {
+    className: [
+      "ds-nav-rail__item",
+      m
+    ].filter(Boolean).join(" "),
+    onClick: a ? void 0 : r,
+    "aria-current": n ? "page" : void 0,
+    "aria-disabled": a ? "true" : void 0,
+    "aria-label": h ? s : void 0,
+    tabIndex: a ? -1 : void 0,
+    ...{
+      "data-selected": n || void 0,
+      "data-disabled": a || void 0,
+      "data-open": u || void 0,
+      "data-onboarding": d || void 0
+    },
+    ...p
+  }, w = i != null, k = c === "left" ? "right" : "left", j = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: t }),
+    !h && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s }),
+    !h && l && /* @__PURE__ */ e.jsx(ue, { size: "xs", variant: "accent", className: "ds-nav-rail__badge-expanded", children: "New" }),
+    !h && w && /* @__PURE__ */ e.jsx("span", { className: ["ds-nav-rail__count", i === 0 && "ds-nav-rail__count--zero"].filter(Boolean).join(" "), children: i }),
+    h && l && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot", "aria-hidden": "true" })
+  ] }), E = o ? /* @__PURE__ */ e.jsx("a", { href: a ? void 0 : o, ...g, children: j }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...g, children: j });
+  return h ? /* @__PURE__ */ e.jsx(Ge, { content: s, position: k, children: E }) : E;
+}
+function Us({ children: t, className: s = "", ...n }) {
+  return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__body", "ds-scrollable", s].filter(Boolean).join(" "), ...n, children: t });
+}
+function Vs({ children: t, className: s = "", ...n }) {
+  return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__header", s].filter(Boolean).join(" "), ...n, children: t });
+}
+function Ys({ children: t, className: s = "", ...n }) {
+  return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__footer", s].filter(Boolean).join(" "), ...n, children: t });
+}
+function qs({ className: t = "", ...s }) {
+  return /* @__PURE__ */ e.jsx("hr", { className: ["ds-nav-rail__divider", t].filter(Boolean).join(" "), ...s });
+}
+function Hs({ children: t, label: s = "Recents", defaultOpen: n = !0, className: a = "", ...o }) {
+  const { collapsed: r } = $e(je), [i, l] = A(n);
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-nav-rail__recents", a].filter(Boolean).join(" "), ...o, children: [
+    !r && /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        type: "button",
+        className: ["ds-nav-rail__recents-toggle", !i && "ds-nav-rail__recents-toggle--closed"].filter(Boolean).join(" "),
+        onClick: () => l((u) => !u),
+        "aria-expanded": i,
+        children: [
+          /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__recents-label", children: s }),
+          /* @__PURE__ */ e.jsx(_e, { size: 12, strokeWidth: 2, className: "ds-nav-rail__recents-chevron", "aria-hidden": "true" })
+        ]
+      }
+    ),
+    (i || r) && /* @__PURE__ */ e.jsx("div", { className: "ds-nav-rail__recents-body", children: t })
+  ] });
 }
-const gs = {
-  info: Ee,
-  success: ke,
-  warning: ye,
-  error: ge
+function Ks({ avatar: t, label: s, selected: n = !1, disabled: a = !1, href: o, onClick: r, className: i = "", ...l }) {
+  const { collapsed: u, side: d } = $e(je), h = {
+    className: [
+      "ds-nav-rail__item",
+      "ds-nav-rail__agent",
+      i
+    ].filter(Boolean).join(" "),
+    onClick: a ? void 0 : r,
+    "aria-current": n ? "page" : void 0,
+    "aria-disabled": a ? "true" : void 0,
+    tabIndex: a ? -1 : void 0,
+    ...{
+      "data-selected": n || void 0,
+      "data-disabled": a || void 0
+    },
+    ...l
+  }, c = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: t }),
+    !u && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s })
+  ] }), x = d === "left" ? "right" : "left", v = o ? /* @__PURE__ */ e.jsx("a", { href: a ? void 0 : o, ...h, children: c }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...h, children: c });
+  return u ? /* @__PURE__ */ e.jsx(Ge, { content: s, position: x, children: v }) : v;
+}
+const It = {
+  info: Be,
+  success: Ae,
+  warning: Se,
+  error: Re
 };
-function Et({
-  children: s,
-  variant: t = "info",
+function Gs({
+  children: t,
+  variant: s = "info",
   action: n,
-  onAction: o,
-  onDismiss: a,
+  onAction: a,
+  onDismiss: o,
   role: r,
   ...i
 }) {
-  const l = gs[t], m = r || (t === "error" ? "alert" : "status");
+  const l = It[s], u = r || (s === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: `ds-banner ds-banner--${t}`,
-      role: m,
+      className: `ds-banner ds-banner--${s}`,
+      role: u,
       ...i,
       children: [
-        l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: A[2], strokeWidth: 1.5 }) }),
-        /* @__PURE__ */ e.jsx("span", { className: "ds-banner-text", children: s }),
+        l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: P[2], strokeWidth: 1.5 }) }),
+        /* @__PURE__ */ e.jsx("span", { className: "ds-banner-text", children: t }),
         n && /* @__PURE__ */ e.jsx(
           "button",
           {
             type: "button",
             className: "ds-banner-action",
-            onClick: o,
+            onClick: a,
             children: n
           }
         ),
-        a && /* @__PURE__ */ e.jsx(
+        o && /* @__PURE__ */ e.jsx(
           "button",
           {
             type: "button",
             className: "ds-banner-dismiss",
-            onClick: a,
+            onClick: o,
             "aria-label": "Dismiss",
-            children: /* @__PURE__ */ e.jsx(te, { size: A[2], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function $t({
-  trigger: s,
-  items: t = [],
+function Xs({
+  trigger: t,
+  items: s = [],
   open: n,
-  onOpenChange: o,
-  align: a = "left",
+  onOpenChange: a,
+  align: o = "left",
   className: r = "",
   style: i,
   ...l
 }) {
-  const [m, d] = I(!1), [f, p] = I(!1), h = n !== void 0, u = h ? n : m, b = T(null), _ = T(null), y = T(null), g = T(null), [R, N] = I({}), $ = T(null), P = 150, B = () => {
+  const [u, d] = A(!1), [m, p] = A(!1), h = n !== void 0, c = h ? n : u, x = T(null), v = T(null), g = T(null), w = T(null), [k, j] = A({}), E = T(null), M = 150, L = () => {
     if (h)
-      o == null || o(!1);
+      a == null || a(!1);
     else {
-      if (f) return;
-      p(!0), $.current = setTimeout(() => {
+      if (m) return;
+      p(!0), E.current = setTimeout(() => {
         d(!1), p(!1);
-      }, P);
+      }, M);
     }
-  }, q = () => {
-    const x = !u;
-    h ? o == null || o(x) : x ? (clearTimeout($.current), p(!1), d(!0)) : B();
+  }, W = () => {
+    const _ = !c;
+    h ? a == null || a(_) : _ ? (clearTimeout(E.current), p(!1), d(!0)) : L();
   }, H = () => {
-    u || (h ? o == null || o(!0) : (clearTimeout($.current), p(!1), d(!0)));
+    c || (h ? a == null || a(!0) : (clearTimeout(E.current), p(!1), d(!0)));
   };
-  L(() => () => clearTimeout($.current), []), L(() => {
-    if (!u) return;
-    const x = 300, w = () => {
-      var G;
-      const S = (G = b.current) == null ? void 0 : G.getBoundingClientRect();
+  D(() => () => clearTimeout(E.current), []), D(() => {
+    if (!c) return;
+    const _ = 300, y = () => {
+      var X;
+      const S = (X = x.current) == null ? void 0 : X.getBoundingClientRect();
       if (!S) return;
-      const M = window.innerHeight - S.bottom, K = M < x + 8 && S.top > M;
-      N(
-        a === "right" ? K ? { bottom: window.innerHeight - S.top + 4, top: "auto", right: window.innerWidth - S.right } : { top: S.bottom + 4, bottom: "auto", right: window.innerWidth - S.right } : K ? { bottom: window.innerHeight - S.top + 4, top: "auto", left: S.left } : { top: S.bottom + 4, bottom: "auto", left: S.left }
+      const C = window.innerHeight - S.bottom, K = C < _ + 8 && S.top > C;
+      j(
+        o === "right" ? K ? { bottom: window.innerHeight - S.top + 4, top: "auto", right: window.innerWidth - S.right } : { top: S.bottom + 4, bottom: "auto", right: window.innerWidth - S.right } : K ? { bottom: window.innerHeight - S.top + 4, top: "auto", left: S.left } : { top: S.bottom + 4, bottom: "auto", left: S.left }
       );
     };
-    return w(), window.addEventListener("scroll", w, !0), window.addEventListener("resize", w), () => {
-      window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", w);
+    return y(), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y), () => {
+      window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y);
     };
-  }, [u, a]);
-  const F = () => {
-    var w;
-    const x = (w = y.current) == null ? void 0 : w.querySelector(
+  }, [c, o]);
+  const z = () => {
+    var y;
+    const _ = (y = g.current) == null ? void 0 : y.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
-    x == null || x.focus();
+    _ == null || _.focus();
   };
-  L(() => {
-    if (!u) return;
-    const x = (S) => {
-      var M, K;
-      !((M = b.current) != null && M.contains(S.target)) && !((K = _.current) != null && K.contains(S.target)) && B();
-    }, w = (S) => {
-      S.key === "Escape" && (B(), F());
+  D(() => {
+    if (!c) return;
+    const _ = (S) => {
+      var C, K;
+      !((C = x.current) != null && C.contains(S.target)) && !((K = v.current) != null && K.contains(S.target)) && L();
+    }, y = (S) => {
+      S.key === "Escape" && (L(), z());
     };
-    return document.addEventListener("mousedown", x), document.addEventListener("keydown", w), () => {
-      document.removeEventListener("mousedown", x), document.removeEventListener("keydown", w);
+    return document.addEventListener("mousedown", _), document.addEventListener("keydown", y), () => {
+      document.removeEventListener("mousedown", _), document.removeEventListener("keydown", y);
     };
-  }, [u]), L(() => {
-    if (!u || !g.current || !_.current) return;
-    const x = v(), w = g.current === "last" ? x[x.length - 1] : x[0];
-    w == null || w.focus(), g.current = null;
-  }, [u]);
-  const v = () => _.current ? [..._.current.querySelectorAll(
+  }, [c]), D(() => {
+    if (!c || !w.current || !v.current) return;
+    const _ = b(), y = w.current === "last" ? _[_.length - 1] : _[0];
+    y == null || y.focus(), w.current = null;
+  }, [c]);
+  const b = () => v.current ? [...v.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
-  )] : [], C = (x) => {
-    var w, S;
-    if (x.key === "ArrowDown")
-      x.preventDefault(), u ? (w = v()[0]) == null || w.focus() : (g.current = "first", H());
-    else if (x.key === "ArrowUp")
-      if (x.preventDefault(), !u)
-        g.current = "last", H();
+  )] : [], I = (_) => {
+    var y, S;
+    if (_.key === "ArrowDown")
+      _.preventDefault(), c ? (y = b()[0]) == null || y.focus() : (w.current = "first", H());
+    else if (_.key === "ArrowUp")
+      if (_.preventDefault(), !c)
+        w.current = "last", H();
       else {
-        const M = v();
-        (S = M[M.length - 1]) == null || S.focus();
+        const C = b();
+        (S = C[C.length - 1]) == null || S.focus();
       }
-  }, X = (x) => {
-    var M, K, G, E;
-    const w = v(), S = w.findIndex((c) => c === document.activeElement);
-    switch (x.key) {
+  }, O = (_) => {
+    var C, K, X, R;
+    const y = b(), S = y.findIndex((f) => f === document.activeElement);
+    switch (_.key) {
       case "ArrowDown":
-        x.preventDefault(), (M = w[Math.min(S + 1, w.length - 1)]) == null || M.focus();
+        _.preventDefault(), (C = y[Math.min(S + 1, y.length - 1)]) == null || C.focus();
         break;
       case "ArrowUp":
-        x.preventDefault(), S <= 0 ? F() : (K = w[S - 1]) == null || K.focus();
+        _.preventDefault(), S <= 0 ? z() : (K = y[S - 1]) == null || K.focus();
         break;
       case "Home":
-        x.preventDefault(), (G = w[0]) == null || G.focus();
+        _.preventDefault(), (X = y[0]) == null || X.focus();
         break;
       case "End":
-        x.preventDefault(), (E = w[w.length - 1]) == null || E.focus();
+        _.preventDefault(), (R = y[y.length - 1]) == null || R.focus();
         break;
       case "Tab":
-        B();
+        L();
         break;
     }
-  }, V = u && /* @__PURE__ */ e.jsx(
+  }, U = c && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: _,
+      ref: v,
       role: "menu",
       "data-ds-portal": "",
       className: [
         "ds-dropdown__menu",
-        `ds-dropdown__menu--${a}`,
-        f && "ds-dropdown__menu--closing"
+        `ds-dropdown__menu--${o}`,
+        m && "ds-dropdown__menu--closing"
       ].filter(Boolean).join(" "),
-      style: R,
-      onKeyDown: X,
-      children: t.map((x, w) => {
-        if (x.separator)
-          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, w);
-        if (x.type === "section")
+      style: k,
+      onKeyDown: O,
+      children: s.map((_, y) => {
+        if (_.separator)
+          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, y);
+        if (_.type === "section")
           return /* @__PURE__ */ e.jsxs("div", { className: "ds-dropdown__section", children: [
-            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 })
-          ] }, w);
-        const S = !!x.href, M = S ? "a" : "button", K = S ? { href: x.disabled ? void 0 : x.href, "aria-disabled": x.disabled ? "true" : void 0 } : { type: "button", disabled: x.disabled };
+            _.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: _.label }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: _.content })
+          ] }, y);
+        const S = !!_.href, C = S ? "a" : "button", K = S ? { href: _.disabled ? void 0 : _.href, "aria-disabled": _.disabled ? "true" : void 0 } : { type: "button", disabled: _.disabled };
         return /* @__PURE__ */ e.jsxs(
-          M,
+          C,
           {
             role: "menuitem",
             className: [
               "ds-dropdown__item",
-              x.danger && "ds-dropdown__item--danger"
+              _.danger && "ds-dropdown__item--danger"
             ].filter(Boolean).join(" "),
             ...K,
             onClick: () => {
-              var G;
-              (G = x.onClick) == null || G.call(x), B();
+              var X;
+              (X = _.onClick) == null || X.call(_), L();
             },
             children: [
-              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 })
+              _.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: _.icon }),
+              /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: _.label }),
+              _.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: _.shortcut })
             ]
           },
-          w
+          y
         );
       })
     }
@@ -1886,7 +2061,7 @@ function $t({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: b,
+      ref: x,
       className: ["ds-dropdown", r].filter(Boolean).join(" "),
       style: i,
       ...l,
@@ -1894,33 +2069,33 @@ function $t({
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: y,
+            ref: g,
             className: "ds-dropdown__trigger",
-            onClick: q,
-            onKeyDown: C,
-            children: s
+            onClick: W,
+            onKeyDown: I,
+            children: t
           }
         ),
-        typeof document < "u" && pe.createPortal(V, document.body)
+        typeof document < "u" && he.createPortal(U, document.body)
       ]
     }
   );
 }
-function Tt({
-  value: s = 0,
-  size: t = "m",
+function Js({
+  value: t = 0,
+  size: s = "m",
   variant: n = "default",
-  showValue: o = !1,
-  min: a = 2,
+  showValue: a = !1,
+  min: o = 2,
   animate: r = !0
 }) {
-  const i = Math.min(100, Math.max(0, s)), l = Math.max(a, i), m = n === "auto" ? i >= 70 ? "success" : i >= 50 ? "warning" : "danger" : n;
+  const i = Math.min(100, Math.max(0, t)), l = Math.max(o, i), u = n === "auto" ? i >= 70 ? "success" : i >= 50 ? "warning" : "danger" : n;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-progress",
-        `ds-progress--${t}`,
+        `ds-progress--${s}`,
         !r && "ds-progress--instant"
       ].filter(Boolean).join(" "),
       role: "progressbar",
@@ -1931,11 +2106,11 @@ function Tt({
         /* @__PURE__ */ e.jsx("div", { className: "ds-progress__track", children: /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `ds-progress__fill ds-progress__fill--${m}`,
+            className: `ds-progress__fill ds-progress__fill--${u}`,
             style: { width: `${l}%` }
           }
         ) }),
-        o && /* @__PURE__ */ e.jsxs("span", { className: "ds-progress__value", children: [
+        a && /* @__PURE__ */ e.jsxs("span", { className: "ds-progress__value", children: [
           Math.round(i),
           "%"
         ] })
@@ -1943,169 +2118,169 @@ function Tt({
     }
   );
 }
-const ys = (s) => 1 - Math.pow(1 - s, 3), ks = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-function Es(s, { duration: t = 600 } = {}) {
-  const [n, o] = I(s), a = T(s), r = T(null);
-  return L(() => {
-    if (ks()) {
-      o(s), a.current = s;
+const Lt = (t) => 1 - Math.pow(1 - t, 3), Pt = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+function Mt(t, { duration: s = 600 } = {}) {
+  const [n, a] = A(t), o = T(t), r = T(null);
+  return D(() => {
+    if (Pt()) {
+      a(t), o.current = t;
       return;
     }
-    const i = a.current, l = s - i;
+    const i = o.current, l = t - i;
     if (l === 0) return;
-    let m = null;
-    const d = (f) => {
-      m || (m = f);
-      const p = Math.min((f - m) / t, 1);
-      o(i + l * ys(p)), p < 1 ? r.current = requestAnimationFrame(d) : a.current = s;
+    let u = null;
+    const d = (m) => {
+      u || (u = m);
+      const p = Math.min((m - u) / s, 1);
+      a(i + l * Lt(p)), p < 1 ? r.current = requestAnimationFrame(d) : o.current = t;
     };
     return r.current = requestAnimationFrame(d), () => cancelAnimationFrame(r.current);
-  }, [s, t]), n;
+  }, [t, s]), n;
 }
-function Rt({
-  value: s,
-  duration: t = 600,
+function Zs({
+  value: t,
+  duration: s = 600,
   decimals: n = 0,
-  prefix: o = "",
-  suffix: a = ""
+  prefix: a = "",
+  suffix: o = ""
 }) {
-  const i = Es(s, { duration: t }).toFixed(n);
-  return `${o}${i}${a}`;
+  const i = Mt(t, { duration: s }).toFixed(n);
+  return `${a}${i}${o}`;
 }
-function $s({ threshold: s = 0.1, rootMargin: t = "0px", once: n = !1 } = {}) {
-  const o = T(null), [a, r] = I(!1);
-  return L(() => {
-    const i = o.current;
+function zt({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
+  const a = T(null), [o, r] = A(!1);
+  return D(() => {
+    const i = a.current;
     if (!i) return;
     const l = new IntersectionObserver(
-      ([m]) => {
-        m.isIntersecting ? (r(!0), n && l.disconnect()) : n || r(!1);
+      ([u]) => {
+        u.isIntersecting ? (r(!0), n && l.disconnect()) : n || r(!1);
       },
-      { threshold: s, rootMargin: t }
+      { threshold: t, rootMargin: s }
     );
     return l.observe(i), () => l.disconnect();
-  }, [s, t, n]), { ref: o, inView: a };
+  }, [t, s, n]), { ref: a, inView: o };
 }
-function St({
-  children: s,
-  as: t = "div",
+function Qs({
+  children: t,
+  as: s = "div",
   once: n = !1,
-  threshold: o = 0.1,
-  rootMargin: a = "0px",
+  threshold: a = 0.1,
+  rootMargin: o = "0px",
   onEnter: r,
   onLeave: i,
   ...l
 }) {
-  const { ref: m, inView: d } = $s({ threshold: o, rootMargin: a, once: n }), f = T(!1);
-  return L(() => {
-    d && !f.current && (r == null || r()), !d && f.current && (i == null || i()), f.current = d;
-  }, [d]), /* @__PURE__ */ e.jsx(t, { ref: m, ...l, children: typeof s == "function" ? s(d) : s });
-}
-const Le = {
-  default: Ee,
-  success: ke,
-  warning: ye,
-  error: ge
+  const { ref: u, inView: d } = zt({ threshold: a, rootMargin: o, once: n }), m = T(!1);
+  return D(() => {
+    d && !m.current && (r == null || r()), !d && m.current && (i == null || i()), m.current = d;
+  }, [d]), /* @__PURE__ */ e.jsx(s, { ref: u, ...l, children: typeof t == "function" ? t(d) : t });
+}
+const We = {
+  default: Be,
+  success: Ae,
+  warning: Se,
+  error: Re
 };
-let ue = [];
-const ve = /* @__PURE__ */ new Set();
-function We() {
-  ve.forEach((s) => s([...ue]));
+let pe = [];
+const ke = /* @__PURE__ */ new Set();
+function Xe() {
+  ke.forEach((t) => t([...pe]));
 }
-function Ts(s) {
-  ue = [...ue, s], We();
+function Ct(t) {
+  pe = [...pe, t], Xe();
 }
-function Rs(s) {
-  ue = ue.filter((t) => t.id !== s), We();
+function Ot(t) {
+  pe = pe.filter((s) => s.id !== t), Xe();
 }
-function Dt() {
-  const s = (t, n = {}) => {
-    Ts({
+function en() {
+  const t = (s, n = {}) => {
+    Ct({
       id: `${Date.now()}-${Math.random()}`,
-      message: t,
+      message: s,
       type: "default",
       duration: 4e3,
       ...n
     });
   };
-  return s.success = (t, n) => s(t, { ...n, type: "success" }), s.error = (t, n) => s(t, { ...n, type: "error" }), s.warning = (t, n) => s(t, { ...n, type: "warning" }), { toast: s };
+  return t.success = (s, n) => t(s, { ...n, type: "success" }), t.error = (s, n) => t(s, { ...n, type: "error" }), t.warning = (s, n) => t(s, { ...n, type: "warning" }), { toast: t };
 }
-function Ss({ data: s, onDismiss: t }) {
-  const [n, o] = I(!1), a = T(null);
-  L(() => (requestAnimationFrame(() => o(!0)), s.duration > 0 && (a.current = setTimeout(() => r(), s.duration)), () => clearTimeout(a.current)), []);
+function Ft({ data: t, onDismiss: s }) {
+  const [n, a] = A(!1), o = T(null);
+  D(() => (requestAnimationFrame(() => a(!0)), t.duration > 0 && (o.current = setTimeout(() => r(), t.duration)), () => clearTimeout(o.current)), []);
   function r() {
-    o(!1), setTimeout(() => t(s.id), 250);
+    a(!1), setTimeout(() => s(t.id), 250);
   }
-  const i = Le[s.type] ?? Le.default;
+  const i = We[t.type] ?? We.default;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-toast",
-        `ds-toast--${s.type}`,
+        `ds-toast--${t.type}`,
         n && "ds-toast--visible"
       ].filter(Boolean).join(" "),
-      role: s.type === "error" ? "alert" : "status",
+      role: t.type === "error" ? "alert" : "status",
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(i, { size: A[3], strokeWidth: 1.5 }) }),
-        /* @__PURE__ */ e.jsx("span", { className: "ds-toast__message", children: s.message }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(i, { size: P[3], strokeWidth: 1.5 }) }),
+        /* @__PURE__ */ e.jsx("span", { className: "ds-toast__message", children: t.message }),
         /* @__PURE__ */ e.jsx(
           "button",
           {
             className: "ds-toast__close",
             onClick: r,
             "aria-label": "Закрыть",
-            children: /* @__PURE__ */ e.jsx(te, { size: A[3], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ee, { size: P[3], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function It({ position: s = "bottom-right" }) {
-  const [t, n] = I(() => [...ue]);
-  return L(() => (ve.add(n), () => ve.delete(n)), []), !t.length || typeof document > "u" ? null : pe.createPortal(
-    /* @__PURE__ */ e.jsx("div", { "data-ds-portal": "", className: ["ds-toast-container", `ds-toast-container--${s}`].join(" "), children: t.map((o) => /* @__PURE__ */ e.jsx(Ss, { data: o, onDismiss: Rs }, o.id)) }),
+function tn({ position: t = "bottom-right" }) {
+  const [s, n] = A(() => [...pe]);
+  return D(() => (ke.add(n), () => ke.delete(n)), []), !s.length || typeof document > "u" ? null : he.createPortal(
+    /* @__PURE__ */ e.jsx("div", { "data-ds-portal": "", className: ["ds-toast-container", `ds-toast-container--${t}`].join(" "), children: s.map((a) => /* @__PURE__ */ e.jsx(Ft, { data: a, onDismiss: Ot }, a.id)) }),
     document.body
   );
 }
-const Ds = {
-  running: /* @__PURE__ */ e.jsx(de, { size: "xs", variant: "info", children: "Running..." }),
-  success: /* @__PURE__ */ e.jsx(de, { size: "xs", variant: "success", children: "Done" }),
-  error: /* @__PURE__ */ e.jsx(de, { size: "xs", variant: "error", children: "Error" })
+const Wt = {
+  running: /* @__PURE__ */ e.jsx(ue, { size: "xs", variant: "info", children: "Running..." }),
+  success: /* @__PURE__ */ e.jsx(ue, { size: "xs", variant: "success", children: "Done" }),
+  error: /* @__PURE__ */ e.jsx(ue, { size: "xs", variant: "error", children: "Error" })
 };
-function At({
-  label: s,
-  status: t = "idle",
+function sn({
+  label: t,
+  status: s = "idle",
   icon: n,
-  badge: o,
-  defaultExpanded: a = !1,
+  badge: a,
+  defaultExpanded: o = !1,
   expanded: r,
   onToggle: i,
   children: l,
-  className: m = "",
+  className: u = "",
   ...d
 }) {
-  const f = t === "running", p = /* @__PURE__ */ e.jsxs("span", { className: "ds-tool-card__title-row", children: [
+  const m = s === "running", p = /* @__PURE__ */ e.jsxs("span", { className: "ds-tool-card__title-row", children: [
     n && /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__icon", children: n }),
-    /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__label", children: s }),
-    Ds[t],
-    o
+    /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__label", children: t }),
+    Wt[s],
+    a
   ] });
   return l ? /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-tool-card", f && "ds-tool-card--running", m].filter(Boolean).join(" "),
+      className: ["ds-tool-card", m && "ds-tool-card--running", u].filter(Boolean).join(" "),
       ...d,
       children: /* @__PURE__ */ e.jsx(
-        $e,
+        De,
         {
           title: p,
           padding: "s",
-          defaultExpanded: a,
-          expanded: f ? !1 : r,
-          onToggle: f ? void 0 : i,
+          defaultExpanded: o,
+          expanded: m ? !1 : r,
+          onToggle: m ? void 0 : i,
           children: /* @__PURE__ */ e.jsx("div", { className: "ds-tool-card__body", children: l })
         }
       )
@@ -2113,320 +2288,320 @@ function At({
   ) : /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-tool-card", "ds-tool-card--bubble", m].filter(Boolean).join(" "),
+      className: ["ds-tool-card", "ds-tool-card--bubble", u].filter(Boolean).join(" "),
       ...d,
       children: p
     }
   );
 }
-function Is({
-  text: s,
-  size: t = "xs",
+function Ut({
+  text: t,
+  size: s = "xs",
   timeout: n = 800,
-  "aria-label": o = "Copy to clipboard",
-  ...a
+  "aria-label": a = "Copy to clipboard",
+  ...o
 }) {
-  const [r, i] = I(!1), l = (m) => {
-    m.currentTarget.blur(), navigator.clipboard.writeText(s).then(() => {
+  const [r, i] = A(!1), l = (u) => {
+    u.currentTarget.blur(), navigator.clipboard.writeText(t).then(() => {
       i(!0), setTimeout(() => i(!1), n);
     });
   };
   return /* @__PURE__ */ e.jsx(
-    ce,
+    ae,
     {
       variant: "ghost",
-      size: t,
+      size: s,
       state: r ? "success" : "idle",
-      icon: /* @__PURE__ */ e.jsx(Je, { size: A[1], strokeWidth: 1.5 }),
-      "aria-label": o,
+      icon: /* @__PURE__ */ e.jsx(it, { size: P[1], strokeWidth: 1.5 }),
+      "aria-label": a,
       onClick: l,
-      ...a
+      ...o
     }
   );
 }
-function Bt({ content: s, streaming: t = !1, ...n }) {
-  const [o, a] = I(t);
-  return L(() => {
-    a(!!t);
-  }, [t]), /* @__PURE__ */ e.jsx(
-    $e,
+function nn({ content: t, streaming: s = !1, ...n }) {
+  const [a, o] = A(s);
+  return D(() => {
+    o(!!s);
+  }, [s]), /* @__PURE__ */ e.jsx(
+    De,
     {
-      expanded: o,
-      onToggle: a,
+      expanded: a,
+      onToggle: o,
       padding: "s",
       title: /* @__PURE__ */ e.jsxs("div", { className: "ds-reasoning__title", children: [
-        /* @__PURE__ */ e.jsx(Ze, { size: A[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
-        /* @__PURE__ */ e.jsx(ds, { secondary: !0, children: "Thinking" })
+        /* @__PURE__ */ e.jsx(lt, { size: P[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
+        /* @__PURE__ */ e.jsx(jt, { secondary: !0, children: "Thinking" })
       ] }),
       ...n,
-      children: /* @__PURE__ */ e.jsxs(Fe, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
-        s,
-        t && /* @__PURE__ */ e.jsx("span", { className: "ds-cursor ds-cursor--line" })
+      children: /* @__PURE__ */ e.jsxs(Ke, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
+        t,
+        s && /* @__PURE__ */ e.jsx("span", { className: "ds-cursor ds-cursor--line" })
       ] })
     }
   );
 }
-function Lt({
-  count: s,
-  current: t = 0,
+function rn({
+  count: t,
+  current: s = 0,
   done: n = [],
-  onChange: o,
-  showCounter: a = !0,
+  onChange: a,
+  showCounter: o = !0,
   className: r = "",
   "aria-label": i = "Steps",
   ...l
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", r].filter(Boolean).join(" "), ...l, children: [
-    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i, children: Array.from({ length: s }, (m, d) => {
-      const f = d === t, p = n.includes(d) && !f, h = o && (d <= t || n.includes(d)), u = [
+    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i, children: Array.from({ length: t }, (u, d) => {
+      const m = d === s, p = n.includes(d) && !m, h = a && (d <= s || n.includes(d)), c = [
         "ds-step-indicator__dot",
-        f && "ds-step-indicator__dot--active",
+        m && "ds-step-indicator__dot--active",
         p && "ds-step-indicator__dot--done"
       ].filter(Boolean).join(" ");
       return /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
-          className: u,
+          className: c,
           role: "tab",
-          "aria-selected": f,
+          "aria-selected": m,
           "aria-label": `Step ${d + 1}`,
-          disabled: !h || d === t,
-          onClick: () => o == null ? void 0 : o(d),
-          children: p ? /* @__PURE__ */ e.jsx(we, { size: 8, strokeWidth: 3 }) : null
+          disabled: !h || d === s,
+          onClick: () => a == null ? void 0 : a(d),
+          children: p ? /* @__PURE__ */ e.jsx(Te, { size: 8, strokeWidth: 3 }) : null
         },
         d
       );
     }) }),
-    a && /* @__PURE__ */ e.jsxs(Fe, { secondary: !0, className: "ds-step-indicator__counter", children: [
-      t + 1,
+    o && /* @__PURE__ */ e.jsxs(Ke, { secondary: !0, className: "ds-step-indicator__counter", children: [
+      s + 1,
       " / ",
-      s
+      t
     ] })
   ] });
 }
-function Pt({
-  content: s,
-  isStreaming: t = !1,
+function an({
+  content: t,
+  isStreaming: s = !1,
   cursor: n = "line",
-  onChunk: o,
-  className: a = "",
+  onChunk: a,
+  className: o = "",
   ...r
 }) {
-  const i = T(s);
-  return L(() => {
-    s !== i.current && (o == null || o(s), i.current = s);
-  }, [s, o]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", a].filter(Boolean).join(" "), ...r, children: [
-    s,
-    t && n !== "none" && /* @__PURE__ */ e.jsx("span", { className: `ds-cursor ds-cursor--${n}`, "aria-hidden": "true" })
+  const i = T(t);
+  return D(() => {
+    t !== i.current && (a == null || a(t), i.current = t);
+  }, [t, a]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", o].filter(Boolean).join(" "), ...r, children: [
+    t,
+    s && n !== "none" && /* @__PURE__ */ e.jsx("span", { className: `ds-cursor ds-cursor--${n}`, "aria-hidden": "true" })
   ] });
 }
-function Mt({
-  role: s = "assistant",
-  header: t,
+function on({
+  role: t = "assistant",
+  header: s,
   footer: n,
-  attachments: o,
-  isStreaming: a = !1,
+  attachments: a,
+  isStreaming: o = !1,
   children: r,
   className: i = "",
   ...l
 }) {
-  const m = [
+  const u = [
     "ds-chat-message",
-    `ds-chat-message--${s}`,
-    a && "ds-chat-message--streaming",
+    `ds-chat-message--${t}`,
+    o && "ds-chat-message--streaming",
     i
   ].filter(Boolean).join(" ");
-  return s === "system" ? /* @__PURE__ */ e.jsx("div", { className: m, ...l, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: r }) }) : s === "user" ? /* @__PURE__ */ e.jsxs("div", { className: m, ...l, children: [
-    o && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: o }),
+  return t === "system" ? /* @__PURE__ */ e.jsx("div", { className: u, ...l, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: r }) }) : t === "user" ? /* @__PURE__ */ e.jsxs("div", { className: u, ...l, children: [
+    a && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: a }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__bubble", children: r }),
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: n })
-  ] }) : /* @__PURE__ */ e.jsxs("div", { className: m, ...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.jsxs("div", { className: u, ...l, children: [
+    s && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__header", children: s }),
+    a && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: a }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__body", children: r }),
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: n })
   ] });
 }
-function zt(s, { containerRef: t, smartPause: n = !0 } = {}) {
-  const o = T(!1), a = T(0);
-  L(() => {
-    const r = t == null ? void 0 : t.current;
+function ln(t, { containerRef: s, smartPause: n = !0 } = {}) {
+  const a = T(!1), o = T(0);
+  D(() => {
+    const r = s == null ? void 0 : s.current;
     if (!r) return;
     const i = () => {
       const l = r.scrollHeight - r.scrollTop - r.clientHeight < 64;
-      !l && r.scrollTop < a.current && (o.current = !0), l && (o.current = !1), a.current = r.scrollTop;
+      !l && r.scrollTop < o.current && (a.current = !0), l && (a.current = !1), o.current = r.scrollTop;
     };
     return r.addEventListener("scroll", i, { passive: !0 }), () => r.removeEventListener("scroll", i);
-  }, [t]), L(() => {
-    const r = t == null ? void 0 : t.current;
-    r && (n && o.current || (r.scrollTop = r.scrollHeight));
-  }, s);
-}
-function As({
-  prompts: s,
-  enabled: t,
+  }, [s]), D(() => {
+    const r = s == null ? void 0 : s.current;
+    r && (n && a.current || (r.scrollTop = r.scrollHeight));
+  }, t);
+}
+function Vt({
+  prompts: t,
+  enabled: s,
   typingSpeed: n = 38,
-  erasingSpeed: o = 18,
-  holdTime: a = 2200,
+  erasingSpeed: a = 18,
+  holdTime: o = 2200,
   betweenTime: r = 380,
   manualPauseMs: i = 5e3
 }) {
-  const [l, m] = I(0), [d, f] = I(""), p = T("typing"), h = T(0), u = T(0), b = T(null), _ = T(0);
-  L(() => {
-    u.current = l;
-  }, [l]), L(() => {
-    if (b.current && (clearTimeout(b.current), b.current = null), !t || s.length === 0) {
-      f(""), h.current = 0, p.current = "typing";
+  const [l, u] = A(0), [d, m] = A(""), p = T("typing"), h = T(0), c = T(0), x = T(null), v = T(0);
+  D(() => {
+    c.current = l;
+  }, [l]), D(() => {
+    if (x.current && (clearTimeout(x.current), x.current = null), !s || t.length === 0) {
+      m(""), h.current = 0, p.current = "typing";
       return;
     }
-    const $ = () => {
-      const P = Date.now();
-      if (_.current > P) {
-        b.current = setTimeout($, _.current - P);
+    const E = () => {
+      const M = Date.now();
+      if (v.current > M) {
+        x.current = setTimeout(E, v.current - M);
         return;
       }
-      const B = s[u.current % s.length] ?? "";
-      p.current === "typing" ? (h.current += 1, f(B.slice(0, h.current)), h.current >= B.length ? (p.current = "holding", b.current = setTimeout($, a)) : b.current = setTimeout($, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", b.current = setTimeout($, o)) : (h.current = Math.max(0, h.current - 1), f(B.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", u.current = (u.current + 1) % s.length, m(u.current), b.current = setTimeout($, r)) : b.current = setTimeout($, o));
+      const L = t[c.current % t.length] ?? "";
+      p.current === "typing" ? (h.current += 1, m(L.slice(0, h.current)), h.current >= L.length ? (p.current = "holding", x.current = setTimeout(E, o)) : x.current = setTimeout(E, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", x.current = setTimeout(E, a)) : (h.current = Math.max(0, h.current - 1), m(L.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", c.current = (c.current + 1) % t.length, u(c.current), x.current = setTimeout(E, r)) : x.current = setTimeout(E, a));
     };
-    return b.current = setTimeout($, 260), () => {
-      b.current && clearTimeout(b.current);
+    return x.current = setTimeout(E, 260), () => {
+      x.current && clearTimeout(x.current);
     };
-  }, [t, s, n, o, a, r]);
-  const y = ($) => {
-    if (s.length === 0) return;
-    const P = ($ % s.length + s.length) % s.length, B = s[P];
-    u.current = P, h.current = B.length, p.current = "holding", _.current = Date.now() + i, m(P), f(B);
-  }, g = () => y(u.current + 1), R = () => y(u.current - 1), N = s[l % s.length] ?? "";
-  return { displayed: d, currentPrompt: N, index: l, next: g, prev: R };
-}
-let Bs = 0;
-function Ot({
-  value: s = "",
-  onChange: t,
+  }, [s, t, n, a, o, r]);
+  const g = (E) => {
+    if (t.length === 0) return;
+    const M = (E % t.length + t.length) % t.length, L = t[M];
+    c.current = M, h.current = L.length, p.current = "holding", v.current = Date.now() + i, u(M), m(L);
+  }, w = () => g(c.current + 1), k = () => g(c.current - 1), j = t[l % t.length] ?? "";
+  return { displayed: d, currentPrompt: j, index: l, next: w, prev: k };
+}
+let Yt = 0;
+function cn({
+  value: t = "",
+  onChange: s,
   onSubmit: n,
-  onStop: o,
-  onKeyDown: a,
+  onStop: a,
+  onKeyDown: o,
   loading: r = !1,
   disabled: i = !1,
   placeholder: l = "Let's get things done...",
-  animatedPlaceholders: m,
+  animatedPlaceholders: u,
   attachments: d,
-  images: f,
+  images: m,
   onAttachFiles: p,
   onAttachImages: h,
-  onRemoveAttachment: u,
-  onRemoveImage: b,
-  acceptImage: _,
-  acceptFile: y,
-  maxImages: g,
-  maxImageSize: R,
-  leftSlot: N,
-  rightSlot: $,
-  className: P = "",
-  ...B
+  onRemoveAttachment: c,
+  onRemoveImage: x,
+  acceptImage: v,
+  acceptFile: g,
+  maxImages: w,
+  maxImageSize: k,
+  leftSlot: j,
+  rightSlot: E,
+  className: M = "",
+  ...L
 }) {
-  const q = T(null), H = T(null), F = T(0), [v, C] = I(!1), [X, V] = I([]), x = (j) => {
-    const D = ++Bs;
-    V((Y) => [...Y, { id: D, msg: j }]), setTimeout(() => V((Y) => Y.filter((J) => J.id !== D)), 6e3);
-  }, w = (j) => V((D) => D.filter((Y) => Y.id !== j)), S = (j) => j.type.startsWith("image/"), M = () => !0, K = _ ?? S, G = y ?? M, E = (j) => {
-    const D = [], Y = [], J = [], Z = [];
-    let ee = 0, ie = g != null ? g - ((f == null ? void 0 : f.length) ?? 0) : 1 / 0;
-    for (const se of j)
-      K(se) ? R && se.size > R ? J.push(se.name) : ie > 0 ? (D.push(se), ie--) : ee++ : G(se) ? Y.push(se) : Z.push(se.name);
-    return { imageFiles: D, docFiles: Y, tooLarge: J, skipped: Z, limitExceeded: ee };
-  }, c = (j) => {
-    const { imageFiles: D, docFiles: Y, tooLarge: J, skipped: Z, limitExceeded: ee } = E(j);
-    J.length && x(`File${J.length > 1 ? "s" : ""} too large${R ? ` (max ${R / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && x(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`), ee && x(`Max ${g} images per message`), h && D.length && h(D);
-    const ie = Y.concat(h ? [] : D);
-    p && ie.length && p(ie);
+  const W = T(null), H = T(null), z = T(0), [b, I] = A(!1), [O, U] = A([]), _ = (N) => {
+    const B = ++Yt;
+    U((G) => [...G, { id: B, msg: N }]), setTimeout(() => U((G) => G.filter((J) => J.id !== B)), 6e3);
+  }, y = (N) => U((B) => B.filter((G) => G.id !== N)), S = (N) => N.type.startsWith("image/"), C = () => !0, K = v ?? S, X = g ?? C, R = (N) => {
+    const B = [], G = [], J = [], Z = [];
+    let te = 0, de = w != null ? w - ((m == null ? void 0 : m.length) ?? 0) : 1 / 0;
+    for (const se of N)
+      K(se) ? k && se.size > k ? J.push(se.name) : de > 0 ? (B.push(se), de--) : te++ : X(se) ? G.push(se) : Z.push(se.name);
+    return { imageFiles: B, docFiles: G, tooLarge: J, skipped: Z, limitExceeded: te };
+  }, f = (N) => {
+    const { imageFiles: B, docFiles: G, tooLarge: J, skipped: Z, limitExceeded: te } = R(N);
+    J.length && _(`File${J.length > 1 ? "s" : ""} too large${k ? ` (max ${k / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && _(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`), te && _(`Max ${w} images per message`), h && B.length && h(B);
+    const de = G.concat(h ? [] : B);
+    p && de.length && p(de);
   };
-  L(() => {
-    const j = H.current;
-    j && (j.style.height = "auto", j.style.height = `${Math.min(j.scrollHeight, 200)}px`);
-  }, [s]), L(() => {
-    const j = (D) => {
-      var J, Z, ee;
+  D(() => {
+    const N = H.current;
+    N && (N.style.height = "auto", N.style.height = `${Math.min(N.scrollHeight, 200)}px`);
+  }, [t]), D(() => {
+    const N = (B) => {
+      var J, Z, te;
       if (r || i) return;
-      const Y = (J = D.target) == null ? void 0 : J.tagName;
-      Y === "INPUT" || Y === "TEXTAREA" || Y === "SELECT" || (Z = D.target) != null && Z.isContentEditable || D.ctrlKey || D.metaKey || D.altKey || D.key.length !== 1 && D.key !== "Backspace" && D.key !== "Delete" || (ee = H.current) == null || ee.focus();
+      const G = (J = B.target) == null ? void 0 : J.tagName;
+      G === "INPUT" || G === "TEXTAREA" || G === "SELECT" || (Z = B.target) != null && Z.isContentEditable || B.ctrlKey || B.metaKey || B.altKey || B.key.length !== 1 && B.key !== "Backspace" && B.key !== "Delete" || (te = H.current) == null || te.focus();
     };
-    return document.addEventListener("keydown", j), () => document.removeEventListener("keydown", j);
+    return document.addEventListener("keydown", N), () => document.removeEventListener("keydown", N);
   }, [r, i]);
-  const k = (j) => {
-    j.preventDefault(), F.current++, j.dataTransfer.types.includes("Files") && C(!0);
-  }, z = (j) => {
-    j.preventDefault(), F.current--, F.current === 0 && C(!1);
-  }, O = (j) => j.preventDefault(), ne = (j) => {
-    j.preventDefault(), F.current = 0, C(!1);
-    const D = Array.from(j.dataTransfer.files);
-    D.length && c(D);
-  }, ae = (j) => {
-    const D = Array.from(j.target.files || []);
-    q.current && (q.current.value = ""), D.length && c(D);
-  }, W = (j) => {
+  const $ = (N) => {
+    N.preventDefault(), z.current++, N.dataTransfer.types.includes("Files") && I(!0);
+  }, F = (N) => {
+    N.preventDefault(), z.current--, z.current === 0 && I(!1);
+  }, V = (N) => N.preventDefault(), ne = (N) => {
+    N.preventDefault(), z.current = 0, I(!1);
+    const B = Array.from(N.dataTransfer.files);
+    B.length && f(B);
+  }, oe = (N) => {
+    const B = Array.from(N.target.files || []);
+    W.current && (W.current.value = ""), B.length && f(B);
+  }, q = (N) => {
     var se;
     if (!h) return;
-    const D = (se = j.clipboardData) == null ? void 0 : se.items;
-    if (!D) return;
-    const Y = [];
-    for (const Ue of D) {
-      const Re = Ue.getAsFile();
-      Re && Y.push(Re);
+    const B = (se = N.clipboardData) == null ? void 0 : se.items;
+    if (!B) return;
+    const G = [];
+    for (const Ze of B) {
+      const Le = Ze.getAsFile();
+      Le && G.push(Le);
     }
-    if (Y.length === 0) return;
-    const { imageFiles: J, tooLarge: Z, skipped: ee, limitExceeded: ie } = E(Y);
-    Z.length && x(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), ee.length && x(`Skipped unsupported file${ee.length > 1 ? "s" : ""}: ${ee.join(", ")}`), ie && x(`Max ${g} images per message`), J.length && (j.preventDefault(), h(J));
-  }, Q = !r && !i && !!(m != null && m.length) && s.length === 0, oe = As({
-    prompts: m ?? [],
+    if (G.length === 0) return;
+    const { imageFiles: J, tooLarge: Z, skipped: te, limitExceeded: de } = R(G);
+    Z.length && _(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), te.length && _(`Skipped unsupported file${te.length > 1 ? "s" : ""}: ${te.join(", ")}`), de && _(`Max ${w} images per message`), J.length && (N.preventDefault(), h(J));
+  }, Q = !r && !i && !!(u != null && u.length) && t.length === 0, ie = Vt({
+    prompts: u ?? [],
     enabled: Q
-  }), be = (j) => {
+  }), Ne = (N) => {
     if (Q) {
-      if (j.key === "ArrowDown" || j.key === "ArrowRight") {
-        j.preventDefault(), oe.next();
+      if (N.key === "ArrowDown" || N.key === "ArrowRight") {
+        N.preventDefault(), ie.next();
         return;
       }
-      if (j.key === "ArrowUp" || j.key === "ArrowLeft") {
-        j.preventDefault(), oe.prev();
+      if (N.key === "ArrowUp" || N.key === "ArrowLeft") {
+        N.preventDefault(), ie.prev();
         return;
       }
-      if (j.key === "Tab" && !j.shiftKey) {
-        j.preventDefault(), t == null || t(oe.currentPrompt);
+      if (N.key === "Tab" && !N.shiftKey) {
+        N.preventDefault(), s == null || s(ie.currentPrompt);
         return;
       }
     }
-    a == null || a(j);
-  }, Ce = (s.trim() || (f == null ? void 0 : f.length) > 0 || (d == null ? void 0 : d.length) > 0) && !i, Te = p || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", P].filter(Boolean).join(" "), ...B, children: [
-    Te && /* @__PURE__ */ e.jsx(
+    o == null || o(N);
+  }, Je = (t.trim() || (m == null ? void 0 : m.length) > 0 || (d == null ? void 0 : d.length) > 0) && !i, Ie = p || h;
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", M].filter(Boolean).join(" "), ...L, children: [
+    Ie && /* @__PURE__ */ e.jsx(
       "input",
       {
-        ref: q,
+        ref: W,
         type: "file",
         multiple: !0,
         accept: "*/*",
         className: "ds-prompt-input__file-input",
-        onChange: ae
+        onChange: oe
       }
     ),
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: ["ds-prompt-input__box", v && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
-        onDragEnter: k,
-        onDragLeave: z,
-        onDragOver: O,
+        className: ["ds-prompt-input__box", b && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
+        onDragEnter: $,
+        onDragLeave: F,
+        onDragOver: V,
         onDrop: ne,
         children: [
-          v && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
+          b && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
           /* @__PURE__ */ e.jsx(
             "textarea",
             {
               ref: H,
-              value: s,
-              onChange: (j) => t == null ? void 0 : t(j.target.value),
-              onKeyDown: be,
-              onPaste: W,
+              value: t,
+              onChange: (N) => s == null ? void 0 : s(N.target.value),
+              onKeyDown: Ne,
+              onPaste: q,
               placeholder: Q ? "" : l,
               disabled: r || i,
               rows: 1,
@@ -2434,82 +2609,82 @@ function Ot({
             }
           ),
           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-text", children: ie.displayed }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-cursor" })
           ] }),
-          f && f.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: f.map((j, D) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
-            /* @__PURE__ */ e.jsx("img", { src: j.preview, alt: "" }),
+          m && m.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: m.map((N, B) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
+            /* @__PURE__ */ e.jsx("img", { src: N.preview, alt: "" }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 className: "ds-prompt-input__image-remove",
-                onClick: () => b == null ? void 0 : b(D),
+                onClick: () => x == null ? void 0 : x(B),
                 "aria-label": "Remove image",
                 type: "button",
-                children: /* @__PURE__ */ e.jsx(te, { size: 12, strokeWidth: 2 })
+                children: /* @__PURE__ */ e.jsx(ee, { size: 12, strokeWidth: 2 })
               }
             )
-          ] }, D)) }),
-          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 }),
+          ] }, B)) }),
+          O.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: O.map((N) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
+            /* @__PURE__ */ e.jsx("span", { children: N.msg }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
                 className: "ds-prompt-input__warning-close",
-                onClick: () => w(j.id),
+                onClick: () => y(N.id),
                 "aria-label": "Dismiss",
-                children: /* @__PURE__ */ e.jsx(te, { size: A[1], strokeWidth: 1.5 })
+                children: /* @__PURE__ */ e.jsx(ee, { size: P[1], strokeWidth: 1.5 })
               }
             )
-          ] }, j.id)) }),
-          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: d.map((j, D) => /* @__PURE__ */ e.jsx(de, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
-            j.uploading ? /* @__PURE__ */ e.jsx(Qe, { size: A[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Se, { size: A[1], strokeWidth: 1.5 }),
-            j.filename,
-            j.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: "Uploading..." }) : /* @__PURE__ */ e.jsx(
+          ] }, N.id)) }),
+          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: d.map((N, B) => /* @__PURE__ */ e.jsx(ue, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
+            N.uploading ? /* @__PURE__ */ e.jsx(ct, { size: P[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Pe, { size: P[1], strokeWidth: 1.5 }),
+            N.filename,
+            N.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: () => u == null ? void 0 : u(D),
-                children: /* @__PURE__ */ e.jsx(te, { size: A[1], strokeWidth: 1.5 })
+                onClick: () => c == null ? void 0 : c(B),
+                children: /* @__PURE__ */ e.jsx(ee, { size: P[1], strokeWidth: 1.5 })
               }
             )
-          ] }) }, D)) }),
+          ] }) }, B)) }),
           /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__toolbar", children: [
-            Te && /* @__PURE__ */ e.jsx(
-              ce,
+            Ie && /* @__PURE__ */ e.jsx(
+              ae,
               {
                 variant: "ghost",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(Se, { size: A[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(Pe, { size: P[2], strokeWidth: 1.5 }),
                 "aria-label": "Attach files",
                 onClick: () => {
-                  var j;
-                  return (j = q.current) == null ? void 0 : j.click();
+                  var N;
+                  return (N = W.current) == null ? void 0 : N.click();
                 }
               }
             ),
-            N,
-            $,
+            j,
+            E,
             /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__spacer" }),
             r ? /* @__PURE__ */ e.jsx(
-              ce,
+              ae,
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(es, { size: A[2], strokeWidth: 1.5 }),
-                onClick: o,
+                icon: /* @__PURE__ */ e.jsx(dt, { size: P[2], strokeWidth: 1.5 }),
+                onClick: a,
                 "aria-label": "Stop"
               }
             ) : /* @__PURE__ */ e.jsx(
-              ce,
+              ae,
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(ss, { size: A[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(ut, { size: P[2], strokeWidth: 1.5 }),
                 onClick: n,
-                disabled: !Ce,
+                disabled: !Je,
                 "aria-label": "Send"
               }
             )
@@ -2519,70 +2694,70 @@ function Ot({
     )
   ] });
 }
-const Pe = { fast: 0, standard: 1, premium: 2 }, Me = { fast: "data-5", standard: "data-3", premium: "data-6" };
-function Ft({
-  models: s = [],
-  value: t,
+const Ue = { fast: 0, standard: 1, premium: 2 }, Ve = { fast: "data-5", standard: "data-3", premium: "data-6" };
+function dn({
+  models: t = [],
+  value: s,
   onChange: n,
-  size: o = "xs",
-  minTier: a,
+  size: a = "xs",
+  minTier: o,
   showAutoOption: r = !1,
   groupByTier: i = !0,
   className: l = "",
-  ...m
+  ...u
 }) {
-  const [d, f] = I(!1), p = T(null), h = T(null), u = T(null), [b, _] = I({}), y = s.filter((v) => !a || v.name === "auto" ? !0 : (Pe[v.tier] ?? 1) >= (Pe[a] ?? 1)), g = y.find((v) => v.name === "auto"), R = y.filter((v) => v.name !== "auto"), N = s.find((v) => v.name === t), P = new Set(R.map((v) => v.tier).filter(Boolean)).size > 1;
-  L(() => {
+  const [d, m] = A(!1), p = T(null), h = T(null), c = T(null), [x, v] = A({}), g = t.filter((b) => !o || b.name === "auto" ? !0 : (Ue[b.tier] ?? 1) >= (Ue[o] ?? 1)), w = g.find((b) => b.name === "auto"), k = g.filter((b) => b.name !== "auto"), j = t.find((b) => b.name === s), M = new Set(k.map((b) => b.tier).filter(Boolean)).size > 1;
+  D(() => {
     if (!d) return;
-    const v = 320, C = () => {
-      var M;
-      const x = (M = h.current) == null ? void 0 : M.getBoundingClientRect();
-      if (!x) return;
-      const w = window.innerHeight - x.bottom, S = w < v + 8 && x.top > w;
-      _({
+    const b = 320, I = () => {
+      var C;
+      const _ = (C = h.current) == null ? void 0 : C.getBoundingClientRect();
+      if (!_) return;
+      const y = window.innerHeight - _.bottom, S = y < b + 8 && _.top > y;
+      v({
         position: "fixed",
         zIndex: "var(--z-dropdown, 500)",
-        left: x.left,
-        ...S ? { bottom: window.innerHeight - x.top + 4, top: "auto" } : { top: x.bottom + 4, bottom: "auto" }
+        left: _.left,
+        ...S ? { bottom: window.innerHeight - _.top + 4, top: "auto" } : { top: _.bottom + 4, bottom: "auto" }
       });
     };
-    C(), window.addEventListener("scroll", C, !0), window.addEventListener("resize", C);
-    const X = (x) => {
-      var w, S;
-      !((w = p.current) != null && w.contains(x.target)) && !((S = u.current) != null && S.contains(x.target)) && f(!1);
-    }, V = (x) => {
-      x.key === "Escape" && f(!1);
+    I(), window.addEventListener("scroll", I, !0), window.addEventListener("resize", I);
+    const O = (_) => {
+      var y, S;
+      !((y = p.current) != null && y.contains(_.target)) && !((S = c.current) != null && S.contains(_.target)) && m(!1);
+    }, U = (_) => {
+      _.key === "Escape" && m(!1);
     };
-    return document.addEventListener("mousedown", X), document.addEventListener("keydown", V), () => {
-      window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C), document.removeEventListener("mousedown", X), document.removeEventListener("keydown", V);
+    return document.addEventListener("mousedown", O), document.addEventListener("keydown", U), () => {
+      window.removeEventListener("scroll", I, !0), window.removeEventListener("resize", I), document.removeEventListener("mousedown", O), document.removeEventListener("keydown", U);
     };
   }, [d]);
-  const B = (v) => {
-    n == null || n(v), f(!1);
-  }, q = (v) => /* @__PURE__ */ e.jsxs(
+  const L = (b) => {
+    n == null || n(b), m(!1);
+  }, W = (b) => /* @__PURE__ */ e.jsxs(
     "button",
     {
       type: "button",
       className: [
         "ds-model-picker__item",
-        v.name === t && "ds-model-picker__item--active"
+        b.name === s && "ds-model-picker__item--active"
       ].filter(Boolean).join(" "),
-      onClick: () => B(v.name),
+      onClick: () => L(b.name),
       children: [
-        v.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: v.icon }) : /* @__PURE__ */ e.jsx(De, { 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 }),
-        P && v.tier && /* @__PURE__ */ e.jsx(de, { size: "xs", variant: Me[v.tier] || "default", children: v.tier })
+        b.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: b.icon }) : /* @__PURE__ */ e.jsx(Me, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
+        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: b.displayName || b.name }),
+        M && b.tier && /* @__PURE__ */ e.jsx(ue, { size: "xs", variant: Ve[b.tier] || "default", children: b.tier })
       ]
     },
-    v.name
-  ), H = () => !i || !P ? R.map(q) : ["fast", "standard", "premium"].flatMap((v) => {
-    const C = R.filter((X) => X.tier === v);
-    return C.length ? [
-      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": v, children: v.charAt(0).toUpperCase() + v.slice(1) }, `lbl-${v}`),
-      ...C.map(q)
+    b.name
+  ), H = () => !i || !M ? k.map(W) : ["fast", "standard", "premium"].flatMap((b) => {
+    const I = k.filter((O) => O.tier === b);
+    return I.length ? [
+      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": b, children: b.charAt(0).toUpperCase() + b.slice(1) }, `lbl-${b}`),
+      ...I.map(W)
     ] : [];
-  }), F = d && /* @__PURE__ */ e.jsxs("div", { ref: u, className: "ds-model-picker__menu ds-scrollable", "data-ds-portal": "", style: b, children: [
-    r && g && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }), z = d && /* @__PURE__ */ e.jsxs("div", { ref: c, className: "ds-model-picker__menu ds-scrollable", "data-ds-portal": "", style: x, children: [
+    r && w && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(
         "button",
         {
@@ -2590,16 +2765,16 @@ function Ft({
           className: [
             "ds-model-picker__item",
             "ds-model-picker__item--auto",
-            t === "auto" && "ds-model-picker__item--active"
+            s === "auto" && "ds-model-picker__item--active"
           ].filter(Boolean).join(" "),
-          onClick: () => B("auto"),
+          onClick: () => L("auto"),
           children: [
-            /* @__PURE__ */ e.jsx(ts, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
+            /* @__PURE__ */ e.jsx(ft, { 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)" })
           ]
         }
       ),
-      R.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
+      k.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
     ] }),
     H()
   ] });
@@ -2608,7 +2783,7 @@ function Ft({
     {
       ref: p,
       className: ["ds-model-picker", l].filter(Boolean).join(" "),
-      ...m,
+      ...u,
       children: [
         /* @__PURE__ */ e.jsxs(
           "button",
@@ -2616,140 +2791,140 @@ function Ft({
             ref: h,
             type: "button",
             className: "ds-model-picker__trigger",
-            onClick: () => f((v) => !v),
+            onClick: () => m((b) => !b),
             "aria-haspopup": "listbox",
             "aria-expanded": d,
             children: [
-              N != null && N.icon ? /* @__PURE__ */ e.jsx("span", { children: N.icon }) : /* @__PURE__ */ e.jsx(De, { size: 12, strokeWidth: 1.5 }),
-              /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (N == null ? void 0 : N.displayName) || (N == null ? void 0 : N.name) || t }),
-              P && (N == null ? void 0 : N.tier) && /* @__PURE__ */ e.jsx(de, { size: "xs", variant: Me[N.tier] || "default", children: N.tier })
+              j != null && j.icon ? /* @__PURE__ */ e.jsx("span", { children: j.icon }) : /* @__PURE__ */ e.jsx(Me, { size: 12, strokeWidth: 1.5 }),
+              /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (j == null ? void 0 : j.displayName) || (j == null ? void 0 : j.name) || s }),
+              M && (j == null ? void 0 : j.tier) && /* @__PURE__ */ e.jsx(ue, { size: "xs", variant: Ve[j.tier] || "default", children: j.tier })
             ]
           }
         ),
-        typeof document < "u" && pe.createPortal(F, document.body)
+        typeof document < "u" && he.createPortal(z, document.body)
       ]
     }
   );
 }
-const Ls = ({ filename: s, pages: t }) => /* @__PURE__ */ e.jsxs("span", { style: { display: "flex", alignItems: "center", gap: "var(--space-2)", minWidth: 0 }, children: [
-  /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: s }),
-  t.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ne(t) })
+const qt = ({ filename: t, pages: s }) => /* @__PURE__ */ e.jsxs("span", { style: { display: "flex", alignItems: "center", gap: "var(--space-2)", minWidth: 0 }, children: [
+  /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: t }),
+  s.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ee(s) })
 ] });
-function Ne(s) {
-  return s != null && s.length ? "p. " + s.join(", ") : null;
-}
-function Ps(s) {
-  const t = /* @__PURE__ */ new Map();
-  for (const n of s)
-    t.has(n.filename) || t.set(n.filename, { filename: n.filename, url: n.url, items: [] }), t.get(n.filename).items.push(n);
-  return [...t.values()];
-}
-function Wt({
-  sources: s = [],
-  layout: t = "list",
+function Ee(t) {
+  return t != null && t.length ? "p. " + t.join(", ") : null;
+}
+function Ht(t) {
+  const s = /* @__PURE__ */ new Map();
+  for (const n of t)
+    s.has(n.filename) || s.set(n.filename, { filename: n.filename, url: n.url, items: [] }), s.get(n.filename).items.push(n);
+  return [...s.values()];
+}
+function un({
+  sources: t = [],
+  layout: s = "list",
   title: n = "Sources",
-  maxVisible: o = 5,
-  onSourceClick: a
+  maxVisible: a = 5,
+  onSourceClick: o
 }) {
-  const [r, i] = I(!1), l = Ps(s), m = l.length > o, d = r ? l : l.slice(0, o), f = s.some((h) => h.snippet), p = ["ds-sources-panel", t === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
-  return t === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: p, children: [
+  const [r, i] = A(!1), l = Ht(t), u = l.length > a, d = r ? l : l.slice(0, a), m = t.some((h) => h.snippet), p = ["ds-sources-panel", s === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
+  return s === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: p, children: [
     d.map((h) => {
-      const u = h.items.map((_) => _.page).filter(Boolean), b = !!a;
+      const c = h.items.map((v) => v.page).filter(Boolean), x = !!o;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__compact-row${b ? " ds-sources-panel__compact-row--clickable" : ""}`,
-          onClick: b ? () => a(h.items[0]) : void 0,
+          className: `ds-sources-panel__compact-row${x ? " ds-sources-panel__compact-row--clickable" : ""}`,
+          onClick: x ? () => o(h.items[0]) : void 0,
           children: [
-            /* @__PURE__ */ e.jsx(ns, { size: A[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
+            /* @__PURE__ */ e.jsx(mt, { size: P[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
-            u.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ne(u) })
+            c.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ee(c) })
           ]
         },
         h.filename
       );
     }),
-    m && !r && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
+    u && !r && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
       "+",
-      l.length - o,
+      l.length - a,
       " more sources"
     ] })
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: p, children: [
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: n }),
     d.map((h) => {
-      const u = h.items.map((_) => _.page).filter(Boolean), b = !!a;
-      return f ? /* @__PURE__ */ e.jsx(
-        $e,
+      const c = h.items.map((v) => v.page).filter(Boolean), x = !!o;
+      return m ? /* @__PURE__ */ e.jsx(
+        De,
         {
-          title: /* @__PURE__ */ e.jsx(Ls, { filename: h.filename, pages: u }),
+          title: /* @__PURE__ */ e.jsx(qt, { filename: h.filename, pages: c }),
           padding: "s",
-          children: h.items.map((_, y) => /* @__PURE__ */ e.jsx(
+          children: h.items.map((v, g) => /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: `ds-sources-panel__snippet${b ? " ds-sources-panel__snippet--clickable" : ""}`,
-              onClick: b ? () => a(_) : void 0,
-              children: _.snippet ?? `p. ${_.page}`
+              className: `ds-sources-panel__snippet${x ? " ds-sources-panel__snippet--clickable" : ""}`,
+              onClick: x ? () => o(v) : void 0,
+              children: v.snippet ?? `p. ${v.page}`
             },
-            y
+            g
           ))
         },
         h.filename
       ) : /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__row${b ? " ds-sources-panel__row--clickable" : ""}`,
-          onClick: b ? () => a(h.items[0]) : void 0,
+          className: `ds-sources-panel__row${x ? " ds-sources-panel__row--clickable" : ""}`,
+          onClick: x ? () => o(h.items[0]) : void 0,
           children: [
             /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
-            u.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ne(u) })
+            c.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ee(c) })
           ]
         },
         h.filename
       );
     }),
-    m && !r && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
+    u && !r && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
       "+",
-      l.length - o,
+      l.length - a,
       " more sources"
     ] })
   ] });
 }
-function ze(s) {
-  return s >= 1e6 ? (s / 1e6).toFixed(1).replace(/\.0$/, "") + "M" : s >= 1e3 ? (s / 1e3).toFixed(1).replace(/\.0$/, "") + "K" : String(s);
+function Ye(t) {
+  return t >= 1e6 ? (t / 1e6).toFixed(1).replace(/\.0$/, "") + "M" : t >= 1e3 ? (t / 1e3).toFixed(1).replace(/\.0$/, "") + "K" : String(t);
 }
-function Ct({
-  used: s,
-  limit: t,
+function fn({
+  used: t,
+  limit: s,
   size: n = "s",
-  showCount: o = !0,
-  showPercent: a = !1,
+  showCount: a = !0,
+  showPercent: o = !1,
   warningThreshold: r = 0.8,
   errorThreshold: i = 1
 }) {
-  const l = t > 0 ? s / t : 0, m = Math.min(l * 100, 100), d = l >= i ? "error" : l >= r ? "warning" : "normal";
+  const l = s > 0 ? t / s : 0, u = Math.min(l * 100, 100), d = l >= i ? "error" : l >= r ? "warning" : "normal";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: `ds-token-counter ds-token-counter--${n}`,
       role: "meter",
-      "aria-valuenow": s,
-      "aria-valuemax": t,
+      "aria-valuenow": t,
+      "aria-valuemax": s,
       children: [
         /* @__PURE__ */ e.jsx("div", { className: "ds-token-counter__track", children: /* @__PURE__ */ e.jsx(
           "div",
           {
             className: `ds-token-counter__fill ds-token-counter__fill--${d}`,
-            style: { width: `${m}%` }
+            style: { width: `${u}%` }
           }
         ) }),
-        (o || a) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${d}`, children: [
-          o && /* @__PURE__ */ e.jsxs("span", { children: [
-            ze(s),
+        (a || o) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${d}`, children: [
+          a && /* @__PURE__ */ e.jsxs("span", { children: [
+            Ye(t),
             " / ",
-            ze(t),
+            Ye(s),
             " tokens"
           ] }),
-          a && /* @__PURE__ */ e.jsxs("span", { children: [
+          o && /* @__PURE__ */ e.jsxs("span", { children: [
             Math.round(l * 100),
             "%"
           ] })
@@ -2758,125 +2933,125 @@ function Ct({
     }
   );
 }
-const Oe = 5;
-function Ms(s) {
-  return s < 0.34 ? "low" : s < 0.67 ? "medium" : "high";
+const qe = 5;
+function Kt(t) {
+  return t < 0.34 ? "low" : t < 0.67 ? "medium" : "high";
 }
-function Ut({
-  value: s = 0,
-  size: t = "xs",
+function mn({
+  value: t = 0,
+  size: s = "xs",
   showLabel: n = "none",
-  layout: o = "inline"
+  layout: a = "inline"
 }) {
-  const a = Math.max(0, Math.min(1, s)), r = Math.round(a * Oe), i = Ms(a);
+  const o = Math.max(0, Math.min(1, t)), r = Math.round(o * qe), i = Kt(o);
   return /* @__PURE__ */ e.jsxs("div", { className: [
     "ds-confidence-bar",
-    `ds-confidence-bar--${t}`,
+    `ds-confidence-bar--${s}`,
     `ds-confidence-bar--${i}`,
-    o === "block" && "ds-confidence-bar--block"
+    a === "block" && "ds-confidence-bar--block"
   ].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: Oe }, (l, m) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: qe }, (l, u) => /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: `ds-confidence-bar__seg${m < r ? " ds-confidence-bar__seg--filled" : ""}`
+        className: `ds-confidence-bar__seg${u < r ? " ds-confidence-bar__seg--filled" : ""}`
       },
-      m
+      u
     )) }),
     n === "text" && /* @__PURE__ */ e.jsx("span", { className: "ds-confidence-bar__label", children: i })
   ] });
 }
-const zs = { add: "+", remove: "-", context: " " };
-function _e({ line: s, lineNumbers: t }) {
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-diff-view__line ds-diff-view__line--${s.type}`, children: [
-    t && s.lineNo != null && /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__lineno", children: s.lineNo }),
-    /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__prefix", children: zs[s.type] }),
-    /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__text", children: s.text })
+const Gt = { add: "+", remove: "-", context: " " };
+function ge({ line: t, lineNumbers: s }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-diff-view__line ds-diff-view__line--${t.type}`, children: [
+    s && t.lineNo != null && /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__lineno", children: t.lineNo }),
+    /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__prefix", children: Gt[t.type] }),
+    /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__text", children: t.text })
   ] });
 }
-function Vt({
-  lines: s = [],
-  layout: t = "inline",
+function pn({
+  lines: t = [],
+  layout: s = "inline",
   wordWrap: n = !1,
-  lineNumbers: o = !0,
-  maxHeight: a,
+  lineNumbers: a = !0,
+  maxHeight: o,
   title: r
 }) {
   const i = [
     "ds-diff-view",
-    `ds-diff-view--${t}`,
+    `ds-diff-view--${s}`,
     n && "ds-diff-view--wrap"
-  ].filter(Boolean).join(" "), l = a ? { maxHeight: a, overflowY: "auto" } : void 0;
-  if (t === "split") {
-    const m = s.filter((f) => f.type === "remove" || f.type === "context"), d = s.filter((f) => f.type === "add" || f.type === "context");
+  ].filter(Boolean).join(" "), l = o ? { maxHeight: o, overflowY: "auto" } : void 0;
+  if (s === "split") {
+    const u = t.filter((m) => m.type === "remove" || m.type === "context"), d = t.filter((m) => m.type === "add" || m.type === "context");
     return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
       r && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: r }),
       /* @__PURE__ */ e.jsxs("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: m.map((f, p) => /* @__PURE__ */ e.jsx(_e, { line: f, lineNumbers: o }, p)) }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: d.map((f, p) => /* @__PURE__ */ e.jsx(_e, { line: f, lineNumbers: o }, p)) })
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: u.map((m, p) => /* @__PURE__ */ e.jsx(ge, { line: m, lineNumbers: a }, p)) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: d.map((m, p) => /* @__PURE__ */ e.jsx(ge, { line: m, lineNumbers: a }, p)) })
       ] })
     ] });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
     r && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: r }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: s.map((m, d) => /* @__PURE__ */ e.jsx(_e, { line: m, lineNumbers: o }, d)) })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: t.map((u, d) => /* @__PURE__ */ e.jsx(ge, { line: u, lineNumbers: a }, d)) })
   ] });
 }
-function Os({
-  value: s = "idle",
-  onLike: t,
+function Xt({
+  value: t = "idle",
+  onLike: s,
   onDislike: n,
-  className: o = "",
-  ...a
+  className: a = "",
+  ...o
 }) {
-  const r = s !== "idle";
+  const r = t !== "idle";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-message-feedback",
         r && "ds-message-feedback--voted",
-        o
+        a
       ].filter(Boolean).join(" "),
-      ...a,
+      ...o,
       children: [
-        (!r || s === "liked") && /* @__PURE__ */ e.jsx(
+        (!r || t === "liked") && /* @__PURE__ */ e.jsx(
           "button",
           {
             className: [
               "ds-message-feedback__btn",
-              s === "liked" && "ds-message-feedback__btn--liked"
+              t === "liked" && "ds-message-feedback__btn--liked"
             ].filter(Boolean).join(" "),
-            onClick: t,
+            onClick: s,
             disabled: r,
             "aria-label": "Like",
-            "aria-pressed": s === "liked",
+            "aria-pressed": t === "liked",
             children: /* @__PURE__ */ e.jsx(
-              rs,
+              pt,
               {
-                size: A[1],
+                size: P[1],
                 strokeWidth: 1.5,
-                fill: s === "liked" ? "currentColor" : "none"
+                fill: t === "liked" ? "currentColor" : "none"
               }
             )
           }
         ),
-        (!r || s === "disliked") && /* @__PURE__ */ e.jsx(
+        (!r || t === "disliked") && /* @__PURE__ */ e.jsx(
           "button",
           {
             className: [
               "ds-message-feedback__btn",
-              s === "disliked" && "ds-message-feedback__btn--disliked"
+              t === "disliked" && "ds-message-feedback__btn--disliked"
             ].filter(Boolean).join(" "),
             onClick: n,
             disabled: r,
             "aria-label": "Dislike",
-            "aria-pressed": s === "disliked",
+            "aria-pressed": t === "disliked",
             children: /* @__PURE__ */ e.jsx(
-              as,
+              ht,
               {
-                size: A[1],
+                size: P[1],
                 strokeWidth: 1.5,
-                fill: s === "disliked" ? "currentColor" : "none"
+                fill: t === "disliked" ? "currentColor" : "none"
               }
             )
           }
@@ -2885,48 +3060,48 @@ function Os({
     }
   );
 }
-function Fs(s) {
-  const t = s instanceof Date ? s : new Date(s);
-  if (isNaN(t)) return null;
-  const n = /* @__PURE__ */ new Date(), o = t.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: !1 }), a = new Date(n.getFullYear(), n.getMonth(), n.getDate()), r = new Date(a - 864e5);
-  if (t >= a) return o;
-  if (t >= r) return `Yesterday ${o}`;
-  const i = t.getDate(), l = t.toLocaleString([], { month: "short" });
-  return `${i} ${l} ${o}`;
-}
-function Yt({
-  role: s = "assistant",
-  text: t,
+function Jt(t) {
+  const s = t instanceof Date ? t : new Date(t);
+  if (isNaN(s)) return null;
+  const n = /* @__PURE__ */ new Date(), a = s.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: !1 }), o = new Date(n.getFullYear(), n.getMonth(), n.getDate()), r = new Date(o - 864e5);
+  if (s >= o) return a;
+  if (s >= r) return `Yesterday ${a}`;
+  const i = s.getDate(), l = s.toLocaleString([], { month: "short" });
+  return `${i} ${l} ${a}`;
+}
+function hn({
+  role: t = "assistant",
+  text: s,
   timestamp: n,
-  feedbackValue: o = "idle",
-  onLike: a,
+  feedbackValue: a = "idle",
+  onLike: o,
   onDislike: r,
   className: i = "",
   ...l
 }) {
-  const m = s === "assistant" && (a || r), d = !!t, f = n ? Fs(n) : null;
-  return !m && !d && !f ? null : /* @__PURE__ */ e.jsxs(
+  const u = t === "assistant" && (o || r), d = !!s, m = n ? Jt(n) : null;
+  return !u && !d && !m ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: ["ds-message-footer", `ds-message-footer--${s}`, i].filter(Boolean).join(" "),
+      className: ["ds-message-footer", `ds-message-footer--${t}`, i].filter(Boolean).join(" "),
       ...l,
       children: [
-        s === "user" && f && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: f }),
-        m && /* @__PURE__ */ e.jsx(Os, { className: "ds-message-action", value: o, onLike: a, onDislike: r }),
-        d && /* @__PURE__ */ e.jsx(Is, { className: "ds-message-action", text: t }),
-        s === "assistant" && f && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: f })
+        t === "user" && m && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: m }),
+        u && /* @__PURE__ */ e.jsx(Xt, { className: "ds-message-action", value: a, onLike: o, onDislike: r }),
+        d && /* @__PURE__ */ e.jsx(Ut, { className: "ds-message-action", text: s }),
+        t === "assistant" && m && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: m })
       ]
     }
   );
 }
-function qt({ label: s, className: t = "", ...n }) {
-  return /* @__PURE__ */ e.jsxs("span", { className: ["ds-thinking-dot", t].filter(Boolean).join(" "), ...n, children: [
+function xn({ label: t, className: s = "", ...n }) {
+  return /* @__PURE__ */ e.jsxs("span", { className: ["ds-thinking-dot", s].filter(Boolean).join(" "), ...n, children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-thinking-dot__pulse" }),
-    s && /* @__PURE__ */ e.jsx("span", { className: "ds-thinking-dot__label", children: s })
+    t && /* @__PURE__ */ e.jsx("span", { className: "ds-thinking-dot__label", children: t })
   ] });
 }
-function Ht({ variant: s = "light", glow: t, mask: n = !0, style: o, ...a }) {
-  const r = s === "dark", i = t ?? r, l = r ? "rgba(255,250,250,0.05)" : "var(--color-border-light)", m = r ? "rgba(255,250,250,0.025)" : "color-mix(in srgb, var(--color-border-light) 50%, transparent)";
+function vn({ variant: t = "light", glow: s, mask: n = !0, style: a, ...o }) {
+  const r = t === "dark", i = s ?? r, l = r ? "rgba(255,250,250,0.05)" : "var(--color-border-light)", u = r ? "rgba(255,250,250,0.025)" : "color-mix(in srgb, var(--color-border-light) 50%, transparent)";
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -2939,9 +3114,9 @@ function Ht({ variant: s = "light", glow: t, mask: n = !0, style: o, ...a }) {
         ...i && {
           background: "radial-gradient(ellipse 1000px 500px at 50% 30%, rgba(234,100,100,0.18), transparent 70%)"
         },
-        ...o
+        ...a
       },
-      ...a,
+      ...o,
       children: /* @__PURE__ */ e.jsx(
         "div",
         {
@@ -2951,8 +3126,8 @@ function Ht({ variant: s = "light", glow: t, mask: n = !0, style: o, ...a }) {
             backgroundImage: [
               `linear-gradient(${l} 1px, transparent 1px)`,
               `linear-gradient(90deg, ${l} 1px, transparent 1px)`,
-              `linear-gradient(${m} 1px, transparent 1px)`,
-              `linear-gradient(90deg, ${m} 1px, transparent 1px)`
+              `linear-gradient(${u} 1px, transparent 1px)`,
+              `linear-gradient(90deg, ${u} 1px, transparent 1px)`
             ].join(", "),
             backgroundSize: "80px 80px, 80px 80px, 16px 16px, 16px 16px",
             backgroundPosition: "-1px -1px, -1px -1px, -1px -1px, -1px -1px",
@@ -2966,93 +3141,285 @@ function Ht({ variant: s = "light", glow: t, mask: n = !0, style: o, ...a }) {
     }
   );
 }
-function Kt({ children: s, axis: t = "y", style: n, className: o = "", ...a }) {
-  const r = t === "x" ? { overflowX: "auto", overflowY: "hidden" } : t === "both" ? { overflow: "auto" } : { overflowY: "auto", overflowX: "hidden" };
+function _n({ children: t, axis: s = "y", style: n, className: a = "", ...o }) {
+  const r = s === "x" ? { overflowX: "auto", overflowY: "hidden" } : s === "both" ? { overflow: "auto" } : { overflowY: "auto", overflowX: "hidden" };
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `ds-scrollable ${o}`,
+      className: `ds-scrollable ${a}`,
       style: { ...r, ...n },
-      ...a,
-      children: s
+      ...o,
+      children: t
     }
   );
 }
+const we = 280, le = 22, ce = 8, be = 6, Zt = 200;
+function Qt(t) {
+  return t ? typeof t == "function" ? t() : typeof t == "string" ? document.querySelector(t) : null : null;
+}
+function es(t, s, n) {
+  const a = window.innerWidth, o = window.innerHeight;
+  if (o - t.bottom >= s + le + ce) return "bottom";
+  if (t.top >= s + le + ce) return "top";
+  if (a - t.right >= n + le + ce) return "right";
+  if (t.left >= n + le + ce) return "left";
+  const r = Math.max(t.top, o - t.bottom, a - t.right, t.left);
+  return r === o - t.bottom ? "bottom" : r === t.top ? "top" : r === a - t.right ? "right" : "left";
+}
+function ts(t, s, n, a) {
+  const o = window.innerWidth, r = window.innerHeight;
+  let i, l;
+  switch (t) {
+    case "top":
+      i = s.top - n - le, l = s.left + s.width / 2 - a / 2;
+      break;
+    case "bottom":
+      i = s.bottom + le, l = s.left + s.width / 2 - a / 2;
+      break;
+    case "left":
+      i = s.top + s.height / 2 - n / 2, l = s.left - a - le;
+      break;
+    default:
+      i = s.top + s.height / 2 - n / 2, l = s.right + le;
+  }
+  const u = Math.max(ce, Math.min(o - a - ce, l));
+  return { top: Math.max(ce, Math.min(r - n - ce, i)), left: u, arrowOffset: l - u };
+}
+function bn({
+  steps: t,
+  currentStep: s,
+  onNext: n,
+  onBack: a,
+  onSkip: o,
+  onFinish: r,
+  overlay: i = !0,
+  labelNext: l = "Next",
+  labelBack: u = "Back",
+  labelSkip: d = "Skip tour",
+  labelFinish: m = "Done"
+}) {
+  const p = T(null), h = T(t), c = T(s);
+  h.current = t, c.current = s;
+  const [x, v] = A(!1), [g, w] = A({ position: "fixed", visibility: "hidden", width: we }), [k, j] = A("bottom"), [E, M] = A(null), L = T(!1), W = t[s], H = s === t.length - 1, z = He(() => {
+    const b = h.current[c.current];
+    if (!b || !p.current) return;
+    const I = Qt(b.target);
+    if (!I) return;
+    const O = I.getBoundingClientRect(), _ = p.current.getBoundingClientRect().height || 160, y = we, S = b.position || es(O, _, y), { top: C, left: K, arrowOffset: X } = ts(S, O, _, y);
+    j(S), w({
+      position: "fixed",
+      top: C,
+      left: K,
+      width: we,
+      visibility: "visible",
+      "--arrow-offset": `${X}px`
+    }), M({
+      top: O.top - be,
+      left: O.left - be,
+      width: O.width + be * 2,
+      height: O.height + be * 2
+    });
+  }, []);
+  return D(() => {
+    window.addEventListener("scroll", z, !0), window.addEventListener("resize", z);
+    const b = requestAnimationFrame(() => {
+      z(), v(!0), L.current = !0;
+    });
+    return () => {
+      cancelAnimationFrame(b), window.removeEventListener("scroll", z, !0), window.removeEventListener("resize", z);
+    };
+  }, []), D(() => {
+    if (!L.current) return;
+    v(!1);
+    const b = setTimeout(() => {
+      w((I) => ({ ...I, visibility: "hidden" })), requestAnimationFrame(() => {
+        z(), v(!0);
+      });
+    }, Zt + 20);
+    return () => clearTimeout(b);
+  }, [s]), D(() => {
+    x && p.current && p.current.focus({ preventScroll: !0 });
+  }, [x]), D(() => {
+    const b = (I) => {
+      I.key === "Escape" && o();
+    };
+    return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
+  }, [o]), D(() => {
+    if (!x) return;
+    const b = (I) => {
+      if (I.key !== "Tab" || !p.current) return;
+      const O = Array.from(
+        p.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])')
+      );
+      if (!O.length) return;
+      const U = O[0], _ = O[O.length - 1];
+      I.shiftKey && document.activeElement === U ? (I.preventDefault(), _.focus()) : !I.shiftKey && document.activeElement === _ && (I.preventDefault(), U.focus());
+    };
+    return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
+  }, [x]), !W || typeof document > "u" ? null : he.createPortal(
+    /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      E && /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: [
+            "ds-coachmark__spotlight",
+            i && "ds-coachmark__spotlight--overlay",
+            x && "ds-coachmark__spotlight--visible"
+          ].filter(Boolean).join(" "),
+          style: E,
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          ref: p,
+          "data-ds-portal": "",
+          role: "dialog",
+          "aria-modal": "false",
+          "aria-live": "polite",
+          "aria-label": W.title ?? `Step ${s + 1} of ${t.length}`,
+          className: [
+            "ds-coachmark__bubble",
+            `ds-coachmark__bubble--${k}`,
+            x && "ds-coachmark__bubble--visible"
+          ].filter(Boolean).join(" "),
+          style: g,
+          tabIndex: -1,
+          children: [
+            /* @__PURE__ */ e.jsx(
+              "button",
+              {
+                type: "button",
+                className: "ds-coachmark__close",
+                onClick: o,
+                "aria-label": d,
+                children: /* @__PURE__ */ e.jsx(ee, { size: 16, strokeWidth: 2 })
+              }
+            ),
+            W.title && /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__title", children: W.title }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__body", children: W.content }),
+            /* @__PURE__ */ e.jsxs("div", { className: "ds-coachmark__footer", children: [
+              /* @__PURE__ */ e.jsxs("span", { className: "ds-coachmark__counter", children: [
+                s + 1,
+                " / ",
+                t.length
+              ] }),
+              /* @__PURE__ */ e.jsxs("div", { className: "ds-coachmark__footer-nav", children: [
+                s > 0 && /* @__PURE__ */ e.jsx(ae, { variant: "secondary", size: "s", onClick: a, children: u }),
+                /* @__PURE__ */ e.jsx(ae, { variant: "primary", size: "s", onClick: H ? r : n, children: H ? m : l })
+              ] })
+            ] })
+          ]
+        }
+      )
+    ] }),
+    document.body
+  );
+}
+function jn(t, s = {}) {
+  const { storageKey: n } = s, [a, o] = A(0), [r, i] = A(!1), l = () => n && typeof localStorage < "u" && localStorage.getItem(n) === "done", u = He(() => {
+    i(!1), n && typeof localStorage < "u" && localStorage.setItem(n, "done");
+  }, [n]);
+  return {
+    currentStep: a,
+    isActive: r,
+    start: () => {
+      l() || (o(0), i(!0));
+    },
+    next: () => o((d) => Math.min(d + 1, t.length - 1)),
+    back: () => o((d) => Math.max(d - 1, 0)),
+    skip: u,
+    finish: u
+  };
+}
 export {
-  $e as Accordion,
-  et as Alert,
-  Rt as AnimatedNumber,
-  ft as Avatar,
-  de as Badge,
-  Et as Banner,
-  tt as BottomSheet,
-  gt as Breadcrumb,
-  ce as Button,
-  Ks as Card,
-  Mt as ChatMessage,
-  dt as Checkbox,
-  nt as Code,
-  ps as CodeAccordion,
-  Ut as ConfidenceBar,
-  Is as CopyButton,
-  Vt as DiffView,
-  kt as Drawer,
-  Be as DrawerFooter,
-  $t as Dropdown,
-  vt as EmptyState,
-  Ht as EngineerGrid,
-  Nt as FormField,
-  Xs as H1,
-  Gs as H2,
-  Js as H3,
-  Zs as H4,
-  St as InView,
-  Vs as Input,
-  rt as Link,
-  Os as MessageFeedback,
-  Yt as MessageFooter,
-  st as Modal,
-  he as ModalFooter,
-  Ft as ModelPicker,
-  Qs as P1,
-  ds as P2,
-  Fe as P3,
-  yt as Pagination,
-  Tt as ProgressBar,
-  Ot as PromptInput,
-  ut as Radio,
-  Bt as ReasoningBlock,
-  Kt as Scrollable,
-  it as SegmentedControl,
-  qs as Select,
-  bs as Skeleton,
-  Wt as SourcesPanel,
-  ls as Spinner,
-  wt as Stat,
-  Lt as StepIndicator,
-  Hs as Stepper,
-  Pt as StreamingText,
-  ot as Tab,
-  mt as Table,
-  ht as TableBody,
-  pt as TableHead,
-  xt as TableRow,
-  bt as TableSubheaderRow,
-  at as Tabs,
-  jt as Td,
-  Ys as Textarea,
-  _t as Th,
-  qt as ThinkingDot,
-  It as ToastContainer,
-  ct as Toggle,
-  Ct as TokenCounter,
-  At as ToolCallBubble,
-  At as ToolCallCard,
-  lt as Tooltip,
-  A as iconSizes,
-  Es as useAnimatedNumber,
-  As as useAnimatedPlaceholder,
-  $s as useInView,
-  zt as useStreamScroll,
-  Dt as useToast
+  De as Accordion,
+  hs as Alert,
+  Zs as AnimatedNumber,
+  Es as Avatar,
+  ue as Badge,
+  Gs as Banner,
+  vs as BottomSheet,
+  Ms as Breadcrumb,
+  ae as Button,
+  cs as Card,
+  on as ChatMessage,
+  ys as Checkbox,
+  bn as Coachmark,
+  _s as Code,
+  yt as CodeAccordion,
+  mn as ConfidenceBar,
+  Ut as CopyButton,
+  pn as DiffView,
+  Cs as Drawer,
+  Oe as DrawerFooter,
+  Xs as Dropdown,
+  Is as EmptyState,
+  vn as EngineerGrid,
+  Ls as FormField,
+  ds as H1,
+  us as H2,
+  fs as H3,
+  ms as H4,
+  Qs as InView,
+  as as Input,
+  bs as Link,
+  Xt as MessageFeedback,
+  hn as MessageFooter,
+  xs as Modal,
+  me as ModalFooter,
+  dn as ModelPicker,
+  Fs as NavRail,
+  Ks as NavRailAgent,
+  Us as NavRailBody,
+  qs as NavRailDivider,
+  Ys as NavRailFooter,
+  Vs as NavRailHeader,
+  Ws as NavRailItem,
+  Hs as NavRailRecents,
+  ps as P1,
+  jt as P2,
+  Ke as P3,
+  zs as Pagination,
+  Js as ProgressBar,
+  cn as PromptInput,
+  ks as Radio,
+  nn as ReasoningBlock,
+  _n as Scrollable,
+  gs as SegmentedControl,
+  is as Select,
+  Os as SidePage,
+  Fe as SidePageFooter,
+  $t as Skeleton,
+  un as SourcesPanel,
+  _t as Spinner,
+  Ps as Stat,
+  rn as StepIndicator,
+  ls as Stepper,
+  an as StreamingText,
+  Ns as Tab,
+  $s as Table,
+  Rs as TableBody,
+  Ts as TableHead,
+  Ss as TableRow,
+  As as TableSubheaderRow,
+  js as Tabs,
+  Ds as Td,
+  os as Textarea,
+  Bs as Th,
+  xn as ThinkingDot,
+  tn as ToastContainer,
+  ws as Toggle,
+  fn as TokenCounter,
+  sn as ToolCallBubble,
+  sn as ToolCallCard,
+  Ge as Tooltip,
+  P as iconSizes,
+  Mt as useAnimatedNumber,
+  Vt as useAnimatedPlaceholder,
+  jn as useCoachmark,
+  zt as useInView,
+  ln as useStreamScroll,
+  en as useToast
 };