@agentatom/design-system 1.4.84 → 1.4.86

package/dist/index.es.js

@@ -1,14 +1,14 @@
-import X, { useMemo as ut, useContext as ae, createContext as De, useState as L, useRef as I, useEffect as z, useLayoutEffect as ft, forwardRef as rt, useCallback as de } from "react";
-import { Check as Le, X as te, ChevronDown as we, Minus as mt, Plus as pt, XCircle as Pe, AlertTriangle as Me, CheckCircle as ze, Info as Fe, ChevronUp as ht, ChevronsUpDown as xt, ChevronLeft as vt, ChevronRight as bt, Copy as _t, Brain as jt, Loader as Nt, Paperclip as He, Square as gt, ArrowUp as wt, Zap as yt, Cpu as Ye, FileText as kt, ThumbsUp as Et, ThumbsDown as Tt } from "lucide-react";
-import oe from "react-dom";
-const U = {
+import X, { useMemo as ht, useContext as ie, createContext as Le, useState as P, useRef as B, useEffect as F, useLayoutEffect as it, useId as xt, useCallback as te, forwardRef as lt } from "react";
+import { Check as Pe, X as se, ChevronDown as we, Minus as vt, Plus as _t, XCircle as Me, AlertTriangle as ze, CheckCircle as Fe, Info as We, ChevronUp as bt, ChevronsUpDown as jt, ChevronLeft as gt, ChevronRight as Nt, Copy as wt, Brain as yt, Loader as kt, Paperclip as Ye, Square as Et, ArrowUp as Tt, Zap as $t, Cpu as qe, FileText as Rt, ThumbsUp as St, ThumbsDown as At } from "lucide-react";
+import re from "react-dom";
+const q = {
   1: 16,
   2: 20,
   3: 24,
   4: 28,
   5: 48
 };
-var Ie = { exports: {} }, Ne = {};
+var Be = { exports: {} }, ge = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -18,10 +18,10 @@ var Ie = { exports: {} }, Ne = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var qe;
-function $t() {
-  if (qe) return Ne;
-  qe = 1;
+var Ge;
+function It() {
+  if (Ge) return ge;
+  Ge = 1;
   var t = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
   function n(a, r, o) {
     var i = null;
@@ -38,9 +38,9 @@ function $t() {
       props: o
     };
   }
-  return Ne.Fragment = s, Ne.jsx = n, Ne.jsxs = n, Ne;
+  return ge.Fragment = s, ge.jsx = n, ge.jsxs = n, ge;
 }
-var ge = {};
+var Ne = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -50,16 +50,16 @@ var ge = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ge;
-function Rt() {
-  return Ge || (Ge = 1, process.env.NODE_ENV !== "production" && function() {
+var Ke;
+function Bt() {
+  return Ke || (Ke = 1, process.env.NODE_ENV !== "production" && function() {
     function t(m) {
       if (m == null) return null;
       if (typeof m == "function")
-        return m.$$typeof === P ? null : m.displayName || m.name || null;
+        return m.$$typeof === L ? null : m.displayName || m.name || null;
       if (typeof m == "string") return m;
       switch (m) {
-        case g:
+        case N:
           return "Fragment";
         case y:
           return "Profiler";
@@ -67,27 +67,27 @@ function Rt() {
           return "StrictMode";
         case S:
           return "Suspense";
-        case B:
+        case A:
           return "SuspenseList";
-        case E:
+        case k:
           return "Activity";
       }
       if (typeof m == "object")
         switch (typeof m.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), m.$$typeof) {
-          case N:
-            return "Portal";
           case j:
+            return "Portal";
+          case g:
             return m.displayName || "Context";
-          case k:
+          case E:
             return (m._context.displayName || "Context") + ".Consumer";
           case b:
             var x = m.render;
             return m = m.displayName, m || (m = x.displayName || x.name || "", m = m !== "" ? "ForwardRef(" + m + ")" : "ForwardRef"), m;
           case D:
             return x = m.displayName || null, x !== null ? x : t(m.type) || "Memo";
-          case W:
+          case C:
             x = m._payload, m = m._init;
             try {
               return t(m(x));
@@ -108,17 +108,17 @@ function Rt() {
       }
       if (x) {
         x = console;
-        var R = x.error, F = typeof Symbol == "function" && Symbol.toStringTag && m[Symbol.toStringTag] || m.constructor.name || "Object";
-        return R.call(
+        var I = x.error, U = typeof Symbol == "function" && Symbol.toStringTag && m[Symbol.toStringTag] || m.constructor.name || "Object";
+        return I.call(
           x,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          F
+          U
         ), s(m);
       }
     }
     function a(m) {
-      if (m === g) return "<>";
-      if (typeof m == "object" && m !== null && m.$$typeof === W)
+      if (m === N) return "<>";
+      if (typeof m == "object" && m !== null && m.$$typeof === C)
         return "<...>";
       try {
         var x = t(m);
@@ -135,39 +135,39 @@ function Rt() {
       return Error("react-stack-top-frame");
     }
     function i(m) {
-      if (G.call(m, "key")) {
+      if (W.call(m, "key")) {
         var x = Object.getOwnPropertyDescriptor(m, "key").get;
         if (x && x.isReactWarning) return !1;
       }
       return m.key !== void 0;
     }
     function l(m, x) {
-      function R() {
-        A || (A = !0, console.error(
+      function I() {
+        $ || ($ = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           x
         ));
       }
-      R.isReactWarning = !0, Object.defineProperty(m, "key", {
-        get: R,
+      I.isReactWarning = !0, Object.defineProperty(m, "key", {
+        get: I,
         configurable: !0
       });
     }
     function c() {
       var m = t(this.type);
-      return $[m] || ($[m] = !0, console.error(
+      return R[m] || (R[m] = !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."
       )), m = this.props.ref, m !== void 0 ? m : null;
     }
-    function u(m, x, R, F, ee, ie) {
-      var H = R.ref;
+    function f(m, x, I, U, ee, le) {
+      var G = I.ref;
       return m = {
         $$typeof: v,
         type: m,
         key: x,
-        props: R,
-        _owner: F
-      }, (H !== void 0 ? H : null) !== null ? Object.defineProperty(m, "ref", {
+        props: I,
+        _owner: U
+      }, (G !== void 0 ? G : null) !== null ? Object.defineProperty(m, "ref", {
         enumerable: !1,
         get: c
       }) : Object.defineProperty(m, "ref", { enumerable: !1, value: null }), m._store = {}, Object.defineProperty(m._store, "validated", {
@@ -189,101 +189,101 @@ function Rt() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ie
+        value: le
       }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
     }
-    function d(m, x, R, F, ee, ie) {
-      var H = x.children;
-      if (H !== void 0)
-        if (F)
-          if (Y(H)) {
-            for (F = 0; F < H.length; F++)
-              p(H[F]);
-            Object.freeze && Object.freeze(H);
+    function d(m, x, I, U, ee, le) {
+      var G = x.children;
+      if (G !== void 0)
+        if (U)
+          if (M(G)) {
+            for (U = 0; U < G.length; U++)
+              p(G[U]);
+            Object.freeze && Object.freeze(G);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else p(H);
-      if (G.call(x, "key")) {
-        H = t(m);
-        var Z = Object.keys(x).filter(function(_e) {
-          return _e !== "key";
+        else p(G);
+      if (W.call(x, "key")) {
+        G = t(m);
+        var Z = Object.keys(x).filter(function(be) {
+          return be !== "key";
         });
-        F = 0 < Z.length ? "{key: someKey, " + Z.join(": ..., ") + ": ...}" : "{key: someKey}", C[H + F] || (Z = 0 < Z.length ? "{" + Z.join(": ..., ") + ": ...}" : "{}", console.error(
+        U = 0 < Z.length ? "{key: someKey, " + Z.join(": ..., ") + ": ...}" : "{key: someKey}", Y[G + U] || (Z = 0 < Z.length ? "{" + Z.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          F,
-          H,
+          U,
+          G,
           Z,
-          H
-        ), C[H + F] = !0);
+          G
+        ), Y[G + U] = !0);
       }
-      if (H = null, R !== void 0 && (n(R), H = "" + R), i(x) && (n(x.key), H = "" + x.key), "key" in x) {
-        R = {};
+      if (G = null, I !== void 0 && (n(I), G = "" + I), i(x) && (n(x.key), G = "" + x.key), "key" in x) {
+        I = {};
         for (var fe in x)
-          fe !== "key" && (R[fe] = x[fe]);
-      } else R = x;
-      return H && l(
-        R,
+          fe !== "key" && (I[fe] = x[fe]);
+      } else I = x;
+      return G && l(
+        I,
         typeof m == "function" ? m.displayName || m.name || "Unknown" : m
-      ), u(
+      ), f(
         m,
-        H,
-        R,
+        G,
+        I,
         r(),
         ee,
-        ie
+        le
       );
     }
     function p(m) {
-      h(m) ? m._store && (m._store.validated = 1) : typeof m == "object" && m !== null && m.$$typeof === W && (m._payload.status === "fulfilled" ? h(m._payload.value) && m._payload.value._store && (m._payload.value._store.validated = 1) : m._store && (m._store.validated = 1));
+      h(m) ? m._store && (m._store.validated = 1) : typeof m == "object" && m !== null && m.$$typeof === C && (m._payload.status === "fulfilled" ? h(m._payload.value) && m._payload.value._store && (m._payload.value._store.validated = 1) : m._store && (m._store.validated = 1));
     }
     function h(m) {
       return typeof m == "object" && m !== null && m.$$typeof === v;
     }
-    var f = X, v = Symbol.for("react.transitional.element"), N = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), k = Symbol.for("react.consumer"), j = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), W = Symbol.for("react.lazy"), E = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), O = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, G = Object.prototype.hasOwnProperty, Y = Array.isArray, _ = console.createTask ? console.createTask : function() {
+    var u = X, v = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), N = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), g = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), A = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), k = Symbol.for("react.activity"), L = Symbol.for("react.client.reference"), O = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, M = Array.isArray, _ = console.createTask ? console.createTask : function() {
       return null;
     };
-    f = {
+    u = {
       react_stack_bottom_frame: function(m) {
         return m();
       }
     };
-    var A, $ = {}, q = f.react_stack_bottom_frame.bind(
-      f,
+    var $, R = {}, V = u.react_stack_bottom_frame.bind(
+      u,
       o
-    )(), V = _(a(o)), C = {};
-    ge.Fragment = g, ge.jsx = function(m, x, R) {
-      var F = 1e4 > O.recentlyCreatedOwnerStacks++;
+    )(), H = _(a(o)), Y = {};
+    Ne.Fragment = N, Ne.jsx = function(m, x, I) {
+      var U = 1e4 > O.recentlyCreatedOwnerStacks++;
       return d(
         m,
         x,
-        R,
+        I,
         !1,
-        F ? Error("react-stack-top-frame") : q,
-        F ? _(a(m)) : V
+        U ? Error("react-stack-top-frame") : V,
+        U ? _(a(m)) : H
       );
-    }, ge.jsxs = function(m, x, R) {
-      var F = 1e4 > O.recentlyCreatedOwnerStacks++;
+    }, Ne.jsxs = function(m, x, I) {
+      var U = 1e4 > O.recentlyCreatedOwnerStacks++;
       return d(
         m,
         x,
-        R,
+        I,
         !0,
-        F ? Error("react-stack-top-frame") : q,
-        F ? _(a(m)) : V
+        U ? Error("react-stack-top-frame") : V,
+        U ? _(a(m)) : H
       );
     };
-  }()), ge;
+  }()), Ne;
 }
-process.env.NODE_ENV === "production" ? Ie.exports = $t() : Ie.exports = Rt();
-var e = Ie.exports;
-const Te = {
+process.env.NODE_ENV === "production" ? Be.exports = It() : Be.exports = Bt();
+var e = Be.exports;
+const $e = {
   // Close / dismiss
   close: "Close",
   closeModal: "Close modal",
@@ -332,33 +332,33 @@ const Te = {
   uploading: "Uploading...",
   removeAttachment: "Remove attachment"
 };
-function at(t, s = {}) {
+function ct(t, s = {}) {
   return typeof t == "function" ? t(s) : typeof t != "string" ? "" : t.replace(
     /\{(\w+)\}/g,
     (n, a) => s[a] !== void 0 && s[a] !== null ? String(s[a]) : ""
   );
 }
-const We = De({
-  strings: Te,
-  t: (t, s) => at(Te[t] ?? t, s)
+const Ce = Le({
+  strings: $e,
+  t: (t, s) => ct($e[t] ?? t, s)
 });
-function bs({ strings: t, children: s }) {
-  const n = ut(() => {
-    const a = { ...Te, ...t };
+function ws({ strings: t, children: s }) {
+  const n = ht(() => {
+    const a = { ...$e, ...t };
     return {
       strings: a,
-      t: (r, o) => at(a[r] ?? Te[r] ?? r, o)
+      t: (r, o) => ct(a[r] ?? $e[r] ?? r, o)
     };
   }, [t]);
-  return /* @__PURE__ */ e.jsx(We.Provider, { value: n, children: s });
+  return /* @__PURE__ */ e.jsx(Ce.Provider, { value: n, children: s });
 }
 function ye() {
-  return ae(We);
+  return ie(Ce);
 }
 function K() {
-  return ae(We).strings;
+  return ie(Ce).strings;
 }
-function St({ size: t = "m", color: s = "default", className: n = "", "aria-label": a, ...r }) {
+function Dt({ size: t = "m", color: s = "default", className: n = "", "aria-label": a, ...r }) {
   const o = K();
   return /* @__PURE__ */ e.jsx(
     "span",
@@ -370,8 +370,8 @@ function St({ size: t = "m", color: s = "default", className: n = "", "aria-labe
     }
   );
 }
-const At = { xs: 12, s: 14, m: 16, l: 20 };
-function ce({
+const Lt = { xs: 12, s: 14, m: 16, l: 20 };
+function de({
   children: t,
   variant: s = "primary",
   size: n = "m",
@@ -387,47 +387,47 @@ function ce({
   active: l = !1,
   /** Alias of `active` — same toggle-on style. */
   pressed: c = !1,
-  onClick: u,
+  onClick: f,
   type: d = "button",
   href: p,
   "aria-label": h,
-  "aria-pressed": f,
+  "aria-pressed": u,
   className: v = "",
-  ...N
+  ...j
 }) {
-  const g = r && !t, w = i === "loading", y = i === "success", k = i === "error", j = w || y || k, b = !!(l || c), S = n === "xs" ? "s" : "m", B = s === "danger" ? "on-accent" : "default", D = At[n] ?? 16, W = w ? /* @__PURE__ */ e.jsx(St, { size: S, color: B }) : y ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Le, { size: D, strokeWidth: 2.5 }) }) : k ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(te, { size: D, strokeWidth: 2.5 }) }) : null, E = [
+  const N = r && !t, w = i === "loading", y = i === "success", E = i === "error", g = w || y || E, b = !!(l || c), S = n === "xs" ? "s" : "m", A = s === "danger" ? "on-accent" : "default", D = Lt[n] ?? 16, C = w ? /* @__PURE__ */ e.jsx(Dt, { size: S, color: A }) : y ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Pe, { size: D, strokeWidth: 2.5 }) }) : E ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(se, { size: D, strokeWidth: 2.5 }) }) : null, k = [
     "ds-button",
     `ds-button--${s}`,
     `ds-button--${n}`,
     a && "ds-button--full",
-    g && "ds-button--icon-only",
+    N && "ds-button--icon-only",
     v
-  ].filter(Boolean).join(" "), P = i !== "idle" ? i : void 0, O = f !== void 0 ? f : b ? !0 : void 0, G = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    j ? W : r && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: r }),
+  ].filter(Boolean).join(" "), L = i !== "idle" ? i : void 0, O = u !== void 0 ? u : b ? !0 : void 0, W = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    g ? C : r && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: r }),
     t
   ] });
   if (p) {
-    const Y = (_) => {
+    const M = (_) => {
       if (o || w) {
         _.preventDefault();
         return;
       }
-      _.metaKey || _.ctrlKey || _.button === 1 || (_.preventDefault(), u == null || u(_));
+      _.metaKey || _.ctrlKey || _.button === 1 || (_.preventDefault(), f == null || f(_));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
-        className: E,
+        className: k,
         href: o || w ? void 0 : p,
-        onClick: Y,
+        onClick: M,
         "aria-label": h,
         "aria-disabled": o || w ? "true" : void 0,
         "aria-busy": w ? "true" : void 0,
         "aria-pressed": O,
-        "data-state": P,
+        "data-state": L,
         "data-active": b ? "true" : void 0,
-        ...N,
-        children: G
+        ...j,
+        children: W
       }
     );
   }
@@ -435,20 +435,20 @@ function ce({
     "button",
     {
       type: d,
-      className: E,
+      className: k,
       disabled: o,
-      onClick: w ? void 0 : u,
+      onClick: w ? void 0 : f,
       "aria-label": h,
       "aria-busy": w ? "true" : void 0,
       "aria-pressed": O,
-      "data-state": P,
+      "data-state": L,
       "data-active": b ? "true" : void 0,
-      ...N,
-      children: G
+      ...j,
+      children: W
     }
   );
 }
-function _s({
+function ys({
   label: t,
   error: s,
   hint: n,
@@ -458,23 +458,23 @@ function _s({
   onIconRightClick: i,
   size: l = "m",
   disabled: c,
-  id: u,
+  id: f,
   iconRightLabel: d,
   ...p
 }) {
-  const h = K(), f = u || `input-${X.useId()}`, v = n ? `${f}-hint` : void 0, N = s ? `${f}-error` : void 0, g = N || v;
+  const h = K(), u = f || `input-${X.useId()}`, v = n ? `${u}-hint` : void 0, j = s ? `${u}-error` : void 0, N = j || v;
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${a ? "ds-input-wrapper--full" : ""} ${c ? "ds-input-wrapper--disabled" : ""} ${s ? "ds-input-wrapper--error" : ""}`, children: [
-    t && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: f, children: t }),
+    t && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: u, children: t }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-input-container", children: [
       r && /* @__PURE__ */ e.jsx("span", { className: `ds-input-icon ds-input-icon--${l}`, "aria-hidden": "true", children: r }),
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          id: f,
+          id: u,
           className: `ds-input ds-input--${l} ${r ? "ds-input--with-icon" : ""} ${o ? "ds-input--with-icon-right" : ""} ${s ? "ds-input--error" : ""}`,
           disabled: c,
           "aria-invalid": s ? "true" : "false",
-          "aria-describedby": g,
+          "aria-describedby": N,
           ...p
         }
       ),
@@ -491,10 +491,10 @@ function _s({
       )
     ] }),
     n && !s && /* @__PURE__ */ e.jsx("span", { id: v, className: "ds-input-hint", children: n }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: s && /* @__PURE__ */ e.jsx("span", { id: N, className: "ds-input-error", role: "alert", children: s }) }) })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: s && /* @__PURE__ */ e.jsx("span", { id: j, className: "ds-input-error", role: "alert", children: s }) }) })
   ] });
 }
-function js({
+function ks({
   label: t,
   error: s,
   hint: n,
@@ -504,9 +504,9 @@ function js({
   id: i,
   resize: l = !0,
   rows: c = 3,
-  ...u
+  ...f
 }) {
-  const d = i || `textarea-${X.useId()}`, p = n ? `${d}-hint` : void 0, h = s ? `${d}-error` : void 0, f = h || p;
+  const d = i || `textarea-${X.useId()}`, p = n ? `${d}-hint` : void 0, h = s ? `${d}-error` : void 0, u = h || p;
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${a ? "ds-textarea-wrapper--full" : ""} ${o ? "ds-textarea-wrapper--disabled" : ""}`, children: [
     t && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: d, children: t }),
     /* @__PURE__ */ e.jsx(
@@ -516,16 +516,16 @@ function js({
         className: `ds-textarea ds-textarea--${r} ${s ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
         disabled: o,
         "aria-invalid": s ? "true" : "false",
-        "aria-describedby": f,
+        "aria-describedby": u,
         rows: c,
-        ...u
+        ...f
       }
     ),
     n && !s && /* @__PURE__ */ e.jsx("span", { id: p, className: "ds-textarea-hint", children: n }),
     s && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-textarea-error", role: "alert", children: s })
   ] });
 }
-function Ns({
+function Es({
   label: t,
   value: s,
   onChange: n,
@@ -535,70 +535,70 @@ function Ns({
   fullWidth: i = !0,
   size: l = "m",
   disabled: c = !1,
-  id: u,
+  id: f,
   ...d
 }) {
-  const p = K(), h = r ?? p.selectOption, [f, v] = L(!1), [N, g] = L(!1), [w, y] = L({}), [k, j] = L("down"), [b, S] = L(-1), B = I(null), D = I(null), W = I(null), E = I(null), P = u || `select-${X.useId()}`, O = `${P}-label`, G = o ? `${P}-error` : void 0, Y = 150, _ = (x = !1) => {
-    N || (g(!0), S(-1), E.current = setTimeout(() => {
-      var R;
-      v(!1), g(!1), x && ((R = W.current) == null || R.focus());
-    }, Y));
-  }, A = (x) => {
-    clearTimeout(E.current), g(!1);
-    const R = x !== void 0 ? x : Math.max(a.findIndex((F) => F.value === s), 0);
-    S(R), v(!0);
+  const p = K(), h = r ?? p.selectOption, [u, v] = P(!1), [j, N] = P(!1), [w, y] = P({}), [E, g] = P("down"), [b, S] = P(-1), A = B(null), D = B(null), C = B(null), k = B(null), L = f || `select-${X.useId()}`, O = `${L}-label`, W = o ? `${L}-error` : void 0, M = 150, _ = (x = !1) => {
+    j || (N(!0), S(-1), k.current = setTimeout(() => {
+      var I;
+      v(!1), N(!1), x && ((I = C.current) == null || I.focus());
+    }, M));
+  }, $ = (x) => {
+    clearTimeout(k.current), N(!1);
+    const I = x !== void 0 ? x : Math.max(a.findIndex((U) => U.value === s), 0);
+    S(I), v(!0);
   };
-  z(() => () => clearTimeout(E.current), []);
-  const $ = () => {
+  F(() => () => clearTimeout(k.current), []);
+  const R = () => {
     var Z;
-    const x = (Z = B.current) == null ? void 0 : Z.getBoundingClientRect();
+    const x = (Z = A.current) == null ? void 0 : Z.getBoundingClientRect();
     if (!x) return;
-    const R = window.innerHeight, F = R - x.bottom, ee = x.top, H = F < 300 && ee > F;
-    j(H ? "up" : "down"), y(
-      H ? { bottom: R - x.top + 4, left: x.left, width: x.width } : { top: x.bottom + 4, left: x.left, width: x.width }
+    const I = window.innerHeight, U = I - x.bottom, ee = x.top, G = U < 300 && ee > U;
+    g(G ? "up" : "down"), y(
+      G ? { bottom: I - x.top + 4, left: x.left, width: x.width } : { top: x.bottom + 4, left: x.left, width: x.width }
     );
   };
-  z(() => {
-    if (f)
-      return $(), window.addEventListener("scroll", $, !0), window.addEventListener("resize", $), () => {
-        window.removeEventListener("scroll", $, !0), window.removeEventListener("resize", $);
+  F(() => {
+    if (u)
+      return R(), window.addEventListener("scroll", R, !0), window.addEventListener("resize", R), () => {
+        window.removeEventListener("scroll", R, !0), window.removeEventListener("resize", R);
       };
-  }, [f]), z(() => {
-    const x = (R) => {
-      B.current && !B.current.contains(R.target) && D.current && !D.current.contains(R.target) && _();
+  }, [u]), F(() => {
+    const x = (I) => {
+      A.current && !A.current.contains(I.target) && D.current && !D.current.contains(I.target) && _();
     };
     return document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
-  }, [N]), z(() => {
-    var R;
-    if (!f || b < 0 || !D.current) return;
-    (R = D.current.querySelectorAll(".ds-select-option")[b]) == null || R.scrollIntoView({ block: "nearest" });
-  }, [b, f]);
-  const q = (x) => {
+  }, [j]), F(() => {
+    var I;
+    if (!u || b < 0 || !D.current) return;
+    (I = D.current.querySelectorAll(".ds-select-option")[b]) == null || I.scrollIntoView({ block: "nearest" });
+  }, [b, u]);
+  const V = (x) => {
     switch (x.key) {
       case "ArrowDown":
-        x.preventDefault(), f ? S((R) => Math.min(R + 1, a.length - 1)) : A();
+        x.preventDefault(), u ? S((I) => Math.min(I + 1, a.length - 1)) : $();
         break;
       case "ArrowUp":
-        x.preventDefault(), f ? S((R) => Math.max(R - 1, 0)) : A(a.length - 1);
+        x.preventDefault(), u ? S((I) => Math.max(I - 1, 0)) : $(a.length - 1);
         break;
       case "Home":
-        f && (x.preventDefault(), S(0));
+        u && (x.preventDefault(), S(0));
         break;
       case "End":
-        f && (x.preventDefault(), S(a.length - 1));
+        u && (x.preventDefault(), S(a.length - 1));
         break;
       case "Enter":
       case " ":
-        x.preventDefault(), f ? b >= 0 && (n == null || n(a[b].value), _(!0)) : A();
+        x.preventDefault(), u ? b >= 0 && (n == null || n(a[b].value), _(!0)) : $();
         break;
       case "Escape":
-        f && (x.preventDefault(), _(!0));
+        u && (x.preventDefault(), _(!0));
         break;
       case "Tab":
-        f && _(!1);
+        u && _(!1);
         break;
     }
-  }, V = a.find((x) => x.value === s), C = l === "xs" ? U[1] : l === "small" ? U[2] : U[3], m = f && /* @__PURE__ */ e.jsx(
+  }, H = a.find((x) => x.value === s), Y = l === "xs" ? q[1] : l === "small" ? q[2] : q[3], m = u && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: D,
@@ -609,14 +609,14 @@ function Ns({
       className: [
         "ds-select-dropdown ds-scrollable",
         `ds-select-dropdown--${l}`,
-        `ds-select-dropdown--${k}`,
-        N && "ds-select-dropdown--closing"
+        `ds-select-dropdown--${E}`,
+        j && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
       style: w,
-      children: a.map((x, R) => /* @__PURE__ */ e.jsx(
+      children: a.map((x, I) => /* @__PURE__ */ e.jsx(
         "button",
         {
-          id: `${P}-opt-${R}`,
+          id: `${L}-opt-${I}`,
           type: "button",
           role: "option",
           tabIndex: -1,
@@ -625,7 +625,7 @@ function Ns({
             "ds-select-option",
             `ds-select-option--${l}`,
             s === x.value && "ds-select-option--selected",
-            R === b && "ds-select-option--active"
+            I === b && "ds-select-option--active"
           ].filter(Boolean).join(" "),
           onClick: () => {
             n == null || n(x.value), _(!0);
@@ -638,45 +638,45 @@ function Ns({
   );
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${i ? "ds-select-wrapper--full" : ""} ${c ? "ds-select-wrapper--disabled" : ""}`, children: [
     t && /* @__PURE__ */ e.jsx("label", { id: O, className: "ds-select-label", children: t }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: B, children: /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: A, children: /* @__PURE__ */ e.jsxs(
       "button",
       {
-        ref: W,
+        ref: C,
         type: "button",
-        id: P,
+        id: L,
         role: "combobox",
         "aria-haspopup": "listbox",
-        "aria-expanded": f,
-        "aria-activedescendant": f && b >= 0 ? `${P}-opt-${b}` : void 0,
+        "aria-expanded": u,
+        "aria-activedescendant": u && b >= 0 ? `${L}-opt-${b}` : void 0,
         "aria-labelledby": t ? O : void 0,
         "aria-invalid": o ? "true" : "false",
-        "aria-describedby": G,
+        "aria-describedby": W,
         className: `ds-select-trigger ds-select-trigger--${l} ${o ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          c || (f ? _() : A());
+          c || (u ? _() : $());
         },
-        onKeyDown: q,
+        onKeyDown: V,
         disabled: c,
         ...d,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: V ? "" : "ds-select-placeholder", children: (V == null ? void 0 : V.label) || h }),
+          /* @__PURE__ */ e.jsx("span", { className: H ? "" : "ds-select-placeholder", children: (H == null ? void 0 : H.label) || h }),
           /* @__PURE__ */ e.jsx(
             we,
             {
-              size: C,
+              size: Y,
               strokeWidth: 1.5,
-              className: `ds-select-icon ${f && k === "down" ? "ds-select-icon--open" : ""} ${f && k === "up" ? "ds-select-icon--up" : ""}`,
+              className: `ds-select-icon ${u && E === "down" ? "ds-select-icon--open" : ""} ${u && E === "up" ? "ds-select-icon--up" : ""}`,
               "aria-hidden": "true"
             }
           )
         ]
       }
     ) }),
-    o && /* @__PURE__ */ e.jsx("span", { id: G, className: "ds-select-error", role: "alert", children: o }),
-    typeof document < "u" && oe.createPortal(m, document.body)
+    o && /* @__PURE__ */ e.jsx("span", { id: W, className: "ds-select-error", role: "alert", children: o }),
+    typeof document < "u" && re.createPortal(m, document.body)
   ] });
 }
-function gs({
+function Ts({
   label: t,
   value: s = 0,
   onChange: n,
@@ -686,40 +686,40 @@ function gs({
   size: i = "m",
   disabled: l = !1,
   hint: c,
-  error: u,
+  error: f,
   decreaseLabel: d,
   increaseLabel: p,
   ...h
 }) {
-  const f = K(), v = () => {
+  const u = K(), v = () => {
     if (l) return;
-    const j = Math.min(Number(s) + o, r);
-    n == null || n(j);
-  }, N = () => {
+    const g = Math.min(Number(s) + o, r);
+    n == null || n(g);
+  }, j = () => {
     if (l) return;
-    const j = Math.max(Number(s) - o, a);
-    n == null || n(j);
-  }, g = (j) => {
+    const g = Math.max(Number(s) - o, a);
+    n == null || n(g);
+  }, N = (g) => {
     if (l) return;
-    const b = j.target.value;
+    const b = g.target.value;
     if (b === "") {
       n == null || n(a);
       return;
     }
     const S = Number(b);
     if (!isNaN(S)) {
-      const B = Math.min(Math.max(S, a), r);
-      n == null || n(B);
+      const A = Math.min(Math.max(S, a), r);
+      n == null || n(A);
     }
   }, w = [
     "ds-stepper-wrapper",
     l && "ds-stepper-wrapper--disabled",
-    u && "ds-stepper-wrapper--error"
+    f && "ds-stepper-wrapper--error"
   ].filter(Boolean).join(" "), y = [
     "ds-stepper",
     `ds-stepper--${i}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), k = i === "xs" ? U[1] : i === "small" ? U[2] : U[3];
+  ].filter(Boolean).join(" "), E = i === "xs" ? q[1] : i === "small" ? q[2] : q[3];
   return /* @__PURE__ */ e.jsxs("div", { className: w, children: [
     t && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: t }),
     /* @__PURE__ */ e.jsxs("div", { className: y, children: [
@@ -728,10 +728,10 @@ function gs({
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--minus",
-          onClick: N,
+          onClick: j,
           disabled: l || s <= a,
-          "aria-label": d ?? f.decrease,
-          children: /* @__PURE__ */ e.jsx(mt, { size: k, strokeWidth: 1.5 })
+          "aria-label": d ?? u.decrease,
+          children: /* @__PURE__ */ e.jsx(vt, { size: E, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -740,7 +740,7 @@ function gs({
           type: "number",
           className: "ds-stepper-input",
           value: s,
-          onChange: g,
+          onChange: N,
           min: a,
           max: r,
           step: o,
@@ -755,16 +755,16 @@ function gs({
           className: "ds-stepper-button ds-stepper-button--plus",
           onClick: v,
           disabled: l || s >= r,
-          "aria-label": p ?? f.increase,
-          children: /* @__PURE__ */ e.jsx(pt, { size: k, strokeWidth: 1.5 })
+          "aria-label": p ?? u.increase,
+          children: /* @__PURE__ */ e.jsx(_t, { size: E, strokeWidth: 1.5 })
         }
       )
     ] }),
-    c && !u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: c }),
-    u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: u })
+    c && !f && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: c }),
+    f && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: f })
   ] });
 }
-function ws({
+function $s({
   children: t,
   padding: s = "m",
   variant: n = "default",
@@ -783,12 +783,12 @@ function ws({
     l
   ].filter(Boolean).join(" ");
   if (o) {
-    const v = (N) => {
+    const v = (j) => {
       if (i) {
-        N.preventDefault();
+        j.preventDefault();
         return;
       }
-      N.metaKey || N.ctrlKey || N.button === 1 || (N.preventDefault(), r == null || r(N));
+      j.metaKey || j.ctrlKey || j.button === 1 || (j.preventDefault(), r == null || r(j));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
@@ -802,7 +802,7 @@ function ws({
       }
     );
   }
-  const h = d && r ? "button" : "div", f = d && r ? {
+  const h = d && r ? "button" : "div", u = d && r ? {
     type: "button",
     onClick: r,
     disabled: i
@@ -812,31 +812,31 @@ function ws({
     {
       className: p,
       role: d && !r ? "article" : void 0,
-      ...f,
+      ...u,
       ...c,
       children: t
     }
   );
 }
-function ys({ children: t, ...s }) {
+function Rs({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...s, children: t });
 }
-function ks({ children: t, ...s }) {
+function Ss({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...s, children: t });
 }
-function Es({ children: t, ...s }) {
+function As({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...s, children: t });
 }
-function Ts({ children: t, ...s }) {
+function Is({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...s, children: t });
 }
-function $s({ children: t, secondary: s = !1, ...n }) {
+function Bs({ children: t, secondary: s = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${s ? "ds-p1--secondary" : ""}`, ...n, children: t });
 }
-function It({ children: t, secondary: s = !1, ...n }) {
+function Pt({ children: t, secondary: s = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${s ? "ds-p2--secondary" : ""}`, ...n, children: t });
 }
-function ot({ children: t, secondary: s = !1, ...n }) {
+function dt({ children: t, secondary: s = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${s ? "ds-p3--secondary" : ""}`, ...n, children: t });
 }
 function he({
@@ -853,12 +853,12 @@ function he({
   ].filter(Boolean).join(" "), i = a || (["info", "success", "warning", "error"].includes(s) ? "status" : void 0);
   return /* @__PURE__ */ e.jsx("span", { className: o, role: i, ...r, children: t });
 }
-const Bt = {
-  info: Fe,
-  success: ze,
-  warning: Me,
-  error: Pe
-}, Rs = X.forwardRef(function({
+const Mt = {
+  info: We,
+  success: Fe,
+  warning: ze,
+  error: Me
+}, Ds = X.forwardRef(function({
   children: s,
   variant: n = "info",
   title: a,
@@ -867,9 +867,9 @@ const Bt = {
   closeLabel: i,
   ...l
 }, c) {
-  const u = K(), d = Bt[n], p = o || (n === "error" ? "alert" : "status");
+  const f = K(), d = Mt[n], p = o || (n === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs("div", { ref: c, className: `ds-alert ds-alert--${n} ${a ? "" : "ds-alert--no-title"}`, role: p, ...l, children: [
-    d && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(d, { size: U[3], strokeWidth: 1.5 }) }),
+    d && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(d, { size: q[3], strokeWidth: 1.5 }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-alert__content", children: [
       a && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: a }),
       s && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: s })
@@ -880,13 +880,13 @@ const Bt = {
         type: "button",
         className: "ds-alert__close",
         onClick: r,
-        "aria-label": i ?? u.closeAlert,
-        children: /* @__PURE__ */ e.jsx(te, { size: U[3], strokeWidth: 1.5 })
+        "aria-label": i ?? f.closeAlert,
+        children: /* @__PURE__ */ e.jsx(se, { size: q[3], strokeWidth: 1.5 })
       }
     )
   ] });
-}), Dt = 200;
-function Ss({
+}), zt = 200;
+function Ls({
   children: t,
   title: s,
   onClose: n,
@@ -896,40 +896,40 @@ function Ss({
   closeLabel: i,
   ...l
 }) {
-  const c = K(), u = I(null), d = X.useId(), [p, h] = L(!1), f = () => {
+  const c = K(), f = B(null), d = X.useId(), [p, h] = P(!1), u = () => {
     !n || p || (h(!0), setTimeout(() => {
       h(!1), n();
-    }, Dt));
+    }, zt));
   };
-  z(() => {
-    const y = (j) => {
-      j.key === "Escape" && f();
-    }, k = (j) => {
-      var S, B, D;
-      const b = ((B = (S = j.composedPath) == null ? void 0 : S.call(j)) == null ? void 0 : B[0]) ?? j.target;
-      u.current && !u.current.contains(b) && !((D = b.closest) != null && D.call(b, "[data-ds-portal]")) && f();
+  F(() => {
+    const y = (g) => {
+      g.key === "Escape" && u();
+    }, E = (g) => {
+      var S, A, D;
+      const b = ((A = (S = g.composedPath) == null ? void 0 : S.call(g)) == null ? void 0 : A[0]) ?? g.target;
+      f.current && !f.current.contains(b) && !((D = b.closest) != null && D.call(b, "[data-ds-portal]")) && u();
     };
-    return document.addEventListener("keydown", y), document.addEventListener("mousedown", k), () => {
-      document.removeEventListener("keydown", y), document.removeEventListener("mousedown", k);
+    return document.addEventListener("keydown", y), document.addEventListener("mousedown", E), () => {
+      document.removeEventListener("keydown", y), document.removeEventListener("mousedown", E);
     };
   }, [n, p]);
-  const v = X.Children.toArray(t), N = v.find((y) => (y == null ? void 0 : y.type) === xe), g = v.filter((y) => (y == null ? void 0 : y.type) !== xe), w = /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", p && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...l, children: /* @__PURE__ */ e.jsxs(
+  const v = X.Children.toArray(t), j = v.find((y) => (y == null ? void 0 : y.type) === xe), N = v.filter((y) => (y == null ? void 0 : y.type) !== xe), w = /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", p && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...l, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [`ds-modal ds-modal--${a}`, r && "ds-modal--scrollable"].filter(Boolean).join(" "),
-      ref: u,
+      ref: f,
       role: "dialog",
       "aria-modal": "true",
       "aria-labelledby": s ? d : void 0,
       children: [
         n && /* @__PURE__ */ e.jsx(
-          ce,
+          de,
           {
             className: "ds-modal__close",
             variant: "ghost",
             size: "small",
-            icon: /* @__PURE__ */ e.jsx(te, { size: U[2], strokeWidth: 1.5 }),
-            onClick: f,
+            icon: /* @__PURE__ */ e.jsx(se, { size: q[2], strokeWidth: 1.5 }),
+            onClick: u,
             "aria-label": i ?? c.closeModal
           }
         ),
@@ -937,18 +937,18 @@ function Ss({
           s && /* @__PURE__ */ e.jsx("h3", { id: d, className: "ds-modal__title", children: s }),
           o && /* @__PURE__ */ e.jsx("div", { className: "ds-modal__subheader", children: o })
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: g }),
-        N
+        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: N }),
+        j
       ]
     }
   ) });
-  return typeof document > "u" ? w : oe.createPortal(w, document.body);
+  return typeof document > "u" ? w : re.createPortal(w, document.body);
 }
 function xe({ children: t }) {
   return !t || X.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: t });
 }
-const Lt = 320;
-function As({
+const Ft = 320;
+function Ps({
   children: t,
   title: s,
   onClose: n,
@@ -956,45 +956,45 @@ function As({
   closeLabel: r,
   ...o
 }) {
-  const i = K(), l = I(null), c = X.useId(), [u, d] = L(!1), p = () => {
-    !n || u || (d(!0), setTimeout(() => {
+  const i = K(), l = B(null), c = X.useId(), [f, d] = P(!1), p = () => {
+    !n || f || (d(!0), setTimeout(() => {
       d(!1), n();
-    }, Lt));
+    }, Ft));
   };
-  z(() => {
-    const g = (y) => {
+  F(() => {
+    const N = (y) => {
       y.key === "Escape" && p();
     }, w = (y) => {
-      var j, b, S;
-      const k = ((b = (j = y.composedPath) == null ? void 0 : j.call(y)) == null ? void 0 : b[0]) ?? y.target;
-      l.current && !l.current.contains(k) && !((S = k.closest) != null && S.call(k, "[data-ds-portal]")) && p();
+      var g, b, S;
+      const E = ((b = (g = y.composedPath) == null ? void 0 : g.call(y)) == null ? void 0 : b[0]) ?? y.target;
+      l.current && !l.current.contains(E) && !((S = E.closest) != null && S.call(E, "[data-ds-portal]")) && p();
     };
-    return document.addEventListener("keydown", g), document.addEventListener("mousedown", w), () => {
-      document.removeEventListener("keydown", g), document.removeEventListener("mousedown", w);
+    return document.addEventListener("keydown", N), document.addEventListener("mousedown", w), () => {
+      document.removeEventListener("keydown", N), document.removeEventListener("mousedown", w);
     };
-  }, [n, u]);
-  const h = X.Children.toArray(t), f = h.find((g) => (g == null ? void 0 : g.type) === xe), v = h.filter((g) => (g == null ? void 0 : g.type) !== xe), N = /* @__PURE__ */ e.jsx(
+  }, [n, f]);
+  const h = X.Children.toArray(t), u = h.find((N) => (N == null ? void 0 : N.type) === xe), v = h.filter((N) => (N == null ? void 0 : N.type) !== xe), j = /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-bottom-sheet-overlay", u && "ds-bottom-sheet-overlay--closing"].filter(Boolean).join(" "),
+      className: ["ds-bottom-sheet-overlay", f && "ds-bottom-sheet-overlay--closing"].filter(Boolean).join(" "),
       ...o,
       children: /* @__PURE__ */ e.jsxs(
         "div",
         {
           ref: l,
-          className: ["ds-bottom-sheet", u && "ds-bottom-sheet--closing"].filter(Boolean).join(" "),
+          className: ["ds-bottom-sheet", f && "ds-bottom-sheet--closing"].filter(Boolean).join(" "),
           role: "dialog",
           "aria-modal": "true",
           "aria-labelledby": s ? c : void 0,
           children: [
             /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__handle", "aria-hidden": "true" }),
             n && /* @__PURE__ */ e.jsx(
-              ce,
+              de,
               {
                 className: "ds-bottom-sheet__close",
                 variant: "ghost",
                 size: "small",
-                icon: /* @__PURE__ */ e.jsx(te, { size: U[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(se, { size: q[2], strokeWidth: 1.5 }),
                 onClick: p,
                 "aria-label": r ?? i.close
               }
@@ -1004,15 +1004,15 @@ function As({
               a && /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__subheader", children: a })
             ] }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__body ds-scrollable", children: v }),
-            f
+            u
           ]
         }
       )
     }
   );
-  return typeof document > "u" ? N : oe.createPortal(N, document.body);
+  return typeof document > "u" ? j : re.createPortal(j, document.body);
 }
-function Pt({
+function Wt({
   children: t,
   title: s,
   defaultExpanded: n = !1,
@@ -1022,30 +1022,30 @@ function Pt({
   className: i = "",
   ...l
 }) {
-  const c = K(), u = s ?? c.code, [d, p] = L(n), h = a !== void 0, f = h ? a : d, v = () => {
-    h ? r == null || r(!a) : p((g) => !g);
-  }, N = [
+  const c = K(), f = s ?? c.code, [d, p] = P(n), h = a !== void 0, u = h ? a : d, v = () => {
+    h ? r == null || r(!a) : p((N) => !N);
+  }, j = [
     "ds-code-accordion",
     `ds-code-accordion--${o}`,
-    f && "ds-code-accordion--expanded",
+    u && "ds-code-accordion--expanded",
     i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: N, ...l, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: j, ...l, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         className: "ds-code-accordion__header",
         onClick: v,
-        "aria-expanded": f,
+        "aria-expanded": u,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: u }),
+          /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: f }),
           /* @__PURE__ */ e.jsx(
             we,
             {
-              size: U[2],
+              size: q[2],
               strokeWidth: 1.5,
-              className: `ds-code-accordion__icon ${f ? "ds-code-accordion__icon--expanded" : ""}`
+              className: `ds-code-accordion__icon ${u ? "ds-code-accordion__icon--expanded" : ""}`
             }
           )
         ]
@@ -1054,11 +1054,11 @@ function Pt({
     /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__inner", children: /* @__PURE__ */ e.jsx("pre", { className: "ds-code-accordion__pre ds-scrollable", children: /* @__PURE__ */ e.jsx("code", { children: t }) }) }) })
   ] });
 }
-function Is({ children: t, block: s = !1, collapsible: n = !1, title: a, defaultExpanded: r = !1, ...o }) {
+function Ms({ children: t, block: s = !1, collapsible: n = !1, title: a, defaultExpanded: r = !1, ...o }) {
   const i = K(), l = a ?? i.code;
-  return s ? n ? /* @__PURE__ */ e.jsx(Pt, { title: l, defaultExpanded: r, ...o, children: t }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block ds-scrollable", ...o, children: /* @__PURE__ */ e.jsx("code", { children: t }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...o, children: t });
+  return s ? n ? /* @__PURE__ */ e.jsx(Wt, { title: l, defaultExpanded: r, ...o, children: t }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block ds-scrollable", ...o, children: /* @__PURE__ */ e.jsx("code", { children: t }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...o, children: t });
 }
-function Bs({ href: t, children: s, onClick: n, target: a, rel: r, ...o }) {
+function zs({ href: t, children: s, onClick: n, target: a, rel: r, ...o }) {
   const l = a === "_blank" ? r ? `${r} noopener noreferrer` : "noopener noreferrer" : r;
   return /* @__PURE__ */ e.jsx(
     "a",
@@ -1073,27 +1073,27 @@ function Bs({ href: t, children: s, onClick: n, target: a, rel: r, ...o }) {
     }
   );
 }
-function Ds({ children: t, size: s = "m", variant: n = "ghost", ...a }) {
+function Fs({ children: t, size: s = "m", variant: n = "ghost", ...a }) {
   return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...a, children: X.Children.map(t, (r) => X.isValidElement(r) ? X.cloneElement(r, { size: s, variant: n }) : r) });
 }
-function Ls({ children: t, selected: s = !1, onClick: n, size: a = "m", variant: r = "ghost", disabled: o = !1, icon: i, href: l, ...c }) {
-  const u = i && !t, d = [
+function Ws({ children: t, selected: s = !1, onClick: n, size: a = "m", variant: r = "ghost", disabled: o = !1, icon: i, href: l, ...c }) {
+  const f = i && !t, d = [
     "ds-tab",
     `ds-tab--${a}`,
     `ds-tab--${r}`,
     s && "ds-tab--selected",
-    u && "ds-tab--icon-only"
+    f && "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 }),
     t
   ] });
   if (l) {
-    const h = (f) => {
+    const h = (u) => {
       if (o) {
-        f.preventDefault();
+        u.preventDefault();
         return;
       }
-      f.metaKey || f.ctrlKey || f.button === 1 || (f.preventDefault(), n == null || n(f));
+      u.metaKey || u.ctrlKey || u.button === 1 || (u.preventDefault(), n == null || n(u));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
@@ -1122,29 +1122,29 @@ function Ls({ children: t, selected: s = !1, onClick: n, size: a = "m", variant:
     }
   );
 }
-function Ps({ options: t, value: s, onChange: n, size: a = "m", disabled: r = !1 }) {
-  const o = I(null), i = I(null), [l, c] = L(!1), u = I(!1), d = I(null), p = I(null), h = () => {
+function Cs({ options: t, value: s, onChange: n, size: a = "m", disabled: r = !1 }) {
+  const o = B(null), i = B(null), [l, c] = P(!1), f = B(!1), d = B(null), p = B(null), h = () => {
     if (!o.current) return;
-    const f = o.current.querySelector(`[data-value="${s}"]`);
-    if (!f) return;
-    const v = o.current.getBoundingClientRect(), N = f.getBoundingClientRect(), g = N.left - v.left, w = N.width;
-    i.current ? (i.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = g + "px", i.current.style.width = w + "px", u.current = !1) : (c(!0), requestAnimationFrame(() => {
+    const u = o.current.querySelector(`[data-value="${s}"]`);
+    if (!u) return;
+    const v = o.current.getBoundingClientRect(), j = u.getBoundingClientRect(), N = j.left - v.left, w = j.width;
+    i.current ? (i.current.style.transition = f.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = N + "px", i.current.style.width = w + "px", f.current = !1) : (c(!0), requestAnimationFrame(() => {
       if (!i.current || !o.current) return;
       const y = o.current.querySelector(`[data-value="${s}"]`);
       if (!y) return;
-      const k = o.current.getBoundingClientRect(), j = y.getBoundingClientRect();
-      i.current.style.transition = "none", i.current.style.left = j.left - k.left + "px", i.current.style.width = j.width + "px";
+      const E = o.current.getBoundingClientRect(), g = y.getBoundingClientRect();
+      i.current.style.transition = "none", i.current.style.left = g.left - E.left + "px", i.current.style.width = g.width + "px";
     }));
   };
-  return p.current = h, ft(() => {
-    const f = d.current !== s;
-    d.current = s, u.current = l && f, h();
-  }), z(() => {
+  return p.current = h, it(() => {
+    const u = d.current !== s;
+    d.current = s, f.current = l && u, h();
+  }), F(() => {
     if (!o.current) return;
-    const f = new ResizeObserver(() => {
-      u.current = !1, p.current();
+    const u = new ResizeObserver(() => {
+      f.current = !1, p.current();
     });
-    return f.observe(o.current), () => f.disconnect();
+    return u.observe(o.current), () => u.disconnect();
   }, []), /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1164,21 +1164,21 @@ function Ps({ options: t, value: s, onChange: n, size: a = "m", disabled: r = !1
             "aria-hidden": "true"
           }
         ),
-        t.map((f) => /* @__PURE__ */ e.jsxs(
+        t.map((u) => /* @__PURE__ */ e.jsxs(
           "button",
           {
             type: "button",
-            "data-value": f.value,
-            className: ["ds-seg__btn", s === f.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
-            onClick: () => !r && n(f.value),
-            "aria-pressed": s === f.value,
+            "data-value": u.value,
+            className: ["ds-seg__btn", s === u.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
+            onClick: () => !r && n(u.value),
+            "aria-pressed": s === u.value,
             disabled: r,
             children: [
-              f.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: f.icon }),
-              f.label
+              u.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: u.icon }),
+              u.label
             ]
           },
-          f.value
+          u.value
         ))
       ]
     }
@@ -1193,8 +1193,8 @@ function Oe({
   padding: o = "m",
   ...i
 }) {
-  const [l, c] = L(n), u = a !== void 0, d = u ? a : l, p = () => {
-    u ? r == null || r(!a) : c((f) => !f);
+  const [l, c] = P(n), f = a !== void 0, d = f ? a : l, p = () => {
+    f ? r == null || r(!a) : c((u) => !u);
   }, h = [
     "ds-accordion",
     `ds-accordion--${o}`,
@@ -1213,7 +1213,7 @@ function Oe({
           /* @__PURE__ */ e.jsx(
             we,
             {
-              size: U[2],
+              size: q[2],
               strokeWidth: 1.5,
               className: `ds-accordion__icon ${d ? "ds-accordion__icon--expanded" : ""}`
             }
@@ -1224,63 +1224,63 @@ function Oe({
     /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-inner", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-body", children: t }) }) })
   ] });
 }
-const le = 8, pe = 8;
-function Mt(t, s, n) {
+const ce = 8, pe = 8;
+function Ct(t, s, n) {
   const a = window.innerWidth;
   let r, o;
   switch (t) {
     case "top":
-      r = s.top - n.height - le, o = s.left + s.width / 2 - n.width / 2;
+      r = s.top - n.height - ce, o = s.left + s.width / 2 - n.width / 2;
       break;
     case "bottom":
-      r = s.bottom + le, o = s.left + s.width / 2 - n.width / 2;
+      r = s.bottom + ce, o = s.left + s.width / 2 - n.width / 2;
       break;
     case "left":
-      r = s.top + s.height / 2 - n.height / 2, o = s.left - n.width - le;
+      r = s.top + s.height / 2 - n.height / 2, o = s.left - n.width - ce;
       break;
     case "right":
-      r = s.top + s.height / 2 - n.height / 2, o = s.right + le;
+      r = s.top + s.height / 2 - n.height / 2, o = s.right + ce;
       break;
     default:
-      r = s.bottom + le, o = s.left;
+      r = s.bottom + ce, o = s.left;
   }
   const i = Math.max(pe, Math.min(a - n.width - pe, o)), l = o - i;
   return { top: r, left: i, arrowOffset: l };
 }
-function zt(t, s, n) {
+function Ot(t, s, n) {
   const a = window.innerWidth, r = window.innerHeight;
-  if (t.top >= s + le + pe) return "top";
-  if (r - t.bottom >= s + le + pe) return "bottom";
-  if (a - t.right >= n + le + pe) return "right";
-  if (t.left >= n + le + pe) return "left";
+  if (t.top >= s + ce + pe) return "top";
+  if (r - t.bottom >= s + ce + pe) return "bottom";
+  if (a - t.right >= n + ce + pe) return "right";
+  if (t.left >= n + ce + pe) return "left";
   const o = Math.max(t.top, r - t.bottom, t.left, a - t.right);
   return o === t.top ? "top" : o === r - t.bottom ? "bottom" : o === a - t.right ? "right" : "left";
 }
-function Ce({ children: t, content: s, position: n, ...a }) {
-  const [r, o] = L(!1), [i, l] = L({ visibility: "hidden" }), [c, u] = L(n || "top"), d = I(null), p = I(null), h = I(!1), f = () => {
+function Ue({ children: t, content: s, position: n, ...a }) {
+  const [r, o] = P(!1), [i, l] = P({ visibility: "hidden" }), [c, f] = P(n || "top"), d = B(null), p = B(null), h = B(!1), u = () => {
     if (!d.current || !p.current) return;
-    const N = d.current.getBoundingClientRect(), g = p.current.getBoundingClientRect(), w = n || zt(N, g.height, g.width), { top: y, left: k, arrowOffset: j } = Mt(w, N, g);
-    u(w), l({
+    const j = d.current.getBoundingClientRect(), N = p.current.getBoundingClientRect(), w = n || Ot(j, N.height, N.width), { top: y, left: E, arrowOffset: g } = Ct(w, j, N);
+    f(w), l({
       position: "fixed",
       top: y,
-      left: k,
+      left: E,
       visibility: "visible",
-      "--arrow-offset": `${j}px`
+      "--arrow-offset": `${g}px`
     });
   };
-  if (z(() => {
+  if (F(() => {
     if (!r) return;
     l({ position: "fixed", visibility: "hidden" });
-    const N = requestAnimationFrame(f);
-    return window.addEventListener("scroll", f, !0), window.addEventListener("resize", f), () => {
-      cancelAnimationFrame(N), window.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f);
+    const j = requestAnimationFrame(u);
+    return window.addEventListener("scroll", u, !0), window.addEventListener("resize", u), () => {
+      cancelAnimationFrame(j), window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
     };
-  }, [r, n]), z(() => {
+  }, [r, n]), F(() => {
     if (!r) return;
-    const N = (g) => {
-      d.current && !d.current.contains(g.target) && o(!1);
+    const j = (N) => {
+      d.current && !d.current.contains(N.target) && o(!1);
     };
-    return document.addEventListener("touchstart", N), () => document.removeEventListener("touchstart", N);
+    return document.addEventListener("touchstart", j), () => document.removeEventListener("touchstart", j);
   }, [r]), !s) return t;
   const v = r && /* @__PURE__ */ e.jsx(
     "div",
@@ -1305,17 +1305,126 @@ function Ce({ children: t, content: s, position: n, ...a }) {
         h.current || o(!1);
       },
       onTouchStart: () => {
-        h.current = !0, o((N) => !N);
+        h.current = !0, o((j) => !j);
       },
       ...a,
       children: [
         t,
-        typeof document < "u" && oe.createPortal(v, document.body)
+        typeof document < "u" && re.createPortal(v, document.body)
       ]
     }
   );
 }
-function Ms({
+const Xe = 8, Ee = 8, Ut = 140;
+function Je(t) {
+  const s = String(t ?? "").replace(/^@/, "").trim();
+  return s ? `@${s}` : "";
+}
+function Os({
+  label: t,
+  children: s,
+  mode: n = "click",
+  avatar: a,
+  name: r,
+  handle: o,
+  description: i,
+  actions: l,
+  className: c = "",
+  popoverClassName: f = "",
+  ...d
+}) {
+  const p = xt(), h = B(null), u = B(null), v = B(null), [j, N] = P(!1), [w, y] = P(null), E = s != null, g = r || t || "", b = Je(t || r), S = Je(o), A = te(() => {
+    v.current != null && (window.clearTimeout(v.current), v.current = null);
+  }, []), D = te(() => {
+    A(), N(!0);
+  }, [A]), C = te(() => {
+    A(), v.current = window.setTimeout(() => N(!1), Ut);
+  }, [A]), k = te(() => {
+    const W = h.current, M = u.current;
+    if (!W) return;
+    const _ = W.getBoundingClientRect(), $ = (M == null ? void 0 : M.offsetHeight) ?? 160, R = (M == null ? void 0 : M.offsetWidth) ?? 260;
+    let V = _.bottom + Xe;
+    V + $ > window.innerHeight - Ee && (V = Math.max(Ee, _.top - $ - Xe));
+    const H = Math.max(Ee, Math.min(_.left, window.innerWidth - R - Ee));
+    y({ top: V, left: H });
+  }, []);
+  it(() => {
+    j && k();
+  }, [j, k]), F(() => {
+    if (!j) return;
+    const W = () => k(), M = ($) => {
+      $.key === "Escape" && N(!1);
+    }, _ = ($) => {
+      var V, H;
+      if (n === "hover") return;
+      const R = $.target;
+      (V = u.current) != null && V.contains(R) || (H = h.current) != null && H.contains(R) || N(!1);
+    };
+    return window.addEventListener("scroll", W, !0), window.addEventListener("resize", W), document.addEventListener("keydown", M), document.addEventListener("mousedown", _), () => {
+      window.removeEventListener("scroll", W, !0), window.removeEventListener("resize", W), document.removeEventListener("keydown", M), document.removeEventListener("mousedown", _);
+    };
+  }, [j, k, n]), F(() => () => A(), [A]);
+  const L = n === "hover" ? { onMouseEnter: D, onMouseLeave: C } : {}, O = j ? re.createPortal(
+    /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        ref: u,
+        id: p,
+        role: "dialog",
+        "aria-label": g || b || "Mention",
+        "data-ds-portal": "",
+        className: ["ds-mention__popover", f].filter(Boolean).join(" "),
+        style: w ? { top: w.top, left: w.left } : { top: -9999, left: -9999, visibility: "hidden" },
+        ...L,
+        children: [
+          (a || g || S) && /* @__PURE__ */ e.jsxs("div", { className: "ds-mention__head", children: [
+            a,
+            (g || S) && /* @__PURE__ */ e.jsxs("div", { className: "ds-mention__meta", children: [
+              g ? /* @__PURE__ */ e.jsx("span", { className: "ds-mention__name", children: g }) : null,
+              S ? /* @__PURE__ */ e.jsx("span", { className: "ds-mention__handle", children: S }) : null
+            ] })
+          ] }),
+          i ? /* @__PURE__ */ e.jsx("p", { className: "ds-mention__desc", children: i }) : null,
+          l ? /* @__PURE__ */ e.jsx("div", { className: "ds-mention__actions", onClick: () => N(!1), children: l }) : null
+        ]
+      }
+    ),
+    document.body
+  ) : null;
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        ...d,
+        ref: h,
+        type: "button",
+        className: [
+          "ds-mention",
+          E && "ds-mention--custom",
+          c
+        ].filter(Boolean).join(" "),
+        "aria-expanded": j,
+        "aria-haspopup": "dialog",
+        "aria-label": E && (b || g) || void 0,
+        "aria-controls": j ? p : void 0,
+        onClick: (W) => {
+          var M;
+          if ((M = d.onClick) == null || M.call(d, W), !W.defaultPrevented) {
+            if (W.preventDefault(), W.stopPropagation(), n === "hover") {
+              D();
+              return;
+            }
+            N((_) => !_);
+          }
+        },
+        ...L,
+        children: E ? s : b
+      }
+    ),
+    typeof document < "u" ? O : null
+  ] });
+}
+function Us({
   checked: t = !1,
   onChange: s,
   size: n = "m",
@@ -1337,7 +1446,7 @@ function Ms({
         id: l,
         className: "ds-toggle__input",
         checked: t,
-        onChange: (u) => s == null ? void 0 : s(u.target.checked),
+        onChange: (f) => s == null ? void 0 : s(f.target.checked),
         disabled: a,
         ...i
       }
@@ -1346,7 +1455,7 @@ function Ms({
     r && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: r })
   ] });
 }
-function zs({
+function Hs({
   checked: t = !1,
   onChange: s,
   size: n = "m",
@@ -1359,7 +1468,7 @@ function zs({
     "ds-checkbox",
     `ds-checkbox--${n}`,
     a && "ds-checkbox--disabled"
-  ].filter(Boolean).join(" "), u = n === "xs" ? 10 : n === "small" ? 14 : n === "large" ? 20 : 16;
+  ].filter(Boolean).join(" "), f = n === "xs" ? 10 : n === "small" ? 14 : n === "large" ? 20 : 16;
   return /* @__PURE__ */ e.jsxs("label", { className: c, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
@@ -1374,9 +1483,9 @@ function zs({
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: t && /* @__PURE__ */ e.jsx(
-      Le,
+      Pe,
       {
-        size: u,
+        size: f,
         strokeWidth: 2.5,
         className: "ds-checkbox__icon"
       }
@@ -1384,7 +1493,7 @@ function zs({
     r && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: r })
   ] });
 }
-function Fs({
+function Vs({
   checked: t = !1,
   onChange: s,
   size: n = "m",
@@ -1395,17 +1504,17 @@ function Fs({
   id: l,
   ...c
 }) {
-  const u = l || `radio-${X.useId()}`, d = [
+  const f = l || `radio-${X.useId()}`, d = [
     "ds-radio",
     `ds-radio--${n}`,
     a && "ds-radio--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("label", { className: d, htmlFor: u, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: d, htmlFor: f, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "radio",
-        id: u,
+        id: f,
         className: "ds-radio__input",
         checked: t,
         onChange: (p) => s == null ? void 0 : s(p.target.checked),
@@ -1419,7 +1528,7 @@ function Fs({
     r && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: r })
   ] });
 }
-function Ft({ width: t, height: s, shape: n = "rect", aspectRatio: a, className: r = "", style: o = {}, ...i }) {
+function Ht({ width: t, height: s, shape: n = "rect", aspectRatio: a, className: r = "", style: o = {}, ...i }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -1430,7 +1539,7 @@ function Ft({ width: t, height: s, shape: n = "rect", aspectRatio: a, className:
     }
   );
 }
-function Wt({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: a = "", style: r = {}, ...o }) {
+function Vt({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: a = "", style: r = {}, ...o }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -1449,20 +1558,20 @@ function Wt({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: a = "",
     }
   );
 }
-Ft.Text = Wt;
-function Ot(t) {
+Ht.Text = Vt;
+function Yt(t) {
   let s = 2166136261;
   for (let n = 0; n < t.length; n++)
     s ^= t.charCodeAt(n), s = Math.imul(s, 16777619) >>> 0;
   return s % 360;
 }
-function Ct(t) {
+function qt(t) {
   if (!t) return "";
   const s = t.trim().split(/\s+/);
   return s.length >= 2 ? (s[0][0] + s[1][0]).toUpperCase() : t[0].toUpperCase();
 }
-function Ws({ seed: t, icon: s, src: n, size: a = 32, className: r = "", style: o = {}, ...i }) {
-  const l = Ot(t ?? ""), [c, u] = L(!1), d = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: Ct(t) });
+function Ys({ seed: t, icon: s, src: n, size: a = 32, className: r = "", style: o = {}, ...i }) {
+  const l = Yt(t ?? ""), [c, f] = P(!1), d = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: qt(t) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1470,11 +1579,11 @@ function Ws({ seed: t, icon: s, src: n, size: a = 32, className: r = "", style:
       style: { width: a, height: a, "--ds-avatar-h": l, ...o },
       "aria-hidden": "true",
       ...i,
-      children: n && !c ? /* @__PURE__ */ e.jsx("img", { src: n, alt: "", onError: () => u(!0) }) : d
+      children: n && !c ? /* @__PURE__ */ e.jsx("img", { src: n, alt: "", onError: () => f(!0) }) : d
     }
   );
 }
-function Os({
+function qs({
   children: t,
   size: s = "compact",
   stickyTop: n,
@@ -1504,13 +1613,13 @@ function Os({
     }
   );
 }
-function Cs({ children: t, ...s }) {
+function Gs({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("thead", { ...s, children: t });
 }
-function Us({ children: t, ...s }) {
+function Ks({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("tbody", { ...s, children: t });
 }
-function Vs({ children: t, interactive: s, selected: n, subheader: a, exiting: r, updated: o, className: i = "", onClick: l, ...c }) {
+function Xs({ children: t, interactive: s, selected: n, subheader: a, exiting: r, updated: o, className: i = "", onClick: l, ...c }) {
   return /* @__PURE__ */ e.jsx(
     "tr",
     {
@@ -1529,11 +1638,11 @@ function Vs({ children: t, interactive: s, selected: n, subheader: a, exiting: r
     }
   );
 }
-function Hs({ children: t, colSpan: s = 999, ...n }) {
+function Js({ children: t, colSpan: s = 999, ...n }) {
   return /* @__PURE__ */ e.jsx("tr", { className: "ds-table-row ds-table-row--subheader", ...n, children: /* @__PURE__ */ e.jsx("td", { colSpan: s, children: t }) });
 }
-function Ys({ children: t, align: s = "left", sortDir: n, onSort: a, width: r, className: o = "", style: i = {}, ...l }) {
-  const c = !!a || n !== void 0, u = n === "asc" ? ht : n === "desc" ? we : xt;
+function Zs({ children: t, align: s = "left", sortDir: n, onSort: a, width: r, className: o = "", style: i = {}, ...l }) {
+  const c = !!a || n !== void 0, f = n === "asc" ? bt : n === "desc" ? we : jt;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
@@ -1549,12 +1658,12 @@ function Ys({ children: t, align: s = "left", sortDir: n, onSort: a, width: r, c
       ...l,
       children: c ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
         t,
-        /* @__PURE__ */ e.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ e.jsx(u, { size: 11, strokeWidth: 2.5 }) })
+        /* @__PURE__ */ e.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ e.jsx(f, { size: 11, strokeWidth: 2.5 }) })
       ] }) : t
     }
   );
 }
-function qs({ children: t, align: s = "left", secondary: n, muted: a, truncate: r, nowrap: o, className: i = "", ...l }) {
+function Qs({ children: t, align: s = "left", secondary: n, muted: a, truncate: r, nowrap: o, className: i = "", ...l }) {
   return /* @__PURE__ */ e.jsx(
     "td",
     {
@@ -1572,7 +1681,7 @@ function qs({ children: t, align: s = "left", secondary: n, muted: a, truncate:
     }
   );
 }
-function Gs({
+function en({
   icon: t,
   title: s,
   description: n,
@@ -1595,7 +1704,7 @@ function Gs({
     }
   );
 }
-function Ks({
+function tn({
   label: t,
   hint: s,
   error: n,
@@ -1605,9 +1714,9 @@ function Ks({
   children: i,
   className: l = "",
   style: c,
-  ...u
+  ...f
 }) {
-  const d = X.useId(), p = o ?? d, h = `${p}-hint`, f = `${p}-error`;
+  const d = X.useId(), p = o ?? d, h = `${p}-hint`, u = `${p}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1616,17 +1725,17 @@ function Ks({
       "data-required": a ? "" : void 0,
       "data-disabled": r ? "" : void 0,
       style: c,
-      ...u,
+      ...f,
       children: [
         t && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: p, children: t }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-field-control", children: i }),
         s && !n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: h, children: s }),
-        n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: f, role: "alert", children: n })
+        n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: u, role: "alert", children: n })
       ]
     }
   );
 }
-function Xs({ label: t, value: s, delta: n, size: a = "m", inline: r = !1, className: o = "", style: i, ...l }) {
+function sn({ label: t, value: s, delta: n, size: a = "m", inline: r = !1, className: o = "", style: i, ...l }) {
   const c = n != null && n.startsWith("+") ? "up" : n != null && n.startsWith("-") ? "down" : "neutral";
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -1647,7 +1756,7 @@ function Xs({ label: t, value: s, delta: n, size: a = "m", inline: r = !1, class
     }
   );
 }
-function Js({
+function nn({
   children: t,
   separator: s = "/",
   "aria-label": n,
@@ -1663,14 +1772,14 @@ function Js({
       "aria-label": n ?? i.breadcrumb,
       style: r,
       ...o,
-      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: l.map((c, u) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
+      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: l.map((c, f) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
         c,
-        u < l.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: s })
-      ] }, u)) })
+        f < l.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: s })
+      ] }, f)) })
     }
   );
 }
-function Zs({
+function rn({
   page: t,
   total: s,
   onChange: n,
@@ -1680,16 +1789,16 @@ function Zs({
   nextLabel: i,
   className: l = "",
   style: c,
-  ...u
+  ...f
 }) {
-  const d = K(), { t: p } = ye(), h = Ut(t, s, a);
+  const d = K(), { t: p } = ye(), h = Gt(t, s, a);
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
       className: `ds-pagination${l ? ` ${l}` : ""}`,
       "aria-label": r ?? d.pagination,
       style: c,
-      ...u,
+      ...f,
       children: [
         /* @__PURE__ */ e.jsx(
           "button",
@@ -1698,20 +1807,20 @@ function Zs({
             onClick: () => n == null ? void 0 : n(t - 1),
             disabled: t <= 1,
             "aria-label": o ?? d.previousPage,
-            children: /* @__PURE__ */ e.jsx(vt, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(gt, { size: 16 })
           }
         ),
         h.map(
-          (f, v) => f === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${v}`) : /* @__PURE__ */ e.jsx(
+          (u, v) => u === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${v}`) : /* @__PURE__ */ e.jsx(
             "button",
             {
-              className: `ds-pagination-page${f === t ? " ds-pagination-page--current" : ""}`,
-              onClick: () => f !== t && (n == null ? void 0 : n(f)),
-              "aria-current": f === t ? "page" : void 0,
-              "aria-label": p("pageN", { n: f }),
-              children: f
+              className: `ds-pagination-page${u === t ? " ds-pagination-page--current" : ""}`,
+              onClick: () => u !== t && (n == null ? void 0 : n(u)),
+              "aria-current": u === t ? "page" : void 0,
+              "aria-label": p("pageN", { n: u }),
+              children: u
             },
-            f
+            u
           )
         ),
         /* @__PURE__ */ e.jsx(
@@ -1721,22 +1830,22 @@ function Zs({
             onClick: () => n == null ? void 0 : n(t + 1),
             disabled: t >= s,
             "aria-label": i ?? d.nextPage,
-            children: /* @__PURE__ */ e.jsx(bt, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(Nt, { size: 16 })
           }
         )
       ]
     }
   );
 }
-function Ut(t, s, n) {
+function Gt(t, s, n) {
   if (s <= 7) return Array.from({ length: s }, (i, l) => l + 1);
   const a = Math.max(2, t - n), r = Math.min(s - 1, t + n), o = [1];
   a > 2 && o.push("…");
   for (let i = a; i <= r; i++) o.push(i);
   return r < s - 1 && o.push("…"), o.push(s), o;
 }
-const Vt = 300;
-function Qs({
+const Kt = 300;
+function an({
   children: t,
   title: s,
   onClose: n,
@@ -1746,27 +1855,27 @@ function Qs({
   offsetLeft: i = 0,
   offsetRight: l = 0,
   keepOpenRef: c,
-  closeLabel: u,
+  closeLabel: f,
   ...d
 }) {
-  const p = K(), h = I(null), f = X.useId(), [v, N] = L(!1), g = () => {
-    !n || v || (N(!0), setTimeout(() => {
-      N(!1), n();
-    }, Vt));
+  const p = K(), h = B(null), u = X.useId(), [v, j] = P(!1), N = () => {
+    !n || v || (j(!0), setTimeout(() => {
+      j(!1), n();
+    }, Kt));
   };
-  z(() => {
-    const b = (B) => {
-      B.key === "Escape" && g();
-    }, S = (B) => {
-      var W, E, P, O;
-      const D = ((E = (W = B.composedPath) == null ? void 0 : W.call(B)) == null ? void 0 : E[0]) ?? B.target;
-      (P = c == null ? void 0 : c.current) != null && P.contains(D) || h.current && !h.current.contains(D) && !((O = D.closest) != null && O.call(D, "[data-ds-portal]")) && g();
+  F(() => {
+    const b = (A) => {
+      A.key === "Escape" && N();
+    }, S = (A) => {
+      var C, k, L, O;
+      const D = ((k = (C = A.composedPath) == null ? void 0 : C.call(A)) == null ? void 0 : k[0]) ?? A.target;
+      (L = c == null ? void 0 : c.current) != null && L.contains(D) || h.current && !h.current.contains(D) && !((O = D.closest) != null && O.call(D, "[data-ds-portal]")) && N();
     };
     return document.addEventListener("keydown", b), document.addEventListener("mousedown", S), () => {
       document.removeEventListener("keydown", b), document.removeEventListener("mousedown", S);
     };
   }, [n, v, c]);
-  const w = X.Children.toArray(t), y = w.find((b) => (b == null ? void 0 : b.type) === Ke || (b == null ? void 0 : b.type) === xe), k = w.filter((b) => (b == null ? void 0 : b.type) !== Ke && (b == null ? void 0 : b.type) !== xe), j = /* @__PURE__ */ e.jsx(
+  const w = X.Children.toArray(t), y = w.find((b) => (b == null ? void 0 : b.type) === Ze || (b == null ? void 0 : b.type) === xe), E = w.filter((b) => (b == null ? void 0 : b.type) !== Ze && (b == null ? void 0 : b.type) !== xe), g = /* @__PURE__ */ e.jsx(
     "div",
     {
       className: ["ds-side-page-overlay", v && "ds-side-page-overlay--closing"].filter(Boolean).join(" "),
@@ -1782,36 +1891,36 @@ function Qs({
           "data-size": o,
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": s ? f : void 0,
+          "aria-labelledby": s ? u : void 0,
           children: [
             n && /* @__PURE__ */ e.jsx(
-              ce,
+              de,
               {
                 className: "ds-side-page__close",
                 variant: "ghost",
                 size: "small",
-                icon: /* @__PURE__ */ e.jsx(te, { size: U[2], strokeWidth: 1.5 }),
-                onClick: g,
-                "aria-label": u ?? p.close
+                icon: /* @__PURE__ */ e.jsx(se, { size: q[2], strokeWidth: 1.5 }),
+                onClick: N,
+                "aria-label": f ?? p.close
               }
             ),
             (s || a) && /* @__PURE__ */ e.jsxs("div", { className: "ds-side-page__header", children: [
-              s && /* @__PURE__ */ e.jsx("h3", { id: f, className: "ds-side-page__title", children: s }),
+              s && /* @__PURE__ */ e.jsx("h3", { id: u, className: "ds-side-page__title", children: s }),
               a && /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__subheader", children: a })
             ] }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__body ds-scrollable", children: k }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__body ds-scrollable", children: E }),
             y
           ]
         }
       )
     }
   );
-  return typeof document > "u" ? j : oe.createPortal(j, document.body);
+  return typeof document > "u" ? g : re.createPortal(g, document.body);
 }
-function Ke({ children: t }) {
+function Ze({ children: t }) {
   return !t || X.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__footer", children: t });
 }
-const be = De({ collapsed: !1, side: "left" }), $e = De(!1), en = rt(function({
+const _e = Le({ collapsed: !1, side: "left" }), Re = Le(!1), on = lt(function({
   children: s,
   collapsed: n = !1,
   side: a = "left",
@@ -1820,12 +1929,12 @@ const be = De({ collapsed: !1, side: "left" }), $e = De(!1), en = rt(function({
   className: i = "",
   ...l
 }, c) {
-  const u = [
+  const f = [
     "ds-nav-rail",
     n && "ds-nav-rail--collapsed",
     `ds-nav-rail--${a}`,
     i
-  ].filter(Boolean).join(" "), d = de((p) => {
+  ].filter(Boolean).join(" "), d = te((p) => {
     if (!p.target.closest('button, a, input, select, textarea, [role="button"], [tabindex]')) {
       if (n && r) {
         r();
@@ -1834,11 +1943,11 @@ const be = De({ collapsed: !1, side: "left" }), $e = De(!1), en = rt(function({
       !n && o && o();
     }
   }, [n, r, o]);
-  return /* @__PURE__ */ e.jsx(be.Provider, { value: { collapsed: n, side: a }, children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsx(_e.Provider, { value: { collapsed: n, side: a }, children: /* @__PURE__ */ e.jsx(
     "nav",
     {
       ref: c,
-      className: u,
+      className: f,
       onClick: d,
       "data-expandable": n && r ? "" : void 0,
       "data-collapsible": !n && o ? "" : void 0,
@@ -1847,7 +1956,7 @@ const be = De({ collapsed: !1, side: "left" }), $e = De(!1), en = rt(function({
     }
   ) });
 });
-function tn({
+function ln({
   icon: t,
   label: s,
   selected: n = !1,
@@ -1857,11 +1966,11 @@ function tn({
   count: i,
   updated: l = !1,
   open: c = !1,
-  onboarding: u = !1,
+  onboarding: f = !1,
   className: d = "",
   ...p
 }) {
-  const { collapsed: h, side: f } = ae(be), v = ae($e), w = {
+  const { collapsed: h, side: u } = ie(_e), v = ie(Re), w = {
     className: [
       "ds-nav-rail__item",
       d
@@ -1875,10 +1984,10 @@ function tn({
       "data-selected": n || void 0,
       "data-disabled": a || void 0,
       "data-open": c || void 0,
-      "data-onboarding": u || void 0
+      "data-onboarding": f || void 0
     },
     ...p
-  }, y = i != null, k = f === "left" ? "right" : "left", j = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }, y = i != null, E = u === "left" ? "right" : "left", g = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: t }),
     !h && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s }),
     !h && y && /* @__PURE__ */ e.jsx(
@@ -1892,30 +2001,30 @@ function tn({
     !h && l && (!y || i === 0) && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot ds-nav-rail__dot--inline", "aria-hidden": "true" }),
     h && y && i !== 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__count-collapsed", "data-updated": l || void 0, children: i > 99 ? "99+" : i }),
     h && l && (!y || i === 0) && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot", "aria-hidden": "true" })
-  ] }), b = r ? /* @__PURE__ */ e.jsx("a", { href: a ? void 0 : r, ...w, children: j }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...w, children: j });
-  return h && !v ? /* @__PURE__ */ e.jsx(Ce, { content: s, position: k, children: b }) : b;
+  ] }), b = r ? /* @__PURE__ */ e.jsx("a", { href: a ? void 0 : r, ...w, children: g }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...w, children: g });
+  return h && !v ? /* @__PURE__ */ e.jsx(Ue, { content: s, position: E, children: b }) : b;
 }
-function sn({ children: t, className: s = "", ...n }) {
+function cn({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__body", "ds-scrollable", s].filter(Boolean).join(" "), ...n, children: t });
 }
-function nn({ children: t, className: s = "", ...n }) {
+function dn({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__header", s].filter(Boolean).join(" "), ...n, children: t });
 }
-function rn({ children: t, className: s = "", ...n }) {
+function un({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__footer", s].filter(Boolean).join(" "), ...n, children: t });
 }
-function an({ className: t = "", ...s }) {
+function fn({ className: t = "", ...s }) {
   return /* @__PURE__ */ e.jsx("hr", { className: ["ds-nav-rail__divider", t].filter(Boolean).join(" "), ...s });
 }
-function on({ children: t, label: s, defaultOpen: n = !0, className: a = "", ...r }) {
-  const { collapsed: o } = ae(be), i = K(), l = s ?? i.recents, [c, u] = L(n);
+function mn({ children: t, label: s, defaultOpen: n = !0, className: a = "", ...r }) {
+  const { collapsed: o } = ie(_e), i = K(), l = s ?? i.recents, [c, f] = P(n);
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-nav-rail__recents", a].filter(Boolean).join(" "), ...r, children: [
     !o && /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         className: ["ds-nav-rail__recents-toggle", !c && "ds-nav-rail__recents-toggle--closed"].filter(Boolean).join(" "),
-        onClick: () => u((d) => !d),
+        onClick: () => f((d) => !d),
         "aria-expanded": c,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__recents-label", children: l }),
@@ -1926,21 +2035,21 @@ function on({ children: t, label: s, defaultOpen: n = !0, className: a = "", ...
     (c || o) && /* @__PURE__ */ e.jsx("div", { className: "ds-nav-rail__recents-body", children: t })
   ] });
 }
-const ln = rt(function({
+const pn = lt(function({
   as: s = "button",
   avatar: n,
   label: a,
   className: r = "",
   ...o
 }, i) {
-  const { collapsed: l, side: c } = ae(be), u = ae($e), d = c === "left" ? "right" : "left", p = [
+  const { collapsed: l, side: c } = ie(_e), f = ie(Re), d = c === "left" ? "right" : "left", p = [
     "ds-nav-rail__item",
     "ds-nav-rail__agent",
     r
   ].filter(Boolean).join(" "), h = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: n }),
     !l && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: a })
-  ] }), f = /* @__PURE__ */ e.jsx(
+  ] }), u = /* @__PURE__ */ e.jsx(
     s,
     {
       ref: i,
@@ -1951,10 +2060,10 @@ const ln = rt(function({
       children: h
     }
   );
-  return l && !u ? /* @__PURE__ */ e.jsx(Ce, { content: a, position: d, children: f }) : f;
+  return l && !f ? /* @__PURE__ */ e.jsx(Ue, { content: a, position: d, children: u }) : u;
 });
-function cn({ avatar: t, label: s, selected: n = !1, disabled: a = !1, href: r, onClick: o, className: i = "", ...l }) {
-  const { collapsed: c, side: u } = ae(be), d = ae($e), f = {
+function hn({ avatar: t, label: s, selected: n = !1, disabled: a = !1, href: r, onClick: o, className: i = "", ...l }) {
+  const { collapsed: c, side: f } = ie(_e), d = ie(Re), u = {
     className: [
       "ds-nav-rail__item",
       "ds-nav-rail__agent",
@@ -1972,11 +2081,11 @@ function cn({ avatar: t, label: s, selected: n = !1, disabled: a = !1, href: r,
   }, v = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: t }),
     !c && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s })
-  ] }), N = u === "left" ? "right" : "left", g = r ? /* @__PURE__ */ e.jsx("a", { href: a ? void 0 : r, ...f, children: v }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...f, children: v });
-  return c && !d ? /* @__PURE__ */ e.jsx(Ce, { content: s, position: N, children: g }) : g;
+  ] }), j = f === "left" ? "right" : "left", N = r ? /* @__PURE__ */ e.jsx("a", { href: a ? void 0 : r, ...u, children: v }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...u, children: v });
+  return c && !d ? /* @__PURE__ */ e.jsx(Ue, { content: s, position: j, children: N }) : N;
 }
-const Xe = 240, Je = 6, Ze = 8;
-function dn({
+const Qe = 240, et = 6, tt = 8;
+function xn({
   trigger: t,
   title: s,
   children: n,
@@ -1985,28 +2094,28 @@ function dn({
   defaultOpen: o = !1,
   closeLabel: i
 }) {
-  const l = K(), { side: c } = ae(be), [u, d] = L(o), p = a !== void 0, h = p ? a : u, [f, v] = L(!1), N = I(null), g = I(null), [w, y] = L({}), k = de(() => {
+  const l = K(), { side: c } = ie(_e), [f, d] = P(o), p = a !== void 0, h = p ? a : f, [u, v] = P(!1), j = B(null), N = B(null), [w, y] = P({}), E = te(() => {
     p ? r == null || r(!0) : d(!0);
-  }, [p, r]), j = de(() => {
+  }, [p, r]), g = te(() => {
     p ? r == null || r(!1) : d(!1);
-  }, [p, r]), b = de(() => h ? j() : k(), [h, k, j]), S = de(() => {
-    var G;
-    const D = N.current;
+  }, [p, r]), b = te(() => h ? g() : E(), [h, E, g]), S = te(() => {
+    var W;
+    const D = j.current;
     if (!D) return;
-    const W = D.getBoundingClientRect(), E = window.innerHeight, P = ((G = g.current) == null ? void 0 : G.offsetHeight) ?? 300, O = Math.max(Ze, Math.min(E - P - Ze, W.top));
+    const C = D.getBoundingClientRect(), k = window.innerHeight, L = ((W = N.current) == null ? void 0 : W.offsetHeight) ?? 300, O = Math.max(tt, Math.min(k - L - tt, C.top));
     y(c === "right" ? {
       position: "fixed",
       top: O,
-      right: window.innerWidth - W.left + Je,
-      width: Xe
+      right: window.innerWidth - C.left + et,
+      width: Qe
     } : {
       position: "fixed",
       top: O,
-      left: W.right + Je,
-      width: Xe
+      left: C.right + et,
+      width: Qe
     });
   }, [c]);
-  z(() => {
+  F(() => {
     if (!h) {
       v(!1);
       return;
@@ -2014,26 +2123,26 @@ function dn({
     return S(), requestAnimationFrame(() => v(!0)), window.addEventListener("scroll", S, !0), window.addEventListener("resize", S), () => {
       window.removeEventListener("scroll", S, !0), window.removeEventListener("resize", S);
     };
-  }, [h, S]), z(() => {
+  }, [h, S]), F(() => {
     if (!h) return;
-    const D = (E) => {
-      var P, O;
-      !((P = g.current) != null && P.contains(E.target)) && !((O = N.current) != null && O.contains(E.target)) && j();
-    }, W = (E) => {
-      E.key === "Escape" && j();
+    const D = (k) => {
+      var L, O;
+      !((L = N.current) != null && L.contains(k.target)) && !((O = j.current) != null && O.contains(k.target)) && g();
+    }, C = (k) => {
+      k.key === "Escape" && g();
     };
-    return document.addEventListener("mousedown", D), document.addEventListener("keydown", W), () => {
-      document.removeEventListener("mousedown", D), document.removeEventListener("keydown", W);
+    return document.addEventListener("mousedown", D), document.addEventListener("keydown", C), () => {
+      document.removeEventListener("mousedown", D), document.removeEventListener("keydown", C);
     };
-  }, [h, j]);
-  const B = h && /* @__PURE__ */ e.jsxs(
+  }, [h, g]);
+  const A = h && /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: g,
+      ref: N,
       className: [
         "ds-nav-rail-flyout",
         `ds-nav-rail-flyout--${c}`,
-        f && "ds-nav-rail-flyout--visible"
+        u && "ds-nav-rail-flyout--visible"
       ].filter(Boolean).join(" "),
       style: w,
       "data-ds-portal": "",
@@ -2047,9 +2156,9 @@ function dn({
             {
               type: "button",
               className: "ds-nav-rail-flyout__close",
-              onClick: j,
+              onClick: g,
               "aria-label": i ?? l.close,
-              children: /* @__PURE__ */ e.jsx(te, { size: 16, strokeWidth: 2 })
+              children: /* @__PURE__ */ e.jsx(se, { size: 16, strokeWidth: 2 })
             }
           )
         ] }),
@@ -2058,17 +2167,17 @@ function dn({
     }
   );
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx($e.Provider, { value: h, children: /* @__PURE__ */ e.jsx("div", { ref: N, onClick: b, style: { display: "flex", flexDirection: "column", width: "100%" }, children: t }) }),
-    typeof document < "u" && oe.createPortal(B, document.body)
+    /* @__PURE__ */ e.jsx(Re.Provider, { value: h, children: /* @__PURE__ */ e.jsx("div", { ref: j, onClick: b, style: { display: "flex", flexDirection: "column", width: "100%" }, children: t }) }),
+    typeof document < "u" && re.createPortal(A, document.body)
   ] });
 }
-const Ht = {
-  info: Fe,
-  success: ze,
-  warning: Me,
-  error: Pe
+const Xt = {
+  info: We,
+  success: Fe,
+  warning: ze,
+  error: Me
 };
-function un({
+function vn({
   children: t,
   variant: s = "info",
   action: n,
@@ -2078,7 +2187,7 @@ function un({
   dismissLabel: i,
   ...l
 }) {
-  const c = K(), u = Ht[s], d = o || (s === "error" ? "alert" : "status");
+  const c = K(), f = Xt[s], d = o || (s === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2086,7 +2195,7 @@ function un({
       role: d,
       ...l,
       children: [
-        u && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(u, { size: U[2], strokeWidth: 1.5 }) }),
+        f && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(f, { size: q[2], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-banner-text", children: t }),
         n && /* @__PURE__ */ e.jsx(
           "button",
@@ -2104,14 +2213,14 @@ function un({
             className: "ds-banner-dismiss",
             onClick: r,
             "aria-label": i ?? c.dismiss,
-            children: /* @__PURE__ */ e.jsx(te, { size: U[2], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(se, { size: q[2], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function fn({
+function _n({
   trigger: t,
   items: s = [],
   open: n,
@@ -2122,8 +2231,8 @@ function fn({
   style: l,
   ...c
 }) {
-  const [u, d] = L(!1), [p, h] = L(!1), f = n !== void 0, v = f ? n : u, N = I(null), g = I(null), w = I(null), y = I(null), [k, j] = L({}), b = I(null), S = 150, B = () => {
-    if (f)
+  const [f, d] = P(!1), [p, h] = P(!1), u = n !== void 0, v = u ? n : f, j = B(null), N = B(null), w = B(null), y = B(null), [E, g] = P({}), b = B(null), S = 150, A = () => {
+    if (u)
       a == null || a(!1);
     else {
       if (p) return;
@@ -2133,85 +2242,85 @@ function fn({
     }
   }, D = () => {
     const _ = !v;
-    f ? a == null || a(_) : _ ? (clearTimeout(b.current), h(!1), d(!0)) : B();
-  }, W = () => {
-    v || (f ? a == null || a(!0) : (clearTimeout(b.current), h(!1), d(!0)));
+    u ? a == null || a(_) : _ ? (clearTimeout(b.current), h(!1), d(!0)) : A();
+  }, C = () => {
+    v || (u ? a == null || a(!0) : (clearTimeout(b.current), h(!1), d(!0)));
   };
-  z(() => () => clearTimeout(b.current), []), z(() => {
+  F(() => () => clearTimeout(b.current), []), F(() => {
     if (!v) return;
-    const _ = 300, A = () => {
-      var C;
-      const $ = (C = N.current) == null ? void 0 : C.getBoundingClientRect();
-      if (!$) return;
-      const q = window.innerHeight - $.bottom, V = q < _ + 8 && $.top > q;
-      j(
-        r === "right" ? V ? { bottom: window.innerHeight - $.top + 4, top: "auto", right: window.innerWidth - $.right } : { top: $.bottom + 4, bottom: "auto", right: window.innerWidth - $.right } : V ? { bottom: window.innerHeight - $.top + 4, top: "auto", left: $.left } : { top: $.bottom + 4, bottom: "auto", left: $.left }
+    const _ = 300, $ = () => {
+      var Y;
+      const R = (Y = j.current) == null ? void 0 : Y.getBoundingClientRect();
+      if (!R) return;
+      const V = window.innerHeight - R.bottom, H = V < _ + 8 && R.top > V;
+      g(
+        r === "right" ? H ? { bottom: window.innerHeight - R.top + 4, top: "auto", right: window.innerWidth - R.right } : { top: R.bottom + 4, bottom: "auto", right: window.innerWidth - R.right } : H ? { bottom: window.innerHeight - R.top + 4, top: "auto", left: R.left } : { top: R.bottom + 4, bottom: "auto", left: R.left }
       );
     };
-    return A(), window.addEventListener("scroll", A, !0), window.addEventListener("resize", A), () => {
-      window.removeEventListener("scroll", A, !0), window.removeEventListener("resize", A);
+    return $(), window.addEventListener("scroll", $, !0), window.addEventListener("resize", $), () => {
+      window.removeEventListener("scroll", $, !0), window.removeEventListener("resize", $);
     };
   }, [v, r]);
-  const E = () => {
-    var A;
-    const _ = (A = w.current) == null ? void 0 : A.querySelector(
+  const k = () => {
+    var $;
+    const _ = ($ = w.current) == null ? void 0 : $.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
     _ == null || _.focus();
   };
-  z(() => {
+  F(() => {
     if (!v) return;
-    const _ = ($) => {
-      var q, V;
-      !((q = N.current) != null && q.contains($.target)) && !((V = g.current) != null && V.contains($.target)) && B();
-    }, A = ($) => {
-      $.key === "Escape" && (B(), E());
+    const _ = (R) => {
+      var V, H;
+      !((V = j.current) != null && V.contains(R.target)) && !((H = N.current) != null && H.contains(R.target)) && A();
+    }, $ = (R) => {
+      R.key === "Escape" && (A(), k());
     };
-    return document.addEventListener("mousedown", _), document.addEventListener("keydown", A), () => {
-      document.removeEventListener("mousedown", _), document.removeEventListener("keydown", A);
+    return document.addEventListener("mousedown", _), document.addEventListener("keydown", $), () => {
+      document.removeEventListener("mousedown", _), document.removeEventListener("keydown", $);
     };
-  }, [v]), z(() => {
-    if (!v || !y.current || !g.current) return;
-    const _ = P(), A = y.current === "last" ? _[_.length - 1] : _[0];
-    A == null || A.focus(), y.current = null;
+  }, [v]), F(() => {
+    if (!v || !y.current || !N.current) return;
+    const _ = L(), $ = y.current === "last" ? _[_.length - 1] : _[0];
+    $ == null || $.focus(), y.current = null;
   }, [v]);
-  const P = () => g.current ? [...g.current.querySelectorAll(
+  const L = () => N.current ? [...N.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
   )] : [], O = (_) => {
-    var A, $;
+    var $, R;
     if (_.key === "ArrowDown")
-      _.preventDefault(), v ? (A = P()[0]) == null || A.focus() : (y.current = "first", W());
+      _.preventDefault(), v ? ($ = L()[0]) == null || $.focus() : (y.current = "first", C());
     else if (_.key === "ArrowUp")
       if (_.preventDefault(), !v)
-        y.current = "last", W();
+        y.current = "last", C();
       else {
-        const q = P();
-        ($ = q[q.length - 1]) == null || $.focus();
+        const V = L();
+        (R = V[V.length - 1]) == null || R.focus();
       }
-  }, G = (_) => {
-    var q, V, C, m;
-    const A = P(), $ = A.findIndex((x) => x === document.activeElement);
+  }, W = (_) => {
+    var V, H, Y, m;
+    const $ = L(), R = $.findIndex((x) => x === document.activeElement);
     switch (_.key) {
       case "ArrowDown":
-        _.preventDefault(), (q = A[Math.min($ + 1, A.length - 1)]) == null || q.focus();
+        _.preventDefault(), (V = $[Math.min(R + 1, $.length - 1)]) == null || V.focus();
         break;
       case "ArrowUp":
-        _.preventDefault(), $ <= 0 ? E() : (V = A[$ - 1]) == null || V.focus();
+        _.preventDefault(), R <= 0 ? k() : (H = $[R - 1]) == null || H.focus();
         break;
       case "Home":
-        _.preventDefault(), (C = A[0]) == null || C.focus();
+        _.preventDefault(), (Y = $[0]) == null || Y.focus();
         break;
       case "End":
-        _.preventDefault(), (m = A[A.length - 1]) == null || m.focus();
+        _.preventDefault(), (m = $[$.length - 1]) == null || m.focus();
         break;
       case "Tab":
-        B();
+        A();
         break;
     }
-  }, Y = v && /* @__PURE__ */ e.jsx(
+  }, M = v && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: g,
+      ref: N,
       role: "menu",
       "data-ds-portal": "",
       className: [
@@ -2219,29 +2328,29 @@ function fn({
         `ds-dropdown__menu--${r}`,
         p && "ds-dropdown__menu--closing"
       ].filter(Boolean).join(" "),
-      style: k,
-      onKeyDown: G,
-      children: s.map((_, A) => {
+      style: E,
+      onKeyDown: W,
+      children: s.map((_, $) => {
         if (_.separator)
-          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, A);
+          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, $);
         if (_.type === "section")
           return /* @__PURE__ */ e.jsxs("div", { className: "ds-dropdown__section", children: [
             _.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: _.label }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: _.content })
-          ] }, A);
-        const $ = !!_.href, q = $ ? "a" : "button", V = $ ? { href: _.disabled ? void 0 : _.href, "aria-disabled": _.disabled ? "true" : void 0 } : { type: "button", disabled: _.disabled };
+          ] }, $);
+        const R = !!_.href, V = R ? "a" : "button", H = R ? { href: _.disabled ? void 0 : _.href, "aria-disabled": _.disabled ? "true" : void 0 } : { type: "button", disabled: _.disabled };
         return /* @__PURE__ */ e.jsxs(
-          q,
+          V,
           {
             role: "menuitem",
             className: [
               "ds-dropdown__item",
               _.danger && "ds-dropdown__item--danger"
             ].filter(Boolean).join(" "),
-            ...V,
+            ...H,
             onClick: () => {
-              var C;
-              (C = _.onClick) == null || C.call(_), B();
+              var Y;
+              (Y = _.onClick) == null || Y.call(_), A();
             },
             children: [
               _.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: _.icon }),
@@ -2249,7 +2358,7 @@ function fn({
               _.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: _.shortcut })
             ]
           },
-          A
+          $
         );
       })
     }
@@ -2257,7 +2366,7 @@ function fn({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: N,
+      ref: j,
       className: ["ds-dropdown", o && "ds-dropdown--full-width", i].filter(Boolean).join(" "),
       style: l,
       ...c,
@@ -2272,12 +2381,12 @@ function fn({
             children: t
           }
         ),
-        typeof document < "u" && oe.createPortal(Y, document.body)
+        typeof document < "u" && re.createPortal(M, document.body)
       ]
     }
   );
 }
-function mn({
+function bn({
   value: t = 0,
   size: s = "m",
   variant: n = "default",
@@ -2314,38 +2423,38 @@ function mn({
     }
   );
 }
-const Yt = (t) => 1 - Math.pow(1 - t, 3), qt = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-function Gt(t, { duration: s = 600 } = {}) {
-  const [n, a] = L(t), r = I(t), o = I(null);
-  return z(() => {
-    if (qt()) {
+const Jt = (t) => 1 - Math.pow(1 - t, 3), Zt = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+function Qt(t, { duration: s = 600 } = {}) {
+  const [n, a] = P(t), r = B(t), o = B(null);
+  return F(() => {
+    if (Zt()) {
       a(t), r.current = t;
       return;
     }
     const i = r.current, l = t - i;
     if (l === 0) return;
     let c = null;
-    const u = (d) => {
+    const f = (d) => {
       c || (c = d);
       const p = Math.min((d - c) / s, 1);
-      a(i + l * Yt(p)), p < 1 ? o.current = requestAnimationFrame(u) : r.current = t;
+      a(i + l * Jt(p)), p < 1 ? o.current = requestAnimationFrame(f) : r.current = t;
     };
-    return o.current = requestAnimationFrame(u), () => cancelAnimationFrame(o.current);
+    return o.current = requestAnimationFrame(f), () => cancelAnimationFrame(o.current);
   }, [t, s]), n;
 }
-function pn({
+function jn({
   value: t,
   duration: s = 600,
   decimals: n = 0,
   prefix: a = "",
   suffix: r = ""
 }) {
-  const i = Gt(t, { duration: s }).toFixed(n);
+  const i = Qt(t, { duration: s }).toFixed(n);
   return `${a}${i}${r}`;
 }
-function Kt({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
-  const a = I(null), [r, o] = L(!1);
-  return z(() => {
+function es({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
+  const a = B(null), [r, o] = P(!1);
+  return F(() => {
     const i = a.current;
     if (!i) return;
     const l = new IntersectionObserver(
@@ -2357,7 +2466,7 @@ function Kt({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
     return l.observe(i), () => l.disconnect();
   }, [t, s, n]), { ref: a, inView: r };
 }
-function hn({
+function gn({
   children: t,
   as: s = "div",
   once: n = !1,
@@ -2367,31 +2476,31 @@ function hn({
   onLeave: i,
   ...l
 }) {
-  const { ref: c, inView: u } = Kt({ threshold: a, rootMargin: r, once: n }), d = I(!1);
-  return z(() => {
-    u && !d.current && (o == null || o()), !u && d.current && (i == null || i()), d.current = u;
-  }, [u]), /* @__PURE__ */ e.jsx(s, { ref: c, ...l, children: typeof t == "function" ? t(u) : t });
-}
-const Qe = {
-  default: Fe,
-  success: ze,
-  warning: Me,
-  error: Pe
+  const { ref: c, inView: f } = es({ threshold: a, rootMargin: r, once: n }), d = B(!1);
+  return F(() => {
+    f && !d.current && (o == null || o()), !f && d.current && (i == null || i()), d.current = f;
+  }, [f]), /* @__PURE__ */ e.jsx(s, { ref: c, ...l, children: typeof t == "function" ? t(f) : t });
+}
+const st = {
+  default: We,
+  success: Fe,
+  warning: ze,
+  error: Me
 };
 let ve = [];
-const Be = /* @__PURE__ */ new Set();
-function it() {
-  Be.forEach((t) => t([...ve]));
+const De = /* @__PURE__ */ new Set();
+function ut() {
+  De.forEach((t) => t([...ve]));
 }
-function Xt(t) {
-  ve = [...ve, t], it();
+function ts(t) {
+  ve = [...ve, t], ut();
 }
-function Jt(t) {
-  ve = ve.filter((s) => s.id !== t), it();
+function ss(t) {
+  ve = ve.filter((s) => s.id !== t), ut();
 }
-function xn() {
+function Nn() {
   const t = (s, n = {}) => {
-    Xt({
+    ts({
       id: `${Date.now()}-${Math.random()}`,
       message: s,
       type: "default",
@@ -2401,13 +2510,13 @@ function xn() {
   };
   return t.success = (s, n) => t(s, { ...n, type: "success" }), t.error = (s, n) => t(s, { ...n, type: "error" }), t.warning = (s, n) => t(s, { ...n, type: "warning" }), { toast: t };
 }
-function Zt({ data: t, onDismiss: s }) {
-  const n = K(), [a, r] = L(!1), o = I(null);
-  z(() => (requestAnimationFrame(() => r(!0)), t.duration > 0 && (o.current = setTimeout(() => i(), t.duration)), () => clearTimeout(o.current)), []);
+function ns({ data: t, onDismiss: s }) {
+  const n = K(), [a, r] = P(!1), o = B(null);
+  F(() => (requestAnimationFrame(() => r(!0)), t.duration > 0 && (o.current = setTimeout(() => i(), t.duration)), () => clearTimeout(o.current)), []);
   function i() {
     r(!1), setTimeout(() => s(t.id), 250);
   }
-  const l = Qe[t.type] ?? Qe.default;
+  const l = st[t.type] ?? st.default;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2419,7 +2528,7 @@ function Zt({ data: t, onDismiss: s }) {
       role: t.type === "error" ? "alert" : "status",
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(l, { size: U[3], strokeWidth: 1.5 }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(l, { size: q[3], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-toast__message", children: t.message }),
         /* @__PURE__ */ e.jsx(
           "button",
@@ -2427,26 +2536,26 @@ function Zt({ data: t, onDismiss: s }) {
             className: "ds-toast__close",
             onClick: i,
             "aria-label": n.close,
-            children: /* @__PURE__ */ e.jsx(te, { size: U[3], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(se, { size: q[3], strokeWidth: 1.5 })
           }
         )
       ]
     }
   );
 }
-function vn({ position: t = "bottom-right" }) {
-  const [s, n] = L(() => [...ve]);
-  return z(() => (Be.add(n), () => Be.delete(n)), []), !s.length || typeof document > "u" ? null : oe.createPortal(
-    /* @__PURE__ */ e.jsx("div", { "data-ds-portal": "", className: ["ds-toast-container", `ds-toast-container--${t}`].join(" "), children: s.map((a) => /* @__PURE__ */ e.jsx(Zt, { data: a, onDismiss: Jt }, a.id)) }),
+function wn({ position: t = "bottom-right" }) {
+  const [s, n] = P(() => [...ve]);
+  return F(() => (De.add(n), () => De.delete(n)), []), !s.length || typeof document > "u" ? null : re.createPortal(
+    /* @__PURE__ */ e.jsx("div", { "data-ds-portal": "", className: ["ds-toast-container", `ds-toast-container--${t}`].join(" "), children: s.map((a) => /* @__PURE__ */ e.jsx(ns, { data: a, onDismiss: ss }, a.id)) }),
     document.body
   );
 }
-const Qt = {
+const rs = {
   running: /* @__PURE__ */ e.jsx(he, { size: "xs", variant: "info", children: "Running..." }),
   success: /* @__PURE__ */ e.jsx(he, { size: "xs", variant: "success", children: "Done" }),
   error: /* @__PURE__ */ e.jsx(he, { size: "xs", variant: "error", children: "Error" })
 };
-function bn({
+function yn({
   label: t,
   status: s = "idle",
   icon: n,
@@ -2456,19 +2565,19 @@ function bn({
   onToggle: i,
   children: l,
   className: c = "",
-  ...u
+  ...f
 }) {
   const d = s === "running", p = /* @__PURE__ */ e.jsxs("span", { className: "ds-tool-card__title-row", children: [
     n && /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__icon", children: n }),
     /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__label", children: t }),
-    Qt[s],
+    rs[s],
     a
   ] });
   return l ? /* @__PURE__ */ e.jsx(
     "div",
     {
       className: ["ds-tool-card", d && "ds-tool-card--running", c].filter(Boolean).join(" "),
-      ...u,
+      ...f,
       children: /* @__PURE__ */ e.jsx(
         Oe,
         {
@@ -2485,39 +2594,39 @@ function bn({
     "div",
     {
       className: ["ds-tool-card", "ds-tool-card--bubble", c].filter(Boolean).join(" "),
-      ...u,
+      ...f,
       children: p
     }
   );
 }
-function es({
+function as({
   text: t,
   size: s = "xs",
   timeout: n = 800,
   "aria-label": a,
   ...r
 }) {
-  const o = K(), [i, l] = L(!1), c = (u) => {
-    u.currentTarget.blur(), navigator.clipboard.writeText(t).then(() => {
+  const o = K(), [i, l] = P(!1), c = (f) => {
+    f.currentTarget.blur(), navigator.clipboard.writeText(t).then(() => {
       l(!0), setTimeout(() => l(!1), n);
     });
   };
   return /* @__PURE__ */ e.jsx(
-    ce,
+    de,
     {
       variant: "ghost",
       size: s,
       state: i ? "success" : "idle",
-      icon: /* @__PURE__ */ e.jsx(_t, { size: U[1], strokeWidth: 1.5 }),
+      icon: /* @__PURE__ */ e.jsx(wt, { size: q[1], strokeWidth: 1.5 }),
       "aria-label": a ?? o.copyToClipboard,
       onClick: c,
       ...r
     }
   );
 }
-function _n({ content: t, streaming: s = !1, ...n }) {
-  const [a, r] = L(s);
-  return z(() => {
+function kn({ content: t, streaming: s = !1, ...n }) {
+  const [a, r] = P(s);
+  return F(() => {
     r(!!s);
   }, [s]), /* @__PURE__ */ e.jsx(
     Oe,
@@ -2526,18 +2635,18 @@ function _n({ content: t, streaming: s = !1, ...n }) {
       onToggle: r,
       padding: "s",
       title: /* @__PURE__ */ e.jsxs("div", { className: "ds-reasoning__title", children: [
-        /* @__PURE__ */ e.jsx(jt, { size: U[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
-        /* @__PURE__ */ e.jsx(It, { secondary: !0, children: "Thinking" })
+        /* @__PURE__ */ e.jsx(yt, { size: q[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
+        /* @__PURE__ */ e.jsx(Pt, { secondary: !0, children: "Thinking" })
       ] }),
       ...n,
-      children: /* @__PURE__ */ e.jsxs(ot, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
+      children: /* @__PURE__ */ e.jsxs(dt, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
         t,
         s && /* @__PURE__ */ e.jsx("span", { className: "ds-cursor ds-cursor--line" })
       ] })
     }
   );
 }
-function jn({
+function En({
   count: t,
   current: s = 0,
   done: n = [],
@@ -2547,37 +2656,37 @@ function jn({
   "aria-label": i,
   ...l
 }) {
-  const c = K(), { t: u } = ye();
+  const c = K(), { t: f } = ye();
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", o].filter(Boolean).join(" "), ...l, children: [
     /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i ?? c.steps, children: Array.from({ length: t }, (d, p) => {
-      const h = p === s, f = n.includes(p) && !h, v = a && (p <= s || n.includes(p)), N = [
+      const h = p === s, u = n.includes(p) && !h, v = a && (p <= s || n.includes(p)), j = [
         "ds-step-indicator__dot",
         h && "ds-step-indicator__dot--active",
-        f && "ds-step-indicator__dot--done"
+        u && "ds-step-indicator__dot--done"
       ].filter(Boolean).join(" ");
       return /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
-          className: N,
+          className: j,
           role: "tab",
           "aria-selected": h,
-          "aria-label": u("stepN", { n: p + 1 }),
+          "aria-label": f("stepN", { n: p + 1 }),
           disabled: !v || p === s,
           onClick: () => a == null ? void 0 : a(p),
-          children: f ? /* @__PURE__ */ e.jsx(Le, { size: 8, strokeWidth: 3 }) : null
+          children: u ? /* @__PURE__ */ e.jsx(Pe, { size: 8, strokeWidth: 3 }) : null
         },
         p
       );
     }) }),
-    r && /* @__PURE__ */ e.jsxs(ot, { secondary: !0, className: "ds-step-indicator__counter", children: [
+    r && /* @__PURE__ */ e.jsxs(dt, { secondary: !0, className: "ds-step-indicator__counter", children: [
       s + 1,
       " / ",
       t
     ] })
   ] });
 }
-function Nn({
+function Tn({
   content: t,
   isStreaming: s = !1,
   cursor: n = "line",
@@ -2585,15 +2694,15 @@ function Nn({
   className: r = "",
   ...o
 }) {
-  const i = I(t);
-  return z(() => {
+  const i = B(t);
+  return F(() => {
     t !== i.current && (a == null || a(t), i.current = t);
   }, [t, a]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", r].filter(Boolean).join(" "), ...o, children: [
     t,
     s && n !== "none" && /* @__PURE__ */ e.jsx("span", { className: `ds-cursor ds-cursor--${n}`, "aria-hidden": "true" })
   ] });
 }
-function gn({
+function $n({
   role: t = "assistant",
   header: s,
   footer: n,
@@ -2620,9 +2729,9 @@ function gn({
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: n })
   ] });
 }
-function wn(t, { containerRef: s, smartPause: n = !0 } = {}) {
-  const a = I(!1), r = I(0);
-  z(() => {
+function Rn(t, { containerRef: s, smartPause: n = !0 } = {}) {
+  const a = B(!1), r = B(0);
+  F(() => {
     const o = s == null ? void 0 : s.current;
     if (!o) return;
     const i = () => {
@@ -2630,12 +2739,12 @@ function wn(t, { containerRef: s, smartPause: n = !0 } = {}) {
       !l && o.scrollTop < r.current && (a.current = !0), l && (a.current = !1), r.current = o.scrollTop;
     };
     return o.addEventListener("scroll", i, { passive: !0 }), () => o.removeEventListener("scroll", i);
-  }, [s]), z(() => {
+  }, [s]), F(() => {
     const o = s == null ? void 0 : s.current;
     o && (n && a.current || (o.scrollTop = o.scrollHeight));
   }, t);
 }
-function ts({
+function os({
   prompts: t,
   enabled: s,
   typingSpeed: n = 38,
@@ -2644,36 +2753,36 @@ function ts({
   betweenTime: o = 380,
   manualPauseMs: i = 5e3
 }) {
-  const [l, c] = L(0), [u, d] = L(""), p = I("typing"), h = I(0), f = I(0), v = I(null), N = I(0);
-  z(() => {
-    f.current = l;
-  }, [l]), z(() => {
+  const [l, c] = P(0), [f, d] = P(""), p = B("typing"), h = B(0), u = B(0), v = B(null), j = B(0);
+  F(() => {
+    u.current = l;
+  }, [l]), F(() => {
     if (v.current && (clearTimeout(v.current), v.current = null), !s || t.length === 0) {
       d(""), h.current = 0, p.current = "typing";
       return;
     }
-    const j = () => {
+    const g = () => {
       const b = Date.now();
-      if (N.current > b) {
-        v.current = setTimeout(j, N.current - b);
+      if (j.current > b) {
+        v.current = setTimeout(g, j.current - b);
         return;
       }
-      const S = t[f.current % t.length] ?? "";
-      p.current === "typing" ? (h.current += 1, d(S.slice(0, h.current)), h.current >= S.length ? (p.current = "holding", v.current = setTimeout(j, r)) : v.current = setTimeout(j, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", v.current = setTimeout(j, a)) : (h.current = Math.max(0, h.current - 1), d(S.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", f.current = (f.current + 1) % t.length, c(f.current), v.current = setTimeout(j, o)) : v.current = setTimeout(j, a));
+      const S = t[u.current % t.length] ?? "";
+      p.current === "typing" ? (h.current += 1, d(S.slice(0, h.current)), h.current >= S.length ? (p.current = "holding", v.current = setTimeout(g, r)) : v.current = setTimeout(g, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", v.current = setTimeout(g, a)) : (h.current = Math.max(0, h.current - 1), d(S.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", u.current = (u.current + 1) % t.length, c(u.current), v.current = setTimeout(g, o)) : v.current = setTimeout(g, a));
     };
-    return v.current = setTimeout(j, 260), () => {
+    return v.current = setTimeout(g, 260), () => {
       v.current && clearTimeout(v.current);
     };
   }, [s, t, n, a, r, o]);
-  const g = (j) => {
+  const N = (g) => {
     if (t.length === 0) return;
-    const b = (j % t.length + t.length) % t.length, S = t[b];
-    f.current = b, h.current = S.length, p.current = "holding", N.current = Date.now() + i, c(b), d(S);
-  }, w = () => g(f.current + 1), y = () => g(f.current - 1), k = t[l % t.length] ?? "";
-  return { displayed: u, currentPrompt: k, index: l, next: w, prev: y };
+    const b = (g % t.length + t.length) % t.length, S = t[b];
+    u.current = b, h.current = S.length, p.current = "holding", j.current = Date.now() + i, c(b), d(S);
+  }, w = () => N(u.current + 1), y = () => N(u.current - 1), E = t[l % t.length] ?? "";
+  return { displayed: f, currentPrompt: E, index: l, next: w, prev: y };
 }
-let ss = 0;
-function yn({
+let is = 0;
+function Sn({
   value: t = "",
   onChange: s,
   onSubmit: n,
@@ -2683,79 +2792,79 @@ function yn({
   disabled: i = !1,
   placeholder: l,
   animatedPlaceholders: c,
-  attachments: u,
+  attachments: f,
   images: d,
   onAttachFiles: p,
   onAttachImages: h,
-  onRemoveAttachment: f,
+  onRemoveAttachment: u,
   onRemoveImage: v,
-  acceptImage: N,
-  acceptFile: g,
+  acceptImage: j,
+  acceptFile: N,
   maxImages: w,
   maxImageSize: y,
-  leftSlot: k,
-  rightSlot: j,
+  leftSlot: E,
+  rightSlot: g,
   className: b = "",
   ...S
 }) {
-  const B = K(), { t: D } = ye(), W = I(null), E = I(null), P = I(0), [O, G] = L(!1), [Y, _] = L([]), A = l ?? B.promptPlaceholder, $ = (T) => {
-    const M = ++ss;
-    _((J) => [...J, { id: M, msg: T }]), setTimeout(() => _((J) => J.filter((Q) => Q.id !== M)), 6e3);
-  }, q = (T) => _((M) => M.filter((J) => J.id !== T)), V = (T) => T.type.startsWith("image/"), C = () => !0, m = N ?? V, x = g ?? C, R = (T) => {
-    const M = [], J = [], Q = [], se = [];
-    let ne = 0, me = w != null ? w - ((d == null ? void 0 : d.length) ?? 0) : 1 / 0;
-    for (const re of T)
-      m(re) ? y && re.size > y ? Q.push(re.name) : me > 0 ? (M.push(re), me--) : ne++ : x(re) ? J.push(re) : se.push(re.name);
-    return { imageFiles: M, docFiles: J, tooLarge: Q, skipped: se, limitExceeded: ne };
-  }, F = (T) => {
-    const M = y ? D("fileTooLargeMaxHint", { maxMb: y / 1024 / 1024 }) : "";
-    $(D("fileTooLarge", { maxHint: M, names: T.join(", ") }));
+  const A = K(), { t: D } = ye(), C = B(null), k = B(null), L = B(0), [O, W] = P(!1), [M, _] = P([]), $ = l ?? A.promptPlaceholder, R = (T) => {
+    const z = ++is;
+    _((J) => [...J, { id: z, msg: T }]), setTimeout(() => _((J) => J.filter((Q) => Q.id !== z)), 6e3);
+  }, V = (T) => _((z) => z.filter((J) => J.id !== T)), H = (T) => T.type.startsWith("image/"), Y = () => !0, m = j ?? H, x = N ?? Y, I = (T) => {
+    const z = [], J = [], Q = [], ne = [];
+    let ae = 0, me = w != null ? w - ((d == null ? void 0 : d.length) ?? 0) : 1 / 0;
+    for (const oe of T)
+      m(oe) ? y && oe.size > y ? Q.push(oe.name) : me > 0 ? (z.push(oe), me--) : ae++ : x(oe) ? J.push(oe) : ne.push(oe.name);
+    return { imageFiles: z, docFiles: J, tooLarge: Q, skipped: ne, limitExceeded: ae };
+  }, U = (T) => {
+    const z = y ? D("fileTooLargeMaxHint", { maxMb: y / 1024 / 1024 }) : "";
+    R(D("fileTooLarge", { maxHint: z, names: T.join(", ") }));
   }, ee = (T) => {
-    const { imageFiles: M, docFiles: J, tooLarge: Q, skipped: se, limitExceeded: ne } = R(T);
-    Q.length && F(Q), se.length && $(D("filesSkipped", { names: se.join(", ") })), ne && $(D("maxImages", { n: w })), h && M.length && h(M);
-    const me = J.concat(h ? [] : M);
+    const { imageFiles: z, docFiles: J, tooLarge: Q, skipped: ne, limitExceeded: ae } = I(T);
+    Q.length && U(Q), ne.length && R(D("filesSkipped", { names: ne.join(", ") })), ae && R(D("maxImages", { n: w })), h && z.length && h(z);
+    const me = J.concat(h ? [] : z);
     p && me.length && p(me);
   };
-  z(() => {
-    const T = E.current;
+  F(() => {
+    const T = k.current;
     T && (T.style.height = "auto", T.style.height = `${Math.min(T.scrollHeight, 200)}px`);
-  }, [t]), z(() => {
-    const T = (M) => {
-      var Q, se, ne;
+  }, [t]), F(() => {
+    const T = (z) => {
+      var Q, ne, ae;
       if (o || i) return;
-      const J = (Q = M.target) == null ? void 0 : Q.tagName;
-      J === "INPUT" || J === "TEXTAREA" || J === "SELECT" || (se = M.target) != null && se.isContentEditable || M.ctrlKey || M.metaKey || M.altKey || M.key.length !== 1 && M.key !== "Backspace" && M.key !== "Delete" || (ne = E.current) == null || ne.focus();
+      const J = (Q = z.target) == null ? void 0 : Q.tagName;
+      J === "INPUT" || J === "TEXTAREA" || J === "SELECT" || (ne = z.target) != null && ne.isContentEditable || z.ctrlKey || z.metaKey || z.altKey || z.key.length !== 1 && z.key !== "Backspace" && z.key !== "Delete" || (ae = k.current) == null || ae.focus();
     };
     return document.addEventListener("keydown", T), () => document.removeEventListener("keydown", T);
   }, [o, i]);
-  const ie = (T) => {
-    T.preventDefault(), P.current++, T.dataTransfer.types.includes("Files") && G(!0);
-  }, H = (T) => {
-    T.preventDefault(), P.current--, P.current === 0 && G(!1);
+  const le = (T) => {
+    T.preventDefault(), L.current++, T.dataTransfer.types.includes("Files") && W(!0);
+  }, G = (T) => {
+    T.preventDefault(), L.current--, L.current === 0 && W(!1);
   }, Z = (T) => T.preventDefault(), fe = (T) => {
-    T.preventDefault(), P.current = 0, G(!1);
-    const M = Array.from(T.dataTransfer.files);
-    M.length && ee(M);
-  }, _e = (T) => {
-    const M = Array.from(T.target.files || []);
-    W.current && (W.current.value = ""), M.length && ee(M);
-  }, Re = (T) => {
-    var re;
+    T.preventDefault(), L.current = 0, W(!1);
+    const z = Array.from(T.dataTransfer.files);
+    z.length && ee(z);
+  }, be = (T) => {
+    const z = Array.from(T.target.files || []);
+    C.current && (C.current.value = ""), z.length && ee(z);
+  }, Se = (T) => {
+    var oe;
     if (!h) return;
-    const M = (re = T.clipboardData) == null ? void 0 : re.items;
-    if (!M) return;
+    const z = (oe = T.clipboardData) == null ? void 0 : oe.items;
+    if (!z) return;
     const J = [];
-    for (const dt of M) {
-      const Ve = dt.getAsFile();
+    for (const pt of z) {
+      const Ve = pt.getAsFile();
       Ve && J.push(Ve);
     }
     if (J.length === 0) return;
-    const { imageFiles: Q, tooLarge: se, skipped: ne, limitExceeded: me } = R(J);
-    se.length && F(se), ne.length && $(D("filesSkipped", { names: ne.join(", ") })), me && $(D("maxImages", { n: w })), Q.length && (T.preventDefault(), h(Q));
-  }, je = !o && !i && !!(c != null && c.length) && t.length === 0, ke = ts({
+    const { imageFiles: Q, tooLarge: ne, skipped: ae, limitExceeded: me } = I(J);
+    ne.length && U(ne), ae.length && R(D("filesSkipped", { names: ae.join(", ") })), me && R(D("maxImages", { n: w })), Q.length && (T.preventDefault(), h(Q));
+  }, je = !o && !i && !!(c != null && c.length) && t.length === 0, ke = os({
     prompts: c ?? [],
     enabled: je
-  }), lt = (T) => {
+  }), ft = (T) => {
     if (je) {
       if (T.key === "ArrowDown" || T.key === "ArrowRight") {
         T.preventDefault(), ke.next();
@@ -2771,38 +2880,38 @@ function yn({
       }
     }
     r == null || r(T);
-  }, ct = (t.trim() || (d == null ? void 0 : d.length) > 0 || (u == null ? void 0 : u.length) > 0) && !i, Ue = p || h;
+  }, mt = (t.trim() || (d == null ? void 0 : d.length) > 0 || (f == null ? void 0 : f.length) > 0) && !i, He = p || h;
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", b].filter(Boolean).join(" "), ...S, children: [
-    Ue && /* @__PURE__ */ e.jsx(
+    He && /* @__PURE__ */ e.jsx(
       "input",
       {
-        ref: W,
+        ref: C,
         type: "file",
         multiple: !0,
         accept: "*/*",
         className: "ds-prompt-input__file-input",
-        onChange: _e
+        onChange: be
       }
     ),
     /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: ["ds-prompt-input__box", O && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
-        onDragEnter: ie,
-        onDragLeave: H,
+        onDragEnter: le,
+        onDragLeave: G,
         onDragOver: Z,
         onDrop: fe,
         children: [
-          O && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: B.dropFilesHere }),
+          O && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: A.dropFilesHere }),
           /* @__PURE__ */ e.jsx(
             "textarea",
             {
-              ref: E,
+              ref: k,
               value: t,
               onChange: (T) => s == null ? void 0 : s(T.target.value),
-              onKeyDown: lt,
-              onPaste: Re,
-              placeholder: je ? "" : A,
+              onKeyDown: ft,
+              onPaste: Se,
+              placeholder: je ? "" : $,
               disabled: o || i,
               rows: 1,
               className: ["ds-prompt-input__textarea", je && "ds-prompt-input__textarea--anim"].filter(Boolean).join(" ")
@@ -2812,81 +2921,81 @@ function yn({
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-text", children: ke.displayed }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-cursor" })
           ] }),
-          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: d.map((T, M) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
+          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: d.map((T, z) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
             /* @__PURE__ */ e.jsx("img", { src: T.preview, alt: "" }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 className: "ds-prompt-input__image-remove",
-                onClick: () => v == null ? void 0 : v(M),
-                "aria-label": B.removeImage,
+                onClick: () => v == null ? void 0 : v(z),
+                "aria-label": A.removeImage,
                 type: "button",
-                children: /* @__PURE__ */ e.jsx(te, { size: 12, strokeWidth: 2 })
+                children: /* @__PURE__ */ e.jsx(se, { size: 12, strokeWidth: 2 })
               }
             )
-          ] }, M)) }),
-          Y.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: Y.map((T) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
+          ] }, z)) }),
+          M.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: M.map((T) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
             /* @__PURE__ */ e.jsx("span", { children: T.msg }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
                 className: "ds-prompt-input__warning-close",
-                onClick: () => q(T.id),
-                "aria-label": B.dismiss,
-                children: /* @__PURE__ */ e.jsx(te, { size: U[1], strokeWidth: 1.5 })
+                onClick: () => V(T.id),
+                "aria-label": A.dismiss,
+                children: /* @__PURE__ */ e.jsx(se, { size: q[1], strokeWidth: 1.5 })
               }
             )
           ] }, T.id)) }),
-          u && u.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: u.map((T, M) => /* @__PURE__ */ e.jsx(he, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
-            T.uploading ? /* @__PURE__ */ e.jsx(Nt, { size: U[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(He, { size: U[1], strokeWidth: 1.5 }),
+          f && f.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: f.map((T, z) => /* @__PURE__ */ e.jsx(he, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
+            T.uploading ? /* @__PURE__ */ e.jsx(kt, { size: q[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Ye, { size: q[1], strokeWidth: 1.5 }),
             T.filename,
-            T.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: B.uploading }) : /* @__PURE__ */ e.jsx(
+            T.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: A.uploading }) : /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
                 className: "ds-prompt-input__remove-btn",
-                onClick: () => f == null ? void 0 : f(M),
-                "aria-label": B.removeAttachment,
-                children: /* @__PURE__ */ e.jsx(te, { size: U[1], strokeWidth: 1.5 })
+                onClick: () => u == null ? void 0 : u(z),
+                "aria-label": A.removeAttachment,
+                children: /* @__PURE__ */ e.jsx(se, { size: q[1], strokeWidth: 1.5 })
               }
             )
-          ] }) }, M)) }),
+          ] }) }, z)) }),
           /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__toolbar", children: [
-            Ue && /* @__PURE__ */ e.jsx(
-              ce,
+            He && /* @__PURE__ */ e.jsx(
+              de,
               {
                 variant: "ghost",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(He, { size: U[2], strokeWidth: 1.5 }),
-                "aria-label": B.attachFiles,
+                icon: /* @__PURE__ */ e.jsx(Ye, { size: q[2], strokeWidth: 1.5 }),
+                "aria-label": A.attachFiles,
                 onClick: () => {
                   var T;
-                  return (T = W.current) == null ? void 0 : T.click();
+                  return (T = C.current) == null ? void 0 : T.click();
                 }
               }
             ),
-            k,
-            j,
+            E,
+            g,
             /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__spacer" }),
             o ? /* @__PURE__ */ e.jsx(
-              ce,
+              de,
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(gt, { size: U[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(Et, { size: q[2], strokeWidth: 1.5 }),
                 onClick: a,
-                "aria-label": B.stop
+                "aria-label": A.stop
               }
             ) : /* @__PURE__ */ e.jsx(
-              ce,
+              de,
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(wt, { size: U[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(Tt, { size: q[2], strokeWidth: 1.5 }),
                 onClick: n,
-                disabled: !ct,
-                "aria-label": B.send
+                disabled: !mt,
+                "aria-label": A.send
               }
             )
           ] })
@@ -2895,8 +3004,8 @@ function yn({
     )
   ] });
 }
-const et = { fast: 0, standard: 1, premium: 2 }, tt = { fast: "data-5", standard: "data-3", premium: "data-6" };
-function kn({
+const nt = { fast: 0, standard: 1, premium: 2 }, rt = { fast: "data-5", standard: "data-3", premium: "data-6" };
+function An({
   models: t = [],
   value: s,
   onChange: n,
@@ -2907,57 +3016,57 @@ function kn({
   className: l = "",
   ...c
 }) {
-  const [u, d] = L(!1), p = I(null), h = I(null), f = I(null), [v, N] = L({}), g = t.filter((E) => !r || E.name === "auto" ? !0 : (et[E.tier] ?? 1) >= (et[r] ?? 1)), w = g.find((E) => E.name === "auto"), y = g.filter((E) => E.name !== "auto"), k = t.find((E) => E.name === s), b = new Set(y.map((E) => E.tier).filter(Boolean)).size > 1;
-  z(() => {
-    if (!u) return;
-    const E = 320, P = () => {
-      var $;
-      const Y = ($ = h.current) == null ? void 0 : $.getBoundingClientRect();
-      if (!Y) return;
-      const _ = window.innerHeight - Y.bottom, A = _ < E + 8 && Y.top > _;
-      N({
+  const [f, d] = P(!1), p = B(null), h = B(null), u = B(null), [v, j] = P({}), N = t.filter((k) => !r || k.name === "auto" ? !0 : (nt[k.tier] ?? 1) >= (nt[r] ?? 1)), w = N.find((k) => k.name === "auto"), y = N.filter((k) => k.name !== "auto"), E = t.find((k) => k.name === s), b = new Set(y.map((k) => k.tier).filter(Boolean)).size > 1;
+  F(() => {
+    if (!f) return;
+    const k = 320, L = () => {
+      var R;
+      const M = (R = h.current) == null ? void 0 : R.getBoundingClientRect();
+      if (!M) return;
+      const _ = window.innerHeight - M.bottom, $ = _ < k + 8 && M.top > _;
+      j({
         position: "fixed",
         zIndex: "var(--z-dropdown, 500)",
-        left: Y.left,
-        ...A ? { bottom: window.innerHeight - Y.top + 4, top: "auto" } : { top: Y.bottom + 4, bottom: "auto" }
+        left: M.left,
+        ...$ ? { bottom: window.innerHeight - M.top + 4, top: "auto" } : { top: M.bottom + 4, bottom: "auto" }
       });
     };
-    P(), window.addEventListener("scroll", P, !0), window.addEventListener("resize", P);
-    const O = (Y) => {
-      var _, A;
-      !((_ = p.current) != null && _.contains(Y.target)) && !((A = f.current) != null && A.contains(Y.target)) && d(!1);
-    }, G = (Y) => {
-      Y.key === "Escape" && d(!1);
+    L(), window.addEventListener("scroll", L, !0), window.addEventListener("resize", L);
+    const O = (M) => {
+      var _, $;
+      !((_ = p.current) != null && _.contains(M.target)) && !(($ = u.current) != null && $.contains(M.target)) && d(!1);
+    }, W = (M) => {
+      M.key === "Escape" && d(!1);
     };
-    return document.addEventListener("mousedown", O), document.addEventListener("keydown", G), () => {
-      window.removeEventListener("scroll", P, !0), window.removeEventListener("resize", P), document.removeEventListener("mousedown", O), document.removeEventListener("keydown", G);
+    return document.addEventListener("mousedown", O), document.addEventListener("keydown", W), () => {
+      window.removeEventListener("scroll", L, !0), window.removeEventListener("resize", L), document.removeEventListener("mousedown", O), document.removeEventListener("keydown", W);
     };
-  }, [u]);
-  const S = (E) => {
-    n == null || n(E), d(!1);
-  }, B = (E) => /* @__PURE__ */ e.jsxs(
+  }, [f]);
+  const S = (k) => {
+    n == null || n(k), d(!1);
+  }, A = (k) => /* @__PURE__ */ e.jsxs(
     "button",
     {
       type: "button",
       className: [
         "ds-model-picker__item",
-        E.name === s && "ds-model-picker__item--active"
+        k.name === s && "ds-model-picker__item--active"
       ].filter(Boolean).join(" "),
-      onClick: () => S(E.name),
+      onClick: () => S(k.name),
       children: [
-        E.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: E.icon }) : /* @__PURE__ */ e.jsx(Ye, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
-        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: E.displayName || E.name }),
-        b && E.tier && /* @__PURE__ */ e.jsx(he, { size: "xs", variant: tt[E.tier] || "default", children: E.tier })
+        k.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: k.icon }) : /* @__PURE__ */ e.jsx(qe, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
+        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: k.displayName || k.name }),
+        b && k.tier && /* @__PURE__ */ e.jsx(he, { size: "xs", variant: rt[k.tier] || "default", children: k.tier })
       ]
     },
-    E.name
-  ), D = () => !i || !b ? y.map(B) : ["fast", "standard", "premium"].flatMap((E) => {
-    const P = y.filter((O) => O.tier === E);
-    return P.length ? [
-      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": E, children: E.charAt(0).toUpperCase() + E.slice(1) }, `lbl-${E}`),
-      ...P.map(B)
+    k.name
+  ), D = () => !i || !b ? y.map(A) : ["fast", "standard", "premium"].flatMap((k) => {
+    const L = y.filter((O) => O.tier === k);
+    return L.length ? [
+      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": k, children: k.charAt(0).toUpperCase() + k.slice(1) }, `lbl-${k}`),
+      ...L.map(A)
     ] : [];
-  }), W = u && /* @__PURE__ */ e.jsxs("div", { ref: f, className: "ds-model-picker__menu ds-scrollable", "data-ds-portal": "", style: v, children: [
+  }), C = f && /* @__PURE__ */ e.jsxs("div", { ref: u, className: "ds-model-picker__menu ds-scrollable", "data-ds-portal": "", style: v, children: [
     o && w && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(
         "button",
@@ -2970,7 +3079,7 @@ function kn({
           ].filter(Boolean).join(" "),
           onClick: () => S("auto"),
           children: [
-            /* @__PURE__ */ e.jsx(yt, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
+            /* @__PURE__ */ e.jsx($t, { 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)" })
           ]
         }
@@ -2992,71 +3101,71 @@ function kn({
             ref: h,
             type: "button",
             className: "ds-model-picker__trigger",
-            onClick: () => d((E) => !E),
+            onClick: () => d((k) => !k),
             "aria-haspopup": "listbox",
-            "aria-expanded": u,
+            "aria-expanded": f,
             children: [
-              k != null && k.icon ? /* @__PURE__ */ e.jsx("span", { children: k.icon }) : /* @__PURE__ */ e.jsx(Ye, { size: 12, strokeWidth: 1.5 }),
-              /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (k == null ? void 0 : k.displayName) || (k == null ? void 0 : k.name) || s }),
-              b && (k == null ? void 0 : k.tier) && /* @__PURE__ */ e.jsx(he, { size: "xs", variant: tt[k.tier] || "default", children: k.tier })
+              E != null && E.icon ? /* @__PURE__ */ e.jsx("span", { children: E.icon }) : /* @__PURE__ */ e.jsx(qe, { size: 12, strokeWidth: 1.5 }),
+              /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (E == null ? void 0 : E.displayName) || (E == null ? void 0 : E.name) || s }),
+              b && (E == null ? void 0 : E.tier) && /* @__PURE__ */ e.jsx(he, { size: "xs", variant: rt[E.tier] || "default", children: E.tier })
             ]
           }
         ),
-        typeof document < "u" && oe.createPortal(W, document.body)
+        typeof document < "u" && re.createPortal(C, document.body)
       ]
     }
   );
 }
-const ns = ({ filename: t, pagesLabel: s }) => /* @__PURE__ */ e.jsxs("span", { style: { display: "flex", alignItems: "center", gap: "var(--space-2)", minWidth: 0 }, children: [
+const ls = ({ filename: t, pagesLabel: s }) => /* @__PURE__ */ e.jsxs("span", { style: { display: "flex", alignItems: "center", gap: "var(--space-2)", minWidth: 0 }, children: [
   /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: t }),
   s && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: s })
 ] });
-function rs(t) {
+function cs(t) {
   const s = /* @__PURE__ */ new Map();
   for (const n of t)
     s.has(n.filename) || s.set(n.filename, { filename: n.filename, url: n.url, items: [] }), s.get(n.filename).items.push(n);
   return [...s.values()];
 }
-function En({
+function In({
   sources: t = [],
   layout: s = "list",
   title: n,
   maxVisible: a = 5,
   onSourceClick: r
 }) {
-  const o = K(), { t: i } = ye(), l = n ?? o.sources, [c, u] = L(!1), d = rs(t), p = d.length > a, h = c ? d : d.slice(0, a), f = t.some((w) => w.snippet), v = (w) => w != null && w.length ? i("pageAbbrev", { pages: w.join(", ") }) : null, N = i("moreSources", { n: d.length - a }), g = ["ds-sources-panel", s === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
-  return s === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: g, children: [
+  const o = K(), { t: i } = ye(), l = n ?? o.sources, [c, f] = P(!1), d = cs(t), p = d.length > a, h = c ? d : d.slice(0, a), u = t.some((w) => w.snippet), v = (w) => w != null && w.length ? i("pageAbbrev", { pages: w.join(", ") }) : null, j = i("moreSources", { n: d.length - a }), N = ["ds-sources-panel", s === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
+  return s === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: N, children: [
     h.map((w) => {
-      const y = w.items.map((b) => b.page).filter(Boolean), k = v(y), j = !!r;
+      const y = w.items.map((b) => b.page).filter(Boolean), E = v(y), g = !!r;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__compact-row${j ? " ds-sources-panel__compact-row--clickable" : ""}`,
-          onClick: j ? () => r(w.items[0]) : void 0,
+          className: `ds-sources-panel__compact-row${g ? " ds-sources-panel__compact-row--clickable" : ""}`,
+          onClick: g ? () => r(w.items[0]) : void 0,
           children: [
-            /* @__PURE__ */ e.jsx(kt, { size: U[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
+            /* @__PURE__ */ e.jsx(Rt, { size: q[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: w.filename }),
-            k && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: k })
+            E && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: E })
           ]
         },
         w.filename
       );
     }),
-    p && !c && /* @__PURE__ */ e.jsx("button", { className: "ds-sources-panel__more", onClick: () => u(!0), children: N })
-  ] }) : /* @__PURE__ */ e.jsxs("div", { className: g, children: [
+    p && !c && /* @__PURE__ */ e.jsx("button", { className: "ds-sources-panel__more", onClick: () => f(!0), children: j })
+  ] }) : /* @__PURE__ */ e.jsxs("div", { className: N, children: [
     l && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: l }),
     h.map((w) => {
-      const y = w.items.map((b) => b.page).filter(Boolean), k = v(y), j = !!r;
-      return f ? /* @__PURE__ */ e.jsx(
+      const y = w.items.map((b) => b.page).filter(Boolean), E = v(y), g = !!r;
+      return u ? /* @__PURE__ */ e.jsx(
         Oe,
         {
-          title: /* @__PURE__ */ e.jsx(ns, { filename: w.filename, pagesLabel: k }),
+          title: /* @__PURE__ */ e.jsx(ls, { filename: w.filename, pagesLabel: E }),
           padding: "s",
           children: w.items.map((b, S) => /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: `ds-sources-panel__snippet${j ? " ds-sources-panel__snippet--clickable" : ""}`,
-              onClick: j ? () => r(b) : void 0,
+              className: `ds-sources-panel__snippet${g ? " ds-sources-panel__snippet--clickable" : ""}`,
+              onClick: g ? () => r(b) : void 0,
               children: b.snippet ?? i("pageAbbrev", { pages: b.page })
             },
             S
@@ -3066,23 +3175,23 @@ function En({
       ) : /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__row${j ? " ds-sources-panel__row--clickable" : ""}`,
-          onClick: j ? () => r(w.items[0]) : void 0,
+          className: `ds-sources-panel__row${g ? " ds-sources-panel__row--clickable" : ""}`,
+          onClick: g ? () => r(w.items[0]) : void 0,
           children: [
             /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: w.filename }),
-            k && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: k })
+            E && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: E })
           ]
         },
         w.filename
       );
     }),
-    p && !c && /* @__PURE__ */ e.jsx("button", { className: "ds-sources-panel__more", onClick: () => u(!0), children: N })
+    p && !c && /* @__PURE__ */ e.jsx("button", { className: "ds-sources-panel__more", onClick: () => f(!0), children: j })
   ] });
 }
-function st(t) {
+function at(t) {
   return t >= 1e6 ? (t / 1e6).toFixed(1).replace(/\.0$/, "") + "M" : t >= 1e3 ? (t / 1e3).toFixed(1).replace(/\.0$/, "") + "K" : String(t);
 }
-function Tn({
+function Bn({
   used: t,
   limit: s,
   size: n = "s",
@@ -3091,7 +3200,7 @@ function Tn({
   warningThreshold: o = 0.8,
   errorThreshold: i = 1
 }) {
-  const l = s > 0 ? t / s : 0, c = Math.min(l * 100, 100), u = l >= i ? "error" : l >= o ? "warning" : "normal";
+  const l = s > 0 ? t / s : 0, c = Math.min(l * 100, 100), f = l >= i ? "error" : l >= o ? "warning" : "normal";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -3103,15 +3212,15 @@ function Tn({
         /* @__PURE__ */ e.jsx("div", { className: "ds-token-counter__track", children: /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `ds-token-counter__fill ds-token-counter__fill--${u}`,
+            className: `ds-token-counter__fill ds-token-counter__fill--${f}`,
             style: { width: `${c}%` }
           }
         ) }),
-        (a || r) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${u}`, children: [
+        (a || r) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${f}`, children: [
           a && /* @__PURE__ */ e.jsxs("span", { children: [
-            st(t),
+            at(t),
             " / ",
-            st(s)
+            at(s)
           ] }),
           r && /* @__PURE__ */ e.jsxs("span", { style: { marginLeft: "auto" }, children: [
             Math.round(l * 100),
@@ -3122,24 +3231,24 @@ function Tn({
     }
   );
 }
-const nt = 5;
-function as(t) {
+const ot = 5;
+function ds(t) {
   return t < 0.34 ? "low" : t < 0.67 ? "medium" : "high";
 }
-function $n({
+function Dn({
   value: t = 0,
   size: s = "xs",
   showLabel: n = "none",
   layout: a = "inline"
 }) {
-  const r = Math.max(0, Math.min(1, t)), o = Math.round(r * nt), i = as(r);
+  const r = Math.max(0, Math.min(1, t)), o = Math.round(r * ot), i = ds(r);
   return /* @__PURE__ */ e.jsxs("div", { className: [
     "ds-confidence-bar",
     `ds-confidence-bar--${s}`,
     `ds-confidence-bar--${i}`,
     a === "block" && "ds-confidence-bar--block"
   ].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: nt }, (l, c) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: ot }, (l, c) => /* @__PURE__ */ e.jsx(
       "div",
       {
         className: `ds-confidence-bar__seg${c < o ? " ds-confidence-bar__seg--filled" : ""}`
@@ -3149,15 +3258,15 @@ function $n({
     n === "text" && /* @__PURE__ */ e.jsx("span", { className: "ds-confidence-bar__label", children: i })
   ] });
 }
-const os = { add: "+", remove: "-", context: " " };
-function Se({ line: t, lineNumbers: s }) {
+const us = { add: "+", remove: "-", context: " " };
+function Ae({ line: t, lineNumbers: s }) {
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-diff-view__line ds-diff-view__line--${t.type}`, children: [
     s && t.lineNo != null && /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__lineno", children: t.lineNo }),
-    /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__prefix", children: os[t.type] }),
+    /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__prefix", children: us[t.type] }),
     /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__text", children: t.text })
   ] });
 }
-function Rn({
+function Ln({
   lines: t = [],
   layout: s = "inline",
   wordWrap: n = !1,
@@ -3171,21 +3280,21 @@ function Rn({
     n && "ds-diff-view--wrap"
   ].filter(Boolean).join(" "), l = r ? { maxHeight: r, overflowY: "auto" } : void 0;
   if (s === "split") {
-    const c = t.filter((d) => d.type === "remove" || d.type === "context"), u = t.filter((d) => d.type === "add" || d.type === "context");
+    const c = t.filter((d) => d.type === "remove" || d.type === "context"), f = t.filter((d) => d.type === "add" || d.type === "context");
     return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
       o && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: o }),
       /* @__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: c.map((d, p) => /* @__PURE__ */ e.jsx(Se, { line: d, lineNumbers: a }, p)) }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: u.map((d, p) => /* @__PURE__ */ e.jsx(Se, { line: d, lineNumbers: a }, p)) })
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: c.map((d, p) => /* @__PURE__ */ e.jsx(Ae, { line: d, lineNumbers: a }, p)) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: f.map((d, p) => /* @__PURE__ */ e.jsx(Ae, { line: d, lineNumbers: a }, p)) })
       ] })
     ] });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
     o && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: o }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: t.map((c, u) => /* @__PURE__ */ e.jsx(Se, { line: c, lineNumbers: a }, u)) })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: t.map((c, f) => /* @__PURE__ */ e.jsx(Ae, { line: c, lineNumbers: a }, f)) })
   ] });
 }
-function is({
+function fs({
   value: t = "idle",
   onLike: s,
   onDislike: n,
@@ -3217,9 +3326,9 @@ function is({
             "aria-label": r ?? l.like,
             "aria-pressed": t === "liked",
             children: /* @__PURE__ */ e.jsx(
-              Et,
+              St,
               {
-                size: U[1],
+                size: q[1],
                 strokeWidth: 1.5,
                 fill: t === "liked" ? "currentColor" : "none"
               }
@@ -3238,9 +3347,9 @@ function is({
             "aria-label": o ?? l.dislike,
             "aria-pressed": t === "disliked",
             children: /* @__PURE__ */ e.jsx(
-              Tt,
+              At,
               {
-                size: U[1],
+                size: q[1],
                 strokeWidth: 1.5,
                 fill: t === "disliked" ? "currentColor" : "none"
               }
@@ -3251,7 +3360,7 @@ function is({
     }
   );
 }
-function ls(t) {
+function ms(t) {
   const s = t instanceof Date ? t : new Date(t);
   if (isNaN(s)) return null;
   const n = /* @__PURE__ */ new Date(), a = s.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: !1 }), r = new Date(n.getFullYear(), n.getMonth(), n.getDate()), o = new Date(r - 864e5);
@@ -3260,7 +3369,7 @@ function ls(t) {
   const i = s.getDate(), l = s.toLocaleString([], { month: "short" });
   return `${i} ${l} ${a}`;
 }
-function Sn({
+function Pn({
   role: t = "assistant",
   text: s,
   timestamp: n,
@@ -3270,28 +3379,28 @@ function Sn({
   className: i = "",
   ...l
 }) {
-  const c = t === "assistant" && (r || o), u = !!s, d = n ? ls(n) : null;
-  return !c && !u && !d ? null : /* @__PURE__ */ e.jsxs(
+  const c = t === "assistant" && (r || o), f = !!s, d = n ? ms(n) : null;
+  return !c && !f && !d ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: ["ds-message-footer", `ds-message-footer--${t}`, i].filter(Boolean).join(" "),
       ...l,
       children: [
         t === "user" && d && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: d }),
-        c && /* @__PURE__ */ e.jsx(is, { className: "ds-message-action", value: a, onLike: r, onDislike: o }),
-        u && /* @__PURE__ */ e.jsx(es, { className: "ds-message-action", text: s }),
+        c && /* @__PURE__ */ e.jsx(fs, { className: "ds-message-action", value: a, onLike: r, onDislike: o }),
+        f && /* @__PURE__ */ e.jsx(as, { className: "ds-message-action", text: s }),
         t === "assistant" && d && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: d })
       ]
     }
   );
 }
-function An({ label: t, className: s = "", ...n }) {
+function Mn({ label: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsxs("span", { className: ["ds-thinking-dot", s].filter(Boolean).join(" "), ...n, children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-thinking-dot__pulse" }),
     t && /* @__PURE__ */ e.jsx("span", { className: "ds-thinking-dot__label", children: t })
   ] });
 }
-function In({ variant: t = "light", glow: s, mask: n = !0, style: a, ...r }) {
+function zn({ variant: t = "light", glow: s, mask: n = !0, style: a, ...r }) {
   const o = t === "dark", i = s ?? o, l = o ? "rgba(255,250,250,0.05)" : "var(--color-border-light)", c = o ? "rgba(255,250,250,0.025)" : "color-mix(in srgb, var(--color-border-light) 50%, transparent)";
   return /* @__PURE__ */ e.jsx(
     "div",
@@ -3332,7 +3441,7 @@ function In({ variant: t = "light", glow: s, mask: n = !0, style: a, ...r }) {
     }
   );
 }
-function Bn({ children: t, axis: s = "y", style: n, className: a = "", ...r }) {
+function Fn({ children: t, axis: s = "y", style: n, className: a = "", ...r }) {
   const o = s === "x" ? { overflowX: "auto", overflowY: "hidden" } : s === "both" ? { overflow: "auto" } : { overflowY: "auto", overflowX: "hidden" };
   return /* @__PURE__ */ e.jsx(
     "div",
@@ -3344,11 +3453,11 @@ function Bn({ children: t, axis: s = "y", style: n, className: a = "", ...r }) {
     }
   );
 }
-const Ae = 280, cs = 22, ds = 14, ue = 8, Ee = 6, us = 200;
-function fs(t) {
+const Ie = 280, ps = 22, hs = 14, ue = 8, Te = 6, xs = 200;
+function vs(t) {
   return t ? typeof t == "function" ? t() : typeof t == "string" ? document.querySelector(t) : null : null;
 }
-function ms(t, s, n, a) {
+function _s(t, s, n, a) {
   const r = window.innerWidth, o = window.innerHeight;
   if (o - t.bottom >= s + a + ue) return "bottom";
   if (t.top >= s + a + ue) return "top";
@@ -3357,7 +3466,7 @@ function ms(t, s, n, a) {
   const i = Math.max(t.top, o - t.bottom, r - t.right, t.left);
   return i === o - t.bottom ? "bottom" : i === t.top ? "top" : i === r - t.right ? "right" : "left";
 }
-function ps(t, s, n, a, r) {
+function bs(t, s, n, a, r) {
   const o = window.innerWidth, i = window.innerHeight;
   let l, c;
   switch (t) {
@@ -3373,10 +3482,10 @@ function ps(t, s, n, a, r) {
     default:
       l = s.top + s.height / 2 - n / 2, c = s.right + r;
   }
-  const u = Math.max(ue, Math.min(o - a - ue, c)), d = Math.max(ue, Math.min(i - n - ue, l));
-  return { top: d, left: u, arrowOffset: c - u, arrowOffsetY: l - d };
+  const f = Math.max(ue, Math.min(o - a - ue, c)), d = Math.max(ue, Math.min(i - n - ue, l));
+  return { top: d, left: f, arrowOffset: c - f, arrowOffsetY: l - d };
 }
-function Dn({
+function Wn({
   steps: t,
   currentStep: s,
   onNext: n,
@@ -3386,74 +3495,74 @@ function Dn({
   overlay: i = !0,
   ring: l = !0,
   labelNext: c,
-  labelBack: u,
+  labelBack: f,
   labelSkip: d,
   labelFinish: p,
   statePrimary: h = "idle",
-  stateBack: f = "idle"
+  stateBack: u = "idle"
 }) {
-  const v = K(), { t: N } = ye(), g = c ?? v.next, w = u ?? v.back, y = d ?? v.skipTour, k = p ?? v.done, j = I(null), b = I(t), S = I(s), B = I(l);
-  b.current = t, S.current = s, B.current = l;
-  const [D, W] = L(!1), [E, P] = L({ position: "fixed", visibility: "hidden", width: Ae }), [O, G] = L("bottom"), [Y, _] = L(null), A = I(!1), $ = t[s], q = s === t.length - 1, V = de(() => {
-    const C = b.current[S.current];
-    if (!C || !j.current) return;
-    const m = fs(C.target);
+  const v = K(), { t: j } = ye(), N = c ?? v.next, w = f ?? v.back, y = d ?? v.skipTour, E = p ?? v.done, g = B(null), b = B(t), S = B(s), A = B(l);
+  b.current = t, S.current = s, A.current = l;
+  const [D, C] = P(!1), [k, L] = P({ position: "fixed", visibility: "hidden", width: Ie }), [O, W] = P("bottom"), [M, _] = P(null), $ = B(!1), R = t[s], V = s === t.length - 1, H = te(() => {
+    const Y = b.current[S.current];
+    if (!Y || !g.current) return;
+    const m = vs(Y.target);
     if (!m) return;
-    const x = m.getBoundingClientRect(), F = j.current.getBoundingClientRect().height || 160, ee = Ae, ie = B.current ? cs : ds, H = C.position || ms(x, F, ee, ie), { top: Z, left: fe, arrowOffset: _e, arrowOffsetY: Re } = ps(H, x, F, ee, ie);
-    G(H), P({
+    const x = m.getBoundingClientRect(), U = g.current.getBoundingClientRect().height || 160, ee = Ie, le = A.current ? ps : hs, G = Y.position || _s(x, U, ee, le), { top: Z, left: fe, arrowOffset: be, arrowOffsetY: Se } = bs(G, x, U, ee, le);
+    W(G), L({
       position: "fixed",
       top: Z,
       left: fe,
-      width: Ae,
+      width: Ie,
       visibility: "visible",
-      "--arrow-offset": `${_e}px`,
-      "--arrow-offset-y": `${Re}px`
+      "--arrow-offset": `${be}px`,
+      "--arrow-offset-y": `${Se}px`
     }), _({
-      top: x.top - Ee,
-      left: x.left - Ee,
-      width: x.width + Ee * 2,
-      height: x.height + Ee * 2
+      top: x.top - Te,
+      left: x.left - Te,
+      width: x.width + Te * 2,
+      height: x.height + Te * 2
     });
   }, []);
-  return z(() => {
-    window.addEventListener("scroll", V, !0), window.addEventListener("resize", V);
-    const C = requestAnimationFrame(() => {
-      V(), W(!0), A.current = !0;
+  return F(() => {
+    window.addEventListener("scroll", H, !0), window.addEventListener("resize", H);
+    const Y = requestAnimationFrame(() => {
+      H(), C(!0), $.current = !0;
     });
     return () => {
-      cancelAnimationFrame(C), window.removeEventListener("scroll", V, !0), window.removeEventListener("resize", V);
+      cancelAnimationFrame(Y), window.removeEventListener("scroll", H, !0), window.removeEventListener("resize", H);
     };
-  }, []), z(() => {
-    if (!A.current) return;
-    W(!1);
-    const C = setTimeout(() => {
-      P((m) => ({ ...m, visibility: "hidden" })), requestAnimationFrame(() => {
-        V(), W(!0);
+  }, []), F(() => {
+    if (!$.current) return;
+    C(!1);
+    const Y = setTimeout(() => {
+      L((m) => ({ ...m, visibility: "hidden" })), requestAnimationFrame(() => {
+        H(), C(!0);
       });
-    }, us + 20);
-    return () => clearTimeout(C);
-  }, [s]), z(() => {
-    D && j.current && j.current.focus({ preventScroll: !0 });
-  }, [D]), z(() => {
-    const C = (m) => {
+    }, xs + 20);
+    return () => clearTimeout(Y);
+  }, [s]), F(() => {
+    D && g.current && g.current.focus({ preventScroll: !0 });
+  }, [D]), F(() => {
+    const Y = (m) => {
       m.key === "Escape" && r();
     };
-    return document.addEventListener("keydown", C), () => document.removeEventListener("keydown", C);
-  }, [r]), z(() => {
+    return document.addEventListener("keydown", Y), () => document.removeEventListener("keydown", Y);
+  }, [r]), F(() => {
     if (!D) return;
-    const C = (m) => {
-      if (m.key !== "Tab" || !j.current) return;
+    const Y = (m) => {
+      if (m.key !== "Tab" || !g.current) return;
       const x = Array.from(
-        j.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])')
+        g.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])')
       );
       if (!x.length) return;
-      const R = x[0], F = x[x.length - 1];
-      m.shiftKey && document.activeElement === R ? (m.preventDefault(), F.focus()) : !m.shiftKey && document.activeElement === F && (m.preventDefault(), R.focus());
+      const I = x[0], U = x[x.length - 1];
+      m.shiftKey && document.activeElement === I ? (m.preventDefault(), U.focus()) : !m.shiftKey && document.activeElement === U && (m.preventDefault(), I.focus());
     };
-    return document.addEventListener("keydown", C), () => document.removeEventListener("keydown", C);
-  }, [D]), !$ || typeof document > "u" ? null : oe.createPortal(
+    return document.addEventListener("keydown", Y), () => document.removeEventListener("keydown", Y);
+  }, [D]), !R || typeof document > "u" ? null : re.createPortal(
     /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      Y && /* @__PURE__ */ e.jsx(
+      M && /* @__PURE__ */ e.jsx(
         "div",
         {
           className: [
@@ -3462,25 +3571,25 @@ function Dn({
             !l && "ds-coachmark__spotlight--no-ring",
             D && "ds-coachmark__spotlight--visible"
           ].filter(Boolean).join(" "),
-          style: Y,
+          style: M,
           "aria-hidden": "true"
         }
       ),
       /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: j,
+          ref: g,
           "data-ds-portal": "",
           role: "dialog",
           "aria-modal": "false",
           "aria-live": "polite",
-          "aria-label": $.title ?? N("stepOf", { current: s + 1, total: t.length }),
+          "aria-label": R.title ?? j("stepOf", { current: s + 1, total: t.length }),
           className: [
             "ds-coachmark__bubble",
             `ds-coachmark__bubble--${O}`,
             D && "ds-coachmark__bubble--visible"
           ].filter(Boolean).join(" "),
-          style: E,
+          style: k,
           tabIndex: -1,
           children: [
             /* @__PURE__ */ e.jsx(
@@ -3490,11 +3599,11 @@ function Dn({
                 className: "ds-coachmark__close",
                 onClick: r,
                 "aria-label": y,
-                children: /* @__PURE__ */ e.jsx(te, { size: 16, strokeWidth: 2 })
+                children: /* @__PURE__ */ e.jsx(se, { size: 16, strokeWidth: 2 })
               }
             ),
-            $.title && /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__title", children: $.title }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__body", children: $.content }),
+            R.title && /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__title", children: R.title }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__body", children: R.content }),
             /* @__PURE__ */ e.jsxs("div", { className: "ds-coachmark__footer", children: [
               t.length > 1 && /* @__PURE__ */ e.jsxs("span", { className: "ds-coachmark__counter", children: [
                 s + 1,
@@ -3502,8 +3611,8 @@ function Dn({
                 t.length
               ] }),
               /* @__PURE__ */ e.jsxs("div", { className: "ds-coachmark__footer-nav", children: [
-                s > 0 && /* @__PURE__ */ e.jsx(ce, { variant: "secondary", size: "s", state: f, onClick: a, children: w }),
-                /* @__PURE__ */ e.jsx(ce, { variant: "primary", size: "s", state: h, onClick: q ? o : n, children: q ? k : g })
+                s > 0 && /* @__PURE__ */ e.jsx(de, { variant: "secondary", size: "s", state: u, onClick: a, children: w }),
+                /* @__PURE__ */ e.jsx(de, { variant: "primary", size: "s", state: h, onClick: V ? o : n, children: V ? E : N })
               ] })
             ] })
           ]
@@ -3513,8 +3622,8 @@ function Dn({
     document.body
   );
 }
-function Ln(t, s = {}) {
-  const { storageKey: n } = s, [a, r] = L(0), [o, i] = L(!1), l = () => n && typeof localStorage < "u" && localStorage.getItem(n) === "done", c = de(() => {
+function Cn(t, s = {}) {
+  const { storageKey: n } = s, [a, r] = P(0), [o, i] = P(!1), l = () => n && typeof localStorage < "u" && localStorage.getItem(n) === "done", c = te(() => {
     i(!1), n && typeof localStorage < "u" && localStorage.setItem(n, "done");
   }, [n]);
   return {
@@ -3523,14 +3632,14 @@ function Ln(t, s = {}) {
     start: () => {
       l() || (r(0), i(!0));
     },
-    next: () => r((u) => Math.min(u + 1, t.length - 1)),
-    back: () => r((u) => Math.max(u - 1, 0)),
+    next: () => r((f) => Math.min(f + 1, t.length - 1)),
+    back: () => r((f) => Math.max(f - 1, 0)),
     skip: c,
     finish: c
   };
 }
-function Pn() {
-  const t = I(null), s = de(() => {
+function On() {
+  const t = B(null), s = te(() => {
     const n = t.current;
     if (!n) return;
     n.classList.remove("ds-shake"), n.offsetWidth, n.classList.add("ds-shake");
@@ -3543,97 +3652,98 @@ function Pn() {
 }
 export {
   Oe as Accordion,
-  Rs as Alert,
-  pn as AnimatedNumber,
-  Ws as Avatar,
+  Ds as Alert,
+  jn as AnimatedNumber,
+  Ys as Avatar,
   he as Badge,
-  un as Banner,
-  As as BottomSheet,
-  Js as Breadcrumb,
-  ce as Button,
-  ws as Card,
-  gn as ChatMessage,
-  zs as Checkbox,
-  Dn as Coachmark,
-  Is as Code,
-  Pt as CodeAccordion,
-  $n as ConfidenceBar,
-  es as CopyButton,
-  Rn as DiffView,
-  fn as Dropdown,
-  Gs as EmptyState,
-  In as EngineerGrid,
-  Ks as FormField,
-  ys as H1,
-  ks as H2,
-  Es as H3,
-  Ts as H4,
-  hn as InView,
-  _s as Input,
-  Bs as Link,
-  bs as LocaleProvider,
-  is as MessageFeedback,
-  Sn as MessageFooter,
-  Ss as Modal,
+  vn as Banner,
+  Ps as BottomSheet,
+  nn as Breadcrumb,
+  de as Button,
+  $s as Card,
+  $n as ChatMessage,
+  Hs as Checkbox,
+  Wn as Coachmark,
+  Ms as Code,
+  Wt as CodeAccordion,
+  Dn as ConfidenceBar,
+  as as CopyButton,
+  Ln as DiffView,
+  _n as Dropdown,
+  en as EmptyState,
+  zn as EngineerGrid,
+  tn as FormField,
+  Rs as H1,
+  Ss as H2,
+  As as H3,
+  Is as H4,
+  gn as InView,
+  ys as Input,
+  zs as Link,
+  ws as LocaleProvider,
+  Os as Mention,
+  fs as MessageFeedback,
+  Pn as MessageFooter,
+  Ls as Modal,
   xe as ModalFooter,
-  kn as ModelPicker,
-  en as NavRail,
-  cn as NavRailAgent,
-  sn as NavRailBody,
-  ln as NavRailCustomItem,
-  an as NavRailDivider,
-  dn as NavRailFlyout,
-  rn as NavRailFooter,
-  nn as NavRailHeader,
-  tn as NavRailItem,
-  on as NavRailRecents,
-  $s as P1,
-  It as P2,
-  ot as P3,
-  Zs as Pagination,
-  mn as ProgressBar,
-  yn as PromptInput,
-  Fs as Radio,
-  _n as ReasoningBlock,
-  Bn as Scrollable,
-  Ps as SegmentedControl,
-  Ns as Select,
-  Qs as SidePage,
-  Ke as SidePageFooter,
-  Ft as Skeleton,
-  En as SourcesPanel,
-  St as Spinner,
-  Xs as Stat,
-  jn as StepIndicator,
-  gs as Stepper,
-  Nn as StreamingText,
-  Ls as Tab,
-  Os as Table,
-  Us as TableBody,
-  Cs as TableHead,
-  Vs as TableRow,
-  Hs as TableSubheaderRow,
-  Ds as Tabs,
-  qs as Td,
-  js as Textarea,
-  Ys as Th,
-  An as ThinkingDot,
-  vn as ToastContainer,
-  Ms as Toggle,
-  Tn as TokenCounter,
-  bn as ToolCallBubble,
-  bn as ToolCallCard,
-  Ce as Tooltip,
-  Te as defaultStrings,
-  at as formatString,
-  U as iconSizes,
-  Gt as useAnimatedNumber,
-  ts as useAnimatedPlaceholder,
-  Ln as useCoachmark,
-  Kt as useInView,
+  An as ModelPicker,
+  on as NavRail,
+  hn as NavRailAgent,
+  cn as NavRailBody,
+  pn as NavRailCustomItem,
+  fn as NavRailDivider,
+  xn as NavRailFlyout,
+  un as NavRailFooter,
+  dn as NavRailHeader,
+  ln as NavRailItem,
+  mn as NavRailRecents,
+  Bs as P1,
+  Pt as P2,
+  dt as P3,
+  rn as Pagination,
+  bn as ProgressBar,
+  Sn as PromptInput,
+  Vs as Radio,
+  kn as ReasoningBlock,
+  Fn as Scrollable,
+  Cs as SegmentedControl,
+  Es as Select,
+  an as SidePage,
+  Ze as SidePageFooter,
+  Ht as Skeleton,
+  In as SourcesPanel,
+  Dt as Spinner,
+  sn as Stat,
+  En as StepIndicator,
+  Ts as Stepper,
+  Tn as StreamingText,
+  Ws as Tab,
+  qs as Table,
+  Ks as TableBody,
+  Gs as TableHead,
+  Xs as TableRow,
+  Js as TableSubheaderRow,
+  Fs as Tabs,
+  Qs as Td,
+  ks as Textarea,
+  Zs as Th,
+  Mn as ThinkingDot,
+  wn as ToastContainer,
+  Us as Toggle,
+  Bn as TokenCounter,
+  yn as ToolCallBubble,
+  yn as ToolCallCard,
+  Ue as Tooltip,
+  $e as defaultStrings,
+  ct as formatString,
+  q as iconSizes,
+  Qt as useAnimatedNumber,
+  os as useAnimatedPlaceholder,
+  Cn as useCoachmark,
+  es as useInView,
   ye as useLocale,
-  Pn as useShake,
-  wn as useStreamScroll,
+  On as useShake,
+  Rn as useStreamScroll,
   K as useStrings,
-  xn as useToast
+  Nn as useToast
 };