@donkit-ai/design-system 1.4.52 → 1.4.53

package/dist/index.es.js

@@ -1,14 +1,14 @@
-import U, { useState as I, useRef as T, useEffect as L, useLayoutEffect as Ve } from "react";
-import { Check as we, X as te, ChevronDown as xe, Minus as Ye, Plus as qe, XCircle as ge, AlertTriangle as ye, CheckCircle as ke, Info as Ee, ChevronUp as He, ChevronsUpDown as Ke, ChevronLeft as Xe, ChevronRight as Ge, Copy as Je, Brain as Ze, Loader as Qe, Paperclip as Se, Square as es, ArrowUp as ss, Zap as ts, Cpu as De, FileText as ns, ThumbsUp as rs, ThumbsDown as as } from "lucide-react";
-import pe from "react-dom";
-const A = {
+import 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 he from "react-dom";
+const D = {
   1: 16,
   2: 20,
   3: 24,
   4: 28,
   5: 48
 };
-var je = { exports: {} }, fe = {};
+var je = { exports: {} }, me = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -18,29 +18,29 @@ var je = { exports: {} }, fe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ie;
-function os() {
-  if (Ie) return fe;
-  Ie = 1;
+var Ae;
+function ds() {
+  if (Ae) return me;
+  Ae = 1;
   var s = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function n(o, a, r) {
+  function n(a, o, r) {
     var i = null;
-    if (r !== void 0 && (i = "" + r), a.key !== void 0 && (i = "" + a.key), "key" in a) {
+    if (r !== void 0 && (i = "" + r), o.key !== void 0 && (i = "" + o.key), "key" in o) {
       r = {};
-      for (var l in a)
-        l !== "key" && (r[l] = a[l]);
-    } else r = a;
-    return a = r.ref, {
+      for (var l in o)
+        l !== "key" && (r[l] = o[l]);
+    } else r = o;
+    return o = r.ref, {
       $$typeof: s,
-      type: o,
+      type: a,
       key: i,
-      ref: a !== void 0 ? a : null,
+      ref: o !== void 0 ? o : null,
       props: r
     };
   }
-  return fe.Fragment = t, fe.jsx = n, fe.jsxs = n, fe;
+  return me.Fragment = t, me.jsx = n, me.jsxs = n, me;
 }
-var me = {};
+var pe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -50,153 +50,153 @@ var me = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ae;
-function is() {
-  return Ae || (Ae = 1, process.env.NODE_ENV !== "production" && function() {
-    function s(c) {
-      if (c == null) return null;
-      if (typeof c == "function")
-        return c.$$typeof === C ? null : c.displayName || c.name || null;
-      if (typeof c == "string") return c;
-      switch (c) {
-        case y:
+var 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:
           return "Fragment";
-        case R:
+        case E:
           return "Profiler";
         case g:
           return "StrictMode";
-        case B:
+        case L:
           return "Suspense";
         case q:
           return "SuspenseList";
-        case v:
+        case N:
           return "Activity";
       }
-      if (typeof c == "object")
-        switch (typeof c.tag == "number" && console.error(
+      if (typeof d == "object")
+        switch (typeof d.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), c.$$typeof) {
-          case _:
+        ), d.$$typeof) {
+          case x:
             return "Portal";
-          case $:
-            return c.displayName || "Context";
-          case N:
-            return (c._context.displayName || "Context") + ".Consumer";
+          case T:
+            return d.displayName || "Context";
+          case v:
+            return (d._context.displayName || "Context") + ".Consumer";
           case P:
-            var k = c.render;
-            return c = c.displayName, c || (c = k.displayName || k.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
+            var k = d.render;
+            return d = d.displayName, d || (d = k.displayName || k.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
           case H:
-            return k = c.displayName || null, k !== null ? k : s(c.type) || "Memo";
-          case F:
-            k = c._payload, c = c._init;
+            return k = d.displayName || null, k !== null ? k : s(d.type) || "Memo";
+          case C:
+            k = d._payload, d = d._init;
             try {
-              return s(c(k));
+              return s(d(k));
             } catch {
             }
         }
       return null;
     }
-    function t(c) {
-      return "" + c;
+    function t(d) {
+      return "" + d;
     }
-    function n(c) {
+    function n(d) {
       try {
-        t(c);
+        t(d);
         var k = !1;
       } catch {
         k = !0;
       }
       if (k) {
         k = console;
-        var z = k.error, O = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
+        var z = k.error, O = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
         return z.call(
           k,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           O
-        ), t(c);
+        ), t(d);
       }
     }
-    function o(c) {
-      if (c === y) return "<>";
-      if (typeof c == "object" && c !== null && c.$$typeof === F)
+    function a(d) {
+      if (d === w) return "<>";
+      if (typeof d == "object" && d !== null && d.$$typeof === C)
         return "<...>";
       try {
-        var k = s(c);
+        var k = s(d);
         return k ? "<" + k + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function a() {
-      var c = X.A;
-      return c === null ? null : c.getOwner();
+    function o() {
+      var d = X.A;
+      return d === null ? null : d.getOwner();
     }
     function r() {
       return Error("react-stack-top-frame");
     }
-    function i(c) {
-      if (V.call(c, "key")) {
-        var k = Object.getOwnPropertyDescriptor(c, "key").get;
+    function i(d) {
+      if (V.call(d, "key")) {
+        var k = Object.getOwnPropertyDescriptor(d, "key").get;
         if (k && k.isReactWarning) return !1;
       }
-      return c.key !== void 0;
+      return d.key !== void 0;
     }
-    function l(c, k) {
+    function l(d, k) {
       function z() {
         S || (S = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           k
         ));
       }
-      z.isReactWarning = !0, Object.defineProperty(c, "key", {
+      z.isReactWarning = !0, Object.defineProperty(d, "key", {
         get: z,
         configurable: !0
       });
     }
     function m() {
-      var c = s(this.type);
-      return M[c] || (M[c] = !0, console.error(
+      var d = s(this.type);
+      return M[d] || (M[d] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), c = this.props.ref, c !== void 0 ? c : null;
+      )), d = this.props.ref, d !== void 0 ? d : null;
     }
-    function d(c, k, z, O, ne, ae) {
+    function u(d, k, z, O, ne, ae) {
       var W = z.ref;
-      return c = {
+      return d = {
         $$typeof: b,
-        type: c,
+        type: d,
         key: k,
         props: z,
         _owner: O
-      }, (W !== void 0 ? W : null) !== null ? Object.defineProperty(c, "ref", {
+      }, (W !== void 0 ? W : null) !== null ? Object.defineProperty(d, "ref", {
         enumerable: !1,
         get: m
-      }) : Object.defineProperty(c, "ref", { enumerable: !1, value: null }), c._store = {}, Object.defineProperty(c._store, "validated", {
+      }) : Object.defineProperty(d, "ref", { enumerable: !1, value: null }), d._store = {}, Object.defineProperty(d._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(c, "_debugInfo", {
+      }), Object.defineProperty(d, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(c, "_debugStack", {
+      }), Object.defineProperty(d, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: ne
-      }), Object.defineProperty(c, "_debugTask", {
+      }), Object.defineProperty(d, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: ae
-      }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
+      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
     }
-    function f(c, k, z, O, ne, ae) {
+    function f(d, k, z, O, ne, ae) {
       var W = k.children;
       if (W !== void 0)
         if (O)
-          if (x(W)) {
+          if (_(W)) {
             for (O = 0; O < W.length; O++)
               p(W[O]);
             Object.freeze && Object.freeze(W);
@@ -206,11 +206,11 @@ function is() {
             );
         else p(W);
       if (V.call(k, "key")) {
-        W = s(c);
+        W = s(d);
         var Q = Object.keys(k).filter(function(be) {
           return be !== "key";
         });
-        O = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", E[W + O] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
+        O = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", $[W + O] || (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} />
@@ -221,7 +221,7 @@ React keys must be passed directly to JSX without using spread:
           W,
           Q,
           W
-        ), E[W + O] = !0);
+        ), $[W + O] = !0);
       }
       if (W = null, z !== void 0 && (n(z), W = "" + z), i(k) && (n(k.key), W = "" + k.key), "key" in k) {
         z = {};
@@ -230,111 +230,111 @@ React keys must be passed directly to JSX without using spread:
       } else z = k;
       return W && l(
         z,
-        typeof c == "function" ? c.displayName || c.name || "Unknown" : c
-      ), d(
-        c,
+        typeof d == "function" ? d.displayName || d.name || "Unknown" : d
+      ), u(
+        d,
         W,
         z,
-        a(),
+        o(),
         ne,
         ae
       );
     }
-    function p(c) {
-      h(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === F && (c._payload.status === "fulfilled" ? h(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
+    function p(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 h(c) {
-      return typeof c == "object" && c !== null && c.$$typeof === b;
+    function h(d) {
+      return typeof d == "object" && d !== null && d.$$typeof === b;
     }
-    var u = U, b = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), P = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), v = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), X = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, x = Array.isArray, w = console.createTask ? console.createTask : function() {
+    var c = 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() {
       return null;
     };
-    u = {
-      react_stack_bottom_frame: function(c) {
-        return c();
+    c = {
+      react_stack_bottom_frame: function(d) {
+        return d();
       }
     };
-    var S, M = {}, K = u.react_stack_bottom_frame.bind(
-      u,
+    var S, M = {}, K = c.react_stack_bottom_frame.bind(
+      c,
       r
-    )(), G = w(o(r)), E = {};
-    me.Fragment = y, me.jsx = function(c, k, z) {
+    )(), G = y(a(r)), $ = {};
+    pe.Fragment = w, pe.jsx = function(d, k, z) {
       var O = 1e4 > X.recentlyCreatedOwnerStacks++;
       return f(
-        c,
+        d,
         k,
         z,
         !1,
         O ? Error("react-stack-top-frame") : K,
-        O ? w(o(c)) : G
+        O ? y(a(d)) : G
       );
-    }, me.jsxs = function(c, k, z) {
+    }, pe.jsxs = function(d, k, z) {
       var O = 1e4 > X.recentlyCreatedOwnerStacks++;
       return f(
-        c,
+        d,
         k,
         z,
         !0,
         O ? Error("react-stack-top-frame") : K,
-        O ? w(o(c)) : G
+        O ? y(a(d)) : G
       );
     };
-  }()), me;
+  }()), pe;
 }
-process.env.NODE_ENV === "production" ? je.exports = os() : je.exports = is();
+process.env.NODE_ENV === "production" ? je.exports = ds() : je.exports = us();
 var e = je.exports;
-function ls({ size: s = "m", color: t = "default", className: n = "", ...o }) {
+function fs({ size: s = "m", color: t = "default", className: n = "", ...a }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
       className: ["ds-spinner", `ds-spinner--${s}`, `ds-spinner--${t}`, n].filter(Boolean).join(" "),
       role: "status",
       "aria-label": "Loading",
-      ...o
+      ...a
     }
   );
 }
-const cs = { xs: 12, s: 14, m: 16, l: 20 };
+const ms = { xs: 12, s: 14, m: 16, l: 20 };
 function ce({
   children: s,
   variant: t = "primary",
   size: n = "m",
-  fullWidth: o = !1,
-  icon: a,
+  fullWidth: a = !1,
+  icon: o,
   disabled: r = !1,
   state: i = "idle",
   onClick: l,
   type: m = "button",
-  href: d,
+  href: u,
   "aria-label": f,
   className: p = "",
   ...h
 }) {
-  const u = a && !s, b = i === "loading", _ = i === "success", y = i === "error", g = b || _ || y, R = n === "xs" ? "s" : "m", N = t === "danger" ? "on-accent" : "default", $ = cs[n] ?? 16, P = b ? /* @__PURE__ */ e.jsx(ls, { size: R, color: N }) : _ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(we, { size: $, strokeWidth: 2.5 }) }) : y ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(te, { size: $, strokeWidth: 2.5 }) }) : null, B = [
+  const c = o && !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 = [
     "ds-button",
     `ds-button--${t}`,
     `ds-button--${n}`,
-    o && "ds-button--full",
-    u && "ds-button--icon-only",
+    a && "ds-button--full",
+    c && "ds-button--icon-only",
     p
   ].filter(Boolean).join(" "), q = i !== "idle" ? i : void 0, H = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    g ? P : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
+    g ? P : o && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: o }),
     s
   ] });
-  if (d) {
-    const F = (v) => {
+  if (u) {
+    const C = (N) => {
       if (r || b) {
-        v.preventDefault();
+        N.preventDefault();
         return;
       }
-      v.metaKey || v.ctrlKey || v.button === 1 || (v.preventDefault(), l == null || l(v));
+      N.metaKey || N.ctrlKey || N.button === 1 || (N.preventDefault(), l == null || l(N));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
-        className: B,
-        href: r || b ? void 0 : d,
-        onClick: F,
+        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,
@@ -348,7 +348,7 @@ function ce({
     "button",
     {
       type: m,
-      className: B,
+      className: L,
       disabled: r,
       onClick: b ? void 0 : l,
       "aria-label": f,
@@ -359,29 +359,29 @@ function ce({
     }
   );
 }
-function Vs({
+function Gs({
   label: s,
   error: t,
   hint: n,
-  fullWidth: o = !0,
-  icon: a,
+  fullWidth: a = !0,
+  icon: o,
   iconRight: r,
   onIconRightClick: i,
   size: l = "m",
   disabled: m,
-  id: d,
+  id: u,
   ...f
 }) {
-  const p = d || `input-${U.useId()}`, h = n ? `${p}-hint` : void 0, u = t ? `${p}-error` : void 0, b = u || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${o ? "ds-input-wrapper--full" : ""} ${m ? "ds-input-wrapper--disabled" : ""} ${t ? "ds-input-wrapper--error" : ""}`, children: [
+  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 }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-input-container", children: [
-      a && /* @__PURE__ */ e.jsx("span", { className: `ds-input-icon ds-input-icon--${l}`, "aria-hidden": "true", children: a }),
+      o && /* @__PURE__ */ e.jsx("span", { className: `ds-input-icon ds-input-icon--${l}`, "aria-hidden": "true", children: o }),
       /* @__PURE__ */ e.jsx(
         "input",
         {
           id: p,
-          className: `ds-input ds-input--${l} ${a ? "ds-input--with-icon" : ""} ${r ? "ds-input--with-icon-right" : ""} ${t ? "ds-input--error" : ""}`,
+          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,
@@ -401,175 +401,175 @@ function Vs({
       )
     ] }),
     n && !t && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-input-hint", children: n }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: t && /* @__PURE__ */ e.jsx("span", { id: u, className: "ds-input-error", role: "alert", children: t }) }) })
+    /* @__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 }) }) })
   ] });
 }
-function Ys({
+function Js({
   label: s,
   error: t,
   hint: n,
-  fullWidth: o = !0,
-  size: a = "m",
+  fullWidth: a = !0,
+  size: o = "m",
   disabled: r,
   id: i,
   resize: l = !0,
   rows: m = 3,
-  ...d
+  ...u
 }) {
-  const f = i || `textarea-${U.useId()}`, p = n ? `${f}-hint` : void 0, h = t ? `${f}-error` : void 0, u = h || p;
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${o ? "ds-textarea-wrapper--full" : ""} ${r ? "ds-textarea-wrapper--disabled" : ""}`, children: [
+  const f = i || `textarea-${F.useId()}`, p = n ? `${f}-hint` : void 0, h = t ? `${f}-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 }),
     /* @__PURE__ */ e.jsx(
       "textarea",
       {
         id: f,
-        className: `ds-textarea ds-textarea--${a} ${t ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
+        className: `ds-textarea ds-textarea--${o} ${t ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
         disabled: r,
         "aria-invalid": t ? "true" : "false",
-        "aria-describedby": u,
+        "aria-describedby": c,
         rows: m,
-        ...d
+        ...u
       }
     ),
     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 })
   ] });
 }
-function qs({
+function Zs({
   label: s,
   value: t,
   onChange: n,
-  options: o = [],
-  placeholder: a = "Select option",
+  options: a = [],
+  placeholder: o = "Select option",
   error: r,
   fullWidth: i = !0,
   size: l = "m",
   disabled: m = !1,
-  id: d,
+  id: u,
   ...f
 }) {
-  const [p, h] = I(!1), [u, b] = I(!1), [_, y] = I({}), [g, R] = I("down"), [N, $] = I(-1), P = T(null), B = T(null), q = T(null), H = T(null), F = d || `select-${U.useId()}`, v = `${F}-label`, C = r ? `${F}-error` : void 0, X = 150, V = (E = !1) => {
-    u || (b(!0), $(-1), H.current = setTimeout(() => {
-      var c;
-      h(!1), b(!1), E && ((c = q.current) == null || c.focus());
+  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));
-  }, x = (E) => {
+  }, _ = ($) => {
     clearTimeout(H.current), b(!1);
-    const c = E !== void 0 ? E : Math.max(o.findIndex((k) => k.value === t), 0);
-    $(c), h(!0);
+    const d = $ !== void 0 ? $ : Math.max(a.findIndex((k) => k.value === t), 0);
+    T(d), h(!0);
   };
-  L(() => () => clearTimeout(H.current), []);
-  const w = () => {
+  B(() => () => clearTimeout(H.current), []);
+  const y = () => {
     var ae;
-    const E = (ae = P.current) == null ? void 0 : ae.getBoundingClientRect();
-    if (!E) return;
-    const c = window.innerHeight, k = c - E.bottom, z = E.top, ne = k < 300 && z > k;
-    R(ne ? "up" : "down"), y(
-      ne ? { bottom: c - E.top + 4, left: E.left, width: E.width } : { top: E.bottom + 4, left: E.left, width: E.width }
+    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 }
     );
   };
-  L(() => {
+  B(() => {
     if (p)
-      return w(), window.addEventListener("scroll", w, !0), window.addEventListener("resize", w), () => {
-        window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", w);
+      return y(), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y), () => {
+        window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y);
       };
-  }, [p]), L(() => {
-    const E = (c) => {
-      P.current && !P.current.contains(c.target) && B.current && !B.current.contains(c.target) && V();
+  }, [p]), B(() => {
+    const $ = (d) => {
+      P.current && !P.current.contains(d.target) && L.current && !L.current.contains(d.target) && V();
     };
-    return document.addEventListener("mousedown", E), () => document.removeEventListener("mousedown", E);
-  }, [u]), L(() => {
-    var c;
-    if (!p || N < 0 || !B.current) return;
-    (c = B.current.querySelectorAll(".ds-select-option")[N]) == null || c.scrollIntoView({ block: "nearest" });
-  }, [N, p]);
-  const S = (E) => {
-    switch (E.key) {
+    return document.addEventListener("mousedown", $), () => 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) {
       case "ArrowDown":
-        E.preventDefault(), p ? $((c) => Math.min(c + 1, o.length - 1)) : x();
+        $.preventDefault(), p ? T((d) => Math.min(d + 1, a.length - 1)) : _();
         break;
       case "ArrowUp":
-        E.preventDefault(), p ? $((c) => Math.max(c - 1, 0)) : x(o.length - 1);
+        $.preventDefault(), p ? T((d) => Math.max(d - 1, 0)) : _(a.length - 1);
         break;
       case "Home":
-        p && (E.preventDefault(), $(0));
+        p && ($.preventDefault(), T(0));
         break;
       case "End":
-        p && (E.preventDefault(), $(o.length - 1));
+        p && ($.preventDefault(), T(a.length - 1));
         break;
       case "Enter":
       case " ":
-        E.preventDefault(), p ? N >= 0 && (n == null || n(o[N].value), V(!0)) : x();
+        $.preventDefault(), p ? v >= 0 && (n == null || n(a[v].value), V(!0)) : _();
         break;
       case "Escape":
-        p && (E.preventDefault(), V(!0));
+        p && ($.preventDefault(), V(!0));
         break;
       case "Tab":
         p && V(!1);
         break;
     }
-  }, M = o.find((E) => E.value === t), K = l === "xs" ? A[1] : l === "small" ? A[2] : A[3], G = p && /* @__PURE__ */ e.jsx(
+  }, M = a.find(($) => $.value === t), K = l === "xs" ? D[1] : l === "small" ? D[2] : D[3], G = p && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: B,
+      ref: L,
       "data-ds-portal": "",
       role: "listbox",
-      "aria-labelledby": s ? v : void 0,
+      "aria-labelledby": s ? N : void 0,
       tabIndex: -1,
       className: [
         "ds-select-dropdown ds-scrollable",
         `ds-select-dropdown--${l}`,
         `ds-select-dropdown--${g}`,
-        u && "ds-select-dropdown--closing"
+        c && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
-      style: _,
-      children: o.map((E, c) => /* @__PURE__ */ e.jsx(
+      style: x,
+      children: a.map(($, d) => /* @__PURE__ */ e.jsx(
         "button",
         {
-          id: `${F}-opt-${c}`,
+          id: `${C}-opt-${d}`,
           type: "button",
           role: "option",
           tabIndex: -1,
-          "aria-selected": t === E.value,
+          "aria-selected": t === $.value,
           className: [
             "ds-select-option",
             `ds-select-option--${l}`,
-            t === E.value && "ds-select-option--selected",
-            c === N && "ds-select-option--active"
+            t === $.value && "ds-select-option--selected",
+            d === v && "ds-select-option--active"
           ].filter(Boolean).join(" "),
           onClick: () => {
-            n == null || n(E.value), V(!0);
+            n == null || n($.value), V(!0);
           },
-          children: E.label
+          children: $.label
         },
-        E.value
+        $.value
       ))
     }
   );
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${i ? "ds-select-wrapper--full" : ""} ${m ? "ds-select-wrapper--disabled" : ""}`, children: [
-    s && /* @__PURE__ */ e.jsx("label", { id: v, className: "ds-select-label", children: s }),
+    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(
       "button",
       {
         ref: q,
         type: "button",
-        id: F,
+        id: C,
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": p,
-        "aria-activedescendant": p && N >= 0 ? `${F}-opt-${N}` : void 0,
-        "aria-labelledby": s ? v : void 0,
+        "aria-activedescendant": p && v >= 0 ? `${C}-opt-${v}` : void 0,
+        "aria-labelledby": s ? N : void 0,
         "aria-invalid": r ? "true" : "false",
-        "aria-describedby": C,
+        "aria-describedby": U,
         className: `ds-select-trigger ds-select-trigger--${l} ${r ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          m || (p ? V() : x());
+          m || (p ? V() : _());
         },
         onKeyDown: S,
         disabled: m,
         ...f,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: M ? "" : "ds-select-placeholder", children: (M == null ? void 0 : M.label) || a }),
+          /* @__PURE__ */ e.jsx("span", { className: M ? "" : "ds-select-placeholder", children: (M == null ? void 0 : M.label) || o }),
           /* @__PURE__ */ e.jsx(
             xe,
             {
@@ -582,64 +582,64 @@ function qs({
         ]
       }
     ) }),
-    r && /* @__PURE__ */ e.jsx("span", { id: C, className: "ds-select-error", role: "alert", children: r }),
-    typeof document < "u" && pe.createPortal(G, document.body)
+    r && /* @__PURE__ */ e.jsx("span", { id: U, className: "ds-select-error", role: "alert", children: r }),
+    typeof document < "u" && he.createPortal(G, document.body)
   ] });
 }
-function Hs({
+function Qs({
   label: s,
   value: t = 0,
   onChange: n,
-  min: o = 0,
-  max: a = 100,
+  min: a = 0,
+  max: o = 100,
   step: r = 1,
   size: i = "m",
   disabled: l = !1,
   hint: m,
-  error: d,
+  error: u,
   ...f
 }) {
   const p = () => {
     if (l) return;
-    const g = Math.min(Number(t) + r, a);
+    const g = Math.min(Number(t) + r, o);
     n == null || n(g);
   }, h = () => {
     if (l) return;
-    const g = Math.max(Number(t) - r, o);
+    const g = Math.max(Number(t) - r, a);
     n == null || n(g);
-  }, u = (g) => {
+  }, c = (g) => {
     if (l) return;
-    const R = g.target.value;
-    if (R === "") {
-      n == null || n(o);
+    const E = g.target.value;
+    if (E === "") {
+      n == null || n(a);
       return;
     }
-    const N = Number(R);
-    if (!isNaN(N)) {
-      const $ = Math.min(Math.max(N, o), a);
-      n == null || n($);
+    const v = Number(E);
+    if (!isNaN(v)) {
+      const T = Math.min(Math.max(v, a), o);
+      n == null || n(T);
     }
   }, b = [
     "ds-stepper-wrapper",
     l && "ds-stepper-wrapper--disabled",
-    d && "ds-stepper-wrapper--error"
-  ].filter(Boolean).join(" "), _ = [
+    u && "ds-stepper-wrapper--error"
+  ].filter(Boolean).join(" "), x = [
     "ds-stepper",
     `ds-stepper--${i}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), y = i === "xs" ? A[1] : i === "small" ? A[2] : A[3];
+  ].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: _, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: x, children: [
       /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--minus",
           onClick: h,
-          disabled: l || t <= o,
+          disabled: l || t <= a,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ e.jsx(Ye, { size: y, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(Xe, { size: w, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -648,9 +648,9 @@ function Hs({
           type: "number",
           className: "ds-stepper-input",
           value: t,
-          onChange: u,
-          min: o,
-          max: a,
+          onChange: c,
+          min: a,
+          max: o,
           step: r,
           disabled: l,
           ...f
@@ -662,168 +662,168 @@ function Hs({
           type: "button",
           className: "ds-stepper-button ds-stepper-button--plus",
           onClick: p,
-          disabled: l || t >= a,
+          disabled: l || t >= o,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ e.jsx(qe, { size: y, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(Ge, { size: w, strokeWidth: 1.5 })
         }
       )
     ] }),
-    m && !d && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: m }),
-    d && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: d })
+    m && !u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: m }),
+    u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: u })
   ] });
 }
-function Ks({
+function et({
   children: s,
   padding: t = "m",
   variant: n = "info",
-  hover: o = !1,
+  hover: a = !1,
   // deprecated, use variant="interactive"
-  onClick: a,
+  onClick: o,
   href: r,
   disabled: i = !1,
   ...l
 }) {
-  const d = (o ? "interactive" : n) === "interactive" || a || r, f = [
+  const u = (a ? "interactive" : n) === "interactive" || o || r, f = [
     "ds-card",
     `ds-card--${t}`,
-    d && "ds-card--interactive"
+    u && "ds-card--interactive"
   ].filter(Boolean).join(" ");
   if (r) {
-    const u = (b) => {
+    const c = (b) => {
       if (i) {
         b.preventDefault();
         return;
       }
-      b.metaKey || b.ctrlKey || b.button === 1 || (b.preventDefault(), a == null || a(b));
+      b.metaKey || b.ctrlKey || b.button === 1 || (b.preventDefault(), o == null || o(b));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
         className: f,
         href: i ? void 0 : r,
-        onClick: u,
+        onClick: c,
         "aria-disabled": i ? "true" : void 0,
         ...l,
         children: s
       }
     );
   }
-  const p = d && a ? "button" : "div", h = d && a ? {
+  const p = u && o ? "button" : "div", h = u && o ? {
     type: "button",
-    onClick: a,
+    onClick: o,
     disabled: i
   } : {};
   return /* @__PURE__ */ e.jsx(
     p,
     {
       className: f,
-      role: d && !a ? "article" : void 0,
+      role: u && !o ? "article" : void 0,
       ...h,
       ...l,
       children: s
     }
   );
 }
-function Xs({ children: s, ...t }) {
+function st({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...t, children: s });
 }
-function Gs({ children: s, ...t }) {
+function tt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...t, children: s });
 }
-function Js({ children: s, ...t }) {
+function nt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...t, children: s });
 }
-function Zs({ children: s, ...t }) {
+function rt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...t, children: s });
 }
-function Qs({ children: s, secondary: t = !1, ...n }) {
+function at({ children: s, secondary: t = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${t ? "ds-p1--secondary" : ""}`, ...n, children: s });
 }
-function ds({ children: s, secondary: t = !1, ...n }) {
+function ps({ children: s, secondary: t = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${t ? "ds-p2--secondary" : ""}`, ...n, children: s });
 }
-function Fe({ children: s, secondary: t = !1, ...n }) {
+function Ce({ children: s, secondary: t = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${t ? "ds-p3--secondary" : ""}`, ...n, children: s });
 }
-function de({
+function ie({
   children: s,
   variant: t = "default",
   size: n = "m",
-  role: o,
-  ...a
+  role: a,
+  ...o
 }) {
   const r = [
     "ds-badge",
     `ds-badge--${t}`,
     `ds-badge--${n}`
-  ].filter(Boolean).join(" "), i = o || (["info", "success", "warning", "error"].includes(t) ? "status" : void 0);
-  return /* @__PURE__ */ e.jsx("span", { className: r, role: i, ...a, children: s });
+  ].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 us = {
+const hs = {
   info: Ee,
   success: ke,
   warning: ye,
   error: ge
 };
-function et({
+function ot({
   children: s,
   variant: t = "info",
   title: n,
-  onClose: o,
-  role: a,
+  onClose: a,
+  role: o,
   ...r
 }) {
-  const i = us[t], l = a || (t === "error" ? "alert" : "status");
+  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: A[3], strokeWidth: 1.5 }) }),
+    i && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(i, { size: D[3], strokeWidth: 1.5 }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-alert__content", children: [
       n && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: n }),
       s && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: s })
     ] }),
-    o && /* @__PURE__ */ e.jsx(
+    a && /* @__PURE__ */ e.jsx(
       "button",
       {
         type: "button",
         className: "ds-alert__close",
-        onClick: o,
+        onClick: a,
         "aria-label": "Close alert",
-        children: /* @__PURE__ */ e.jsx(te, { size: A[3], strokeWidth: 1.5 })
+        children: /* @__PURE__ */ e.jsx(se, { size: D[3], strokeWidth: 1.5 })
       }
     )
   ] });
 }
-const fs = 200;
-function st({
+const xs = 200;
+function it({
   children: s,
   title: t,
   onClose: n,
-  size: o = "m",
-  scrollable: a = !1,
+  size: a = "m",
+  scrollable: o = !1,
   subHeader: r,
   ...i
 }) {
-  const l = T(null), m = U.useId(), [d, f] = I(!1), p = () => {
-    !n || d || (f(!0), setTimeout(() => {
+  const l = R(null), m = F.useId(), [u, f] = A(!1), p = () => {
+    !n || u || (f(!0), setTimeout(() => {
       f(!1), n();
-    }, fs));
+    }, xs));
   };
-  L(() => {
-    const _ = (g) => {
+  B(() => {
+    const x = (g) => {
       g.key === "Escape" && p();
-    }, y = (g) => {
-      var N, $, P;
-      const R = (($ = (N = g.composedPath) == null ? void 0 : N.call(g)) == null ? void 0 : $[0]) ?? g.target;
-      l.current && !l.current.contains(R) && !((P = R.closest) != null && P.call(R, "[data-ds-portal]")) && p();
+    }, 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();
     };
-    return document.addEventListener("keydown", _), document.addEventListener("mousedown", y), () => {
-      document.removeEventListener("keydown", _), document.removeEventListener("mousedown", y);
+    return document.addEventListener("keydown", x), document.addEventListener("mousedown", w), () => {
+      document.removeEventListener("keydown", x), document.removeEventListener("mousedown", w);
     };
-  }, [n, d]);
-  const h = U.Children.toArray(s), u = h.find((_) => (_ == null ? void 0 : _.type) === he), b = h.filter((_) => (_ == null ? void 0 : _.type) !== he);
-  return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", d && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...i, children: /* @__PURE__ */ e.jsxs(
+  }, [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(
     "div",
     {
-      className: [`ds-modal ds-modal--${o}`, a && "ds-modal--scrollable"].filter(Boolean).join(" "),
+      className: [`ds-modal ds-modal--${a}`, o && "ds-modal--scrollable"].filter(Boolean).join(" "),
       ref: l,
       role: "dialog",
       "aria-modal": "true",
@@ -835,7 +835,7 @@ function st({
             className: "ds-modal__close",
             variant: "ghost",
             size: "small",
-            icon: /* @__PURE__ */ e.jsx(te, { size: A[2], strokeWidth: 1.5 }),
+            icon: /* @__PURE__ */ e.jsx(se, { size: D[2], strokeWidth: 1.5 }),
             onClick: p,
             "aria-label": "Close modal"
           }
@@ -845,45 +845,45 @@ function st({
           r && /* @__PURE__ */ e.jsx("div", { className: "ds-modal__subheader", children: r })
         ] }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: b }),
-        u
+        c
       ]
     }
   ) });
 }
-function he({ children: s }) {
-  return !s || U.Children.count(s) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: s });
+function ue({ children: s }) {
+  return !s || F.Children.count(s) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: s });
 }
-const ms = 320;
-function tt({
+const bs = 320;
+function lt({
   children: s,
   title: t,
   onClose: n,
-  subHeader: o,
-  ...a
+  subHeader: a,
+  ...o
 }) {
-  const r = T(null), i = U.useId(), [l, m] = I(!1), d = () => {
+  const r = R(null), i = F.useId(), [l, m] = A(!1), u = () => {
     !n || l || (m(!0), setTimeout(() => {
       m(!1), n();
-    }, ms));
+    }, bs));
   };
-  L(() => {
-    const u = (_) => {
-      _.key === "Escape" && d();
-    }, b = (_) => {
-      var g, R, N;
-      const y = ((R = (g = _.composedPath) == null ? void 0 : g.call(_)) == null ? void 0 : R[0]) ?? _.target;
-      r.current && !r.current.contains(y) && !((N = y.closest) != null && N.call(y, "[data-ds-portal]")) && d();
+  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();
     };
-    return document.addEventListener("keydown", u), document.addEventListener("mousedown", b), () => {
-      document.removeEventListener("keydown", u), document.removeEventListener("mousedown", b);
+    return document.addEventListener("keydown", c), document.addEventListener("mousedown", b), () => {
+      document.removeEventListener("keydown", c), document.removeEventListener("mousedown", b);
     };
   }, [n, l]);
-  const f = U.Children.toArray(s), p = f.find((u) => (u == null ? void 0 : u.type) === he), h = f.filter((u) => (u == null ? void 0 : u.type) !== he);
+  const 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);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       className: ["ds-bottom-sheet-overlay", l && "ds-bottom-sheet-overlay--closing"].filter(Boolean).join(" "),
-      ...a,
+      ...o,
       children: /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -900,14 +900,14 @@ function tt({
                 className: "ds-bottom-sheet__close",
                 variant: "ghost",
                 size: "small",
-                icon: /* @__PURE__ */ e.jsx(te, { size: A[2], strokeWidth: 1.5 }),
-                onClick: d,
+                icon: /* @__PURE__ */ e.jsx(se, { size: D[2], strokeWidth: 1.5 }),
+                onClick: u,
                 "aria-label": "Close"
               }
             ),
-            (t || o) && /* @__PURE__ */ e.jsxs("div", { className: "ds-bottom-sheet__header", children: [
+            (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 }),
-              o && /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__subheader", children: o })
+              a && /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__subheader", children: a })
             ] }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__body ds-scrollable", children: h }),
             p
@@ -917,25 +917,25 @@ function tt({
     }
   );
 }
-function ps({
+function _s({
   children: s,
   title: t = "Code",
   defaultExpanded: n = !1,
-  expanded: o,
-  onToggle: a,
+  expanded: a,
+  onToggle: o,
   padding: r = "s",
   className: i = "",
   ...l
 }) {
-  const [m, d] = I(n), f = o !== void 0, p = f ? o : m, h = () => {
-    f ? a == null || a(!o) : d((b) => !b);
-  }, u = [
+  const [m, u] = A(n), f = a !== void 0, p = f ? a : m, h = () => {
+    f ? o == null || o(!a) : u((b) => !b);
+  }, c = [
     "ds-code-accordion",
     `ds-code-accordion--${r}`,
     p && "ds-code-accordion--expanded",
     i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: u, ...l, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: c, ...l, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -948,7 +948,7 @@ function ps({
           /* @__PURE__ */ e.jsx(
             xe,
             {
-              size: A[2],
+              size: D[2],
               strokeWidth: 1.5,
               className: `ds-code-accordion__icon ${p ? "ds-code-accordion__icon--expanded" : ""}`
             }
@@ -959,45 +959,45 @@ function ps({
     /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__inner", children: /* @__PURE__ */ e.jsx("pre", { className: "ds-code-accordion__pre ds-scrollable", children: /* @__PURE__ */ e.jsx("code", { children: s }) }) }) })
   ] });
 }
-function nt({ children: s, block: t = !1, collapsible: n = !1, title: o = "Code", defaultExpanded: a = !1, ...r }) {
-  return t ? n ? /* @__PURE__ */ e.jsx(ps, { title: o, defaultExpanded: a, ...r, children: s }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block ds-scrollable", ...r, children: /* @__PURE__ */ e.jsx("code", { children: s }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...r, children: s });
+function 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 rt({ href: s, children: t, onClick: n, target: o, rel: a, ...r }) {
-  const l = o === "_blank" ? a ? `${a} noopener noreferrer` : "noopener noreferrer" : a;
+function dt({ href: s, children: t, 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,
       className: "ds-link",
       onClick: n,
-      target: o,
+      target: a,
       rel: l,
       ...r,
       children: t
     }
   );
 }
-function at({ children: s, size: t = "m", variant: n = "ghost", ...o }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...o, children: U.Children.map(s, (a) => U.isValidElement(a) ? U.cloneElement(a, { size: t, variant: n }) : a) });
+function 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 ot({ children: s, selected: t = !1, onClick: n, size: o = "m", variant: a = "ghost", disabled: r = !1, icon: i, href: l, ...m }) {
-  const d = i && !s, f = [
+function 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 = [
     "ds-tab",
-    `ds-tab--${o}`,
     `ds-tab--${a}`,
+    `ds-tab--${o}`,
     t && "ds-tab--selected",
-    d && "ds-tab--icon-only"
+    u && "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
   ] });
   if (l) {
-    const h = (u) => {
+    const h = (c) => {
       if (r) {
-        u.preventDefault();
+        c.preventDefault();
         return;
       }
-      u.metaKey || u.ctrlKey || u.button === 1 || (u.preventDefault(), n == null || n(u));
+      c.metaKey || c.ctrlKey || c.button === 1 || (c.preventDefault(), n == null || n(c));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
@@ -1026,36 +1026,36 @@ function ot({ children: s, selected: t = !1, onClick: n, size: o = "m", variant:
     }
   );
 }
-function it({ options: s, value: t, onChange: n, size: o = "m", disabled: a = !1 }) {
-  const r = T(null), i = T(null), [l, m] = I(!1), d = T(!1), f = T(null), p = T(null), h = () => {
+function 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 = () => {
     if (!r.current) return;
-    const u = r.current.querySelector(`[data-value="${t}"]`);
-    if (!u) return;
-    const b = r.current.getBoundingClientRect(), _ = u.getBoundingClientRect(), y = _.left - b.left, g = _.width;
-    i.current ? (i.current.style.transition = d.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = y + "px", i.current.style.width = g + "px", d.current = !1) : (m(!0), requestAnimationFrame(() => {
+    const c = r.current.querySelector(`[data-value="${t}"]`);
+    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(() => {
       if (!i.current || !r.current) return;
-      const R = r.current.querySelector(`[data-value="${t}"]`);
-      if (!R) return;
-      const N = r.current.getBoundingClientRect(), $ = R.getBoundingClientRect();
-      i.current.style.transition = "none", i.current.style.left = $.left - N.left + "px", i.current.style.width = $.width + "px";
+      const 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";
     }));
   };
-  return p.current = h, Ve(() => {
-    const u = f.current !== t;
-    f.current = t, d.current = l && u, h();
-  }), L(() => {
+  return p.current = h, qe(() => {
+    const c = f.current !== t;
+    f.current = t, u.current = l && c, h();
+  }), B(() => {
     if (!r.current) return;
-    const u = new ResizeObserver(() => {
-      d.current = !1, p.current();
+    const c = new ResizeObserver(() => {
+      u.current = !1, p.current();
     });
-    return u.observe(r.current), () => u.disconnect();
+    return c.observe(r.current), () => c.disconnect();
   }, []), /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-seg",
-        `ds-seg--${o}`,
-        a && "ds-seg--disabled"
+        `ds-seg--${a}`,
+        o && "ds-seg--disabled"
       ].filter(Boolean).join(" "),
       ref: r,
       role: "group",
@@ -1068,21 +1068,21 @@ function it({ options: s, value: t, onChange: n, size: o = "m", disabled: a = !1
             "aria-hidden": "true"
           }
         ),
-        s.map((u) => /* @__PURE__ */ e.jsxs(
+        s.map((c) => /* @__PURE__ */ e.jsxs(
           "button",
           {
             type: "button",
-            "data-value": u.value,
-            className: ["ds-seg__btn", t === u.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
-            onClick: () => !a && n(u.value),
-            "aria-pressed": t === u.value,
-            disabled: a,
+            "data-value": c.value,
+            className: ["ds-seg__btn", t === c.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
+            onClick: () => !o && n(c.value),
+            "aria-pressed": t === c.value,
+            disabled: o,
             children: [
-              u.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: u.icon }),
-              u.label
+              c.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: c.icon }),
+              c.label
             ]
           },
-          u.value
+          c.value
         ))
       ]
     }
@@ -1092,13 +1092,13 @@ function $e({
   children: s,
   title: t,
   defaultExpanded: n = !1,
-  expanded: o,
-  onToggle: a,
+  expanded: a,
+  onToggle: o,
   padding: r = "m",
   ...i
 }) {
-  const [l, m] = I(n), d = o !== void 0, f = d ? o : l, p = () => {
-    d ? a == null || a(!o) : m((u) => !u);
+  const [l, m] = A(n), u = a !== void 0, f = u ? a : l, p = () => {
+    u ? o == null || o(!a) : m((c) => !c);
   }, h = [
     "ds-accordion",
     `ds-accordion--${r}`,
@@ -1117,7 +1117,7 @@ function $e({
           /* @__PURE__ */ e.jsx(
             xe,
             {
-              size: A[2],
+              size: D[2],
               strokeWidth: 1.5,
               className: `ds-accordion__icon ${f ? "ds-accordion__icon--expanded" : ""}`
             }
@@ -1128,65 +1128,65 @@ function $e({
     /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-inner", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-body", children: s }) }) })
   ] });
 }
-const re = 8, le = 8;
-function hs(s, t, n) {
-  const o = window.innerWidth;
-  let a, r;
+const re = 8, de = 8;
+function js(s, t, n) {
+  const a = window.innerWidth;
+  let o, r;
   switch (s) {
     case "top":
-      a = t.top - n.height - re, r = t.left + t.width / 2 - n.width / 2;
+      o = t.top - n.height - re, r = t.left + t.width / 2 - n.width / 2;
       break;
     case "bottom":
-      a = t.bottom + re, r = t.left + t.width / 2 - n.width / 2;
+      o = t.bottom + re, r = t.left + t.width / 2 - n.width / 2;
       break;
     case "left":
-      a = t.top + t.height / 2 - n.height / 2, r = t.left - n.width - re;
+      o = t.top + t.height / 2 - n.height / 2, r = t.left - n.width - re;
       break;
     case "right":
-      a = t.top + t.height / 2 - n.height / 2, r = t.right + re;
+      o = t.top + t.height / 2 - n.height / 2, r = t.right + re;
       break;
     default:
-      a = t.bottom + re, r = t.left;
+      o = t.bottom + re, r = t.left;
   }
-  const i = Math.max(le, Math.min(o - n.width - le, r)), l = r - i;
-  return { top: a, left: i, arrowOffset: l };
-}
-function xs(s, t, n) {
-  const o = window.innerWidth, a = window.innerHeight;
-  if (s.top >= t + re + le) return "top";
-  if (a - s.bottom >= t + re + le) return "bottom";
-  if (o - s.right >= n + re + le) return "right";
-  if (s.left >= n + re + le) return "left";
-  const r = Math.max(s.top, a - s.bottom, s.left, o - s.right);
-  return r === s.top ? "top" : r === a - s.bottom ? "bottom" : r === o - s.right ? "right" : "left";
-}
-function lt({ children: s, content: t, position: n, ...o }) {
-  const [a, r] = I(!1), [i, l] = I({ visibility: "hidden" }), [m, d] = I(n || "top"), f = T(null), p = T(null), h = T(!1), u = () => {
+  const i = Math.max(de, Math.min(a - n.width - de, r)), l = r - i;
+  return { top: o, left: i, arrowOffset: l };
+}
+function vs(s, t, 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 _ = f.current.getBoundingClientRect(), y = p.current.getBoundingClientRect(), g = n || xs(_, y.height, y.width), { top: R, left: N, arrowOffset: $ } = hs(g, _, y);
-    d(g), l({
+    const 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({
       position: "fixed",
-      top: R,
-      left: N,
+      top: E,
+      left: v,
       visibility: "visible",
-      "--arrow-offset": `${$}px`
+      "--arrow-offset": `${T}px`
     });
   };
-  if (L(() => {
-    if (!a) return;
+  if (B(() => {
+    if (!o) return;
     l({ position: "fixed", visibility: "hidden" });
-    const _ = requestAnimationFrame(u);
-    return window.addEventListener("scroll", u, !0), window.addEventListener("resize", u), () => {
-      cancelAnimationFrame(_), window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
+    const x = requestAnimationFrame(c);
+    return window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
+      cancelAnimationFrame(x), window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
     };
-  }, [a, n]), L(() => {
-    if (!a) return;
-    const _ = (y) => {
-      f.current && !f.current.contains(y.target) && r(!1);
+  }, [o, n]), B(() => {
+    if (!o) return;
+    const x = (w) => {
+      f.current && !f.current.contains(w.target) && r(!1);
     };
-    return document.addEventListener("touchstart", _), () => document.removeEventListener("touchstart", _);
-  }, [a]), !t) return s;
-  const b = a && /* @__PURE__ */ e.jsx(
+    return document.addEventListener("touchstart", x), () => document.removeEventListener("touchstart", x);
+  }, [o]), !t) return s;
+  const b = o && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: p,
@@ -1209,29 +1209,29 @@ function lt({ children: s, content: t, position: n, ...o }) {
         h.current || r(!1);
       },
       onTouchStart: () => {
-        h.current = !0, r((_) => !_);
+        h.current = !0, r((x) => !x);
       },
-      ...o,
+      ...a,
       children: [
         s,
-        typeof document < "u" && pe.createPortal(b, document.body)
+        typeof document < "u" && he.createPortal(b, document.body)
       ]
     }
   );
 }
-function ct({
+function pt({
   checked: s = !1,
   onChange: t,
   size: n = "m",
-  disabled: o = !1,
-  label: a,
+  disabled: a = !1,
+  label: o,
   id: r,
   ...i
 }) {
-  const l = r || `toggle-${U.useId()}`, m = [
+  const l = r || `toggle-${F.useId()}`, m = [
     "ds-toggle",
     `ds-toggle--${n}`,
-    o && "ds-toggle--disabled"
+    a && "ds-toggle--disabled"
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
@@ -1241,29 +1241,29 @@ function ct({
         id: l,
         className: "ds-toggle__input",
         checked: s,
-        onChange: (d) => t == null ? void 0 : t(d.target.checked),
-        disabled: o,
+        onChange: (u) => t == null ? void 0 : t(u.target.checked),
+        disabled: a,
         ...i
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__track", children: /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__thumb" }) }),
-    a && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: a })
+    o && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: o })
   ] });
 }
-function dt({
+function ht({
   checked: s = !1,
   onChange: t,
   size: n = "m",
-  disabled: o = !1,
-  label: a,
+  disabled: a = !1,
+  label: o,
   id: r,
   ...i
 }) {
-  const l = r || `checkbox-${U.useId()}`, m = [
+  const l = r || `checkbox-${F.useId()}`, m = [
     "ds-checkbox",
     `ds-checkbox--${n}`,
-    o && "ds-checkbox--disabled"
-  ].filter(Boolean).join(" "), d = n === "xs" ? 10 : n === "small" ? 14 : n === "large" ? 20 : 16;
+    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: [
     /* @__PURE__ */ e.jsx(
       "input",
@@ -1273,73 +1273,73 @@ function dt({
         className: "ds-checkbox__input",
         checked: s,
         onChange: (f) => t == null ? void 0 : t(f.target.checked),
-        disabled: o,
+        disabled: a,
         ...i
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: s && /* @__PURE__ */ e.jsx(
       we,
       {
-        size: d,
+        size: u,
         strokeWidth: 2.5,
         className: "ds-checkbox__icon"
       }
     ) }),
-    a && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: a })
+    o && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: o })
   ] });
 }
-function ut({
+function xt({
   checked: s = !1,
   onChange: t,
   size: n = "m",
-  disabled: o = !1,
-  label: a,
+  disabled: a = !1,
+  label: o,
   name: r,
   value: i,
   id: l,
   ...m
 }) {
-  const d = l || `radio-${U.useId()}`, f = [
+  const u = l || `radio-${F.useId()}`, f = [
     "ds-radio",
     `ds-radio--${n}`,
-    o && "ds-radio--disabled"
+    a && "ds-radio--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("label", { className: f, htmlFor: d, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: f, htmlFor: u, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "radio",
-        id: d,
+        id: u,
         className: "ds-radio__input",
         checked: s,
         onChange: (p) => t == null ? void 0 : t(p.target.checked),
-        disabled: o,
+        disabled: a,
         name: r,
         value: i,
         ...m
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-radio__circle", children: /* @__PURE__ */ e.jsx("span", { className: "ds-radio__dot" }) }),
-    a && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: a })
+    o && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: o })
   ] });
 }
-function bs({ width: s, height: t, shape: n = "rect", aspectRatio: o, className: a = "", style: r = {}, ...i }) {
+function ws({ width: s, height: t, shape: n = "rect", aspectRatio: a, className: o = "", style: r = {}, ...i }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: ["ds-skeleton", `ds-skeleton--${n}`, a].filter(Boolean).join(" "),
-      style: { width: s, height: t, aspectRatio: o, ...r },
+      className: ["ds-skeleton", `ds-skeleton--${n}`, o].filter(Boolean).join(" "),
+      style: { width: s, height: t, aspectRatio: a, ...r },
       "aria-hidden": "true",
       ...i
     }
   );
 }
-function _s({ lines: s = 1, lastLineWidth: t = "70%", gap: n, className: o = "", style: a = {}, ...r }) {
+function gs({ lines: s = 1, lastLineWidth: t = "70%", gap: n, className: a = "", style: o = {}, ...r }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: ["ds-skeleton-text", o].filter(Boolean).join(" "),
-      style: { gap: n, ...a },
+      className: ["ds-skeleton-text", a].filter(Boolean).join(" "),
+      style: { gap: n, ...o },
       "aria-hidden": "true",
       ...r,
       children: Array.from({ length: s }, (i, l) => /* @__PURE__ */ e.jsx(
@@ -1353,54 +1353,54 @@ function _s({ lines: s = 1, lastLineWidth: t = "70%", gap: n, className: o = "",
     }
   );
 }
-bs.Text = _s;
-function js(s) {
+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;
 }
-function vs(s) {
+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 ft({ seed: s, icon: t, src: n, size: o = 32, className: a = "", style: r = {}, ...i }) {
-  const l = js(s ?? ""), [m, d] = I(!1), f = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: vs(s) });
+function 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) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-avatar", a].filter(Boolean).join(" "),
-      style: { width: o, height: o, "--ds-avatar-h": l, ...r },
+      className: ["ds-avatar", o].filter(Boolean).join(" "),
+      style: { width: a, height: a, "--ds-avatar-h": l, ...r },
       "aria-hidden": "true",
       ...i,
-      children: n && !m ? /* @__PURE__ */ e.jsx("img", { src: n, alt: "", onError: () => d(!0) }) : f
+      children: n && !m ? /* @__PURE__ */ e.jsx("img", { src: n, alt: "", onError: () => u(!0) }) : f
     }
   );
 }
-function mt({
+function _t({
   children: s,
   size: t = "compact",
   stickyTop: n,
-  maxHeight: o,
-  className: a = "",
+  maxHeight: a,
+  className: o = "",
   style: r = {},
   ...i
 }) {
   const l = {
-    ...o ? { maxHeight: o } : {},
+    ...a ? { maxHeight: a } : {},
     ...n !== void 0 ? { "--ds-table-sticky-top": typeof n == "number" ? `${n}px` : n } : {},
     ...r
   };
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-table-wrap", "ds-scrollable", o ? "ds-table-wrap--scroll" : ""].filter(Boolean).join(" "),
+      className: ["ds-table-wrap", "ds-scrollable", a ? "ds-table-wrap--scroll" : ""].filter(Boolean).join(" "),
       style: l,
       children: /* @__PURE__ */ e.jsx(
         "table",
         {
-          className: ["ds-table", `ds-table--${t}`, a].filter(Boolean).join(" "),
+          className: ["ds-table", `ds-table--${t}`, o].filter(Boolean).join(" "),
           ...i,
           children: s
         }
@@ -1408,13 +1408,13 @@ function mt({
     }
   );
 }
-function pt({ children: s, ...t }) {
+function jt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("thead", { ...t, children: s });
 }
-function ht({ children: s, ...t }) {
+function vt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("tbody", { ...t, children: s });
 }
-function xt({ children: s, interactive: t, selected: n, subheader: o, exiting: a, updated: r, className: i = "", onClick: l, ...m }) {
+function Nt({ children: s, interactive: t, selected: n, subheader: a, exiting: o, updated: r, className: i = "", onClick: l, ...m }) {
   return /* @__PURE__ */ e.jsx(
     "tr",
     {
@@ -1422,8 +1422,8 @@ function xt({ children: s, interactive: t, selected: n, subheader: o, exiting: a
         "ds-table-row",
         t || l ? "ds-table-row--interactive" : "",
         n ? "ds-table-row--selected" : "",
-        o ? "ds-table-row--subheader" : "",
-        a ? "ds-table-row--exiting" : "",
+        a ? "ds-table-row--subheader" : "",
+        o ? "ds-table-row--exiting" : "",
         r ? "ds-table-row--updated" : "",
         i
       ].filter(Boolean).join(" "),
@@ -1433,11 +1433,11 @@ function xt({ children: s, interactive: t, selected: n, subheader: o, exiting: a
     }
   );
 }
-function bt({ children: s, colSpan: t = 999, ...n }) {
+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 _t({ children: s, align: t = "left", sortDir: n, onSort: o, width: a, className: r = "", style: i = {}, ...l }) {
-  const m = !!o || n !== void 0, d = n === "asc" ? He : n === "desc" ? xe : Ke;
+function 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;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
@@ -1448,17 +1448,17 @@ function _t({ children: s, align: t = "left", sortDir: n, onSort: o, width: a, c
         t !== "left" ? `ds-table-cell--${t}` : "",
         r
       ].filter(Boolean).join(" "),
-      onClick: o,
-      style: { width: a, ...i },
+      onClick: a,
+      style: { width: o, ...i },
       ...l,
       children: m ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
         s,
-        /* @__PURE__ */ e.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ e.jsx(d, { size: 11, strokeWidth: 2.5 }) })
+        /* @__PURE__ */ e.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ e.jsx(u, { size: 11, strokeWidth: 2.5 }) })
       ] }) : s
     }
   );
 }
-function jt({ children: s, align: t = "left", secondary: n, muted: o, truncate: a, nowrap: r, className: i = "", ...l }) {
+function yt({ children: s, align: t = "left", secondary: n, muted: a, truncate: o, nowrap: r, className: i = "", ...l }) {
   return /* @__PURE__ */ e.jsx(
     "td",
     {
@@ -1466,8 +1466,8 @@ function jt({ children: s, align: t = "left", secondary: n, muted: o, truncate:
         "ds-td",
         t !== "left" ? `ds-table-cell--${t}` : "",
         n ? "ds-table-cell--secondary" : "",
-        o ? "ds-table-cell--muted" : "",
-        a ? "ds-table-cell--truncate" : "",
+        a ? "ds-table-cell--muted" : "",
+        o ? "ds-table-cell--truncate" : "",
         r ? "ds-table-cell--nowrap" : "",
         i
       ].filter(Boolean).join(" "),
@@ -1476,69 +1476,69 @@ function jt({ children: s, align: t = "left", secondary: n, muted: o, truncate:
     }
   );
 }
-function vt({
+function kt({
   icon: s,
   title: t,
   description: n,
-  action: o,
-  size: a = "m",
+  action: a,
+  size: o = "m",
   className: r = "",
   ...i
 }) {
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: ["ds-empty-state", `ds-empty-state--${a}`, r].filter(Boolean).join(" "),
+      className: ["ds-empty-state", `ds-empty-state--${o}`, r].filter(Boolean).join(" "),
       ...i,
       children: [
         s && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__icon", children: s }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__title", children: t }),
         n && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__description", children: n }),
-        o && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__action", children: o })
+        a && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__action", children: a })
       ]
     }
   );
 }
-function Nt({
+function Et({
   label: s,
   hint: t,
   error: n,
-  required: o = !1,
-  disabled: a = !1,
+  required: a = !1,
+  disabled: o = !1,
   htmlFor: r,
   children: i,
   className: l = "",
   style: m,
-  ...d
+  ...u
 }) {
-  const f = U.useId(), p = r ?? f, h = `${p}-hint`, u = `${p}-error`;
+  const f = F.useId(), p = r ?? f, h = `${p}-hint`, c = `${p}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: `ds-field${l ? ` ${l}` : ""}`,
       "data-state": n ? "error" : void 0,
-      "data-required": o ? "" : void 0,
-      "data-disabled": a ? "" : void 0,
+      "data-required": a ? "" : void 0,
+      "data-disabled": o ? "" : void 0,
       style: m,
-      ...d,
+      ...u,
       children: [
         s && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: p, children: s }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-field-control", children: i }),
         t && !n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: h, children: t }),
-        n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: u, role: "alert", children: n })
+        n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: c, role: "alert", children: n })
       ]
     }
   );
 }
-function wt({ label: s, value: t, delta: n, size: o = "m", inline: a = !1, className: r = "", style: i, ...l }) {
+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";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-stat",
-        `ds-stat--${o}`,
-        a && "ds-stat--inline",
+        `ds-stat--${a}`,
+        o && "ds-stat--inline",
         r
       ].filter(Boolean).join(" "),
       style: i,
@@ -1551,21 +1551,21 @@ function wt({ label: s, value: t, delta: n, size: o = "m", inline: a = !1, class
     }
   );
 }
-function gt({
+function Tt({
   children: s,
   separator: t = "/",
   "aria-label": n = "Breadcrumb",
-  className: o = "",
-  style: a,
+  className: a = "",
+  style: o,
   ...r
 }) {
-  const i = U.Children.toArray(s).filter(Boolean);
+  const i = F.Children.toArray(s).filter(Boolean);
   return /* @__PURE__ */ e.jsx(
     "nav",
     {
-      className: `ds-breadcrumb${o ? ` ${o}` : ""}`,
+      className: `ds-breadcrumb${a ? ` ${a}` : ""}`,
       "aria-label": n,
-      style: a,
+      style: o,
       ...r,
       children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: i.map((l, m) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
         l,
@@ -1574,22 +1574,22 @@ function gt({
     }
   );
 }
-function yt({
+function Rt({
   page: s,
   total: t,
   onChange: n,
-  siblings: o = 1,
-  "aria-label": a = "Pagination",
+  siblings: a = 1,
+  "aria-label": o = "Pagination",
   className: r = "",
   style: i,
   ...l
 }) {
-  const m = Ns(s, t, o);
+  const m = Es(s, t, a);
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
       className: `ds-pagination${r ? ` ${r}` : ""}`,
-      "aria-label": a,
+      "aria-label": o,
       style: i,
       ...l,
       children: [
@@ -1600,20 +1600,20 @@ function yt({
             onClick: () => n == null ? void 0 : n(s - 1),
             disabled: s <= 1,
             "aria-label": "Previous page",
-            children: /* @__PURE__ */ e.jsx(Xe, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(Qe, { size: 16 })
           }
         ),
         m.map(
-          (d, f) => d === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${f}`) : /* @__PURE__ */ e.jsx(
+          (u, f) => u === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${f}`) : /* @__PURE__ */ e.jsx(
             "button",
             {
-              className: `ds-pagination-page${d === s ? " ds-pagination-page--current" : ""}`,
-              onClick: () => d !== s && (n == null ? void 0 : n(d)),
-              "aria-current": d === s ? "page" : void 0,
-              "aria-label": `Page ${d}`,
-              children: d
+              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
             },
-            d
+            u
           )
         ),
         /* @__PURE__ */ e.jsx(
@@ -1623,56 +1623,56 @@ function yt({
             onClick: () => n == null ? void 0 : n(s + 1),
             disabled: s >= t,
             "aria-label": "Next page",
-            children: /* @__PURE__ */ e.jsx(Ge, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(es, { size: 16 })
           }
         )
       ]
     }
   );
 }
-function Ns(s, t, n) {
+function Es(s, t, n) {
   if (t <= 7) return Array.from({ length: t }, (i, l) => l + 1);
-  const o = Math.max(2, s - n), a = Math.min(t - 1, s + n), r = [1];
-  o > 2 && r.push("…");
-  for (let i = o; i <= a; i++) r.push(i);
-  return a < t - 1 && r.push("…"), r.push(t), r;
+  const a = Math.max(2, s - n), o = Math.min(t - 1, s + 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;
 }
-const ws = 200;
-function kt({
+const $s = 200;
+function St({
   children: s,
   title: t,
   onClose: n,
-  side: o = "right",
-  ...a
+  side: a = "right",
+  ...o
 }) {
-  const r = T(null), i = U.useId(), [l, m] = I(!1), d = () => {
+  const r = R(null), i = F.useId(), [l, m] = A(!1), u = () => {
     !n || l || (m(!0), setTimeout(() => {
       m(!1), n();
-    }, ws));
+    }, $s));
   };
-  L(() => {
-    const u = (_) => {
-      _.key === "Escape" && d();
-    }, b = (_) => {
-      var g, R, N;
-      const y = ((R = (g = _.composedPath) == null ? void 0 : g.call(_)) == null ? void 0 : R[0]) ?? _.target;
-      r.current && !r.current.contains(y) && !((N = y.closest) != null && N.call(y, "[data-ds-portal]")) && d();
+  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();
     };
-    return document.addEventListener("keydown", u), document.addEventListener("mousedown", b), () => {
-      document.removeEventListener("keydown", u), document.removeEventListener("mousedown", b);
+    return document.addEventListener("keydown", c), document.addEventListener("mousedown", b), () => {
+      document.removeEventListener("keydown", c), document.removeEventListener("mousedown", b);
     };
   }, [n, l]);
-  const f = U.Children.toArray(s), p = f.find((u) => (u == null ? void 0 : u.type) === Be), h = f.filter((u) => (u == null ? void 0 : u.type) !== Be);
+  const 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);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       className: ["ds-drawer-overlay", l && "ds-drawer-overlay--closing"].filter(Boolean).join(" "),
-      ...a,
+      ...o,
       children: /* @__PURE__ */ e.jsxs(
         "aside",
         {
           className: ["ds-drawer", l && "ds-drawer--closing"].filter(Boolean).join(" "),
-          "data-side": o,
+          "data-side": a,
           ref: r,
           role: "dialog",
           "aria-modal": "true",
@@ -1680,7 +1680,7 @@ function kt({
           children: [
             /* @__PURE__ */ e.jsxs("header", { className: "ds-drawer-header", children: [
               t && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-drawer-title", children: t }),
-              n && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: d, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(te, { size: A[2], strokeWidth: 1.5 }) })
+              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 }) })
             ] }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body ds-scrollable", children: h }),
             p
@@ -1693,22 +1693,145 @@ function kt({
 function Be({ children: s }) {
   return /* @__PURE__ */ e.jsx("footer", { className: "ds-drawer-footer", children: s });
 }
-const gs = {
+const Ts = 320;
+function It({
+  children: s,
+  title: t,
+  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));
+  };
+  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();
+    };
+    return document.addEventListener("keydown", c), document.addEventListener("mousedown", b), () => {
+      document.removeEventListener("keydown", c), document.removeEventListener("mousedown", b);
+    };
+  }, [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);
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: ["ds-side-page-overlay", l && "ds-side-page-overlay--closing"].filter(Boolean).join(" "),
+      ...o,
+      children: /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          ref: r,
+          className: ["ds-side-page", l && "ds-side-page--closing"].filter(Boolean).join(" "),
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": t ? i : void 0,
+          children: [
+            n && /* @__PURE__ */ e.jsx(
+              ce,
+              {
+                className: "ds-side-page__close",
+                variant: "ghost",
+                size: "small",
+                icon: /* @__PURE__ */ e.jsx(se, { size: D[2], strokeWidth: 1.5 }),
+                onClick: u,
+                "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 }),
+              a && /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__subheader", children: a })
+            ] }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__body ds-scrollable", children: h }),
+            p
+          ]
+        }
+      )
+    }
+  );
+}
+function Le({ children: s }) {
+  return !s || F.Children.count(s) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__footer", children: s });
+}
+const We = Ke({ collapsed: !1, side: "left" });
+function At({
+  children: s,
+  collapsed: t = !1,
+  side: n = "left",
+  className: a = "",
+  ...o
+}) {
+  const r = [
+    "ds-nav-rail",
+    t && "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 }) });
+}
+function Dt({
+  icon: s,
+  label: t,
+  selected: n = !1,
+  disabled: a = !1,
+  href: o,
+  onClick: r,
+  count: i,
+  updated: l = !1,
+  open: m = !1,
+  onboarding: u = !1,
+  className: f = "",
+  ...p
+}) {
+  const { collapsed: h, side: c } = He(We), w = {
+    className: [
+      "ds-nav-rail__item",
+      f
+    ].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,
+    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
+    },
+    ...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
 };
-function Et({
+function Bt({
   children: s,
   variant: t = "info",
   action: n,
-  onAction: o,
-  onDismiss: a,
+  onAction: a,
+  onDismiss: o,
   role: r,
   ...i
 }) {
-  const l = gs[t], m = r || (t === "error" ? "alert" : "status");
+  const l = Rs[t], m = r || (t === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1716,169 +1839,169 @@ function Et({
       role: m,
       ...i,
       children: [
-        l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: A[2], strokeWidth: 1.5 }) }),
+        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 }),
         n && /* @__PURE__ */ e.jsx(
           "button",
           {
             type: "button",
             className: "ds-banner-action",
-            onClick: o,
+            onClick: a,
             children: n
           }
         ),
-        a && /* @__PURE__ */ e.jsx(
+        o && /* @__PURE__ */ e.jsx(
           "button",
           {
             type: "button",
             className: "ds-banner-dismiss",
-            onClick: a,
+            onClick: o,
             "aria-label": "Dismiss",
-            children: /* @__PURE__ */ e.jsx(te, { size: A[2], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(se, { size: D[2], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function $t({
+function Lt({
   trigger: s,
   items: t = [],
   open: n,
-  onOpenChange: o,
-  align: a = "left",
+  onOpenChange: a,
+  align: o = "left",
   className: r = "",
   style: i,
   ...l
 }) {
-  const [m, d] = I(!1), [f, p] = I(!1), h = n !== void 0, u = h ? n : m, b = T(null), _ = T(null), y = T(null), g = T(null), [R, N] = I({}), $ = T(null), P = 150, B = () => {
+  const [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 = () => {
     if (h)
-      o == null || o(!1);
+      a == null || a(!1);
     else {
       if (f) return;
-      p(!0), $.current = setTimeout(() => {
-        d(!1), p(!1);
+      p(!0), T.current = setTimeout(() => {
+        u(!1), p(!1);
       }, P);
     }
   }, q = () => {
-    const x = !u;
-    h ? o == null || o(x) : x ? (clearTimeout($.current), p(!1), d(!0)) : B();
+    const _ = !c;
+    h ? a == null || a(_) : _ ? (clearTimeout(T.current), p(!1), u(!0)) : L();
   }, H = () => {
-    u || (h ? o == null || o(!0) : (clearTimeout($.current), p(!1), d(!0)));
+    c || (h ? a == null || a(!0) : (clearTimeout(T.current), p(!1), u(!0)));
   };
-  L(() => () => clearTimeout($.current), []), L(() => {
-    if (!u) return;
-    const x = 300, w = () => {
+  B(() => () => clearTimeout(T.current), []), B(() => {
+    if (!c) return;
+    const _ = 300, y = () => {
       var G;
       const S = (G = b.current) == null ? void 0 : G.getBoundingClientRect();
       if (!S) return;
-      const M = window.innerHeight - S.bottom, K = M < x + 8 && S.top > M;
-      N(
-        a === "right" ? K ? { bottom: window.innerHeight - S.top + 4, top: "auto", right: window.innerWidth - S.right } : { top: S.bottom + 4, bottom: "auto", right: window.innerWidth - S.right } : K ? { bottom: window.innerHeight - S.top + 4, top: "auto", left: S.left } : { top: S.bottom + 4, bottom: "auto", left: S.left }
+      const M = window.innerHeight - S.bottom, K = M < _ + 8 && S.top > M;
+      v(
+        o === "right" ? K ? { bottom: window.innerHeight - S.top + 4, top: "auto", right: window.innerWidth - S.right } : { top: S.bottom + 4, bottom: "auto", right: window.innerWidth - S.right } : K ? { bottom: window.innerHeight - S.top + 4, top: "auto", left: S.left } : { top: S.bottom + 4, bottom: "auto", left: S.left }
       );
     };
-    return w(), window.addEventListener("scroll", w, !0), window.addEventListener("resize", w), () => {
-      window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", w);
+    return y(), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y), () => {
+      window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y);
     };
-  }, [u, a]);
-  const F = () => {
-    var w;
-    const x = (w = y.current) == null ? void 0 : w.querySelector(
+  }, [c, o]);
+  const C = () => {
+    var y;
+    const _ = (y = w.current) == null ? void 0 : y.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
-    x == null || x.focus();
+    _ == null || _.focus();
   };
-  L(() => {
-    if (!u) return;
-    const x = (S) => {
+  B(() => {
+    if (!c) return;
+    const _ = (S) => {
       var M, K;
-      !((M = b.current) != null && M.contains(S.target)) && !((K = _.current) != null && K.contains(S.target)) && B();
-    }, w = (S) => {
-      S.key === "Escape" && (B(), F());
+      !((M = b.current) != null && M.contains(S.target)) && !((K = x.current) != null && K.contains(S.target)) && L();
+    }, y = (S) => {
+      S.key === "Escape" && (L(), C());
     };
-    return document.addEventListener("mousedown", x), document.addEventListener("keydown", w), () => {
-      document.removeEventListener("mousedown", x), document.removeEventListener("keydown", w);
+    return document.addEventListener("mousedown", _), document.addEventListener("keydown", y), () => {
+      document.removeEventListener("mousedown", _), document.removeEventListener("keydown", y);
     };
-  }, [u]), L(() => {
-    if (!u || !g.current || !_.current) return;
-    const x = v(), w = g.current === "last" ? x[x.length - 1] : x[0];
-    w == null || w.focus(), g.current = null;
-  }, [u]);
-  const v = () => _.current ? [..._.current.querySelectorAll(
+  }, [c]), 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]);
+  const N = () => x.current ? [...x.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
-  )] : [], C = (x) => {
-    var w, S;
-    if (x.key === "ArrowDown")
-      x.preventDefault(), u ? (w = v()[0]) == null || w.focus() : (g.current = "first", H());
-    else if (x.key === "ArrowUp")
-      if (x.preventDefault(), !u)
+  )] : [], U = (_) => {
+    var y, S;
+    if (_.key === "ArrowDown")
+      _.preventDefault(), c ? (y = N()[0]) == null || y.focus() : (g.current = "first", H());
+    else if (_.key === "ArrowUp")
+      if (_.preventDefault(), !c)
         g.current = "last", H();
       else {
-        const M = v();
+        const M = N();
         (S = M[M.length - 1]) == null || S.focus();
       }
-  }, X = (x) => {
-    var M, K, G, E;
-    const w = v(), S = w.findIndex((c) => c === document.activeElement);
-    switch (x.key) {
+  }, X = (_) => {
+    var M, K, G, $;
+    const y = N(), S = y.findIndex((d) => d === document.activeElement);
+    switch (_.key) {
       case "ArrowDown":
-        x.preventDefault(), (M = w[Math.min(S + 1, w.length - 1)]) == null || M.focus();
+        _.preventDefault(), (M = y[Math.min(S + 1, y.length - 1)]) == null || M.focus();
         break;
       case "ArrowUp":
-        x.preventDefault(), S <= 0 ? F() : (K = w[S - 1]) == null || K.focus();
+        _.preventDefault(), S <= 0 ? C() : (K = y[S - 1]) == null || K.focus();
         break;
       case "Home":
-        x.preventDefault(), (G = w[0]) == null || G.focus();
+        _.preventDefault(), (G = y[0]) == null || G.focus();
         break;
       case "End":
-        x.preventDefault(), (E = w[w.length - 1]) == null || E.focus();
+        _.preventDefault(), ($ = y[y.length - 1]) == null || $.focus();
         break;
       case "Tab":
-        B();
+        L();
         break;
     }
-  }, V = u && /* @__PURE__ */ e.jsx(
+  }, V = c && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: _,
+      ref: x,
       role: "menu",
       "data-ds-portal": "",
       className: [
         "ds-dropdown__menu",
-        `ds-dropdown__menu--${a}`,
+        `ds-dropdown__menu--${o}`,
         f && "ds-dropdown__menu--closing"
       ].filter(Boolean).join(" "),
-      style: R,
+      style: E,
       onKeyDown: X,
-      children: t.map((x, w) => {
-        if (x.separator)
-          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, w);
-        if (x.type === "section")
+      children: t.map((_, y) => {
+        if (_.separator)
+          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, y);
+        if (_.type === "section")
           return /* @__PURE__ */ e.jsxs("div", { className: "ds-dropdown__section", children: [
-            x.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: x.label }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: x.content })
-          ] }, w);
-        const S = !!x.href, M = S ? "a" : "button", K = S ? { href: x.disabled ? void 0 : x.href, "aria-disabled": x.disabled ? "true" : void 0 } : { type: "button", disabled: x.disabled };
+            _.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: _.label }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: _.content })
+          ] }, y);
+        const S = !!_.href, M = 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,
           {
             role: "menuitem",
             className: [
               "ds-dropdown__item",
-              x.danger && "ds-dropdown__item--danger"
+              _.danger && "ds-dropdown__item--danger"
             ].filter(Boolean).join(" "),
             ...K,
             onClick: () => {
               var G;
-              (G = x.onClick) == null || G.call(x), B();
+              (G = _.onClick) == null || G.call(_), L();
             },
             children: [
-              x.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: x.icon }),
-              /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: x.label }),
-              x.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: x.shortcut })
+              _.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: _.icon }),
+              /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: _.label }),
+              _.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: _.shortcut })
             ]
           },
-          w
+          y
         );
       })
     }
@@ -1894,27 +2017,27 @@ function $t({
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: y,
+            ref: w,
             className: "ds-dropdown__trigger",
             onClick: q,
-            onKeyDown: C,
+            onKeyDown: U,
             children: s
           }
         ),
-        typeof document < "u" && pe.createPortal(V, document.body)
+        typeof document < "u" && he.createPortal(V, document.body)
       ]
     }
   );
 }
-function Tt({
+function Pt({
   value: s = 0,
   size: t = "m",
   variant: n = "default",
-  showValue: o = !1,
-  min: a = 2,
+  showValue: a = !1,
+  min: o = 2,
   animate: r = !0
 }) {
-  const i = Math.min(100, Math.max(0, s)), l = Math.max(a, i), m = n === "auto" ? i >= 70 ? "success" : i >= 50 ? "warning" : "danger" : n;
+  const i = Math.min(100, Math.max(0, s)), l = Math.max(o, i), m = n === "auto" ? i >= 70 ? "success" : i >= 50 ? "warning" : "danger" : n;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1935,7 +2058,7 @@ function Tt({
             style: { width: `${l}%` }
           }
         ) }),
-        o && /* @__PURE__ */ e.jsxs("span", { className: "ds-progress__value", children: [
+        a && /* @__PURE__ */ e.jsxs("span", { className: "ds-progress__value", children: [
           Math.round(i),
           "%"
         ] })
@@ -1943,39 +2066,39 @@ function Tt({
     }
   );
 }
-const ys = (s) => 1 - Math.pow(1 - s, 3), ks = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-function Es(s, { duration: t = 600 } = {}) {
-  const [n, o] = I(s), a = T(s), r = T(null);
-  return L(() => {
-    if (ks()) {
-      o(s), a.current = s;
+const 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;
       return;
     }
-    const i = a.current, l = s - i;
+    const i = o.current, l = s - i;
     if (l === 0) return;
     let m = null;
-    const d = (f) => {
+    const u = (f) => {
       m || (m = f);
       const p = Math.min((f - m) / t, 1);
-      o(i + l * ys(p)), p < 1 ? r.current = requestAnimationFrame(d) : a.current = s;
+      a(i + l * Ss(p)), p < 1 ? r.current = requestAnimationFrame(u) : o.current = s;
     };
-    return r.current = requestAnimationFrame(d), () => cancelAnimationFrame(r.current);
+    return r.current = requestAnimationFrame(u), () => cancelAnimationFrame(r.current);
   }, [s, t]), n;
 }
-function Rt({
+function Mt({
   value: s,
   duration: t = 600,
   decimals: n = 0,
-  prefix: o = "",
-  suffix: a = ""
+  prefix: a = "",
+  suffix: o = ""
 }) {
-  const i = Es(s, { duration: t }).toFixed(n);
-  return `${o}${i}${a}`;
+  const i = As(s, { duration: t }).toFixed(n);
+  return `${a}${i}${o}`;
 }
-function $s({ threshold: s = 0.1, rootMargin: t = "0px", once: n = !1 } = {}) {
-  const o = T(null), [a, r] = I(!1);
-  return L(() => {
-    const i = o.current;
+function Ds({ threshold: s = 0.1, rootMargin: t = "0px", once: n = !1 } = {}) {
+  const a = R(null), [o, r] = A(!1);
+  return B(() => {
+    const i = a.current;
     if (!i) return;
     const l = new IntersectionObserver(
       ([m]) => {
@@ -1984,43 +2107,43 @@ function $s({ threshold: s = 0.1, rootMargin: t = "0px", once: n = !1 } = {}) {
       { threshold: s, rootMargin: t }
     );
     return l.observe(i), () => l.disconnect();
-  }, [s, t, n]), { ref: o, inView: a };
+  }, [s, t, n]), { ref: a, inView: o };
 }
-function St({
+function zt({
   children: s,
   as: t = "div",
   once: n = !1,
-  threshold: o = 0.1,
-  rootMargin: a = "0px",
+  threshold: a = 0.1,
+  rootMargin: o = "0px",
   onEnter: r,
   onLeave: i,
   ...l
 }) {
-  const { ref: m, inView: d } = $s({ threshold: o, rootMargin: a, once: n }), f = T(!1);
-  return L(() => {
-    d && !f.current && (r == null || r()), !d && f.current && (i == null || i()), f.current = d;
-  }, [d]), /* @__PURE__ */ e.jsx(t, { ref: m, ...l, children: typeof s == "function" ? s(d) : s });
+  const { 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 Le = {
+const Pe = {
   default: Ee,
   success: ke,
   warning: ye,
   error: ge
 };
-let ue = [];
+let fe = [];
 const ve = /* @__PURE__ */ new Set();
-function We() {
-  ve.forEach((s) => s([...ue]));
+function Ue() {
+  ve.forEach((s) => s([...fe]));
 }
-function Ts(s) {
-  ue = [...ue, s], We();
+function Bs(s) {
+  fe = [...fe, s], Ue();
 }
-function Rs(s) {
-  ue = ue.filter((t) => t.id !== s), We();
+function Ls(s) {
+  fe = fe.filter((t) => t.id !== s), Ue();
 }
-function Dt() {
+function Ot() {
   const s = (t, n = {}) => {
-    Ts({
+    Bs({
       id: `${Date.now()}-${Math.random()}`,
       message: t,
       type: "default",
@@ -2030,13 +2153,13 @@ function Dt() {
   };
   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 };
 }
-function Ss({ data: s, onDismiss: t }) {
-  const [n, o] = I(!1), a = T(null);
-  L(() => (requestAnimationFrame(() => o(!0)), s.duration > 0 && (a.current = setTimeout(() => r(), s.duration)), () => clearTimeout(a.current)), []);
+function 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 r() {
-    o(!1), setTimeout(() => t(s.id), 250);
+    a(!1), setTimeout(() => t(s.id), 250);
   }
-  const i = Le[s.type] ?? Le.default;
+  const i = Pe[s.type] ?? Pe.default;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2048,7 +2171,7 @@ function Ss({ data: s, onDismiss: t }) {
       role: s.type === "error" ? "alert" : "status",
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(i, { size: A[3], strokeWidth: 1.5 }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(i, { size: D[3], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-toast__message", children: s.message }),
         /* @__PURE__ */ e.jsx(
           "button",
@@ -2056,54 +2179,54 @@ function Ss({ data: s, onDismiss: t }) {
             className: "ds-toast__close",
             onClick: r,
             "aria-label": "Закрыть",
-            children: /* @__PURE__ */ e.jsx(te, { size: A[3], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(se, { size: D[3], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function It({ position: s = "bottom-right" }) {
-  const [t, n] = I(() => [...ue]);
-  return L(() => (ve.add(n), () => ve.delete(n)), []), !t.length || typeof document > "u" ? null : pe.createPortal(
-    /* @__PURE__ */ e.jsx("div", { "data-ds-portal": "", className: ["ds-toast-container", `ds-toast-container--${s}`].join(" "), children: t.map((o) => /* @__PURE__ */ e.jsx(Ss, { data: o, onDismiss: Rs }, o.id)) }),
+function 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)) }),
     document.body
   );
 }
-const Ds = {
-  running: /* @__PURE__ */ e.jsx(de, { size: "xs", variant: "info", children: "Running..." }),
-  success: /* @__PURE__ */ e.jsx(de, { size: "xs", variant: "success", children: "Done" }),
-  error: /* @__PURE__ */ e.jsx(de, { size: "xs", variant: "error", children: "Error" })
+const 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" })
 };
-function At({
+function Ct({
   label: s,
   status: t = "idle",
   icon: n,
-  badge: o,
-  defaultExpanded: a = !1,
+  badge: a,
+  defaultExpanded: o = !1,
   expanded: r,
   onToggle: i,
   children: l,
   className: m = "",
-  ...d
+  ...u
 }) {
   const f = t === "running", p = /* @__PURE__ */ e.jsxs("span", { className: "ds-tool-card__title-row", children: [
     n && /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__icon", children: n }),
     /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__label", children: s }),
-    Ds[t],
-    o
+    Ms[t],
+    a
   ] });
   return l ? /* @__PURE__ */ e.jsx(
     "div",
     {
       className: ["ds-tool-card", f && "ds-tool-card--running", m].filter(Boolean).join(" "),
-      ...d,
+      ...u,
       children: /* @__PURE__ */ e.jsx(
         $e,
         {
           title: p,
           padding: "s",
-          defaultExpanded: a,
+          defaultExpanded: o,
           expanded: f ? !1 : r,
           onToggle: f ? void 0 : i,
           children: /* @__PURE__ */ e.jsx("div", { className: "ds-tool-card__body", children: l })
@@ -2114,19 +2237,19 @@ function At({
     "div",
     {
       className: ["ds-tool-card", "ds-tool-card--bubble", m].filter(Boolean).join(" "),
-      ...d,
+      ...u,
       children: p
     }
   );
 }
-function Is({
+function zs({
   text: s,
   size: t = "xs",
   timeout: n = 800,
-  "aria-label": o = "Copy to clipboard",
-  ...a
+  "aria-label": a = "Copy to clipboard",
+  ...o
 }) {
-  const [r, i] = I(!1), l = (m) => {
+  const [r, i] = A(!1), l = (m) => {
     m.currentTarget.blur(), navigator.clipboard.writeText(s).then(() => {
       i(!0), setTimeout(() => i(!1), n);
     });
@@ -2137,48 +2260,48 @@ function Is({
       variant: "ghost",
       size: t,
       state: r ? "success" : "idle",
-      icon: /* @__PURE__ */ e.jsx(Je, { size: A[1], strokeWidth: 1.5 }),
-      "aria-label": o,
+      icon: /* @__PURE__ */ e.jsx(ss, { size: D[1], strokeWidth: 1.5 }),
+      "aria-label": a,
       onClick: l,
-      ...a
+      ...o
     }
   );
 }
-function Bt({ content: s, streaming: t = !1, ...n }) {
-  const [o, a] = I(t);
-  return L(() => {
-    a(!!t);
+function Wt({ content: s, streaming: t = !1, ...n }) {
+  const [a, o] = A(t);
+  return B(() => {
+    o(!!t);
   }, [t]), /* @__PURE__ */ e.jsx(
     $e,
     {
-      expanded: o,
-      onToggle: a,
+      expanded: a,
+      onToggle: o,
       padding: "s",
       title: /* @__PURE__ */ e.jsxs("div", { className: "ds-reasoning__title", children: [
-        /* @__PURE__ */ e.jsx(Ze, { size: A[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
-        /* @__PURE__ */ e.jsx(ds, { secondary: !0, children: "Thinking" })
+        /* @__PURE__ */ e.jsx(ts, { size: D[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
+        /* @__PURE__ */ e.jsx(ps, { secondary: !0, children: "Thinking" })
       ] }),
       ...n,
-      children: /* @__PURE__ */ e.jsxs(Fe, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
+      children: /* @__PURE__ */ e.jsxs(Ce, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
         s,
         t && /* @__PURE__ */ e.jsx("span", { className: "ds-cursor ds-cursor--line" })
       ] })
     }
   );
 }
-function Lt({
+function Ut({
   count: s,
   current: t = 0,
   done: n = [],
-  onChange: o,
-  showCounter: a = !0,
+  onChange: a,
+  showCounter: o = !0,
   className: r = "",
   "aria-label": i = "Steps",
   ...l
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", r].filter(Boolean).join(" "), ...l, children: [
-    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i, children: Array.from({ length: s }, (m, d) => {
-      const f = d === t, p = n.includes(d) && !f, h = o && (d <= t || n.includes(d)), u = [
+    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i, children: Array.from({ length: s }, (m, u) => {
+      const f = u === t, p = n.includes(u) && !f, h = a && (u <= t || n.includes(u)), c = [
         "ds-step-indicator__dot",
         f && "ds-step-indicator__dot--active",
         p && "ds-step-indicator__dot--done"
@@ -2187,46 +2310,46 @@ function Lt({
         "button",
         {
           type: "button",
-          className: u,
+          className: c,
           role: "tab",
           "aria-selected": f,
-          "aria-label": `Step ${d + 1}`,
-          disabled: !h || d === t,
-          onClick: () => o == null ? void 0 : o(d),
+          "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
         },
-        d
+        u
       );
     }) }),
-    a && /* @__PURE__ */ e.jsxs(Fe, { secondary: !0, className: "ds-step-indicator__counter", children: [
+    o && /* @__PURE__ */ e.jsxs(Ce, { secondary: !0, className: "ds-step-indicator__counter", children: [
       t + 1,
       " / ",
       s
     ] })
   ] });
 }
-function Pt({
+function Vt({
   content: s,
   isStreaming: t = !1,
   cursor: n = "line",
-  onChunk: o,
-  className: a = "",
+  onChunk: a,
+  className: o = "",
   ...r
 }) {
-  const i = T(s);
-  return L(() => {
-    s !== i.current && (o == null || o(s), i.current = s);
-  }, [s, o]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", a].filter(Boolean).join(" "), ...r, children: [
+  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" })
   ] });
 }
-function Mt({
+function Yt({
   role: s = "assistant",
   header: t,
   footer: n,
-  attachments: o,
-  isStreaming: a = !1,
+  attachments: a,
+  isStreaming: o = !1,
   children: r,
   className: i = "",
   ...l
@@ -2234,150 +2357,150 @@ function Mt({
   const m = [
     "ds-chat-message",
     `ds-chat-message--${s}`,
-    a && "ds-chat-message--streaming",
+    o && "ds-chat-message--streaming",
     i
   ].filter(Boolean).join(" ");
   return s === "system" ? /* @__PURE__ */ e.jsx("div", { className: m, ...l, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: r }) }) : s === "user" ? /* @__PURE__ */ e.jsxs("div", { className: m, ...l, children: [
-    o && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: o }),
+    a && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: a }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__bubble", children: r }),
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: n })
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: m, ...l, children: [
     t && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__header", children: t }),
-    o && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: o }),
+    a && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: a }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__body", children: r }),
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: n })
   ] });
 }
-function zt(s, { containerRef: t, smartPause: n = !0 } = {}) {
-  const o = T(!1), a = T(0);
-  L(() => {
+function qt(s, { containerRef: t, smartPause: n = !0 } = {}) {
+  const a = R(!1), o = R(0);
+  B(() => {
     const r = t == null ? void 0 : t.current;
     if (!r) return;
     const i = () => {
       const l = r.scrollHeight - r.scrollTop - r.clientHeight < 64;
-      !l && r.scrollTop < a.current && (o.current = !0), l && (o.current = !1), a.current = r.scrollTop;
+      !l && r.scrollTop < o.current && (a.current = !0), l && (a.current = !1), o.current = r.scrollTop;
     };
     return r.addEventListener("scroll", i, { passive: !0 }), () => r.removeEventListener("scroll", i);
-  }, [t]), L(() => {
+  }, [t]), B(() => {
     const r = t == null ? void 0 : t.current;
-    r && (n && o.current || (r.scrollTop = r.scrollHeight));
+    r && (n && a.current || (r.scrollTop = r.scrollHeight));
   }, s);
 }
-function As({
+function Os({
   prompts: s,
   enabled: t,
   typingSpeed: n = 38,
-  erasingSpeed: o = 18,
-  holdTime: a = 2200,
+  erasingSpeed: a = 18,
+  holdTime: o = 2200,
   betweenTime: r = 380,
   manualPauseMs: i = 5e3
 }) {
-  const [l, m] = I(0), [d, f] = I(""), p = T("typing"), h = T(0), u = T(0), b = T(null), _ = T(0);
-  L(() => {
-    u.current = l;
-  }, [l]), L(() => {
+  const [l, m] = A(0), [u, f] = A(""), p = R("typing"), h = R(0), c = R(0), b = R(null), x = R(0);
+  B(() => {
+    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";
       return;
     }
-    const $ = () => {
+    const T = () => {
       const P = Date.now();
-      if (_.current > P) {
-        b.current = setTimeout($, _.current - P);
+      if (x.current > P) {
+        b.current = setTimeout(T, x.current - P);
         return;
       }
-      const B = s[u.current % s.length] ?? "";
-      p.current === "typing" ? (h.current += 1, f(B.slice(0, h.current)), h.current >= B.length ? (p.current = "holding", b.current = setTimeout($, a)) : b.current = setTimeout($, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", b.current = setTimeout($, o)) : (h.current = Math.max(0, h.current - 1), f(B.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", u.current = (u.current + 1) % s.length, m(u.current), b.current = setTimeout($, r)) : b.current = setTimeout($, o));
+      const L = 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));
     };
-    return b.current = setTimeout($, 260), () => {
+    return b.current = setTimeout(T, 260), () => {
       b.current && clearTimeout(b.current);
     };
-  }, [t, s, n, o, a, r]);
-  const y = ($) => {
+  }, [t, s, n, a, o, r]);
+  const w = (T) => {
     if (s.length === 0) return;
-    const P = ($ % s.length + s.length) % s.length, B = s[P];
-    u.current = P, h.current = B.length, p.current = "holding", _.current = Date.now() + i, m(P), f(B);
-  }, g = () => y(u.current + 1), R = () => y(u.current - 1), N = s[l % s.length] ?? "";
-  return { displayed: d, currentPrompt: N, index: l, next: g, prev: R };
+    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 Bs = 0;
-function Ot({
+let Fs = 0;
+function Ht({
   value: s = "",
   onChange: t,
   onSubmit: n,
-  onStop: o,
-  onKeyDown: a,
+  onStop: a,
+  onKeyDown: o,
   loading: r = !1,
   disabled: i = !1,
   placeholder: l = "Let's get things done...",
   animatedPlaceholders: m,
-  attachments: d,
+  attachments: u,
   images: f,
   onAttachFiles: p,
   onAttachImages: h,
-  onRemoveAttachment: u,
+  onRemoveAttachment: c,
   onRemoveImage: b,
-  acceptImage: _,
-  acceptFile: y,
+  acceptImage: x,
+  acceptFile: w,
   maxImages: g,
-  maxImageSize: R,
-  leftSlot: N,
-  rightSlot: $,
+  maxImageSize: E,
+  leftSlot: v,
+  rightSlot: T,
   className: P = "",
-  ...B
+  ...L
 }) {
-  const q = T(null), H = T(null), F = T(0), [v, C] = I(!1), [X, V] = I([]), x = (j) => {
-    const D = ++Bs;
-    V((Y) => [...Y, { id: D, msg: j }]), setTimeout(() => V((Y) => Y.filter((J) => J.id !== D)), 6e3);
-  }, w = (j) => V((D) => D.filter((Y) => Y.id !== j)), S = (j) => j.type.startsWith("image/"), M = () => !0, K = _ ?? S, G = y ?? M, E = (j) => {
-    const D = [], Y = [], J = [], Z = [];
-    let ee = 0, ie = g != null ? g - ((f == null ? void 0 : f.length) ?? 0) : 1 / 0;
-    for (const se of j)
-      K(se) ? R && se.size > R ? J.push(se.name) : ie > 0 ? (D.push(se), ie--) : ee++ : G(se) ? Y.push(se) : Z.push(se.name);
-    return { imageFiles: D, docFiles: Y, tooLarge: J, skipped: Z, limitExceeded: ee };
-  }, c = (j) => {
-    const { imageFiles: D, docFiles: Y, tooLarge: J, skipped: Z, limitExceeded: ee } = E(j);
-    J.length && x(`File${J.length > 1 ? "s" : ""} too large${R ? ` (max ${R / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && x(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`), ee && x(`Max ${g} images per message`), h && D.length && h(D);
-    const ie = Y.concat(h ? [] : D);
-    p && ie.length && p(ie);
+  const 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);
   };
-  L(() => {
+  B(() => {
     const j = H.current;
     j && (j.style.height = "auto", j.style.height = `${Math.min(j.scrollHeight, 200)}px`);
-  }, [s]), L(() => {
-    const j = (D) => {
+  }, [s]), B(() => {
+    const j = (I) => {
       var J, Z, ee;
       if (r || i) return;
-      const Y = (J = D.target) == null ? void 0 : J.tagName;
-      Y === "INPUT" || Y === "TEXTAREA" || Y === "SELECT" || (Z = D.target) != null && Z.isContentEditable || D.ctrlKey || D.metaKey || D.altKey || D.key.length !== 1 && D.key !== "Backspace" && D.key !== "Delete" || (ee = H.current) == null || ee.focus();
+      const 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();
     };
     return document.addEventListener("keydown", j), () => document.removeEventListener("keydown", j);
   }, [r, i]);
   const k = (j) => {
-    j.preventDefault(), F.current++, j.dataTransfer.types.includes("Files") && C(!0);
+    j.preventDefault(), C.current++, j.dataTransfer.types.includes("Files") && U(!0);
   }, z = (j) => {
-    j.preventDefault(), F.current--, F.current === 0 && C(!1);
+    j.preventDefault(), C.current--, C.current === 0 && U(!1);
   }, O = (j) => j.preventDefault(), ne = (j) => {
-    j.preventDefault(), F.current = 0, C(!1);
-    const D = Array.from(j.dataTransfer.files);
-    D.length && c(D);
+    j.preventDefault(), C.current = 0, U(!1);
+    const I = Array.from(j.dataTransfer.files);
+    I.length && d(I);
   }, ae = (j) => {
-    const D = Array.from(j.target.files || []);
-    q.current && (q.current.value = ""), D.length && c(D);
+    const I = Array.from(j.target.files || []);
+    q.current && (q.current.value = ""), I.length && d(I);
   }, W = (j) => {
-    var se;
+    var te;
     if (!h) return;
-    const D = (se = j.clipboardData) == null ? void 0 : se.items;
-    if (!D) return;
+    const I = (te = j.clipboardData) == null ? void 0 : te.items;
+    if (!I) return;
     const Y = [];
-    for (const Ue of D) {
-      const Re = Ue.getAsFile();
+    for (const Ye of I) {
+      const Re = Ye.getAsFile();
       Re && Y.push(Re);
     }
     if (Y.length === 0) return;
-    const { imageFiles: J, tooLarge: Z, skipped: ee, limitExceeded: ie } = E(Y);
-    Z.length && x(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), ee.length && x(`Skipped unsupported file${ee.length > 1 ? "s" : ""}: ${ee.join(", ")}`), ie && x(`Max ${g} images per message`), J.length && (j.preventDefault(), h(J));
-  }, Q = !r && !i && !!(m != null && m.length) && s.length === 0, oe = As({
+    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 ?? [],
     enabled: Q
   }), be = (j) => {
@@ -2395,9 +2518,9 @@ function Ot({
         return;
       }
     }
-    a == null || a(j);
-  }, Ce = (s.trim() || (f == null ? void 0 : f.length) > 0 || (d == null ? void 0 : d.length) > 0) && !i, Te = p || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", P].filter(Boolean).join(" "), ...B, children: [
+    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(
       "input",
       {
@@ -2412,13 +2535,13 @@ function Ot({
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: ["ds-prompt-input__box", v && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
+        className: ["ds-prompt-input__box", N && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
         onDragEnter: k,
         onDragLeave: z,
         onDragOver: O,
         onDrop: ne,
         children: [
-          v && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
+          N && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
           /* @__PURE__ */ e.jsx(
             "textarea",
             {
@@ -2437,19 +2560,19 @@ function Ot({
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-text", children: oe.displayed }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-cursor" })
           ] }),
-          f && f.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: f.map((j, D) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
+          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: "" }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 className: "ds-prompt-input__image-remove",
-                onClick: () => b == null ? void 0 : b(D),
+                onClick: () => b == null ? void 0 : b(I),
                 "aria-label": "Remove image",
                 type: "button",
-                children: /* @__PURE__ */ e.jsx(te, { size: 12, strokeWidth: 2 })
+                children: /* @__PURE__ */ e.jsx(se, { size: 12, strokeWidth: 2 })
               }
             )
-          ] }, D)) }),
+          ] }, 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 }),
             /* @__PURE__ */ e.jsx(
@@ -2457,32 +2580,32 @@ function Ot({
               {
                 type: "button",
                 className: "ds-prompt-input__warning-close",
-                onClick: () => w(j.id),
+                onClick: () => y(j.id),
                 "aria-label": "Dismiss",
-                children: /* @__PURE__ */ e.jsx(te, { size: A[1], strokeWidth: 1.5 })
+                children: /* @__PURE__ */ e.jsx(se, { size: D[1], strokeWidth: 1.5 })
               }
             )
           ] }, j.id)) }),
-          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: d.map((j, D) => /* @__PURE__ */ e.jsx(de, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
-            j.uploading ? /* @__PURE__ */ e.jsx(Qe, { size: A[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Se, { size: A[1], strokeWidth: 1.5 }),
+          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(
               "button",
               {
                 type: "button",
                 className: "ds-prompt-input__remove-btn",
-                onClick: () => u == null ? void 0 : u(D),
-                children: /* @__PURE__ */ e.jsx(te, { size: A[1], strokeWidth: 1.5 })
+                onClick: () => c == null ? void 0 : c(I),
+                children: /* @__PURE__ */ e.jsx(se, { size: D[1], strokeWidth: 1.5 })
               }
             )
-          ] }) }, D)) }),
+          ] }) }, I)) }),
           /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__toolbar", children: [
             Te && /* @__PURE__ */ e.jsx(
               ce,
               {
                 variant: "ghost",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(Se, { size: A[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(Se, { size: D[2], strokeWidth: 1.5 }),
                 "aria-label": "Attach files",
                 onClick: () => {
                   var j;
@@ -2490,16 +2613,16 @@ function Ot({
                 }
               }
             ),
-            N,
-            $,
+            v,
+            T,
             /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__spacer" }),
             r ? /* @__PURE__ */ e.jsx(
               ce,
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(es, { size: A[2], strokeWidth: 1.5 }),
-                onClick: o,
+                icon: /* @__PURE__ */ e.jsx(rs, { size: D[2], strokeWidth: 1.5 }),
+                onClick: a,
                 "aria-label": "Stop"
               }
             ) : /* @__PURE__ */ e.jsx(
@@ -2507,9 +2630,9 @@ function Ot({
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(ss, { size: A[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(as, { size: D[2], strokeWidth: 1.5 }),
                 onClick: n,
-                disabled: !Ce,
+                disabled: !Ve,
                 "aria-label": "Send"
               }
             )
@@ -2519,69 +2642,69 @@ function Ot({
     )
   ] });
 }
-const Pe = { fast: 0, standard: 1, premium: 2 }, Me = { fast: "data-5", standard: "data-3", premium: "data-6" };
-function Ft({
+const Me = { fast: 0, standard: 1, premium: 2 }, ze = { fast: "data-5", standard: "data-3", premium: "data-6" };
+function Kt({
   models: s = [],
   value: t,
   onChange: n,
-  size: o = "xs",
-  minTier: a,
+  size: a = "xs",
+  minTier: o,
   showAutoOption: r = !1,
   groupByTier: i = !0,
   className: l = "",
   ...m
 }) {
-  const [d, f] = I(!1), p = T(null), h = T(null), u = T(null), [b, _] = I({}), y = s.filter((v) => !a || v.name === "auto" ? !0 : (Pe[v.tier] ?? 1) >= (Pe[a] ?? 1)), g = y.find((v) => v.name === "auto"), R = y.filter((v) => v.name !== "auto"), N = s.find((v) => v.name === t), P = new Set(R.map((v) => v.tier).filter(Boolean)).size > 1;
-  L(() => {
-    if (!d) return;
-    const v = 320, C = () => {
+  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 x = (M = h.current) == null ? void 0 : M.getBoundingClientRect();
-      if (!x) return;
-      const w = window.innerHeight - x.bottom, S = w < v + 8 && x.top > w;
-      _({
+      const _ = (M = h.current) == null ? void 0 : M.getBoundingClientRect();
+      if (!_) return;
+      const y = window.innerHeight - _.bottom, S = y < N + 8 && _.top > y;
+      x({
         position: "fixed",
         zIndex: "var(--z-dropdown, 500)",
-        left: x.left,
-        ...S ? { bottom: window.innerHeight - x.top + 4, top: "auto" } : { top: x.bottom + 4, bottom: "auto" }
+        left: _.left,
+        ...S ? { bottom: window.innerHeight - _.top + 4, top: "auto" } : { top: _.bottom + 4, bottom: "auto" }
       });
     };
-    C(), window.addEventListener("scroll", C, !0), window.addEventListener("resize", C);
-    const X = (x) => {
-      var w, S;
-      !((w = p.current) != null && w.contains(x.target)) && !((S = u.current) != null && S.contains(x.target)) && f(!1);
-    }, V = (x) => {
-      x.key === "Escape" && f(!1);
+    U(), window.addEventListener("scroll", U, !0), window.addEventListener("resize", U);
+    const X = (_) => {
+      var y, S;
+      !((y = p.current) != null && y.contains(_.target)) && !((S = c.current) != null && S.contains(_.target)) && f(!1);
+    }, V = (_) => {
+      _.key === "Escape" && f(!1);
     };
     return document.addEventListener("mousedown", X), document.addEventListener("keydown", V), () => {
-      window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C), document.removeEventListener("mousedown", X), document.removeEventListener("keydown", V);
+      window.removeEventListener("scroll", U, !0), window.removeEventListener("resize", U), document.removeEventListener("mousedown", X), document.removeEventListener("keydown", V);
     };
-  }, [d]);
-  const B = (v) => {
-    n == null || n(v), f(!1);
-  }, q = (v) => /* @__PURE__ */ e.jsxs(
+  }, [u]);
+  const L = (N) => {
+    n == null || n(N), f(!1);
+  }, q = (N) => /* @__PURE__ */ e.jsxs(
     "button",
     {
       type: "button",
       className: [
         "ds-model-picker__item",
-        v.name === t && "ds-model-picker__item--active"
+        N.name === t && "ds-model-picker__item--active"
       ].filter(Boolean).join(" "),
-      onClick: () => B(v.name),
+      onClick: () => L(N.name),
       children: [
-        v.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: v.icon }) : /* @__PURE__ */ e.jsx(De, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
-        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: v.displayName || v.name }),
-        P && v.tier && /* @__PURE__ */ e.jsx(de, { size: "xs", variant: Me[v.tier] || "default", children: v.tier })
+        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 })
       ]
     },
-    v.name
-  ), H = () => !i || !P ? R.map(q) : ["fast", "standard", "premium"].flatMap((v) => {
-    const C = R.filter((X) => X.tier === v);
-    return C.length ? [
-      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": v, children: v.charAt(0).toUpperCase() + v.slice(1) }, `lbl-${v}`),
-      ...C.map(q)
+    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)
     ] : [];
-  }), F = d && /* @__PURE__ */ e.jsxs("div", { ref: u, className: "ds-model-picker__menu ds-scrollable", "data-ds-portal": "", style: b, children: [
+  }), 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: [
       /* @__PURE__ */ e.jsxs(
         "button",
@@ -2592,14 +2715,14 @@ function Ft({
             "ds-model-picker__item--auto",
             t === "auto" && "ds-model-picker__item--active"
           ].filter(Boolean).join(" "),
-          onClick: () => B("auto"),
+          onClick: () => L("auto"),
           children: [
-            /* @__PURE__ */ e.jsx(ts, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
+            /* @__PURE__ */ e.jsx(os, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: "Auto (smart routing)" })
           ]
         }
       ),
-      R.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
+      E.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
     ] }),
     H()
   ] });
@@ -2616,54 +2739,54 @@ function Ft({
             ref: h,
             type: "button",
             className: "ds-model-picker__trigger",
-            onClick: () => f((v) => !v),
+            onClick: () => f((N) => !N),
             "aria-haspopup": "listbox",
-            "aria-expanded": d,
+            "aria-expanded": u,
             children: [
-              N != null && N.icon ? /* @__PURE__ */ e.jsx("span", { children: N.icon }) : /* @__PURE__ */ e.jsx(De, { size: 12, strokeWidth: 1.5 }),
-              /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (N == null ? void 0 : N.displayName) || (N == null ? void 0 : N.name) || t }),
-              P && (N == null ? void 0 : N.tier) && /* @__PURE__ */ e.jsx(de, { size: "xs", variant: Me[N.tier] || "default", children: N.tier })
+              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 })
             ]
           }
         ),
-        typeof document < "u" && pe.createPortal(F, document.body)
+        typeof document < "u" && he.createPortal(C, document.body)
       ]
     }
   );
 }
-const Ls = ({ filename: s, pages: t }) => /* @__PURE__ */ e.jsxs("span", { style: { display: "flex", alignItems: "center", gap: "var(--space-2)", minWidth: 0 }, children: [
+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) })
 ] });
 function Ne(s) {
   return s != null && s.length ? "p. " + s.join(", ") : null;
 }
-function Ps(s) {
+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 Wt({
+function Xt({
   sources: s = [],
   layout: t = "list",
   title: n = "Sources",
-  maxVisible: o = 5,
-  onSourceClick: a
+  maxVisible: a = 5,
+  onSourceClick: o
 }) {
-  const [r, i] = I(!1), l = Ps(s), m = l.length > o, d = r ? l : l.slice(0, o), f = s.some((h) => h.snippet), p = ["ds-sources-panel", t === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
+  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: [
-    d.map((h) => {
-      const u = h.items.map((_) => _.page).filter(Boolean), b = !!a;
+    u.map((h) => {
+      const c = h.items.map((x) => x.page).filter(Boolean), b = !!o;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: `ds-sources-panel__compact-row${b ? " ds-sources-panel__compact-row--clickable" : ""}`,
-          onClick: b ? () => a(h.items[0]) : void 0,
+          onClick: b ? () => o(h.items[0]) : void 0,
           children: [
-            /* @__PURE__ */ e.jsx(ns, { size: A[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
+            /* @__PURE__ */ e.jsx(is, { size: D[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
-            u.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ne(u) })
+            c.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ne(c) })
           ]
         },
         h.filename
@@ -2671,26 +2794,26 @@ function Wt({
     }),
     m && !r && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
       "+",
-      l.length - o,
+      l.length - a,
       " more sources"
     ] })
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: p, children: [
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: n }),
-    d.map((h) => {
-      const u = h.items.map((_) => _.page).filter(Boolean), b = !!a;
+    u.map((h) => {
+      const c = h.items.map((x) => x.page).filter(Boolean), b = !!o;
       return f ? /* @__PURE__ */ e.jsx(
         $e,
         {
-          title: /* @__PURE__ */ e.jsx(Ls, { filename: h.filename, pages: u }),
+          title: /* @__PURE__ */ e.jsx(Cs, { filename: h.filename, pages: c }),
           padding: "s",
-          children: h.items.map((_, y) => /* @__PURE__ */ e.jsx(
+          children: h.items.map((x, w) => /* @__PURE__ */ e.jsx(
             "div",
             {
               className: `ds-sources-panel__snippet${b ? " ds-sources-panel__snippet--clickable" : ""}`,
-              onClick: b ? () => a(_) : void 0,
-              children: _.snippet ?? `p. ${_.page}`
+              onClick: b ? () => o(x) : void 0,
+              children: x.snippet ?? `p. ${x.page}`
             },
-            y
+            w
           ))
         },
         h.filename
@@ -2698,10 +2821,10 @@ function Wt({
         "div",
         {
           className: `ds-sources-panel__row${b ? " ds-sources-panel__row--clickable" : ""}`,
-          onClick: b ? () => a(h.items[0]) : void 0,
+          onClick: b ? () => o(h.items[0]) : void 0,
           children: [
             /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
-            u.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ne(u) })
+            c.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Ne(c) })
           ]
         },
         h.filename
@@ -2709,24 +2832,24 @@ function Wt({
     }),
     m && !r && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
       "+",
-      l.length - o,
+      l.length - a,
       " more sources"
     ] })
   ] });
 }
-function ze(s) {
+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 Ct({
+function Gt({
   used: s,
   limit: t,
   size: n = "s",
-  showCount: o = !0,
-  showPercent: a = !1,
+  showCount: a = !0,
+  showPercent: o = !1,
   warningThreshold: r = 0.8,
   errorThreshold: i = 1
 }) {
-  const l = t > 0 ? s / t : 0, m = Math.min(l * 100, 100), d = l >= i ? "error" : l >= r ? "warning" : "normal";
+  const l = t > 0 ? s / t : 0, m = Math.min(l * 100, 100), u = l >= i ? "error" : l >= r ? "warning" : "normal";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2738,18 +2861,18 @@ function Ct({
         /* @__PURE__ */ e.jsx("div", { className: "ds-token-counter__track", children: /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `ds-token-counter__fill ds-token-counter__fill--${d}`,
+            className: `ds-token-counter__fill ds-token-counter__fill--${u}`,
             style: { width: `${m}%` }
           }
         ) }),
-        (o || a) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${d}`, children: [
-          o && /* @__PURE__ */ e.jsxs("span", { children: [
-            ze(s),
+        (a || o) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${u}`, children: [
+          a && /* @__PURE__ */ e.jsxs("span", { children: [
+            Oe(s),
             " / ",
-            ze(t),
+            Oe(t),
             " tokens"
           ] }),
-          a && /* @__PURE__ */ e.jsxs("span", { children: [
+          o && /* @__PURE__ */ e.jsxs("span", { children: [
             Math.round(l * 100),
             "%"
           ] })
@@ -2758,24 +2881,24 @@ function Ct({
     }
   );
 }
-const Oe = 5;
-function Ms(s) {
+const Fe = 5;
+function Us(s) {
   return s < 0.34 ? "low" : s < 0.67 ? "medium" : "high";
 }
-function Ut({
+function Jt({
   value: s = 0,
   size: t = "xs",
   showLabel: n = "none",
-  layout: o = "inline"
+  layout: a = "inline"
 }) {
-  const a = Math.max(0, Math.min(1, s)), r = Math.round(a * Oe), i = Ms(a);
+  const o = Math.max(0, Math.min(1, s)), r = Math.round(o * Fe), i = Us(o);
   return /* @__PURE__ */ e.jsxs("div", { className: [
     "ds-confidence-bar",
     `ds-confidence-bar--${t}`,
     `ds-confidence-bar--${i}`,
-    o === "block" && "ds-confidence-bar--block"
+    a === "block" && "ds-confidence-bar--block"
   ].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: Oe }, (l, m) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: Fe }, (l, m) => /* @__PURE__ */ e.jsx(
       "div",
       {
         className: `ds-confidence-bar__seg${m < r ? " ds-confidence-bar__seg--filled" : ""}`
@@ -2785,48 +2908,48 @@ function Ut({
     n === "text" && /* @__PURE__ */ e.jsx("span", { className: "ds-confidence-bar__label", children: i })
   ] });
 }
-const zs = { add: "+", remove: "-", context: " " };
+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: zs[s.type] }),
+    /* @__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 })
   ] });
 }
-function Vt({
+function Zt({
   lines: s = [],
   layout: t = "inline",
   wordWrap: n = !1,
-  lineNumbers: o = !0,
-  maxHeight: a,
+  lineNumbers: a = !0,
+  maxHeight: o,
   title: r
 }) {
   const i = [
     "ds-diff-view",
     `ds-diff-view--${t}`,
     n && "ds-diff-view--wrap"
-  ].filter(Boolean).join(" "), l = a ? { maxHeight: a, overflowY: "auto" } : void 0;
+  ].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"), d = s.filter((f) => f.type === "add" || f.type === "context");
+    const m = s.filter((f) => f.type === "remove" || f.type === "context"), u = s.filter((f) => f.type === "add" || f.type === "context");
     return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
       r && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: r }),
       /* @__PURE__ */ e.jsxs("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: m.map((f, p) => /* @__PURE__ */ e.jsx(_e, { line: f, lineNumbers: o }, p)) }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: d.map((f, p) => /* @__PURE__ */ e.jsx(_e, { line: f, lineNumbers: o }, p)) })
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: 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)) })
       ] })
     ] });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
     r && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: r }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: s.map((m, d) => /* @__PURE__ */ e.jsx(_e, { line: m, lineNumbers: o }, d)) })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: s.map((m, u) => /* @__PURE__ */ e.jsx(_e, { line: m, lineNumbers: a }, u)) })
   ] });
 }
-function Os({
+function Ys({
   value: s = "idle",
   onLike: t,
   onDislike: n,
-  className: o = "",
-  ...a
+  className: a = "",
+  ...o
 }) {
   const r = s !== "idle";
   return /* @__PURE__ */ e.jsxs(
@@ -2835,9 +2958,9 @@ function Os({
       className: [
         "ds-message-feedback",
         r && "ds-message-feedback--voted",
-        o
+        a
       ].filter(Boolean).join(" "),
-      ...a,
+      ...o,
       children: [
         (!r || s === "liked") && /* @__PURE__ */ e.jsx(
           "button",
@@ -2851,9 +2974,9 @@ function Os({
             "aria-label": "Like",
             "aria-pressed": s === "liked",
             children: /* @__PURE__ */ e.jsx(
-              rs,
+              ls,
               {
-                size: A[1],
+                size: D[1],
                 strokeWidth: 1.5,
                 fill: s === "liked" ? "currentColor" : "none"
               }
@@ -2872,9 +2995,9 @@ function Os({
             "aria-label": "Dislike",
             "aria-pressed": s === "disliked",
             children: /* @__PURE__ */ e.jsx(
-              as,
+              cs,
               {
-                size: A[1],
+                size: D[1],
                 strokeWidth: 1.5,
                 fill: s === "disliked" ? "currentColor" : "none"
               }
@@ -2885,47 +3008,47 @@ function Os({
     }
   );
 }
-function Fs(s) {
+function qs(s) {
   const t = s instanceof Date ? s : new Date(s);
   if (isNaN(t)) return null;
-  const n = /* @__PURE__ */ new Date(), o = t.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: !1 }), a = new Date(n.getFullYear(), n.getMonth(), n.getDate()), r = new Date(a - 864e5);
-  if (t >= a) return o;
-  if (t >= r) return `Yesterday ${o}`;
+  const 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" });
-  return `${i} ${l} ${o}`;
+  return `${i} ${l} ${a}`;
 }
-function Yt({
+function Qt({
   role: s = "assistant",
   text: t,
   timestamp: n,
-  feedbackValue: o = "idle",
-  onLike: a,
+  feedbackValue: a = "idle",
+  onLike: o,
   onDislike: r,
   className: i = "",
   ...l
 }) {
-  const m = s === "assistant" && (a || r), d = !!t, f = n ? Fs(n) : null;
-  return !m && !d && !f ? null : /* @__PURE__ */ e.jsxs(
+  const m = s === "assistant" && (o || r), u = !!t, f = n ? qs(n) : null;
+  return !m && !u && !f ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: ["ds-message-footer", `ds-message-footer--${s}`, i].filter(Boolean).join(" "),
       ...l,
       children: [
         s === "user" && f && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: f }),
-        m && /* @__PURE__ */ e.jsx(Os, { className: "ds-message-action", value: o, onLike: a, onDislike: r }),
-        d && /* @__PURE__ */ e.jsx(Is, { className: "ds-message-action", text: t }),
+        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 })
       ]
     }
   );
 }
-function qt({ label: s, className: t = "", ...n }) {
+function en({ label: s, className: t = "", ...n }) {
   return /* @__PURE__ */ e.jsxs("span", { className: ["ds-thinking-dot", t].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 })
   ] });
 }
-function Ht({ variant: s = "light", glow: t, mask: n = !0, style: o, ...a }) {
+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)";
   return /* @__PURE__ */ e.jsx(
     "div",
@@ -2939,9 +3062,9 @@ function Ht({ variant: s = "light", glow: t, mask: n = !0, style: o, ...a }) {
         ...i && {
           background: "radial-gradient(ellipse 1000px 500px at 50% 30%, rgba(234,100,100,0.18), transparent 70%)"
         },
-        ...o
+        ...a
       },
-      ...a,
+      ...o,
       children: /* @__PURE__ */ e.jsx(
         "div",
         {
@@ -2966,93 +3089,97 @@ function Ht({ variant: s = "light", glow: t, mask: n = !0, style: o, ...a }) {
     }
   );
 }
-function Kt({ children: s, axis: t = "y", style: n, className: o = "", ...a }) {
+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" };
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `ds-scrollable ${o}`,
+      className: `ds-scrollable ${a}`,
       style: { ...r, ...n },
-      ...a,
+      ...o,
       children: s
     }
   );
 }
 export {
   $e as Accordion,
-  et as Alert,
-  Rt as AnimatedNumber,
-  ft as Avatar,
-  de as Badge,
-  Et as Banner,
-  tt as BottomSheet,
-  gt as Breadcrumb,
+  ot as Alert,
+  Mt as AnimatedNumber,
+  bt as Avatar,
+  ie as Badge,
+  Bt as Banner,
+  lt as BottomSheet,
+  Tt as Breadcrumb,
   ce as Button,
-  Ks as Card,
-  Mt as ChatMessage,
-  dt as Checkbox,
-  nt as Code,
-  ps as CodeAccordion,
-  Ut as ConfidenceBar,
-  Is as CopyButton,
-  Vt as DiffView,
-  kt as Drawer,
+  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,
-  $t as Dropdown,
-  vt as EmptyState,
-  Ht as EngineerGrid,
-  Nt as FormField,
-  Xs as H1,
-  Gs as H2,
-  Js as H3,
-  Zs as H4,
-  St as InView,
-  Vs as Input,
-  rt as Link,
-  Os as MessageFeedback,
-  Yt as MessageFooter,
-  st as Modal,
-  he as ModalFooter,
-  Ft as ModelPicker,
-  Qs as P1,
-  ds as P2,
-  Fe as P3,
-  yt as Pagination,
-  Tt as ProgressBar,
-  Ot as PromptInput,
-  ut as Radio,
-  Bt as ReasoningBlock,
-  Kt as Scrollable,
-  it as SegmentedControl,
-  qs as Select,
-  bs as Skeleton,
-  Wt as SourcesPanel,
-  ls as Spinner,
-  wt as Stat,
-  Lt as StepIndicator,
-  Hs as Stepper,
-  Pt as StreamingText,
-  ot as Tab,
-  mt as Table,
-  ht as TableBody,
-  pt as TableHead,
-  xt as TableRow,
-  bt as TableSubheaderRow,
-  at as Tabs,
-  jt as Td,
-  Ys as Textarea,
-  _t as Th,
-  qt as ThinkingDot,
-  It as ToastContainer,
-  ct as Toggle,
-  Ct as TokenCounter,
-  At as ToolCallBubble,
-  At as ToolCallCard,
-  lt as Tooltip,
-  A as iconSizes,
-  Es as useAnimatedNumber,
-  As as useAnimatedPlaceholder,
-  $s as useInView,
-  zt as useStreamScroll,
-  Dt as useToast
+  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
 };