npm - @donkit-ai/design-system - Versions diffs - 1.4.53 → 1.4.54 - Mend

@donkit-ai/design-system 1.4.53 → 1.4.54

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

Files changed (5) hide show

package/dist/index.es.js CHANGED Viewed

@@ -1,14 +1,14 @@
-import F, { useState as A, useRef as R, useEffect as B, useLayoutEffect as qe, useContext as He, createContext as Ke } from "react";
-import { Check as we, X as se, ChevronDown as xe, Minus as Xe, Plus as Ge, XCircle as ge, AlertTriangle as ye, CheckCircle as ke, Info as Ee, ChevronUp as Je, ChevronsUpDown as Ze, ChevronLeft as Qe, ChevronRight as es, Copy as ss, Brain as ts, Loader as ns, Paperclip as Se, Square as rs, ArrowUp as as, Zap as os, Cpu as Ie, FileText as is, ThumbsUp as ls, ThumbsDown as cs } from "lucide-react";
+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 D = {
+const P = {
   1: 16,
   2: 20,
   3: 24,
   4: 28,
   5: 48
 };
-var je = { exports: {} }, me = {};
+var ye = { exports: {} }, xe = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -18,11 +18,11 @@ var je = { exports: {} }, 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 ds() {
-  if (Ae) return me;
-  Ae = 1;
-  var s = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+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), o.key !== void 0 && (i = "" + o.key), "key" in o) {
@@ -31,16 +31,16 @@ function ds() {
         l !== "key" && (r[l] = o[l]);
     } else r = o;
     return o = r.ref, {
-      $$typeof: s,
+      $$typeof: t,
       type: a,
       key: i,
       ref: o !== void 0 ? o : null,
       props: r
     };
   }
-  return me.Fragment = t, me.jsx = n, me.jsxs = n, me;
+  return xe.Fragment = s, xe.jsx = n, xe.jsxs = n, xe;
 }
-var pe = {};
+var ve = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -50,295 +50,295 @@ var pe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var De;
-function us() {
-  return De || (De = 1, process.env.NODE_ENV !== "production" && function() {
-    function s(d) {
-      if (d == null) return null;
-      if (typeof d == "function")
-        return d.$$typeof === U ? null : d.displayName || d.name || null;
-      if (typeof d == "string") return d;
-      switch (d) {
-        case w:
+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 E:
+        case k:
           return "Profiler";
-        case g:
+        case w:
           return "StrictMode";
         case L:
           return "Suspense";
-        case q:
+        case W:
           return "SuspenseList";
-        case N:
+        case b:
           return "Activity";
       }
-      if (typeof d == "object")
-        switch (typeof d.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."
-        ), d.$$typeof) {
-          case x:
-            return "Portal";
-          case T:
-            return d.displayName || "Context";
+        ), f.$$typeof) {
           case v:
-            return (d._context.displayName || "Context") + ".Consumer";
-          case P:
-            var k = d.render;
-            return d = d.displayName, d || (d = k.displayName || k.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
+            return "Portal";
+          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 = d.displayName || null, k !== null ? k : s(d.type) || "Memo";
-          case C:
-            k = d._payload, d = d._init;
+            return $ = f.displayName || null, $ !== null ? $ : t(f.type) || "Memo";
+          case z:
+            $ = f._payload, f = f._init;
             try {
-              return s(d(k));
+              return t(f($));
             } catch {
             }
         }
       return null;
     }
-    function t(d) {
-      return "" + d;
+    function s(f) {
+      return "" + f;
     }
-    function n(d) {
+    function n(f) {
       try {
-        t(d);
-        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 && d[Symbol.toStringTag] || d.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(d);
+          V
+        ), s(f);
       }
     }
-    function a(d) {
-      if (d === w) return "<>";
-      if (typeof d == "object" && d !== null && d.$$typeof === C)
+    function a(f) {
+      if (f === g) return "<>";
+      if (typeof f == "object" && f !== null && f.$$typeof === z)
         return "<...>";
       try {
-        var k = s(d);
-        return k ? "<" + k + ">" : "<...>";
+        var $ = t(f);
+        return $ ? "<" + $ + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function o() {
-      var d = X.A;
-      return d === null ? null : d.getOwner();
+      var f = O.A;
+      return f === null ? null : f.getOwner();
     }
     function r() {
       return Error("react-stack-top-frame");
     }
-    function i(d) {
-      if (V.call(d, "key")) {
-        var k = Object.getOwnPropertyDescriptor(d, "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 d.key !== void 0;
+      return f.key !== void 0;
     }
-    function l(d, 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(d, "key", {
-        get: z,
+      F.isReactWarning = !0, Object.defineProperty(f, "key", {
+        get: F,
         configurable: !0
       });
     }
-    function m() {
-      var d = s(this.type);
-      return M[d] || (M[d] = !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."
-      )), d = this.props.ref, d !== void 0 ? d : null;
+      )), f = this.props.ref, f !== void 0 ? f : null;
     }
-    function u(d, k, z, O, ne, ae) {
-      var W = z.ref;
-      return d = {
-        $$typeof: b,
-        type: d,
-        key: k,
-        props: z,
-        _owner: O
-      }, (W !== void 0 ? W : null) !== null ? Object.defineProperty(d, "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(d, "ref", { enumerable: !1, value: null }), d._store = {}, Object.defineProperty(d._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(d, "_debugInfo", {
+      }), Object.defineProperty(f, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(d, "_debugStack", {
+      }), Object.defineProperty(f, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: ne
-      }), Object.defineProperty(d, "_debugTask", {
+      }), Object.defineProperty(f, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ae
-      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
+        value: oe
+      }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     }
-    function f(d, k, z, O, ne, ae) {
-      var W = k.children;
-      if (W !== void 0)
-        if (O)
-          if (_(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(d);
-        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}", $[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
-        ), $[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 d == "function" ? d.displayName || d.name || "Unknown" : d
-      ), u(
-        d,
-        W,
-        z,
+      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(
+        f,
+        q,
+        F,
         o(),
         ne,
-        ae
+        oe
       );
     }
-    function p(d) {
-      h(d) ? d._store && (d._store.validated = 1) : typeof d == "object" && d !== null && d.$$typeof === C && (d._payload.status === "fulfilled" ? h(d._payload.value) && d._payload.value._store && (d._payload.value._store.validated = 1) : d._store && (d._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(d) {
-      return typeof d == "object" && d !== null && d.$$typeof === b;
+    function h(f) {
+      return typeof f == "object" && f !== null && f.$$typeof === x;
     }
-    var c = F, b = Symbol.for("react.transitional.element"), x = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), E = Symbol.for("react.profiler"), v = Symbol.for("react.consumer"), T = Symbol.for("react.context"), P = Symbol.for("react.forward_ref"), L = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), N = Symbol.for("react.activity"), U = Symbol.for("react.client.reference"), X = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, _ = Array.isArray, y = 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;
     };
     c = {
-      react_stack_bottom_frame: function(d) {
-        return d();
+      react_stack_bottom_frame: function(f) {
+        return f();
       }
     };
-    var S, M = {}, K = c.react_stack_bottom_frame.bind(
+    var S, C = {}, K = c.react_stack_bottom_frame.bind(
       c,
       r
-    )(), G = y(a(r)), $ = {};
-    pe.Fragment = w, pe.jsx = function(d, k, z) {
-      var O = 1e4 > X.recentlyCreatedOwnerStacks++;
-      return f(
-        d,
-        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 ? y(a(d)) : G
+        V ? Error("react-stack-top-frame") : K,
+        V ? y(a(f)) : X
       );
-    }, pe.jsxs = function(d, k, z) {
-      var O = 1e4 > X.recentlyCreatedOwnerStacks++;
-      return f(
-        d,
-        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 ? y(a(d)) : G
+        V ? Error("react-stack-top-frame") : K,
+        V ? y(a(f)) : X
       );
     };
-  }()), pe;
+  }()), ve;
 }
-process.env.NODE_ENV === "production" ? je.exports = ds() : je.exports = us();
-var e = je.exports;
-function fs({ size: s = "m", color: t = "default", className: n = "", ...a }) {
+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",
       ...a
     }
   );
 }
-const ms = { 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: a = !1,
   icon: o,
   disabled: r = !1,
   state: i = "idle",
   onClick: l,
-  type: m = "button",
-  href: u,
-  "aria-label": f,
+  type: u = "button",
+  href: d,
+  "aria-label": m,
   className: p = "",
   ...h
 }) {
-  const c = o && !s, b = i === "loading", x = i === "success", w = i === "error", g = b || x || w, E = n === "xs" ? "s" : "m", v = t === "danger" ? "on-accent" : "default", T = ms[n] ?? 16, P = b ? /* @__PURE__ */ e.jsx(fs, { size: E, color: v }) : x ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(we, { size: T, strokeWidth: 2.5 }) }) : w ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(se, { size: T, strokeWidth: 2.5 }) }) : null, L = [
+  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}`,
     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 : o && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: o }),
-    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 (u) {
-    const C = (N) => {
-      if (r || b) {
-        N.preventDefault();
+  if (d) {
+    const z = (b) => {
+      if (r || x) {
+        b.preventDefault();
         return;
       }
-      N.metaKey || N.ctrlKey || N.button === 1 || (N.preventDefault(), l == null || l(N));
+      b.metaKey || b.ctrlKey || b.button === 1 || (b.preventDefault(), l == null || l(b));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
         className: L,
-        href: r || b ? void 0 : u,
-        onClick: C,
-        "aria-label": f,
-        "aria-disabled": r || b ? "true" : void 0,
-        "aria-busy": b ? "true" : void 0,
-        "data-state": q,
+        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,
+      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 Gs({
-  label: s,
-  error: t,
+function as({
+  label: t,
+  error: s,
   hint: n,
   fullWidth: a = !0,
   icon: o,
   iconRight: r,
   onIconRightClick: i,
   size: l = "m",
-  disabled: m,
-  id: u,
-  ...f
+  disabled: u,
+  id: d,
+  ...m
 }) {
-  const p = u || `input-${F.useId()}`, h = n ? `${p}-hint` : void 0, c = t ? `${p}-error` : void 0, b = c || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${a ? "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: [
       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} ${o ? "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 Gs({
         }
       )
     ] }),
-    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: c, 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 Js({
-  label: s,
-  error: t,
+function os({
+  label: t,
+  error: s,
   hint: n,
   fullWidth: a = !0,
   size: o = "m",
   disabled: r,
   id: i,
   resize: l = !0,
-  rows: m = 3,
-  ...u
+  rows: u = 3,
+  ...d
 }) {
-  const f = i || `textarea-${F.useId()}`, p = n ? `${f}-hint` : void 0, h = t ? `${f}-error` : void 0, c = h || p;
+  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: [
-    s && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: f, children: s }),
+    t && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: m, children: t }),
     /* @__PURE__ */ e.jsx(
       "textarea",
       {
-        id: f,
-        className: `ds-textarea ds-textarea--${o} ${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-invalid": s ? "true" : "false",
         "aria-describedby": c,
-        rows: m,
-        ...u
+        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 Zs({
-  label: s,
-  value: t,
+function is({
+  label: t,
+  value: s,
   onChange: n,
   options: a = [],
   placeholder: o = "Select option",
   error: r,
   fullWidth: i = !0,
   size: l = "m",
-  disabled: m = !1,
-  id: u,
-  ...f
+  disabled: u = !1,
+  id: d,
+  ...m
 }) {
-  const [p, h] = A(!1), [c, b] = A(!1), [x, w] = A({}), [g, E] = A("down"), [v, T] = A(-1), P = R(null), L = R(null), q = R(null), H = R(null), C = u || `select-${F.useId()}`, N = `${C}-label`, U = r ? `${C}-error` : void 0, X = 150, V = ($ = !1) => {
-    c || (b(!0), T(-1), H.current = setTimeout(() => {
-      var d;
-      h(!1), b(!1), $ && ((d = q.current) == null || d.focus());
-    }, X));
-  }, _ = ($) => {
-    clearTimeout(H.current), b(!1);
-    const d = $ !== void 0 ? $ : Math.max(a.findIndex((k) => k.value === t), 0);
-    T(d), 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);
   };
-  B(() => () => clearTimeout(H.current), []);
+  D(() => () => clearTimeout(H.current), []);
   const y = () => {
-    var ae;
-    const $ = (ae = P.current) == null ? void 0 : ae.getBoundingClientRect();
-    if (!$) return;
-    const d = window.innerHeight, k = d - $.bottom, z = $.top, ne = k < 300 && z > k;
-    E(ne ? "up" : "down"), w(
-      ne ? { bottom: d - $.top + 4, left: $.left, width: $.width } : { top: $.bottom + 4, left: $.left, width: $.width }
+    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 }
     );
   };
-  B(() => {
+  D(() => {
     if (p)
       return y(), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y), () => {
         window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y);
       };
-  }, [p]), B(() => {
-    const $ = (d) => {
-      P.current && !P.current.contains(d.target) && L.current && !L.current.contains(d.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", $), () => document.removeEventListener("mousedown", $);
-  }, [c]), B(() => {
-    var d;
-    if (!p || v < 0 || !L.current) return;
-    (d = L.current.querySelectorAll(".ds-select-option")[v]) == null || d.scrollIntoView({ block: "nearest" });
-  }, [v, p]);
-  const S = ($) => {
-    switch ($.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":
-        $.preventDefault(), p ? T((d) => Math.min(d + 1, a.length - 1)) : _();
+        R.preventDefault(), p ? E((f) => Math.min(f + 1, a.length - 1)) : _();
         break;
       case "ArrowUp":
-        $.preventDefault(), p ? T((d) => Math.max(d - 1, 0)) : _(a.length - 1);
+        R.preventDefault(), p ? E((f) => Math.max(f - 1, 0)) : _(a.length - 1);
         break;
       case "Home":
-        p && ($.preventDefault(), T(0));
+        p && (R.preventDefault(), E(0));
         break;
       case "End":
-        p && ($.preventDefault(), T(a.length - 1));
+        p && (R.preventDefault(), E(a.length - 1));
         break;
       case "Enter":
       case " ":
-        $.preventDefault(), p ? v >= 0 && (n == null || n(a[v].value), V(!0)) : _();
+        R.preventDefault(), p ? j >= 0 && (n == null || n(a[j].value), U(!0)) : _();
         break;
       case "Escape":
-        p && ($.preventDefault(), V(!0));
+        p && (R.preventDefault(), U(!0));
         break;
       case "Tab":
-        p && V(!1);
+        p && U(!1);
         break;
     }
-  }, M = a.find(($) => $.value === t), K = l === "xs" ? D[1] : l === "small" ? D[2] : D[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: L,
       "data-ds-portal": "",
       role: "listbox",
-      "aria-labelledby": s ? N : void 0,
+      "aria-labelledby": t ? b : void 0,
       tabIndex: -1,
       className: [
         "ds-select-dropdown ds-scrollable",
         `ds-select-dropdown--${l}`,
-        `ds-select-dropdown--${g}`,
+        `ds-select-dropdown--${w}`,
         c && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
-      style: x,
-      children: a.map(($, d) => /* @__PURE__ */ e.jsx(
+      style: v,
+      children: a.map((R, f) => /* @__PURE__ */ e.jsx(
         "button",
         {
-          id: `${C}-opt-${d}`,
+          id: `${z}-opt-${f}`,
           type: "button",
           role: "option",
           tabIndex: -1,
-          "aria-selected": t === $.value,
+          "aria-selected": s === R.value,
           className: [
             "ds-select-option",
             `ds-select-option--${l}`,
-            t === $.value && "ds-select-option--selected",
-            d === v && "ds-select-option--active"
+            s === R.value && "ds-select-option--selected",
+            f === j && "ds-select-option--active"
           ].filter(Boolean).join(" "),
           onClick: () => {
-            n == null || n($.value), V(!0);
+            n == null || n(R.value), U(!0);
           },
-          children: $.label
+          children: R.label
         },
-        $.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: N, 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: C,
+        id: z,
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": p,
-        "aria-activedescendant": p && v >= 0 ? `${C}-opt-${v}` : void 0,
-        "aria-labelledby": s ? N : 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": U,
+        "aria-describedby": I,
         className: `ds-select-trigger ds-select-trigger--${l} ${r ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          m || (p ? V() : _());
+          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) || o }),
+          /* @__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: U, className: "ds-select-error", role: "alert", children: r }),
-    typeof document < "u" && he.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 Qs({
-  label: s,
-  value: t = 0,
+function ls({
+  label: t,
+  value: s = 0,
   onChange: n,
   min: a = 0,
   max: o = 100,
   step: r = 1,
   size: i = "m",
   disabled: l = !1,
-  hint: m,
-  error: u,
-  ...f
+  hint: u,
+  error: d,
+  ...m
 }) {
   const p = () => {
     if (l) return;
-    const g = Math.min(Number(t) + r, o);
-    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, a);
-    n == null || n(g);
-  }, c = (g) => {
+    const w = Math.max(Number(s) - r, a);
+    n == null || n(w);
+  }, c = (w) => {
     if (l) return;
-    const E = g.target.value;
-    if (E === "") {
+    const k = w.target.value;
+    if (k === "") {
       n == null || n(a);
       return;
     }
-    const v = Number(E);
-    if (!isNaN(v)) {
-      const T = Math.min(Math.max(v, a), o);
-      n == null || n(T);
+    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",
-    u && "ds-stepper-wrapper--error"
-  ].filter(Boolean).join(" "), x = [
+    d && "ds-stepper-wrapper--error"
+  ].filter(Boolean).join(" "), v = [
     "ds-stepper",
     `ds-stepper--${i}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), w = i === "xs" ? D[1] : i === "small" ? D[2] : D[3];
-  return /* @__PURE__ */ e.jsxs("div", { className: b, children: [
-    s && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: s }),
-    /* @__PURE__ */ e.jsxs("div", { className: x, 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 <= a,
+          disabled: l || s <= a,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ e.jsx(Xe, { size: w, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(tt, { size: g, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -647,13 +647,13 @@ function Qs({
         {
           type: "number",
           className: "ds-stepper-input",
-          value: t,
+          value: s,
           onChange: c,
           min: a,
           max: o,
           step: r,
           disabled: l,
-          ...f
+          ...m
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -662,19 +662,19 @@ function Qs({
           type: "button",
           className: "ds-stepper-button ds-stepper-button--plus",
           onClick: p,
-          disabled: l || t >= o,
+          disabled: l || s >= o,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ e.jsx(Ge, { size: w, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(st, { size: g, strokeWidth: 1.5 })
         }
       )
     ] }),
-    m && !u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: m }),
-    u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: u })
+    u && !d && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: u }),
+    d && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: d })
   ] });
 }
-function et({
-  children: s,
-  padding: t = "m",
+function cs({
+  children: t,
+  padding: s = "m",
   variant: n = "info",
   hover: a = !1,
   // deprecated, use variant="interactive"
@@ -683,32 +683,32 @@ function et({
   disabled: i = !1,
   ...l
 }) {
-  const u = (a ? "interactive" : n) === "interactive" || o || r, f = [
+  const d = (a ? "interactive" : n) === "interactive" || o || r, m = [
     "ds-card",
-    `ds-card--${t}`,
-    u && "ds-card--interactive"
+    `ds-card--${s}`,
+    d && "ds-card--interactive"
   ].filter(Boolean).join(" ");
   if (r) {
-    const c = (b) => {
+    const c = (x) => {
       if (i) {
-        b.preventDefault();
+        x.preventDefault();
         return;
       }
-      b.metaKey || b.ctrlKey || b.button === 1 || (b.preventDefault(), o == null || o(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: c,
         "aria-disabled": i ? "true" : void 0,
         ...l,
-        children: s
+        children: t
       }
     );
   }
-  const p = u && o ? "button" : "div", h = u && o ? {
+  const p = d && o ? "button" : "div", h = d && o ? {
     type: "button",
     onClick: o,
     disabled: i
@@ -716,69 +716,69 @@ function et({
   return /* @__PURE__ */ e.jsx(
     p,
     {
-      className: f,
-      role: u && !o ? "article" : void 0,
+      className: m,
+      role: d && !o ? "article" : void 0,
       ...h,
       ...l,
-      children: s
+      children: t
     }
   );
 }
-function st({ 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 tt({ 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 nt({ 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 rt({ 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 at({ 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 ps({ 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 Ce({ 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 ie({
-  children: s,
-  variant: t = "default",
+function ue({
+  children: t,
+  variant: s = "default",
   size: n = "m",
   role: a,
   ...o
 }) {
   const r = [
     "ds-badge",
-    `ds-badge--${t}`,
+    `ds-badge--${s}`,
     `ds-badge--${n}`
-  ].filter(Boolean).join(" "), i = a || (["info", "success", "warning", "error"].includes(t) ? "status" : void 0);
-  return /* @__PURE__ */ e.jsx("span", { className: r, role: i, ...o, children: s });
-}
-const hs = {
-  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 ot({
-  children: s,
-  variant: t = "info",
+function hs({
+  children: t,
+  variant: s = "info",
   title: n,
   onClose: a,
   role: o,
   ...r
 }) {
-  const i = hs[t], l = o || (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: D[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 })
     ] }),
     a && /* @__PURE__ */ e.jsx(
       "button",
@@ -787,98 +787,98 @@ function ot({
         className: "ds-alert__close",
         onClick: a,
         "aria-label": "Close alert",
-        children: /* @__PURE__ */ e.jsx(se, { size: D[3], strokeWidth: 1.5 })
+        children: /* @__PURE__ */ e.jsx(ee, { size: P[3], strokeWidth: 1.5 })
       }
     )
   ] });
 }
-const xs = 200;
-function it({
-  children: s,
-  title: t,
+const gt = 200;
+function xs({
+  children: t,
+  title: s,
   onClose: n,
   size: a = "m",
   scrollable: o = !1,
   subHeader: r,
   ...i
 }) {
-  const l = R(null), m = F.useId(), [u, f] = A(!1), p = () => {
-    !n || u || (f(!0), setTimeout(() => {
-      f(!1), n();
-    }, xs));
+  const l = T(null), u = Y.useId(), [d, m] = A(!1), p = () => {
+    !n || d || (m(!0), setTimeout(() => {
+      m(!1), n();
+    }, gt));
   };
-  B(() => {
-    const x = (g) => {
-      g.key === "Escape" && p();
-    }, w = (g) => {
-      var v, T, P;
-      const E = ((T = (v = g.composedPath) == null ? void 0 : v.call(g)) == null ? void 0 : T[0]) ?? g.target;
-      l.current && !l.current.contains(E) && !((P = E.closest) != null && P.call(E, "[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", x), document.addEventListener("mousedown", w), () => {
-      document.removeEventListener("keydown", x), document.removeEventListener("mousedown", w);
+    return document.addEventListener("keydown", v), document.addEventListener("mousedown", g), () => {
+      document.removeEventListener("keydown", v), document.removeEventListener("mousedown", g);
     };
-  }, [n, u]);
-  const h = F.Children.toArray(s), c = h.find((x) => (x == null ? void 0 : x.type) === ue), b = h.filter((x) => (x == null ? void 0 : x.type) !== ue);
-  return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", u && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...i, children: /* @__PURE__ */ e.jsxs(
+  }, [n, d]);
+  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--${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(se, { size: D[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 }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: x }),
         c
       ]
     }
   ) });
 }
-function ue({ children: s }) {
-  return !s || F.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 bs = 320;
-function lt({
-  children: s,
-  title: t,
+const wt = 320;
+function vs({
+  children: t,
+  title: s,
   onClose: n,
   subHeader: a,
   ...o
 }) {
-  const r = R(null), i = F.useId(), [l, m] = A(!1), u = () => {
-    !n || l || (m(!0), setTimeout(() => {
-      m(!1), n();
-    }, bs));
+  const r = T(null), i = Y.useId(), [l, u] = A(!1), d = () => {
+    !n || l || (u(!0), setTimeout(() => {
+      u(!1), n();
+    }, wt));
   };
-  B(() => {
-    const c = (x) => {
-      x.key === "Escape" && u();
-    }, b = (x) => {
-      var g, E, v;
-      const w = ((E = (g = x.composedPath) == null ? void 0 : g.call(x)) == null ? void 0 : E[0]) ?? x.target;
-      r.current && !r.current.contains(w) && !((v = w.closest) != null && v.call(w, "[data-ds-portal]")) && u();
+  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", b), () => {
-      document.removeEventListener("keydown", c), 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 = F.Children.toArray(s), p = f.find((c) => (c == null ? void 0 : c.type) === ue), h = f.filter((c) => (c == null ? void 0 : c.type) !== ue);
+  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",
     {
@@ -891,22 +891,22 @@ function lt({
           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(se, { size: D[2], strokeWidth: 1.5 }),
-                onClick: u,
+                icon: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 }),
+                onClick: d,
                 "aria-label": "Close"
               }
             ),
-            (t || a) && /* @__PURE__ */ e.jsxs("div", { className: "ds-bottom-sheet__header", children: [
-              t && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-bottom-sheet__title", children: t }),
+            (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 }),
@@ -917,9 +917,9 @@ function lt({
     }
   );
 }
-function _s({
-  children: s,
-  title: t = "Code",
+function yt({
+  children: t,
+  title: s = "Code",
   defaultExpanded: n = !1,
   expanded: a,
   onToggle: o,
@@ -927,8 +927,8 @@ function _s({
   className: i = "",
   ...l
 }) {
-  const [m, u] = A(n), f = a !== void 0, p = f ? a : m, h = () => {
-    f ? o == null || o(!a) : u((b) => !b);
+  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}`,
@@ -944,11 +944,11 @@ function _s({
         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: D[2],
+              size: P[2],
               strokeWidth: 1.5,
               className: `ds-code-accordion__icon ${p ? "ds-code-accordion__icon--expanded" : ""}`
             }
@@ -956,40 +956,40 @@ function _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: 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 ct({ children: s, block: t = !1, collapsible: n = !1, title: a = "Code", defaultExpanded: o = !1, ...r }) {
-  return t ? n ? /* @__PURE__ */ e.jsx(_s, { title: a, defaultExpanded: o, ...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 dt({ href: s, children: t, onClick: n, target: a, rel: o, ...r }) {
+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: a,
       rel: l,
       ...r,
-      children: t
+      children: s
     }
   );
 }
-function ut({ children: s, size: t = "m", variant: n = "ghost", ...a }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...a, children: F.Children.map(s, (o) => F.isValidElement(o) ? F.cloneElement(o, { size: t, variant: n }) : o) });
+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 ft({ children: s, selected: t = !1, onClick: n, size: a = "m", variant: o = "ghost", disabled: r = !1, icon: i, href: l, ...m }) {
-  const u = 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--${a}`,
     `ds-tab--${o}`,
-    t && "ds-tab--selected",
-    u && "ds-tab--icon-only"
+    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 = (c) => {
@@ -1003,12 +1003,12 @@ function ft({ children: s, selected: t = !1, onClick: n, size: a = "m", variant:
       "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,36 +1017,36 @@ function ft({ children: s, selected: t = !1, onClick: n, size: a = "m", variant:
     "button",
     {
       role: "tab",
-      "aria-selected": t,
-      className: f,
+      "aria-selected": s,
+      className: m,
       onClick: n,
       disabled: r,
-      ...m,
+      ...u,
       children: p
     }
   );
 }
-function mt({ options: s, value: t, onChange: n, size: a = "m", disabled: o = !1 }) {
-  const r = R(null), i = R(null), [l, m] = A(!1), u = R(!1), f = R(null), p = R(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 c = r.current.querySelector(`[data-value="${t}"]`);
+    const c = r.current.querySelector(`[data-value="${s}"]`);
     if (!c) return;
-    const b = r.current.getBoundingClientRect(), x = c.getBoundingClientRect(), w = x.left - b.left, g = x.width;
-    i.current ? (i.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = w + "px", i.current.style.width = g + "px", u.current = !1) : (m(!0), requestAnimationFrame(() => {
+    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 E = r.current.querySelector(`[data-value="${t}"]`);
-      if (!E) return;
-      const v = r.current.getBoundingClientRect(), T = E.getBoundingClientRect();
-      i.current.style.transition = "none", i.current.style.left = T.left - v.left + "px", i.current.style.width = T.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, qe(() => {
-    const c = f.current !== t;
-    f.current = t, u.current = l && c, h();
-  }), B(() => {
+  return p.current = h, Qe(() => {
+    const c = m.current !== s;
+    m.current = s, d.current = l && c, h();
+  }), D(() => {
     if (!r.current) return;
     const c = new ResizeObserver(() => {
-      u.current = !1, p.current();
+      d.current = !1, p.current();
     });
     return c.observe(r.current), () => c.disconnect();
   }, []), /* @__PURE__ */ e.jsxs(
@@ -1068,14 +1068,14 @@ function mt({ options: s, value: t, onChange: n, size: a = "m", disabled: o = !1
             "aria-hidden": "true"
           }
         ),
-        s.map((c) => /* @__PURE__ */ e.jsxs(
+        t.map((c) => /* @__PURE__ */ e.jsxs(
           "button",
           {
             type: "button",
             "data-value": c.value,
-            className: ["ds-seg__btn", t === c.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
+            className: ["ds-seg__btn", s === c.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
             onClick: () => !o && n(c.value),
-            "aria-pressed": t === c.value,
+            "aria-pressed": s === c.value,
             disabled: o,
             children: [
               c.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: c.icon }),
@@ -1088,21 +1088,21 @@ function mt({ options: s, value: t, onChange: n, size: a = "m", disabled: o = !1
     }
   );
 }
-function $e({
-  children: s,
-  title: t,
+function De({
+  children: t,
+  title: s,
   defaultExpanded: n = !1,
   expanded: a,
   onToggle: o,
   padding: r = "m",
   ...i
 }) {
-  const [l, m] = A(n), u = a !== void 0, f = u ? a : l, p = () => {
-    u ? o == null || o(!a) : m((c) => !c);
+  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: D[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, de = 8;
-function js(s, t, n) {
+const re = 8, fe = 8;
+function kt(t, s, n) {
   const a = window.innerWidth;
   let o, r;
-  switch (s) {
+  switch (t) {
     case "top":
-      o = 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":
-      o = 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":
-      o = 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":
-      o = 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:
-      o = t.bottom + re, r = t.left;
+      o = s.bottom + re, r = s.left;
   }
-  const i = Math.max(de, Math.min(a - n.width - de, r)), l = r - i;
+  const i = Math.max(fe, Math.min(a - n.width - fe, r)), l = r - i;
   return { top: o, left: i, arrowOffset: l };
 }
-function vs(s, t, n) {
+function Et(t, s, n) {
   const a = window.innerWidth, o = window.innerHeight;
-  if (s.top >= t + re + de) return "top";
-  if (o - s.bottom >= t + re + de) return "bottom";
-  if (a - s.right >= n + re + de) return "right";
-  if (s.left >= n + re + de) return "left";
-  const r = Math.max(s.top, o - s.bottom, s.left, a - s.right);
-  return r === s.top ? "top" : r === o - s.bottom ? "bottom" : r === a - s.right ? "right" : "left";
-}
-function Ns({ children: s, content: t, position: n, ...a }) {
-  const [o, r] = A(!1), [i, l] = A({ visibility: "hidden" }), [m, u] = A(n || "top"), f = R(null), p = R(null), h = R(!1), c = () => {
-    if (!f.current || !p.current) return;
-    const x = f.current.getBoundingClientRect(), w = p.current.getBoundingClientRect(), g = n || vs(x, w.height, w.width), { top: E, left: v, arrowOffset: T } = js(g, x, w);
-    u(g), l({
+  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: E,
-      left: v,
+      top: k,
+      left: j,
       visibility: "visible",
-      "--arrow-offset": `${T}px`
+      "--arrow-offset": `${E}px`
     });
   };
-  if (B(() => {
+  if (D(() => {
     if (!o) return;
     l({ position: "fixed", visibility: "hidden" });
-    const x = requestAnimationFrame(c);
+    const v = requestAnimationFrame(c);
     return window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
-      cancelAnimationFrame(x), window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
+      cancelAnimationFrame(v), window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
     };
-  }, [o, n]), B(() => {
+  }, [o, n]), D(() => {
     if (!o) return;
-    const x = (w) => {
-      f.current && !f.current.contains(w.target) && r(!1);
+    const v = (g) => {
+      m.current && !m.current.contains(g.target) && r(!1);
     };
-    return document.addEventListener("touchstart", x), () => document.removeEventListener("touchstart", x);
-  }, [o]), !t) return s;
-  const b = o && /* @__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,39 +1209,39 @@ function Ns({ children: s, content: t, position: n, ...a }) {
         h.current || r(!1);
       },
       onTouchStart: () => {
-        h.current = !0, r((x) => !x);
+        h.current = !0, r((v) => !v);
       },
       ...a,
       children: [
-        s,
-        typeof document < "u" && he.createPortal(b, document.body)
+        t,
+        typeof document < "u" && he.createPortal(x, document.body)
       ]
     }
   );
 }
-function pt({
-  checked: s = !1,
-  onChange: t,
+function ws({
+  checked: t = !1,
+  onChange: s,
   size: n = "m",
   disabled: a = !1,
   label: o,
   id: r,
   ...i
 }) {
-  const l = r || `toggle-${F.useId()}`, m = [
+  const l = r || `toggle-${Y.useId()}`, u = [
     "ds-toggle",
     `ds-toggle--${n}`,
     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: (u) => t == null ? void 0 : t(u.target.checked),
+        checked: t,
+        onChange: (d) => s == null ? void 0 : s(d.target.checked),
         disabled: a,
         ...i
       }
@@ -1250,37 +1250,37 @@ function pt({
     o && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: o })
   ] });
 }
-function ht({
-  checked: s = !1,
-  onChange: t,
+function ys({
+  checked: t = !1,
+  onChange: s,
   size: n = "m",
   disabled: a = !1,
   label: o,
   id: r,
   ...i
 }) {
-  const l = r || `checkbox-${F.useId()}`, m = [
+  const l = r || `checkbox-${Y.useId()}`, u = [
     "ds-checkbox",
     `ds-checkbox--${n}`,
     a && "ds-checkbox--disabled"
-  ].filter(Boolean).join(" "), u = n === "xs" ? 10 : n === "small" ? 14 : n === "large" ? 20 : 16;
-  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: l, children: [
+  ].filter(Boolean).join(" "), d = n === "xs" ? 10 : n === "small" ? 14 : n === "large" ? 20 : 16;
+  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),
+        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: u,
+        size: d,
         strokeWidth: 2.5,
         className: "ds-checkbox__icon"
       }
@@ -1288,53 +1288,53 @@ function ht({
     o && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: o })
   ] });
 }
-function xt({
-  checked: s = !1,
-  onChange: t,
+function ks({
+  checked: t = !1,
+  onChange: s,
   size: n = "m",
   disabled: a = !1,
   label: o,
   name: r,
   value: i,
   id: l,
-  ...m
+  ...u
 }) {
-  const u = l || `radio-${F.useId()}`, f = [
+  const d = l || `radio-${Y.useId()}`, m = [
     "ds-radio",
     `ds-radio--${n}`,
     a && "ds-radio--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("label", { className: f, htmlFor: u, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: d, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "radio",
-        id: u,
+        id: d,
         className: "ds-radio__input",
-        checked: s,
-        onChange: (p) => t == null ? void 0 : t(p.target.checked),
+        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" }) }),
     o && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: o })
   ] });
 }
-function ws({ width: s, height: t, shape: n = "rect", aspectRatio: a, className: o = "", 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}`, o].filter(Boolean).join(" "),
-      style: { width: s, height: t, aspectRatio: a, ...r },
+      style: { width: t, height: s, aspectRatio: a, ...r },
       "aria-hidden": "true",
       ...i
     }
   );
 }
-function gs({ lines: s = 1, lastLineWidth: t = "70%", gap: n, className: a = "", style: o = {}, ...r }) {
+function Tt({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: a = "", style: o = {}, ...r }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -1342,31 +1342,31 @@ function gs({ lines: s = 1, lastLineWidth: t = "70%", gap: n, className: a = "",
       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
       ))
     }
   );
 }
-ws.Text = gs;
-function ys(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 ks(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 bt({ seed: s, icon: t, src: n, size: a = 32, className: o = "", style: r = {}, ...i }) {
-  const l = ys(s ?? ""), [m, u] = A(!1), f = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: ks(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",
     {
@@ -1374,13 +1374,13 @@ function bt({ seed: s, icon: t, src: n, size: a = 32, className: o = "", style:
       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: () => u(!0) }) : f
+      children: n && !u ? /* @__PURE__ */ e.jsx("img", { src: n, alt: "", onError: () => d(!0) }) : m
     }
   );
 }
-function _t({
-  children: s,
-  size: t = "compact",
+function $s({
+  children: t,
+  size: s = "compact",
   stickyTop: n,
   maxHeight: a,
   className: o = "",
@@ -1400,27 +1400,27 @@ function _t({
       children: /* @__PURE__ */ e.jsx(
         "table",
         {
-          className: ["ds-table", `ds-table--${t}`, o].filter(Boolean).join(" "),
+          className: ["ds-table", `ds-table--${s}`, o].filter(Boolean).join(" "),
           ...i,
-          children: s
+          children: t
         }
       )
     }
   );
 }
-function jt({ 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 vt({ 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 Nt({ children: s, interactive: t, selected: n, subheader: a, exiting: o, 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" : "",
         a ? "ds-table-row--subheader" : "",
         o ? "ds-table-row--exiting" : "",
@@ -1428,43 +1428,43 @@ function Nt({ children: s, interactive: t, selected: n, subheader: a, exiting: o
         i
       ].filter(Boolean).join(" "),
       onClick: l,
-      ...m,
-      children: s
+      ...u,
+      children: t
     }
   );
 }
-function wt({ 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 gt({ children: s, align: t = "left", sortDir: n, onSort: a, width: o, className: r = "", style: i = {}, ...l }) {
-  const m = !!a || n !== void 0, u = n === "asc" ? Je : n === "desc" ? xe : Ze;
+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: a,
       style: { width: o, ...i },
       ...l,
-      children: m ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
-        s,
-        /* @__PURE__ */ e.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ e.jsx(u, { size: 11, strokeWidth: 2.5 }) })
-      ] }) : s
+      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 }) })
+      ] }) : t
     }
   );
 }
-function yt({ children: s, align: t = "left", secondary: n, muted: a, truncate: o, 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" : "",
         a ? "ds-table-cell--muted" : "",
         o ? "ds-table-cell--truncate" : "",
@@ -1472,13 +1472,13 @@ function yt({ children: s, align: t = "left", secondary: n, muted: a, truncate:
         i
       ].filter(Boolean).join(" "),
       ...l,
-      children: s
+      children: t
     }
   );
 }
-function kt({
-  icon: s,
-  title: t,
+function Is({
+  icon: t,
+  title: s,
   description: n,
   action: a,
   size: o = "m",
@@ -1491,27 +1491,27 @@ function kt({
       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 }),
         a && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__action", children: a })
       ]
     }
   );
 }
-function Et({
-  label: s,
-  hint: t,
+function Ls({
+  label: t,
+  hint: s,
   error: n,
   required: a = !1,
   disabled: o = !1,
   htmlFor: r,
   children: i,
   className: l = "",
-  style: m,
-  ...u
+  style: u,
+  ...d
 }) {
-  const f = F.useId(), p = r ?? f, h = `${p}-hint`, c = `${p}-error`;
+  const m = Y.useId(), p = r ?? m, h = `${p}-hint`, c = `${p}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1519,19 +1519,19 @@ function Et({
       "data-state": n ? "error" : void 0,
       "data-required": a ? "" : void 0,
       "data-disabled": o ? "" : void 0,
-      style: m,
-      ...u,
+      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 }),
+        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 $t({ label: s, value: t, delta: n, size: a = "m", inline: o = !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",
     {
@@ -1544,22 +1544,22 @@ function $t({ label: s, value: t, delta: n, size: a = "m", inline: o = !1, class
       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 Tt({
-  children: s,
-  separator: t = "/",
+function Ms({
+  children: t,
+  separator: s = "/",
   "aria-label": n = "Breadcrumb",
   className: a = "",
   style: o,
   ...r
 }) {
-  const i = F.Children.toArray(s).filter(Boolean);
+  const i = Y.Children.toArray(t).filter(Boolean);
   return /* @__PURE__ */ e.jsx(
     "nav",
     {
@@ -1567,16 +1567,16 @@ function Tt({
       "aria-label": n,
       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 Rt({
-  page: s,
-  total: t,
+function zs({
+  page: t,
+  total: s,
   onChange: n,
   siblings: a = 1,
   "aria-label": o = "Pagination",
@@ -1584,7 +1584,7 @@ function Rt({
   style: i,
   ...l
 }) {
-  const m = Es(s, t, a);
+  const u = At(t, s, a);
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
@@ -1597,72 +1597,72 @@ function Rt({
           "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(Qe, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(at, { size: 16 })
           }
         ),
-        m.map(
-          (u, f) => u === "…" ? /* @__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${u === s ? " ds-pagination-page--current" : ""}`,
-              onClick: () => u !== s && (n == null ? void 0 : n(u)),
-              "aria-current": u === s ? "page" : void 0,
-              "aria-label": `Page ${u}`,
-              children: u
+              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
             },
-            u
+            d
           )
         ),
         /* @__PURE__ */ e.jsx(
           "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(es, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(ot, { size: 16 })
           }
         )
       ]
     }
   );
 }
-function Es(s, t, n) {
-  if (t <= 7) return Array.from({ length: t }, (i, l) => l + 1);
-  const a = Math.max(2, s - n), o = Math.min(t - 1, s + n), r = [1];
+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 < t - 1 && r.push("…"), r.push(t), r;
+  return o < s - 1 && r.push("…"), r.push(s), r;
 }
-const $s = 200;
-function St({
-  children: s,
-  title: t,
+const Bt = 200;
+function Cs({
+  children: t,
+  title: s,
   onClose: n,
   side: a = "right",
   ...o
 }) {
-  const r = R(null), i = F.useId(), [l, m] = A(!1), u = () => {
-    !n || l || (m(!0), setTimeout(() => {
-      m(!1), n();
-    }, $s));
+  const r = T(null), i = Y.useId(), [l, u] = A(!1), d = () => {
+    !n || l || (u(!0), setTimeout(() => {
+      u(!1), n();
+    }, Bt));
   };
-  B(() => {
-    const c = (x) => {
-      x.key === "Escape" && u();
-    }, b = (x) => {
-      var g, E, v;
-      const w = ((E = (g = x.composedPath) == null ? void 0 : g.call(x)) == null ? void 0 : E[0]) ?? x.target;
-      r.current && !r.current.contains(w) && !((v = w.closest) != null && v.call(w, "[data-ds-portal]")) && u();
+  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", b), () => {
-      document.removeEventListener("keydown", c), 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 = F.Children.toArray(s), p = f.find((c) => (c == null ? void 0 : c.type) === Be), h = f.filter((c) => (c == null ? void 0 : c.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",
     {
@@ -1676,11 +1676,11 @@ function St({
           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: u, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(se, { size: D[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,35 +1690,35 @@ function St({
     }
   );
 }
-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 Ts = 320;
-function It({
-  children: s,
-  title: t,
+const Dt = 320;
+function Os({
+  children: t,
+  title: s,
   onClose: n,
   subHeader: a,
   ...o
 }) {
-  const r = R(null), i = F.useId(), [l, m] = A(!1), u = () => {
-    !n || l || (m(!0), setTimeout(() => {
-      m(!1), n();
-    }, Ts));
+  const r = T(null), i = Y.useId(), [l, u] = A(!1), d = () => {
+    !n || l || (u(!0), setTimeout(() => {
+      u(!1), n();
+    }, Dt));
   };
-  B(() => {
-    const c = (x) => {
-      x.key === "Escape" && u();
-    }, b = (x) => {
-      var g, E, v;
-      const w = ((E = (g = x.composedPath) == null ? void 0 : g.call(x)) == null ? void 0 : E[0]) ?? x.target;
-      r.current && !r.current.contains(w) && !((v = w.closest) != null && v.call(w, "[data-ds-portal]")) && u();
+  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", b), () => {
-      document.removeEventListener("keydown", c), 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 = F.Children.toArray(s), p = f.find((c) => (c == null ? void 0 : c.type) === Le || (c == null ? void 0 : c.type) === ue), h = f.filter((c) => (c == null ? void 0 : c.type) !== Le && (c == null ? void 0 : c.type) !== ue);
+  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",
     {
@@ -1731,21 +1731,21 @@ function It({
           className: ["ds-side-page", l && "ds-side-page--closing"].filter(Boolean).join(" "),
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": t ? i : void 0,
+          "aria-labelledby": s ? i : void 0,
           children: [
             n && /* @__PURE__ */ e.jsx(
-              ce,
+              ae,
               {
                 className: "ds-side-page__close",
                 variant: "ghost",
                 size: "small",
-                icon: /* @__PURE__ */ e.jsx(se, { size: D[2], strokeWidth: 1.5 }),
-                onClick: u,
+                icon: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 }),
+                onClick: d,
                 "aria-label": "Close"
               }
             ),
-            (t || a) && /* @__PURE__ */ e.jsxs("div", { className: "ds-side-page__header", children: [
-              t && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-side-page__title", children: t }),
+            (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 }),
@@ -1756,91 +1756,143 @@ function It({
     }
   );
 }
-function Le({ children: s }) {
-  return !s || F.Children.count(s) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__footer", children: s });
+function Fe({ children: t }) {
+  return !t || Y.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__footer", children: t });
 }
-const We = Ke({ collapsed: !1, side: "left" });
-function At({
-  children: s,
-  collapsed: t = !1,
+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",
-    t && "ds-nav-rail--collapsed",
+    s && "ds-nav-rail--collapsed",
     `ds-nav-rail--${n}`,
     a
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsx(We.Provider, { value: { collapsed: t, side: n }, children: /* @__PURE__ */ e.jsx("nav", { className: r, ...o, children: s }) });
+  return /* @__PURE__ */ e.jsx(je.Provider, { value: { collapsed: s, side: n }, children: /* @__PURE__ */ e.jsx("nav", { className: r, ...o, children: t }) });
 }
-function Dt({
-  icon: s,
-  label: t,
+function Ws({
+  icon: t,
+  label: s,
   selected: n = !1,
   disabled: a = !1,
   href: o,
   onClick: r,
   count: i,
   updated: l = !1,
-  open: m = !1,
-  onboarding: u = !1,
-  className: f = "",
+  open: u = !1,
+  onboarding: d = !1,
+  className: m = "",
   ...p
 }) {
-  const { collapsed: h, side: c } = He(We), w = {
+  const { collapsed: h, side: c } = $e(je), g = {
     className: [
       "ds-nav-rail__item",
-      f
+      m
     ].filter(Boolean).join(" "),
     onClick: a ? void 0 : r,
     "aria-current": n ? "page" : void 0,
     "aria-disabled": a ? "true" : void 0,
-    "aria-label": h ? t : 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": m || void 0,
-      "data-onboarding": u || void 0
+      "data-open": u || void 0,
+      "data-onboarding": d || void 0
     },
     ...p
-  }, g = i != null, E = c === "left" ? "right" : "left", v = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: s }),
-    !h && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: t }),
-    !h && l && /* @__PURE__ */ e.jsx(ie, { size: "xs", variant: "accent", className: "ds-nav-rail__badge-expanded", children: "New" }),
-    !h && g && /* @__PURE__ */ e.jsx("span", { className: ["ds-nav-rail__count", i === 0 && "ds-nav-rail__count--zero"].filter(Boolean).join(" "), children: i }),
-    h && l && !g && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot", "aria-hidden": "true" }),
-    h && g && /* @__PURE__ */ e.jsx(ie, { size: "xs", variant: "default", className: "ds-nav-rail__badge-collapsed", children: i })
-  ] }), T = o ? /* @__PURE__ */ e.jsx("a", { href: a ? void 0 : o, ...w, children: v }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...w, children: v });
-  return h ? /* @__PURE__ */ e.jsx(Ns, { content: t, position: E, children: T }) : T;
-}
-const Rs = {
-  info: Ee,
-  success: ke,
-  warning: ye,
-  error: ge
+  }, 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 })
+  ] });
+}
+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 Bt({
-  children: s,
-  variant: t = "info",
+function Gs({
+  children: t,
+  variant: s = "info",
   action: n,
   onAction: a,
   onDismiss: o,
   role: r,
   ...i
 }) {
-  const l = Rs[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: D[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",
           {
@@ -1857,16 +1909,16 @@ function Bt({
             className: "ds-banner-dismiss",
             onClick: o,
             "aria-label": "Dismiss",
-            children: /* @__PURE__ */ e.jsx(se, { size: D[2], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ee, { size: P[2], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function Lt({
-  trigger: s,
-  items: t = [],
+function Xs({
+  trigger: t,
+  items: s = [],
   open: n,
   onOpenChange: a,
   align: o = "left",
@@ -1874,29 +1926,29 @@ function Lt({
   style: i,
   ...l
 }) {
-  const [m, u] = A(!1), [f, p] = A(!1), h = n !== void 0, c = h ? n : m, b = R(null), x = R(null), w = R(null), g = R(null), [E, v] = A({}), T = R(null), P = 150, L = () => {
+  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)
       a == null || a(!1);
     else {
-      if (f) return;
-      p(!0), T.current = setTimeout(() => {
-        u(!1), p(!1);
-      }, P);
+      if (m) return;
+      p(!0), E.current = setTimeout(() => {
+        d(!1), p(!1);
+      }, M);
     }
-  }, q = () => {
+  }, W = () => {
     const _ = !c;
-    h ? a == null || a(_) : _ ? (clearTimeout(T.current), p(!1), u(!0)) : L();
+    h ? a == null || a(_) : _ ? (clearTimeout(E.current), p(!1), d(!0)) : L();
   }, H = () => {
-    c || (h ? a == null || a(!0) : (clearTimeout(T.current), p(!1), u(!0)));
+    c || (h ? a == null || a(!0) : (clearTimeout(E.current), p(!1), d(!0)));
   };
-  B(() => () => clearTimeout(T.current), []), B(() => {
+  D(() => () => clearTimeout(E.current), []), D(() => {
     if (!c) return;
     const _ = 300, y = () => {
-      var G;
-      const S = (G = b.current) == null ? void 0 : G.getBoundingClientRect();
+      var X;
+      const S = (X = x.current) == null ? void 0 : X.getBoundingClientRect();
       if (!S) return;
-      const M = window.innerHeight - S.bottom, K = M < _ + 8 && S.top > M;
-      v(
+      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 }
       );
     };
@@ -1904,76 +1956,76 @@ function Lt({
       window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y);
     };
   }, [c, o]);
-  const C = () => {
+  const z = () => {
     var y;
-    const _ = (y = w.current) == null ? void 0 : y.querySelector(
+    const _ = (y = g.current) == null ? void 0 : y.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
     _ == null || _.focus();
   };
-  B(() => {
+  D(() => {
     if (!c) return;
     const _ = (S) => {
-      var M, K;
-      !((M = b.current) != null && M.contains(S.target)) && !((K = x.current) != null && K.contains(S.target)) && L();
+      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(), C());
+      S.key === "Escape" && (L(), z());
     };
     return document.addEventListener("mousedown", _), document.addEventListener("keydown", y), () => {
       document.removeEventListener("mousedown", _), document.removeEventListener("keydown", y);
     };
-  }, [c]), B(() => {
-    if (!c || !g.current || !x.current) return;
-    const _ = N(), y = g.current === "last" ? _[_.length - 1] : _[0];
-    y == null || y.focus(), g.current = null;
+  }, [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 N = () => x.current ? [...x.current.querySelectorAll(
+  const b = () => v.current ? [...v.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
-  )] : [], U = (_) => {
+  )] : [], I = (_) => {
     var y, S;
     if (_.key === "ArrowDown")
-      _.preventDefault(), c ? (y = N()[0]) == null || y.focus() : (g.current = "first", H());
+      _.preventDefault(), c ? (y = b()[0]) == null || y.focus() : (w.current = "first", H());
     else if (_.key === "ArrowUp")
       if (_.preventDefault(), !c)
-        g.current = "last", H();
+        w.current = "last", H();
       else {
-        const M = N();
-        (S = M[M.length - 1]) == null || S.focus();
+        const C = b();
+        (S = C[C.length - 1]) == null || S.focus();
       }
-  }, X = (_) => {
-    var M, K, G, $;
-    const y = N(), S = y.findIndex((d) => d === document.activeElement);
+  }, O = (_) => {
+    var C, K, X, R;
+    const y = b(), S = y.findIndex((f) => f === document.activeElement);
     switch (_.key) {
       case "ArrowDown":
-        _.preventDefault(), (M = y[Math.min(S + 1, y.length - 1)]) == null || M.focus();
+        _.preventDefault(), (C = y[Math.min(S + 1, y.length - 1)]) == null || C.focus();
         break;
       case "ArrowUp":
-        _.preventDefault(), S <= 0 ? C() : (K = y[S - 1]) == null || K.focus();
+        _.preventDefault(), S <= 0 ? z() : (K = y[S - 1]) == null || K.focus();
         break;
       case "Home":
-        _.preventDefault(), (G = y[0]) == null || G.focus();
+        _.preventDefault(), (X = y[0]) == null || X.focus();
         break;
       case "End":
-        _.preventDefault(), ($ = y[y.length - 1]) == null || $.focus();
+        _.preventDefault(), (R = y[y.length - 1]) == null || R.focus();
         break;
       case "Tab":
         L();
         break;
     }
-  }, V = c && /* @__PURE__ */ e.jsx(
+  }, U = c && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: x,
+      ref: v,
       role: "menu",
       "data-ds-portal": "",
       className: [
         "ds-dropdown__menu",
         `ds-dropdown__menu--${o}`,
-        f && "ds-dropdown__menu--closing"
+        m && "ds-dropdown__menu--closing"
       ].filter(Boolean).join(" "),
-      style: E,
-      onKeyDown: X,
-      children: t.map((_, y) => {
+      style: k,
+      onKeyDown: O,
+      children: s.map((_, y) => {
         if (_.separator)
           return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, y);
         if (_.type === "section")
@@ -1981,9 +2033,9 @@ function Lt({
             _.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, M = S ? "a" : "button", K = S ? { href: _.disabled ? void 0 : _.href, "aria-disabled": _.disabled ? "true" : void 0 } : { type: "button", disabled: _.disabled };
+        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: [
@@ -1992,8 +2044,8 @@ function Lt({
             ].filter(Boolean).join(" "),
             ...K,
             onClick: () => {
-              var G;
-              (G = _.onClick) == null || G.call(_), L();
+              var X;
+              (X = _.onClick) == null || X.call(_), L();
             },
             children: [
               _.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: _.icon }),
@@ -2009,7 +2061,7 @@ function Lt({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: b,
+      ref: x,
       className: ["ds-dropdown", r].filter(Boolean).join(" "),
       style: i,
       ...l,
@@ -2017,33 +2069,33 @@ function Lt({
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: w,
+            ref: g,
             className: "ds-dropdown__trigger",
-            onClick: q,
-            onKeyDown: U,
-            children: s
+            onClick: W,
+            onKeyDown: I,
+            children: t
           }
         ),
-        typeof document < "u" && he.createPortal(V, document.body)
+        typeof document < "u" && he.createPortal(U, document.body)
       ]
     }
   );
 }
-function Pt({
-  value: s = 0,
-  size: t = "m",
+function Js({
+  value: t = 0,
+  size: s = "m",
   variant: n = "default",
   showValue: a = !1,
   min: o = 2,
   animate: r = !0
 }) {
-  const i = Math.min(100, Math.max(0, s)), l = Math.max(o, 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",
@@ -2054,7 +2106,7 @@ function Pt({
         /* @__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}%` }
           }
         ) }),
@@ -2066,52 +2118,52 @@ function Pt({
     }
   );
 }
-const Ss = (s) => 1 - Math.pow(1 - s, 3), Is = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-function As(s, { duration: t = 600 } = {}) {
-  const [n, a] = A(s), o = R(s), r = R(null);
-  return B(() => {
-    if (Is()) {
-      a(s), o.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 = o.current, l = s - i;
+    const i = o.current, l = t - i;
     if (l === 0) return;
-    let m = null;
-    const u = (f) => {
-      m || (m = f);
-      const p = Math.min((f - m) / t, 1);
-      a(i + l * Ss(p)), p < 1 ? r.current = requestAnimationFrame(u) : o.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(u), () => cancelAnimationFrame(r.current);
-  }, [s, t]), n;
+    return r.current = requestAnimationFrame(d), () => cancelAnimationFrame(r.current);
+  }, [t, s]), n;
 }
-function Mt({
-  value: s,
-  duration: t = 600,
+function Zs({
+  value: t,
+  duration: s = 600,
   decimals: n = 0,
   prefix: a = "",
   suffix: o = ""
 }) {
-  const i = As(s, { duration: t }).toFixed(n);
+  const i = Mt(t, { duration: s }).toFixed(n);
   return `${a}${i}${o}`;
 }
-function Ds({ threshold: s = 0.1, rootMargin: t = "0px", once: n = !1 } = {}) {
-  const a = R(null), [o, r] = A(!1);
-  return B(() => {
+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: a, inView: o };
+  }, [t, s, n]), { ref: a, inView: o };
 }
-function zt({
-  children: s,
-  as: t = "div",
+function Qs({
+  children: t,
+  as: s = "div",
   once: n = !1,
   threshold: a = 0.1,
   rootMargin: o = "0px",
@@ -2119,116 +2171,116 @@ function zt({
   onLeave: i,
   ...l
 }) {
-  const { ref: m, inView: u } = Ds({ threshold: a, rootMargin: o, once: n }), f = R(!1);
-  return B(() => {
-    u && !f.current && (r == null || r()), !u && f.current && (i == null || i()), f.current = u;
-  }, [u]), /* @__PURE__ */ e.jsx(t, { ref: m, ...l, children: typeof s == "function" ? s(u) : s });
-}
-const Pe = {
-  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 fe = [];
-const ve = /* @__PURE__ */ new Set();
-function Ue() {
-  ve.forEach((s) => s([...fe]));
+let pe = [];
+const ke = /* @__PURE__ */ new Set();
+function Xe() {
+  ke.forEach((t) => t([...pe]));
 }
-function Bs(s) {
-  fe = [...fe, s], Ue();
+function Ct(t) {
+  pe = [...pe, t], Xe();
 }
-function Ls(s) {
-  fe = fe.filter((t) => t.id !== s), Ue();
+function Ot(t) {
+  pe = pe.filter((s) => s.id !== t), Xe();
 }
-function Ot() {
-  const s = (t, n = {}) => {
-    Bs({
+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 Ps({ data: s, onDismiss: t }) {
-  const [n, a] = A(!1), o = R(null);
-  B(() => (requestAnimationFrame(() => a(!0)), s.duration > 0 && (o.current = setTimeout(() => r(), s.duration)), () => clearTimeout(o.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() {
-    a(!1), setTimeout(() => t(s.id), 250);
+    a(!1), setTimeout(() => s(t.id), 250);
   }
-  const i = Pe[s.type] ?? Pe.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: D[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(se, { size: D[3], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ee, { size: P[3], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function Ft({ position: s = "bottom-right" }) {
-  const [t, n] = A(() => [...fe]);
-  return B(() => (ve.add(n), () => ve.delete(n)), []), !t.length || typeof document > "u" ? null : he.createPortal(
-    /* @__PURE__ */ e.jsx("div", { "data-ds-portal": "", className: ["ds-toast-container", `ds-toast-container--${s}`].join(" "), children: t.map((a) => /* @__PURE__ */ e.jsx(Ps, { data: a, onDismiss: Ls }, a.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 Ms = {
-  running: /* @__PURE__ */ e.jsx(ie, { size: "xs", variant: "info", children: "Running..." }),
-  success: /* @__PURE__ */ e.jsx(ie, { size: "xs", variant: "success", children: "Done" }),
-  error: /* @__PURE__ */ e.jsx(ie, { size: "xs", variant: "error", children: "Error" })
+const 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 Ct({
-  label: s,
-  status: t = "idle",
+function sn({
+  label: t,
+  status: s = "idle",
   icon: n,
   badge: a,
   defaultExpanded: o = !1,
   expanded: r,
   onToggle: i,
   children: l,
-  className: m = "",
-  ...u
+  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 }),
-    Ms[t],
+    /* @__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(" "),
-      ...u,
+      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: o,
-          expanded: f ? !1 : r,
-          onToggle: f ? void 0 : i,
+          expanded: m ? !1 : r,
+          onToggle: m ? void 0 : i,
           children: /* @__PURE__ */ e.jsx("div", { className: "ds-tool-card__body", children: l })
         }
       )
@@ -2236,62 +2288,62 @@ function Ct({
   ) : /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-tool-card", "ds-tool-card--bubble", m].filter(Boolean).join(" "),
-      ...u,
+      className: ["ds-tool-card", "ds-tool-card--bubble", u].filter(Boolean).join(" "),
+      ...d,
       children: p
     }
   );
 }
-function zs({
-  text: s,
-  size: t = "xs",
+function Ut({
+  text: t,
+  size: s = "xs",
   timeout: n = 800,
   "aria-label": a = "Copy to clipboard",
   ...o
 }) {
-  const [r, i] = A(!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(ss, { size: D[1], strokeWidth: 1.5 }),
+      icon: /* @__PURE__ */ e.jsx(it, { size: P[1], strokeWidth: 1.5 }),
       "aria-label": a,
       onClick: l,
       ...o
     }
   );
 }
-function Wt({ content: s, streaming: t = !1, ...n }) {
-  const [a, o] = A(t);
-  return B(() => {
-    o(!!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: a,
       onToggle: o,
       padding: "s",
       title: /* @__PURE__ */ e.jsxs("div", { className: "ds-reasoning__title", children: [
-        /* @__PURE__ */ e.jsx(ts, { size: D[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
-        /* @__PURE__ */ e.jsx(ps, { 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(Ce, { 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 Ut({
-  count: s,
-  current: t = 0,
+function rn({
+  count: t,
+  current: s = 0,
   done: n = [],
   onChange: a,
   showCounter: o = !0,
@@ -2300,10 +2352,10 @@ function Ut({
   ...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, u) => {
-      const f = u === t, p = n.includes(u) && !f, h = a && (u <= t || n.includes(u)), c = [
+    /* @__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(
@@ -2312,41 +2364,41 @@ function Ut({
           type: "button",
           className: c,
           role: "tab",
-          "aria-selected": f,
-          "aria-label": `Step ${u + 1}`,
-          disabled: !h || u === t,
-          onClick: () => a == null ? void 0 : a(u),
-          children: p ? /* @__PURE__ */ e.jsx(we, { size: 8, strokeWidth: 3 }) : null
+          "aria-selected": m,
+          "aria-label": `Step ${d + 1}`,
+          disabled: !h || d === s,
+          onClick: () => a == null ? void 0 : a(d),
+          children: p ? /* @__PURE__ */ e.jsx(Te, { size: 8, strokeWidth: 3 }) : null
         },
-        u
+        d
       );
     }) }),
-    o && /* @__PURE__ */ e.jsxs(Ce, { 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 Vt({
-  content: s,
-  isStreaming: t = !1,
+function an({
+  content: t,
+  isStreaming: s = !1,
   cursor: n = "line",
   onChunk: a,
   className: o = "",
   ...r
 }) {
-  const i = R(s);
-  return B(() => {
-    s !== i.current && (a == null || a(s), i.current = s);
-  }, [s, a]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", o].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 Yt({
-  role: s = "assistant",
-  header: t,
+function on({
+  role: t = "assistant",
+  header: s,
   footer: n,
   attachments: a,
   isStreaming: o = !1,
@@ -2354,202 +2406,202 @@ function Yt({
   className: i = "",
   ...l
 }) {
-  const m = [
+  const u = [
     "ds-chat-message",
-    `ds-chat-message--${s}`,
+    `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: [
+  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 }),
+  ] }) : /* @__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 qt(s, { containerRef: t, smartPause: n = !0 } = {}) {
-  const a = R(!1), o = R(0);
-  B(() => {
-    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 < 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]), B(() => {
-    const r = t == null ? void 0 : t.current;
+  }, [s]), D(() => {
+    const r = s == null ? void 0 : s.current;
     r && (n && a.current || (r.scrollTop = r.scrollHeight));
-  }, s);
+  }, t);
 }
-function Os({
-  prompts: s,
-  enabled: t,
+function Vt({
+  prompts: t,
+  enabled: s,
   typingSpeed: n = 38,
   erasingSpeed: a = 18,
   holdTime: o = 2200,
   betweenTime: r = 380,
   manualPauseMs: i = 5e3
 }) {
-  const [l, m] = A(0), [u, f] = A(""), p = R("typing"), h = R(0), c = R(0), b = R(null), x = R(0);
-  B(() => {
+  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]), B(() => {
-    if (b.current && (clearTimeout(b.current), b.current = null), !t || s.length === 0) {
-      f(""), h.current = 0, p.current = "typing";
+  }, [l]), D(() => {
+    if (x.current && (clearTimeout(x.current), x.current = null), !s || t.length === 0) {
+      m(""), h.current = 0, p.current = "typing";
       return;
     }
-    const T = () => {
-      const P = Date.now();
-      if (x.current > P) {
-        b.current = setTimeout(T, x.current - P);
+    const E = () => {
+      const M = Date.now();
+      if (v.current > M) {
+        x.current = setTimeout(E, v.current - M);
         return;
       }
-      const L = s[c.current % s.length] ?? "";
-      p.current === "typing" ? (h.current += 1, f(L.slice(0, h.current)), h.current >= L.length ? (p.current = "holding", b.current = setTimeout(T, o)) : b.current = setTimeout(T, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", b.current = setTimeout(T, a)) : (h.current = Math.max(0, h.current - 1), f(L.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", c.current = (c.current + 1) % s.length, m(c.current), b.current = setTimeout(T, r)) : b.current = setTimeout(T, a));
+      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(T, 260), () => {
-      b.current && clearTimeout(b.current);
+    return x.current = setTimeout(E, 260), () => {
+      x.current && clearTimeout(x.current);
     };
-  }, [t, s, n, a, o, r]);
-  const w = (T) => {
-    if (s.length === 0) return;
-    const P = (T % s.length + s.length) % s.length, L = s[P];
-    c.current = P, h.current = L.length, p.current = "holding", x.current = Date.now() + i, m(P), f(L);
-  }, g = () => w(c.current + 1), E = () => w(c.current - 1), v = s[l % s.length] ?? "";
-  return { displayed: u, currentPrompt: v, index: l, next: g, prev: E };
-}
-let Fs = 0;
-function Ht({
-  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: a,
   onKeyDown: o,
   loading: r = !1,
   disabled: i = !1,
   placeholder: l = "Let's get things done...",
-  animatedPlaceholders: m,
-  attachments: u,
-  images: f,
+  animatedPlaceholders: u,
+  attachments: d,
+  images: m,
   onAttachFiles: p,
   onAttachImages: h,
   onRemoveAttachment: c,
-  onRemoveImage: b,
-  acceptImage: x,
-  acceptFile: w,
-  maxImages: g,
-  maxImageSize: E,
-  leftSlot: v,
-  rightSlot: T,
-  className: P = "",
+  onRemoveImage: x,
+  acceptImage: v,
+  acceptFile: g,
+  maxImages: w,
+  maxImageSize: k,
+  leftSlot: j,
+  rightSlot: E,
+  className: M = "",
   ...L
 }) {
-  const q = R(null), H = R(null), C = R(0), [N, U] = A(!1), [X, V] = A([]), _ = (j) => {
-    const I = ++Fs;
-    V((Y) => [...Y, { id: I, msg: j }]), setTimeout(() => V((Y) => Y.filter((J) => J.id !== I)), 6e3);
-  }, y = (j) => V((I) => I.filter((Y) => Y.id !== j)), S = (j) => j.type.startsWith("image/"), M = () => !0, K = x ?? S, G = w ?? M, $ = (j) => {
-    const I = [], Y = [], J = [], Z = [];
-    let ee = 0, le = g != null ? g - ((f == null ? void 0 : f.length) ?? 0) : 1 / 0;
-    for (const te of j)
-      K(te) ? E && te.size > E ? J.push(te.name) : le > 0 ? (I.push(te), le--) : ee++ : G(te) ? Y.push(te) : Z.push(te.name);
-    return { imageFiles: I, docFiles: Y, tooLarge: J, skipped: Z, limitExceeded: ee };
-  }, d = (j) => {
-    const { imageFiles: I, docFiles: Y, tooLarge: J, skipped: Z, limitExceeded: ee } = $(j);
-    J.length && _(`File${J.length > 1 ? "s" : ""} too large${E ? ` (max ${E / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && _(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`), ee && _(`Max ${g} images per message`), h && I.length && h(I);
-    const le = Y.concat(h ? [] : I);
-    p && le.length && p(le);
+  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);
   };
-  B(() => {
-    const j = H.current;
-    j && (j.style.height = "auto", j.style.height = `${Math.min(j.scrollHeight, 200)}px`);
-  }, [s]), B(() => {
-    const j = (I) => {
-      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 = I.target) == null ? void 0 : J.tagName;
-      Y === "INPUT" || Y === "TEXTAREA" || Y === "SELECT" || (Z = I.target) != null && Z.isContentEditable || I.ctrlKey || I.metaKey || I.altKey || I.key.length !== 1 && I.key !== "Backspace" && I.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(), C.current++, j.dataTransfer.types.includes("Files") && U(!0);
-  }, z = (j) => {
-    j.preventDefault(), C.current--, C.current === 0 && U(!1);
-  }, O = (j) => j.preventDefault(), ne = (j) => {
-    j.preventDefault(), C.current = 0, U(!1);
-    const I = Array.from(j.dataTransfer.files);
-    I.length && d(I);
-  }, ae = (j) => {
-    const I = Array.from(j.target.files || []);
-    q.current && (q.current.value = ""), I.length && d(I);
-  }, W = (j) => {
-    var te;
+  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 I = (te = j.clipboardData) == null ? void 0 : te.items;
-    if (!I) return;
-    const Y = [];
-    for (const Ye of I) {
-      const Re = Ye.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: le } = $(Y);
-    Z.length && _(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), ee.length && _(`Skipped unsupported file${ee.length > 1 ? "s" : ""}: ${ee.join(", ")}`), le && _(`Max ${g} images per message`), J.length && (j.preventDefault(), h(J));
-  }, Q = !r && !i && !!(m != null && m.length) && s.length === 0, oe = Os({
-    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;
       }
     }
-    o == null || o(j);
-  }, Ve = (s.trim() || (f == null ? void 0 : f.length) > 0 || (u == null ? void 0 : u.length) > 0) && !i, Te = p || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", P].filter(Boolean).join(" "), ...L, 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", N && "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: [
-          N && /* @__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,
@@ -2557,82 +2609,82 @@ function Ht({
             }
           ),
           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, I) => /* @__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(I),
+                onClick: () => x == null ? void 0 : x(B),
                 "aria-label": "Remove image",
                 type: "button",
-                children: /* @__PURE__ */ e.jsx(se, { size: 12, strokeWidth: 2 })
+                children: /* @__PURE__ */ e.jsx(ee, { size: 12, strokeWidth: 2 })
               }
             )
-          ] }, I)) }),
-          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: () => y(j.id),
+                onClick: () => y(N.id),
                 "aria-label": "Dismiss",
-                children: /* @__PURE__ */ e.jsx(se, { size: D[1], strokeWidth: 1.5 })
+                children: /* @__PURE__ */ e.jsx(ee, { size: P[1], strokeWidth: 1.5 })
               }
             )
-          ] }, j.id)) }),
-          u && u.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: u.map((j, I) => /* @__PURE__ */ e.jsx(ie, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
-            j.uploading ? /* @__PURE__ */ e.jsx(ns, { size: D[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Se, { size: D[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: () => c == null ? void 0 : c(I),
-                children: /* @__PURE__ */ e.jsx(se, { size: D[1], strokeWidth: 1.5 })
+                onClick: () => c == null ? void 0 : c(B),
+                children: /* @__PURE__ */ e.jsx(ee, { size: P[1], strokeWidth: 1.5 })
               }
             )
-          ] }) }, I)) }),
+          ] }) }, 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: D[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();
                 }
               }
             ),
-            v,
-            T,
+            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(rs, { size: D[2], strokeWidth: 1.5 }),
+                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(as, { size: D[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(ut, { size: P[2], strokeWidth: 1.5 }),
                 onClick: n,
-                disabled: !Ve,
+                disabled: !Je,
                 "aria-label": "Send"
               }
             )
@@ -2642,70 +2694,70 @@ function Ht({
     )
   ] });
 }
-const Me = { fast: 0, standard: 1, premium: 2 }, ze = { fast: "data-5", standard: "data-3", premium: "data-6" };
-function Kt({
-  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: a = "xs",
   minTier: o,
   showAutoOption: r = !1,
   groupByTier: i = !0,
   className: l = "",
-  ...m
+  ...u
 }) {
-  const [u, f] = A(!1), p = R(null), h = R(null), c = R(null), [b, x] = A({}), w = s.filter((N) => !o || N.name === "auto" ? !0 : (Me[N.tier] ?? 1) >= (Me[o] ?? 1)), g = w.find((N) => N.name === "auto"), E = w.filter((N) => N.name !== "auto"), v = s.find((N) => N.name === t), P = new Set(E.map((N) => N.tier).filter(Boolean)).size > 1;
-  B(() => {
-    if (!u) return;
-    const N = 320, U = () => {
-      var M;
-      const _ = (M = h.current) == null ? void 0 : M.getBoundingClientRect();
+  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 b = 320, I = () => {
+      var C;
+      const _ = (C = h.current) == null ? void 0 : C.getBoundingClientRect();
       if (!_) return;
-      const y = window.innerHeight - _.bottom, S = y < N + 8 && _.top > y;
-      x({
+      const y = window.innerHeight - _.bottom, S = y < b + 8 && _.top > y;
+      v({
         position: "fixed",
         zIndex: "var(--z-dropdown, 500)",
         left: _.left,
         ...S ? { bottom: window.innerHeight - _.top + 4, top: "auto" } : { top: _.bottom + 4, bottom: "auto" }
       });
     };
-    U(), window.addEventListener("scroll", U, !0), window.addEventListener("resize", U);
-    const X = (_) => {
+    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)) && f(!1);
-    }, V = (_) => {
-      _.key === "Escape" && f(!1);
+      !((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", U, !0), window.removeEventListener("resize", U), 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);
     };
-  }, [u]);
-  const L = (N) => {
-    n == null || n(N), f(!1);
-  }, q = (N) => /* @__PURE__ */ e.jsxs(
+  }, [d]);
+  const L = (b) => {
+    n == null || n(b), m(!1);
+  }, W = (b) => /* @__PURE__ */ e.jsxs(
     "button",
     {
       type: "button",
       className: [
         "ds-model-picker__item",
-        N.name === t && "ds-model-picker__item--active"
+        b.name === s && "ds-model-picker__item--active"
       ].filter(Boolean).join(" "),
-      onClick: () => L(N.name),
+      onClick: () => L(b.name),
       children: [
-        N.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: N.icon }) : /* @__PURE__ */ e.jsx(Ie, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
-        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: N.displayName || N.name }),
-        P && N.tier && /* @__PURE__ */ e.jsx(ie, { size: "xs", variant: ze[N.tier] || "default", children: N.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 })
       ]
     },
-    N.name
-  ), H = () => !i || !P ? E.map(q) : ["fast", "standard", "premium"].flatMap((N) => {
-    const U = E.filter((X) => X.tier === N);
-    return U.length ? [
-      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": N, children: N.charAt(0).toUpperCase() + N.slice(1) }, `lbl-${N}`),
-      ...U.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)
     ] : [];
-  }), C = u && /* @__PURE__ */ e.jsxs("div", { ref: c, 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",
         {
@@ -2713,16 +2765,16 @@ function Kt({
           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: () => L("auto"),
           children: [
-            /* @__PURE__ */ e.jsx(os, { 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)" })
           ]
         }
       ),
-      E.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
+      k.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
     ] }),
     H()
   ] });
@@ -2731,7 +2783,7 @@ function Kt({
     {
       ref: p,
       className: ["ds-model-picker", l].filter(Boolean).join(" "),
-      ...m,
+      ...u,
       children: [
         /* @__PURE__ */ e.jsxs(
           "button",
@@ -2739,137 +2791,137 @@ function Kt({
             ref: h,
             type: "button",
             className: "ds-model-picker__trigger",
-            onClick: () => f((N) => !N),
+            onClick: () => m((b) => !b),
             "aria-haspopup": "listbox",
-            "aria-expanded": u,
+            "aria-expanded": d,
             children: [
-              v != null && v.icon ? /* @__PURE__ */ e.jsx("span", { children: v.icon }) : /* @__PURE__ */ e.jsx(Ie, { size: 12, strokeWidth: 1.5 }),
-              /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (v == null ? void 0 : v.displayName) || (v == null ? void 0 : v.name) || t }),
-              P && (v == null ? void 0 : v.tier) && /* @__PURE__ */ e.jsx(ie, { size: "xs", variant: ze[v.tier] || "default", children: v.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" && he.createPortal(C, document.body)
+        typeof document < "u" && he.createPortal(z, document.body)
       ]
     }
   );
 }
-const Cs = ({ 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 Ws(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 Xt({
-  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: a = 5,
   onSourceClick: o
 }) {
-  const [r, i] = A(!1), l = Ws(s), m = l.length > a, u = r ? l : l.slice(0, a), 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: [
-    u.map((h) => {
-      const c = h.items.map((x) => x.page).filter(Boolean), b = !!o;
+  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 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 ? () => o(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(is, { size: D[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 }),
-            c.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ne(c) })
+            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 - a,
       " more sources"
     ] })
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: p, children: [
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: n }),
-    u.map((h) => {
-      const c = h.items.map((x) => x.page).filter(Boolean), b = !!o;
-      return f ? /* @__PURE__ */ e.jsx(
-        $e,
+    d.map((h) => {
+      const c = h.items.map((v) => v.page).filter(Boolean), x = !!o;
+      return m ? /* @__PURE__ */ e.jsx(
+        De,
         {
-          title: /* @__PURE__ */ e.jsx(Cs, { filename: h.filename, pages: c }),
+          title: /* @__PURE__ */ e.jsx(qt, { filename: h.filename, pages: c }),
           padding: "s",
-          children: h.items.map((x, w) => /* @__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 ? () => o(x) : void 0,
-              children: x.snippet ?? `p. ${x.page}`
+              className: `ds-sources-panel__snippet${x ? " ds-sources-panel__snippet--clickable" : ""}`,
+              onClick: x ? () => o(v) : void 0,
+              children: v.snippet ?? `p. ${v.page}`
             },
-            w
+            g
           ))
         },
         h.filename
       ) : /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__row${b ? " ds-sources-panel__row--clickable" : ""}`,
-          onClick: b ? () => o(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 }),
-            c.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ne(c) })
+            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 - a,
       " more sources"
     ] })
   ] });
 }
-function Oe(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 Gt({
-  used: s,
-  limit: t,
+function fn({
+  used: t,
+  limit: s,
   size: n = "s",
   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), u = 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--${u}`,
-            style: { width: `${m}%` }
+            className: `ds-token-counter__fill ds-token-counter__fill--${d}`,
+            style: { width: `${u}%` }
           }
         ) }),
-        (a || o) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${u}`, children: [
+        (a || o) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${d}`, children: [
           a && /* @__PURE__ */ e.jsxs("span", { children: [
-            Oe(s),
+            Ye(t),
             " / ",
-            Oe(t),
+            Ye(s),
             " tokens"
           ] }),
           o && /* @__PURE__ */ e.jsxs("span", { children: [
@@ -2881,44 +2933,44 @@ function Gt({
     }
   );
 }
-const Fe = 5;
-function Us(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 Jt({
-  value: s = 0,
-  size: t = "xs",
+function mn({
+  value: t = 0,
+  size: s = "xs",
   showLabel: n = "none",
   layout: a = "inline"
 }) {
-  const o = Math.max(0, Math.min(1, s)), r = Math.round(o * Fe), i = Us(o);
+  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}`,
     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: Fe }, (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 Vs = { 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: Vs[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 Zt({
-  lines: s = [],
-  layout: t = "inline",
+function pn({
+  lines: t = [],
+  layout: s = "inline",
   wordWrap: n = !1,
   lineNumbers: a = !0,
   maxHeight: o,
@@ -2926,32 +2978,32 @@ function Zt({
 }) {
   const i = [
     "ds-diff-view",
-    `ds-diff-view--${t}`,
+    `ds-diff-view--${s}`,
     n && "ds-diff-view--wrap"
   ].filter(Boolean).join(" "), l = o ? { maxHeight: o, overflowY: "auto" } : void 0;
-  if (t === "split") {
-    const m = s.filter((f) => f.type === "remove" || f.type === "context"), u = s.filter((f) => f.type === "add" || f.type === "context");
+  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: a }, p)) }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: u.map((f, p) => /* @__PURE__ */ e.jsx(_e, { line: f, lineNumbers: a }, 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, u) => /* @__PURE__ */ e.jsx(_e, { line: m, lineNumbers: a }, u)) })
+    /* @__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 Ys({
-  value: s = "idle",
-  onLike: t,
+function Xt({
+  value: t = "idle",
+  onLike: s,
   onDislike: n,
   className: a = "",
   ...o
 }) {
-  const r = s !== "idle";
+  const r = t !== "idle";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2962,44 +3014,44 @@ function Ys({
       ].filter(Boolean).join(" "),
       ...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(
-              ls,
+              pt,
               {
-                size: D[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(
-              cs,
+              ht,
               {
-                size: D[1],
+                size: P[1],
                 strokeWidth: 1.5,
-                fill: s === "disliked" ? "currentColor" : "none"
+                fill: t === "disliked" ? "currentColor" : "none"
               }
             )
           }
@@ -3008,18 +3060,18 @@ function Ys({
     }
   );
 }
-function qs(s) {
-  const t = s instanceof Date ? s : new Date(s);
-  if (isNaN(t)) return null;
-  const n = /* @__PURE__ */ new Date(), a = t.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: !1 }), o = new Date(n.getFullYear(), n.getMonth(), n.getDate()), r = new Date(o - 864e5);
-  if (t >= o) return a;
-  if (t >= r) return `Yesterday ${a}`;
-  const i = t.getDate(), l = t.toLocaleString([], { month: "short" });
+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 Qt({
-  role: s = "assistant",
-  text: t,
+function hn({
+  role: t = "assistant",
+  text: s,
   timestamp: n,
   feedbackValue: a = "idle",
   onLike: o,
@@ -3027,29 +3079,29 @@ function Qt({
   className: i = "",
   ...l
 }) {
-  const m = s === "assistant" && (o || r), u = !!t, f = n ? qs(n) : null;
-  return !m && !u && !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(Ys, { className: "ds-message-action", value: a, onLike: o, onDislike: r }),
-        u && /* @__PURE__ */ e.jsx(zs, { 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 en({ 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 sn({ variant: s = "light", glow: t, mask: n = !0, style: a, ...o }) {
-  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",
     {
@@ -3074,8 +3126,8 @@ function sn({ variant: s = "light", glow: t, mask: n = !0, style: a, ...o }) {
             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",
@@ -3089,97 +3141,285 @@ function sn({ variant: s = "light", glow: t, mask: n = !0, style: a, ...o }) {
     }
   );
 }
-function tn({ children: s, axis: t = "y", style: n, className: a = "", ...o }) {
-  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 ${a}`,
       style: { ...r, ...n },
       ...o,
-      children: s
+      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,
-  ot as Alert,
-  Mt as AnimatedNumber,
-  bt as Avatar,
-  ie as Badge,
-  Bt as Banner,
-  lt as BottomSheet,
-  Tt as Breadcrumb,
-  ce as Button,
-  et as Card,
-  Yt as ChatMessage,
-  ht as Checkbox,
-  ct as Code,
-  _s as CodeAccordion,
-  Jt as ConfidenceBar,
-  zs as CopyButton,
-  Zt as DiffView,
-  St as Drawer,
-  Be as DrawerFooter,
-  Lt as Dropdown,
-  kt as EmptyState,
-  sn as EngineerGrid,
-  Et as FormField,
-  st as H1,
-  tt as H2,
-  nt as H3,
-  rt as H4,
-  zt as InView,
-  Gs as Input,
-  dt as Link,
-  Ys as MessageFeedback,
-  Qt as MessageFooter,
-  it as Modal,
-  ue as ModalFooter,
-  Kt as ModelPicker,
-  At as NavRail,
-  Dt as NavRailItem,
-  at as P1,
-  ps as P2,
-  Ce as P3,
-  Rt as Pagination,
-  Pt as ProgressBar,
-  Ht as PromptInput,
-  xt as Radio,
-  Wt as ReasoningBlock,
-  tn as Scrollable,
-  mt as SegmentedControl,
-  Zs as Select,
-  It as SidePage,
-  Le as SidePageFooter,
-  ws as Skeleton,
-  Xt as SourcesPanel,
-  fs as Spinner,
-  $t as Stat,
-  Ut as StepIndicator,
-  Qs as Stepper,
-  Vt as StreamingText,
-  ft as Tab,
-  _t as Table,
-  vt as TableBody,
-  jt as TableHead,
-  Nt as TableRow,
-  wt as TableSubheaderRow,
-  ut as Tabs,
-  yt as Td,
-  Js as Textarea,
-  gt as Th,
-  en as ThinkingDot,
-  Ft as ToastContainer,
-  pt as Toggle,
-  Gt as TokenCounter,
-  Ct as ToolCallBubble,
-  Ct as ToolCallCard,
-  Ns as Tooltip,
-  D as iconSizes,
-  As as useAnimatedNumber,
-  Os as useAnimatedPlaceholder,
-  Ds as useInView,
-  qt as useStreamScroll,
-  Ot 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
 };