@donkit-ai/design-system 1.4.97 → 1.4.98

package/dist/index.es.js

@@ -1,5 +1,5 @@
-import X, { useMemo as bt, useContext as le, createContext as De, useState as D, useRef as R, useEffect as P, useLayoutEffect as ct, useId as _t, useCallback as ne, forwardRef as dt } from "react";
-import { Check as Pe, X as te, ChevronDown as ye, Minus as jt, Plus as Nt, XCircle as Me, AlertTriangle as ze, CheckCircle as Fe, Info as We, ChevronUp as wt, ChevronsUpDown as gt, ChevronLeft as yt, ChevronRight as kt, Copy as Et, Brain as Tt, Loader as $t, Paperclip as Ge, Square as Rt, ArrowUp as St, Zap as At, Cpu as Ke, FileText as Bt, ThumbsUp as It, ThumbsDown as Lt } from "lucide-react";
+import X, { useMemo as _t, useContext as le, createContext as Le, useState as L, useRef as S, useEffect as P, useLayoutEffect as dt, useId as jt, useCallback as ne, forwardRef as ut } from "react";
+import { Check as Pe, X as te, ChevronDown as ye, Minus as Nt, Plus as wt, XCircle as Me, AlertTriangle as Fe, CheckCircle as ze, Info as We, ChevronUp as gt, ChevronsUpDown as yt, ChevronLeft as kt, ChevronRight as Et, Copy as Tt, Brain as $t, Loader as Rt, Paperclip as Ge, Square as St, ArrowUp as At, Zap as Bt, Cpu as Ke, FileText as It, ThumbsUp as Dt, ThumbsDown as Lt } from "lucide-react";
 import re from "react-dom";
 const q = {
   1: 16,
@@ -19,23 +19,23 @@ var Ie = { exports: {} }, we = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Xe;
-function Dt() {
+function Pt() {
   if (Xe) return we;
   Xe = 1;
   var t = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
-  function n(r, a, o) {
+  function n(r, o, a) {
     var i = null;
-    if (o !== void 0 && (i = "" + o), a.key !== void 0 && (i = "" + a.key), "key" in a) {
-      o = {};
-      for (var l in a)
-        l !== "key" && (o[l] = a[l]);
-    } else o = a;
-    return a = o.ref, {
+    if (a !== void 0 && (i = "" + a), o.key !== void 0 && (i = "" + o.key), "key" in o) {
+      a = {};
+      for (var l in o)
+        l !== "key" && (a[l] = o[l]);
+    } else a = o;
+    return o = a.ref, {
       $$typeof: t,
       type: r,
       key: i,
-      ref: a !== void 0 ? a : null,
-      props: o
+      ref: o !== void 0 ? o : null,
+      props: a
     };
   }
   return we.Fragment = s, we.jsx = n, we.jsxs = n, we;
@@ -51,23 +51,23 @@ var ge = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Je;
-function Pt() {
+function Mt() {
   return Je || (Je = 1, process.env.NODE_ENV !== "production" && function() {
     function t(m) {
       if (m == null) return null;
       if (typeof m == "function")
-        return m.$$typeof === g ? null : m.displayName || m.name || null;
+        return m.$$typeof === k ? null : m.displayName || m.name || null;
       if (typeof m == "string") return m;
       switch (m) {
-        case y:
-          return "Fragment";
         case T:
+          return "Fragment";
+        case g:
           return "Profiler";
-        case N:
+        case j:
           return "StrictMode";
-        case w:
+        case N:
           return "Suspense";
-        case I:
+        case B:
           return "SuspenseList";
         case O:
           return "Activity";
@@ -76,16 +76,16 @@ function Pt() {
         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 j:
+          case w:
             return "Portal";
           case x:
             return m.displayName || "Context";
-          case A:
+          case $:
             return (m._context.displayName || "Context") + ".Consumer";
-          case k:
+          case y:
             var b = m.render;
             return m = m.displayName, m || (m = b.displayName || b.name || "", m = m !== "" ? "ForwardRef(" + m + ")" : "ForwardRef"), m;
-          case L:
+          case D:
             return b = m.displayName || null, b !== null ? b : t(m.type) || "Memo";
           case W:
             b = m._payload, m = m._init;
@@ -108,8 +108,8 @@ function Pt() {
       }
       if (b) {
         b = console;
-        var B = b.error, U = typeof Symbol == "function" && Symbol.toStringTag && m[Symbol.toStringTag] || m.constructor.name || "Object";
-        return B.call(
+        var I = b.error, U = typeof Symbol == "function" && Symbol.toStringTag && m[Symbol.toStringTag] || m.constructor.name || "Object";
+        return I.call(
           b,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           U
@@ -117,7 +117,7 @@ function Pt() {
       }
     }
     function r(m) {
-      if (m === y) return "<>";
+      if (m === T) return "<>";
       if (typeof m == "object" && m !== null && m.$$typeof === W)
         return "<...>";
       try {
@@ -127,11 +127,11 @@ function Pt() {
         return "<...>";
       }
     }
-    function a() {
+    function o() {
       var m = C.A;
       return m === null ? null : m.getOwner();
     }
-    function o() {
+    function a() {
       return Error("react-stack-top-frame");
     }
     function i(m) {
@@ -142,30 +142,30 @@ function Pt() {
       return m.key !== void 0;
     }
     function l(m, b) {
-      function B() {
-        $ || ($ = !0, console.error(
+      function I() {
+        R || (R = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           b
         ));
       }
-      B.isReactWarning = !0, Object.defineProperty(m, "key", {
-        get: B,
+      I.isReactWarning = !0, Object.defineProperty(m, "key", {
+        get: I,
         configurable: !0
       });
     }
     function c() {
       var m = t(this.type);
-      return S[m] || (S[m] = !0, console.error(
+      return A[m] || (A[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, b, B, U, se, ae) {
-      var G = B.ref;
+    function u(m, b, I, U, se, oe) {
+      var G = I.ref;
       return m = {
         $$typeof: _,
         type: m,
         key: b,
-        props: B,
+        props: I,
         _owner: U
       }, (G !== void 0 ? G : null) !== null ? Object.defineProperty(m, "ref", {
         enumerable: !1,
@@ -189,10 +189,10 @@ function Pt() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ae
+        value: oe
       }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
     }
-    function d(m, b, B, U, se, ae) {
+    function d(m, b, I, U, se, oe) {
       var G = b.children;
       if (G !== void 0)
         if (U)
@@ -223,21 +223,21 @@ React keys must be passed directly to JSX without using spread:
           G
         ), Y[G + U] = !0);
       }
-      if (G = null, B !== void 0 && (n(B), G = "" + B), i(b) && (n(b.key), G = "" + b.key), "key" in b) {
-        B = {};
+      if (G = null, I !== void 0 && (n(I), G = "" + I), i(b) && (n(b.key), G = "" + b.key), "key" in b) {
+        I = {};
         for (var fe in b)
-          fe !== "key" && (B[fe] = b[fe]);
-      } else B = b;
+          fe !== "key" && (I[fe] = b[fe]);
+      } else I = b;
       return G && l(
-        B,
+        I,
         typeof m == "function" ? m.displayName || m.name || "Unknown" : m
       ), u(
         m,
         G,
-        B,
-        a(),
+        I,
+        o(),
         se,
-        ae
+        oe
       );
     }
     function p(m) {
@@ -246,7 +246,7 @@ React keys must be passed directly to JSX without using spread:
     function h(m) {
       return typeof m == "object" && m !== null && m.$$typeof === _;
     }
-    var f = X, _ = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), N = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), x = Symbol.for("react.context"), k = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), I = Symbol.for("react.suspense_list"), L = Symbol.for("react.memo"), W = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), g = Symbol.for("react.client.reference"), C = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, V = Array.isArray, v = console.createTask ? console.createTask : function() {
+    var f = X, _ = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), $ = Symbol.for("react.consumer"), x = Symbol.for("react.context"), y = Symbol.for("react.forward_ref"), N = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), W = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), k = Symbol.for("react.client.reference"), C = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, V = Array.isArray, v = console.createTask ? console.createTask : function() {
       return null;
     };
     f = {
@@ -254,34 +254,34 @@ React keys must be passed directly to JSX without using spread:
         return m();
       }
     };
-    var $, S = {}, z = f.react_stack_bottom_frame.bind(
+    var R, A = {}, F = f.react_stack_bottom_frame.bind(
       f,
-      o
-    )(), H = v(r(o)), Y = {};
-    ge.Fragment = y, ge.jsx = function(m, b, B) {
+      a
+    )(), H = v(r(a)), Y = {};
+    ge.Fragment = T, ge.jsx = function(m, b, I) {
       var U = 1e4 > C.recentlyCreatedOwnerStacks++;
       return d(
         m,
         b,
-        B,
+        I,
         !1,
-        U ? Error("react-stack-top-frame") : z,
+        U ? Error("react-stack-top-frame") : F,
         U ? v(r(m)) : H
       );
-    }, ge.jsxs = function(m, b, B) {
+    }, ge.jsxs = function(m, b, I) {
       var U = 1e4 > C.recentlyCreatedOwnerStacks++;
       return d(
         m,
         b,
-        B,
+        I,
         !0,
-        U ? Error("react-stack-top-frame") : z,
+        U ? Error("react-stack-top-frame") : F,
         U ? v(r(m)) : H
       );
     };
   }()), ge;
 }
-process.env.NODE_ENV === "production" ? Ie.exports = Dt() : Ie.exports = Pt();
+process.env.NODE_ENV === "production" ? Ie.exports = Pt() : Ie.exports = Mt();
 var e = Ie.exports;
 const $e = {
   // Close / dismiss
@@ -334,22 +334,22 @@ const $e = {
   // Browser tabs
   closeTab: "Close {label}"
 };
-function ut(t, s = {}) {
+function ft(t, s = {}) {
   return typeof t == "function" ? t(s) : typeof t != "string" ? "" : t.replace(
     /\{(\w+)\}/g,
     (n, r) => s[r] !== void 0 && s[r] !== null ? String(s[r]) : ""
   );
 }
-const Oe = De({
+const Oe = Le({
   strings: $e,
-  t: (t, s) => ut($e[t] ?? t, s)
+  t: (t, s) => ft($e[t] ?? t, s)
 });
-function Ts({ strings: t, children: s }) {
-  const n = bt(() => {
+function Rs({ strings: t, children: s }) {
+  const n = _t(() => {
     const r = { ...$e, ...t };
     return {
       strings: r,
-      t: (a, o) => ut(r[a] ?? $e[a] ?? a, o)
+      t: (o, a) => ft(r[o] ?? $e[o] ?? o, a)
     };
   }, [t]);
   return /* @__PURE__ */ e.jsx(Oe.Provider, { value: n, children: s });
@@ -360,15 +360,15 @@ function be() {
 function K() {
   return le(Oe).strings;
 }
-function Mt({ size: t = "m", color: s = "default", className: n = "", "aria-label": r, ...a }) {
-  const o = K();
+function Ft({ size: t = "m", color: s = "default", className: n = "", "aria-label": r, ...o }) {
+  const a = K();
   return /* @__PURE__ */ e.jsx(
     "span",
     {
       className: ["ds-spinner", `ds-spinner--${t}`, `ds-spinner--${s}`, n].filter(Boolean).join(" "),
       role: "status",
-      "aria-label": r ?? o.loading,
-      ...a
+      "aria-label": r ?? a.loading,
+      ...o
     }
   );
 }
@@ -378,8 +378,8 @@ function de({
   variant: s = "primary",
   size: n = "m",
   fullWidth: r = !1,
-  icon: a,
-  disabled: o = !1,
+  icon: o,
+  disabled: a = !1,
   state: i = "idle",
   /**
    * Toggle-on / latched look (filters, view switch, toolbar).
@@ -395,22 +395,22 @@ function de({
   "aria-label": h,
   "aria-pressed": f,
   className: _ = "",
-  ...j
+  ...w
 }) {
-  const y = a && !t, N = i === "loading", T = i === "success", A = i === "error", x = N || T || A, k = !!(l || c), w = n === "xs" ? "s" : "m", I = s === "danger" ? "on-accent" : "default", L = zt[n] ?? 16, W = N ? /* @__PURE__ */ e.jsx(Mt, { size: w, color: I }) : T ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Pe, { size: L, strokeWidth: 2.5 }) }) : A ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(te, { size: L, strokeWidth: 2.5 }) }) : null, O = [
+  const T = o && !t, j = i === "loading", g = i === "success", $ = i === "error", x = j || g || $, y = !!(l || c), N = n === "xs" ? "s" : "m", B = s === "danger" ? "on-accent" : "default", D = zt[n] ?? 16, W = j ? /* @__PURE__ */ e.jsx(Ft, { size: N, color: B }) : g ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Pe, { size: D, strokeWidth: 2.5 }) }) : $ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(te, { size: D, strokeWidth: 2.5 }) }) : null, O = [
     "ds-button",
     `ds-button--${s}`,
     `ds-button--${n}`,
     r && "ds-button--full",
-    y && "ds-button--icon-only",
+    T && "ds-button--icon-only",
     _
-  ].filter(Boolean).join(" "), g = i !== "idle" ? i : void 0, C = f !== void 0 ? f : k ? !0 : void 0, M = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    x ? W : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
+  ].filter(Boolean).join(" "), k = i !== "idle" ? i : void 0, C = f !== void 0 ? f : y ? !0 : void 0, M = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    x ? W : o && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: o }),
     t
   ] });
   if (p) {
     const V = (v) => {
-      if (o || N) {
+      if (a || j) {
         v.preventDefault();
         return;
       }
@@ -420,15 +420,15 @@ function de({
       "a",
       {
         className: O,
-        href: o || N ? void 0 : p,
+        href: a || j ? void 0 : p,
         onClick: V,
         "aria-label": h,
-        "aria-disabled": o || N ? "true" : void 0,
-        "aria-busy": N ? "true" : void 0,
+        "aria-disabled": a || j ? "true" : void 0,
+        "aria-busy": j ? "true" : void 0,
         "aria-pressed": C,
-        "data-state": g,
-        "data-active": k ? "true" : void 0,
-        ...j,
+        "data-state": k,
+        "data-active": y ? "true" : void 0,
+        ...w,
         children: M
       }
     );
@@ -438,25 +438,25 @@ function de({
     {
       type: d,
       className: O,
-      disabled: o,
-      onClick: N ? void 0 : u,
+      disabled: a,
+      onClick: j ? void 0 : u,
       "aria-label": h,
-      "aria-busy": N ? "true" : void 0,
+      "aria-busy": j ? "true" : void 0,
       "aria-pressed": C,
-      "data-state": g,
-      "data-active": k ? "true" : void 0,
-      ...j,
+      "data-state": k,
+      "data-active": y ? "true" : void 0,
+      ...w,
       children: M
     }
   );
 }
-function $s({
+function Ss({
   label: t,
   error: s,
   hint: n,
   fullWidth: r = !0,
-  icon: a,
-  iconRight: o,
+  icon: o,
+  iconRight: a,
   onIconRightClick: i,
   size: l = "m",
   disabled: c,
@@ -464,23 +464,23 @@ function $s({
   iconRightLabel: d,
   ...p
 }) {
-  const h = K(), f = u || `input-${X.useId()}`, _ = n ? `${f}-hint` : void 0, j = s ? `${f}-error` : void 0, y = j || _;
+  const h = K(), f = u || `input-${X.useId()}`, _ = n ? `${f}-hint` : void 0, w = s ? `${f}-error` : void 0, T = w || _;
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${r ? "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 }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-input-container", children: [
-      a && /* @__PURE__ */ e.jsx("span", { className: `ds-input-icon ds-input-icon--${l}`, "aria-hidden": "true", children: a }),
+      o && /* @__PURE__ */ e.jsx("span", { className: `ds-input-icon ds-input-icon--${l}`, "aria-hidden": "true", children: o }),
       /* @__PURE__ */ e.jsx(
         "input",
         {
           id: f,
-          className: `ds-input ds-input--${l} ${a ? "ds-input--with-icon" : ""} ${o ? "ds-input--with-icon-right" : ""} ${s ? "ds-input--error" : ""}`,
+          className: `ds-input ds-input--${l} ${o ? "ds-input--with-icon" : ""} ${a ? "ds-input--with-icon-right" : ""} ${s ? "ds-input--error" : ""}`,
           disabled: c,
           "aria-invalid": s ? "true" : "false",
-          "aria-describedby": y,
+          "aria-describedby": T,
           ...p
         }
       ),
-      o && /* @__PURE__ */ e.jsx(
+      a && /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
@@ -488,35 +488,35 @@ function $s({
           onClick: i,
           tabIndex: -1,
           "aria-label": d ?? h.toggleVisibility,
-          children: o
+          children: a
         }
       )
     ] }),
     n && !s && /* @__PURE__ */ e.jsx("span", { id: _, 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: j, 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: w, className: "ds-input-error", role: "alert", children: s }) }) })
   ] });
 }
-function Rs({
+function As({
   label: t,
   error: s,
   hint: n,
   fullWidth: r = !0,
-  size: a = "m",
-  disabled: o,
+  size: o = "m",
+  disabled: a,
   id: i,
   resize: l = !0,
   rows: c = 3,
   ...u
 }) {
   const d = i || `textarea-${X.useId()}`, p = n ? `${d}-hint` : void 0, h = s ? `${d}-error` : void 0, f = h || p;
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${r ? "ds-textarea-wrapper--full" : ""} ${o ? "ds-textarea-wrapper--disabled" : ""}`, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${r ? "ds-textarea-wrapper--full" : ""} ${a ? "ds-textarea-wrapper--disabled" : ""}`, children: [
     t && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: d, children: t }),
     /* @__PURE__ */ e.jsx(
       "textarea",
       {
         id: d,
-        className: `ds-textarea ds-textarea--${a} ${s ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
-        disabled: o,
+        className: `ds-textarea ds-textarea--${o} ${s ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
+        disabled: a,
         "aria-invalid": s ? "true" : "false",
         "aria-describedby": f,
         rows: c,
@@ -527,71 +527,71 @@ function Rs({
     s && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-textarea-error", role: "alert", children: s })
   ] });
 }
-function Ss({
+function Bs({
   label: t,
   value: s,
   onChange: n,
   options: r = [],
-  placeholder: a,
-  error: o,
+  placeholder: o,
+  error: a,
   fullWidth: i = !0,
   size: l = "m",
   disabled: c = !1,
   id: u,
   ...d
 }) {
-  const p = K(), h = a ?? p.selectOption, [f, _] = D(!1), [j, y] = D(!1), [N, T] = D({}), [A, x] = D("down"), [k, w] = D(-1), I = R(null), L = R(null), W = R(null), O = R(null), g = u || `select-${X.useId()}`, C = `${g}-label`, M = o ? `${g}-error` : void 0, V = 150, v = (b = !1) => {
-    j || (y(!0), w(-1), O.current = setTimeout(() => {
-      var B;
-      _(!1), y(!1), b && ((B = W.current) == null || B.focus());
+  const p = K(), h = o ?? p.selectOption, [f, _] = L(!1), [w, T] = L(!1), [j, g] = L({}), [$, x] = L("down"), [y, N] = L(-1), B = S(null), D = S(null), W = S(null), O = S(null), k = u || `select-${X.useId()}`, C = `${k}-label`, M = a ? `${k}-error` : void 0, V = 150, v = (b = !1) => {
+    w || (T(!0), N(-1), O.current = setTimeout(() => {
+      var I;
+      _(!1), T(!1), b && ((I = W.current) == null || I.focus());
     }, V));
-  }, $ = (b) => {
-    clearTimeout(O.current), y(!1);
-    const B = b !== void 0 ? b : Math.max(r.findIndex((U) => U.value === s), 0);
-    w(B), _(!0);
+  }, R = (b) => {
+    clearTimeout(O.current), T(!1);
+    const I = b !== void 0 ? b : Math.max(r.findIndex((U) => U.value === s), 0);
+    N(I), _(!0);
   };
   P(() => () => clearTimeout(O.current), []);
-  const S = () => {
+  const A = () => {
     var Q;
-    const b = (Q = I.current) == null ? void 0 : Q.getBoundingClientRect();
+    const b = (Q = B.current) == null ? void 0 : Q.getBoundingClientRect();
     if (!b) return;
-    const B = window.innerHeight, U = B - b.bottom, se = b.top, G = U < 300 && se > U;
-    x(G ? "up" : "down"), T(
-      G ? { bottom: B - b.top + 4, left: b.left, width: b.width } : { top: b.bottom + 4, left: b.left, width: b.width }
+    const I = window.innerHeight, U = I - b.bottom, se = b.top, G = U < 300 && se > U;
+    x(G ? "up" : "down"), g(
+      G ? { bottom: I - b.top + 4, left: b.left, width: b.width } : { top: b.bottom + 4, left: b.left, width: b.width }
     );
   };
   P(() => {
     if (f)
-      return S(), window.addEventListener("scroll", S, !0), window.addEventListener("resize", S), () => {
-        window.removeEventListener("scroll", S, !0), window.removeEventListener("resize", S);
+      return A(), window.addEventListener("scroll", A, !0), window.addEventListener("resize", A), () => {
+        window.removeEventListener("scroll", A, !0), window.removeEventListener("resize", A);
       };
   }, [f]), P(() => {
-    const b = (B) => {
-      I.current && !I.current.contains(B.target) && L.current && !L.current.contains(B.target) && v();
+    const b = (I) => {
+      B.current && !B.current.contains(I.target) && D.current && !D.current.contains(I.target) && v();
     };
     return document.addEventListener("mousedown", b), () => document.removeEventListener("mousedown", b);
-  }, [j]), P(() => {
-    var B;
-    if (!f || k < 0 || !L.current) return;
-    (B = L.current.querySelectorAll(".ds-select-option")[k]) == null || B.scrollIntoView({ block: "nearest" });
-  }, [k, f]);
-  const z = (b) => {
+  }, [w]), P(() => {
+    var I;
+    if (!f || y < 0 || !D.current) return;
+    (I = D.current.querySelectorAll(".ds-select-option")[y]) == null || I.scrollIntoView({ block: "nearest" });
+  }, [y, f]);
+  const F = (b) => {
     switch (b.key) {
       case "ArrowDown":
-        b.preventDefault(), f ? w((B) => Math.min(B + 1, r.length - 1)) : $();
+        b.preventDefault(), f ? N((I) => Math.min(I + 1, r.length - 1)) : R();
         break;
       case "ArrowUp":
-        b.preventDefault(), f ? w((B) => Math.max(B - 1, 0)) : $(r.length - 1);
+        b.preventDefault(), f ? N((I) => Math.max(I - 1, 0)) : R(r.length - 1);
         break;
       case "Home":
-        f && (b.preventDefault(), w(0));
+        f && (b.preventDefault(), N(0));
         break;
       case "End":
-        f && (b.preventDefault(), w(r.length - 1));
+        f && (b.preventDefault(), N(r.length - 1));
         break;
       case "Enter":
       case " ":
-        b.preventDefault(), f ? k >= 0 && (n == null || n(r[k].value), v(!0)) : $();
+        b.preventDefault(), f ? y >= 0 && (n == null || n(r[y].value), v(!0)) : R();
         break;
       case "Escape":
         f && (b.preventDefault(), v(!0));
@@ -603,7 +603,7 @@ function Ss({
   }, H = r.find((b) => b.value === s), Y = l === "xs" ? q[1] : l === "small" ? q[2] : q[3], m = f && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: L,
+      ref: D,
       "data-ds-portal": "",
       role: "listbox",
       "aria-labelledby": t ? C : void 0,
@@ -611,14 +611,14 @@ function Ss({
       className: [
         "ds-select-dropdown ds-scrollable",
         `ds-select-dropdown--${l}`,
-        `ds-select-dropdown--${A}`,
-        j && "ds-select-dropdown--closing"
+        `ds-select-dropdown--${$}`,
+        w && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
-      style: N,
-      children: r.map((b, B) => /* @__PURE__ */ e.jsx(
+      style: j,
+      children: r.map((b, I) => /* @__PURE__ */ e.jsx(
         "button",
         {
-          id: `${g}-opt-${B}`,
+          id: `${k}-opt-${I}`,
           type: "button",
           role: "option",
           tabIndex: -1,
@@ -627,7 +627,7 @@ function Ss({
             "ds-select-option",
             `ds-select-option--${l}`,
             s === b.value && "ds-select-option--selected",
-            B === k && "ds-select-option--active"
+            I === y && "ds-select-option--active"
           ].filter(Boolean).join(" "),
           onClick: () => {
             n == null || n(b.value), v(!0);
@@ -640,24 +640,24 @@ function Ss({
   );
   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: C, className: "ds-select-label", children: t }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: I, children: /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: B, children: /* @__PURE__ */ e.jsxs(
       "button",
       {
         ref: W,
         type: "button",
-        id: g,
+        id: k,
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": f,
-        "aria-activedescendant": f && k >= 0 ? `${g}-opt-${k}` : void 0,
+        "aria-activedescendant": f && y >= 0 ? `${k}-opt-${y}` : void 0,
         "aria-labelledby": t ? C : void 0,
-        "aria-invalid": o ? "true" : "false",
+        "aria-invalid": a ? "true" : "false",
         "aria-describedby": M,
-        className: `ds-select-trigger ds-select-trigger--${l} ${o ? "ds-select-trigger--error" : ""}`,
+        className: `ds-select-trigger ds-select-trigger--${l} ${a ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          c || (f ? v() : $());
+          c || (f ? v() : R());
         },
-        onKeyDown: z,
+        onKeyDown: F,
         disabled: c,
         ...d,
         children: [
@@ -667,24 +667,24 @@ function Ss({
             {
               size: Y,
               strokeWidth: 1.5,
-              className: `ds-select-icon ${f && A === "down" ? "ds-select-icon--open" : ""} ${f && A === "up" ? "ds-select-icon--up" : ""}`,
+              className: `ds-select-icon ${f && $ === "down" ? "ds-select-icon--open" : ""} ${f && $ === "up" ? "ds-select-icon--up" : ""}`,
               "aria-hidden": "true"
             }
           )
         ]
       }
     ) }),
-    o && /* @__PURE__ */ e.jsx("span", { id: M, className: "ds-select-error", role: "alert", children: o }),
+    a && /* @__PURE__ */ e.jsx("span", { id: M, className: "ds-select-error", role: "alert", children: a }),
     typeof document < "u" && re.createPortal(m, document.body)
   ] });
 }
-function As({
+function Is({
   label: t,
   value: s = 0,
   onChange: n,
   min: r = 0,
-  max: a = 100,
-  step: o = 1,
+  max: o = 100,
+  step: a = 1,
   size: i = "m",
   disabled: l = !1,
   hint: c,
@@ -695,45 +695,45 @@ function As({
 }) {
   const f = K(), _ = () => {
     if (l) return;
-    const x = Math.min(Number(s) + o, a);
+    const x = Math.min(Number(s) + a, o);
     n == null || n(x);
-  }, j = () => {
+  }, w = () => {
     if (l) return;
-    const x = Math.max(Number(s) - o, r);
+    const x = Math.max(Number(s) - a, r);
     n == null || n(x);
-  }, y = (x) => {
+  }, T = (x) => {
     if (l) return;
-    const k = x.target.value;
-    if (k === "") {
+    const y = x.target.value;
+    if (y === "") {
       n == null || n(r);
       return;
     }
-    const w = Number(k);
-    if (!isNaN(w)) {
-      const I = Math.min(Math.max(w, r), a);
-      n == null || n(I);
+    const N = Number(y);
+    if (!isNaN(N)) {
+      const B = Math.min(Math.max(N, r), o);
+      n == null || n(B);
     }
-  }, N = [
+  }, j = [
     "ds-stepper-wrapper",
     l && "ds-stepper-wrapper--disabled",
     u && "ds-stepper-wrapper--error"
-  ].filter(Boolean).join(" "), T = [
+  ].filter(Boolean).join(" "), g = [
     "ds-stepper",
     `ds-stepper--${i}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), A = i === "xs" ? q[1] : i === "small" ? q[2] : q[3];
-  return /* @__PURE__ */ e.jsxs("div", { className: N, children: [
+  ].filter(Boolean).join(" "), $ = i === "xs" ? q[1] : i === "small" ? q[2] : q[3];
+  return /* @__PURE__ */ e.jsxs("div", { className: j, children: [
     t && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: t }),
-    /* @__PURE__ */ e.jsxs("div", { className: T, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: g, children: [
       /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--minus",
-          onClick: j,
+          onClick: w,
           disabled: l || s <= r,
           "aria-label": d ?? f.decrease,
-          children: /* @__PURE__ */ e.jsx(jt, { size: A, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(Nt, { size: $, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -742,10 +742,10 @@ function As({
           type: "number",
           className: "ds-stepper-input",
           value: s,
-          onChange: y,
+          onChange: T,
           min: r,
-          max: a,
-          step: o,
+          max: o,
+          step: a,
           disabled: l,
           ...h
         }
@@ -756,9 +756,9 @@ function As({
           type: "button",
           className: "ds-stepper-button ds-stepper-button--plus",
           onClick: _,
-          disabled: l || s >= a,
+          disabled: l || s >= o,
           "aria-label": p ?? f.increase,
-          children: /* @__PURE__ */ e.jsx(Nt, { size: A, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(wt, { size: $, strokeWidth: 1.5 })
         }
       )
     ] }),
@@ -766,37 +766,37 @@ function As({
     u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: u })
   ] });
 }
-function Bs({
+function Ds({
   children: t,
   padding: s = "m",
   variant: n = "default",
   hover: r = !1,
   // deprecated, use variant="interactive"
-  onClick: a,
-  href: o,
+  onClick: o,
+  href: a,
   disabled: i = !1,
   className: l = "",
   ...c
 }) {
-  const d = (r ? "interactive" : n) === "interactive" || a || o, p = [
+  const d = (r ? "interactive" : n) === "interactive" || o || a, p = [
     "ds-card",
     `ds-card--${s}`,
     d && "ds-card--interactive",
     l
   ].filter(Boolean).join(" ");
-  if (o) {
-    const _ = (j) => {
+  if (a) {
+    const _ = (w) => {
       if (i) {
-        j.preventDefault();
+        w.preventDefault();
         return;
       }
-      j.metaKey || j.ctrlKey || j.button === 1 || (j.preventDefault(), a == null || a(j));
+      w.metaKey || w.ctrlKey || w.button === 1 || (w.preventDefault(), o == null || o(w));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
         className: p,
-        href: i ? void 0 : o,
+        href: i ? void 0 : a,
         onClick: _,
         "aria-disabled": i ? "true" : void 0,
         ...c,
@@ -804,41 +804,41 @@ function Bs({
       }
     );
   }
-  const h = d && a ? "button" : "div", f = d && a ? {
+  const h = d && o ? "button" : "div", f = d && o ? {
     type: "button",
-    onClick: a,
+    onClick: o,
     disabled: i
   } : {};
   return /* @__PURE__ */ e.jsx(
     h,
     {
       className: p,
-      role: d && !a ? "article" : void 0,
+      role: d && !o ? "article" : void 0,
       ...f,
       ...c,
       children: t
     }
   );
 }
-function Is({ children: t, ...s }) {
+function Ls({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...s, children: t });
 }
-function Ls({ children: t, ...s }) {
+function Ps({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...s, children: t });
 }
-function Ds({ children: t, ...s }) {
+function Ms({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...s, children: t });
 }
-function Ps({ children: t, ...s }) {
+function Fs({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...s, children: t });
 }
-function Ms({ children: t, secondary: s = !1, ...n }) {
+function zs({ children: t, secondary: s = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${s ? "ds-p1--secondary" : ""}`, ...n, children: t });
 }
-function Ft({ children: t, secondary: s = !1, ...n }) {
+function Wt({ children: t, secondary: s = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${s ? "ds-p2--secondary" : ""}`, ...n, children: t });
 }
-function ft({ children: t, secondary: s = !1, ...n }) {
+function mt({ children: t, secondary: s = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${s ? "ds-p3--secondary" : ""}`, ...n, children: t });
 }
 function he({
@@ -846,48 +846,48 @@ function he({
   variant: s = "default",
   size: n = "m",
   role: r,
-  ...a
+  ...o
 }) {
-  const o = [
+  const a = [
     "ds-badge",
     `ds-badge--${s}`,
     `ds-badge--${n}`
   ].filter(Boolean).join(" "), i = r || (["info", "success", "warning", "error"].includes(s) ? "status" : void 0);
-  return /* @__PURE__ */ e.jsx("span", { className: o, role: i, ...a, children: t });
+  return /* @__PURE__ */ e.jsx("span", { className: a, role: i, ...o, children: t });
 }
-const Wt = {
+const Ot = {
   info: We,
-  success: Fe,
-  warning: ze,
+  success: ze,
+  warning: Fe,
   error: Me
-}, zs = X.forwardRef(function({
+}, Ws = X.forwardRef(function({
   children: s,
   variant: n = "info",
   title: r,
-  onClose: a,
-  role: o,
+  onClose: o,
+  role: a,
   closeLabel: i,
   ...l
 }, c) {
-  const u = K(), d = Wt[n], p = o || (n === "error" ? "alert" : "status");
+  const u = K(), d = Ot[n], p = a || (n === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs("div", { ref: c, className: `ds-alert ds-alert--${n} ${r ? "" : "ds-alert--no-title"}`, role: p, ...l, children: [
     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: [
       r && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: r }),
       s && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: s })
     ] }),
-    a && /* @__PURE__ */ e.jsx(
+    o && /* @__PURE__ */ e.jsx(
       "button",
       {
         type: "button",
         className: "ds-alert__close",
-        onClick: a,
+        onClick: o,
         "aria-label": i ?? u.closeAlert,
         children: /* @__PURE__ */ e.jsx(te, { size: q[3], strokeWidth: 1.5 })
       }
     )
   ] });
-}), Ot = "data-ds-portal";
+}), Ct = "data-ds-portal";
 function Ce(t) {
   var n;
   const s = ((n = t.composedPath) == null ? void 0 : n.call(t)[0]) ?? t.target;
@@ -895,38 +895,38 @@ function Ce(t) {
 }
 function Ue(t, s) {
   var r;
-  const n = (r = t == null ? void 0 : t.closest) == null ? void 0 : r.call(t, `[${Ot}]`);
+  const n = (r = t == null ? void 0 : t.closest) == null ? void 0 : r.call(t, `[${Ct}]`);
   return !!(n && n !== s);
 }
-const Ct = 200;
-function Fs({
+const Ut = 200;
+function Os({
   children: t,
   title: s,
   onClose: n,
   size: r = "m",
-  scrollable: a = !1,
-  subHeader: o,
+  scrollable: o = !1,
+  subHeader: a,
   closeLabel: i,
   ...l
 }) {
-  const c = K(), u = R(null), d = R(null), p = X.useId(), [h, f] = D(!1), _ = R(null), j = () => {
+  const c = K(), u = S(null), d = S(null), p = X.useId(), [h, f] = L(!1), _ = S(null), w = () => {
     !n || h || (f(!0), _.current = setTimeout(() => {
       f(!1), n();
-    }, Ct));
+    }, Ut));
   };
   P(() => () => clearTimeout(_.current), []), P(() => {
-    const x = (w) => {
-      w.key === "Escape" && j();
-    }, k = (w) => {
-      var L;
-      const I = Ce(w);
-      I && ((L = d.current) != null && L.contains(I) || Ue(I, u.current) || j());
+    const x = (N) => {
+      N.key === "Escape" && w();
+    }, y = (N) => {
+      var D;
+      const B = Ce(N);
+      B && ((D = d.current) != null && D.contains(B) || Ue(B, u.current) || w());
     };
-    return document.addEventListener("keydown", x), document.addEventListener("mousedown", k), () => {
-      document.removeEventListener("keydown", x), document.removeEventListener("mousedown", k);
+    return document.addEventListener("keydown", x), document.addEventListener("mousedown", y), () => {
+      document.removeEventListener("keydown", x), document.removeEventListener("mousedown", y);
     };
   }, [n, h]);
-  const y = X.Children.toArray(t), N = y.find((x) => (x == null ? void 0 : x.type) === xe), T = y.filter((x) => (x == null ? void 0 : x.type) !== xe), A = /* @__PURE__ */ e.jsx(
+  const T = X.Children.toArray(t), j = T.find((x) => (x == null ? void 0 : x.type) === xe), g = T.filter((x) => (x == null ? void 0 : x.type) !== xe), $ = /* @__PURE__ */ e.jsx(
     "div",
     {
       className: ["ds-modal-overlay", h && "ds-modal-overlay--closing"].filter(Boolean).join(" "),
@@ -936,7 +936,7 @@ function Fs({
       children: /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: [`ds-modal ds-modal--${r}`, a && "ds-modal--scrollable"].filter(Boolean).join(" "),
+          className: [`ds-modal ds-modal--${r}`, o && "ds-modal--scrollable"].filter(Boolean).join(" "),
           "data-surface": "2",
           ref: d,
           role: "dialog",
@@ -950,57 +950,57 @@ function Fs({
                 variant: "ghost",
                 size: "small",
                 icon: /* @__PURE__ */ e.jsx(te, { size: q[2], strokeWidth: 1.5 }),
-                onClick: j,
+                onClick: w,
                 "aria-label": i ?? c.closeModal
               }
             ),
-            (s || o) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
+            (s || a) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
               s && /* @__PURE__ */ e.jsx("h3", { id: p, className: "ds-modal__title", children: s }),
-              o && /* @__PURE__ */ e.jsx("div", { className: "ds-modal__subheader", children: o })
+              a && /* @__PURE__ */ e.jsx("div", { className: "ds-modal__subheader", children: a })
             ] }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: T }),
-            N
+            /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: g }),
+            j
           ]
         }
       )
     }
   );
-  return typeof document > "u" ? A : re.createPortal(A, document.body);
+  return typeof document > "u" ? $ : re.createPortal($, 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 Ut = 320;
-function Ws({
+const Ht = 320;
+function Cs({
   children: t,
   title: s,
   onClose: n,
   subHeader: r,
-  closeLabel: a,
-  ...o
+  closeLabel: o,
+  ...a
 }) {
-  const i = K(), l = R(null), c = R(null), u = X.useId(), [d, p] = D(!1), h = R(null), f = () => {
+  const i = K(), l = S(null), c = S(null), u = X.useId(), [d, p] = L(!1), h = S(null), f = () => {
     !n || d || (p(!0), h.current = setTimeout(() => {
       p(!1), n();
-    }, Ut));
+    }, Ht));
   };
   P(() => () => clearTimeout(h.current), []), P(() => {
-    const T = (x) => {
+    const g = (x) => {
       x.key === "Escape" && f();
-    }, A = (x) => {
-      var w;
-      const k = Ce(x);
-      k && ((w = c.current) != null && w.contains(k) || Ue(k, l.current) || f());
+    }, $ = (x) => {
+      var N;
+      const y = Ce(x);
+      y && ((N = c.current) != null && N.contains(y) || Ue(y, l.current) || f());
     };
-    return document.addEventListener("keydown", T), document.addEventListener("mousedown", A), () => {
-      document.removeEventListener("keydown", T), document.removeEventListener("mousedown", A);
+    return document.addEventListener("keydown", g), document.addEventListener("mousedown", $), () => {
+      document.removeEventListener("keydown", g), document.removeEventListener("mousedown", $);
     };
   }, [n, d]);
-  const _ = X.Children.toArray(t), j = _.find((T) => (T == null ? void 0 : T.type) === xe), y = _.filter((T) => (T == null ? void 0 : T.type) !== xe), N = /* @__PURE__ */ e.jsx(
+  const _ = X.Children.toArray(t), w = _.find((g) => (g == null ? void 0 : g.type) === xe), T = _.filter((g) => (g == null ? void 0 : g.type) !== xe), j = /* @__PURE__ */ e.jsx(
     "div",
     {
       className: ["ds-bottom-sheet-overlay", d && "ds-bottom-sheet-overlay--closing"].filter(Boolean).join(" "),
-      ...o,
+      ...a,
       ref: l,
       "data-ds-portal": "",
       children: /* @__PURE__ */ e.jsxs(
@@ -1022,41 +1022,41 @@ function Ws({
                 size: "small",
                 icon: /* @__PURE__ */ e.jsx(te, { size: q[2], strokeWidth: 1.5 }),
                 onClick: f,
-                "aria-label": a ?? i.close
+                "aria-label": o ?? i.close
               }
             ),
             (s || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-bottom-sheet__header", children: [
               s && /* @__PURE__ */ e.jsx("h3", { id: u, className: "ds-bottom-sheet__title", children: s }),
               r && /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__subheader", children: r })
             ] }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__body ds-scrollable", children: y }),
-            j
+            /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__body ds-scrollable", children: T }),
+            w
           ]
         }
       )
     }
   );
-  return typeof document > "u" ? N : re.createPortal(N, document.body);
+  return typeof document > "u" ? j : re.createPortal(j, document.body);
 }
-function Ht({
+function Vt({
   children: t,
   title: s,
   defaultExpanded: n = !1,
   expanded: r,
-  onToggle: a,
-  padding: o = "s",
+  onToggle: o,
+  padding: a = "s",
   className: i = "",
   ...l
 }) {
-  const c = K(), u = s ?? c.code, [d, p] = D(n), h = r !== void 0, f = h ? r : d, _ = () => {
-    h ? a == null || a(!r) : p((y) => !y);
-  }, j = [
+  const c = K(), u = s ?? c.code, [d, p] = L(n), h = r !== void 0, f = h ? r : d, _ = () => {
+    h ? o == null || o(!r) : p((T) => !T);
+  }, w = [
     "ds-code-accordion",
-    `ds-code-accordion--${o}`,
+    `ds-code-accordion--${a}`,
     f && "ds-code-accordion--expanded",
     i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: j, ...l, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: w, ...l, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -1080,12 +1080,12 @@ function Ht({
     /* @__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 Os({ children: t, block: s = !1, collapsible: n = !1, title: r, defaultExpanded: a = !1, ...o }) {
+function Us({ children: t, block: s = !1, collapsible: n = !1, title: r, defaultExpanded: o = !1, ...a }) {
   const i = K(), l = r ?? i.code;
-  return s ? n ? /* @__PURE__ */ e.jsx(Ht, { title: l, defaultExpanded: a, ...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(Vt, { title: l, defaultExpanded: o, ...a, children: t }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block ds-scrollable", ...a, children: /* @__PURE__ */ e.jsx("code", { children: t }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...a, children: t });
 }
-function Cs({ href: t, children: s, onClick: n, target: r, rel: a, ...o }) {
-  const l = r === "_blank" ? a ? `${a} noopener noreferrer` : "noopener noreferrer" : a;
+function Hs({ href: t, children: s, onClick: n, target: r, rel: o, ...a }) {
+  const l = r === "_blank" ? o ? `${o} noopener noreferrer` : "noopener noreferrer" : o;
   return /* @__PURE__ */ e.jsx(
     "a",
     {
@@ -1094,19 +1094,19 @@ function Cs({ href: t, children: s, onClick: n, target: r, rel: a, ...o }) {
       onClick: n,
       target: r,
       rel: l,
-      ...o,
+      ...a,
       children: s
     }
   );
 }
-function Us({ children: t, size: s = "m", variant: n = "ghost", ...r }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...r, children: X.Children.map(t, (a) => X.isValidElement(a) ? X.cloneElement(a, { size: s, variant: n }) : a) });
+function Vs({ children: t, size: s = "m", variant: n = "ghost", ...r }) {
+  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...r, children: X.Children.map(t, (o) => X.isValidElement(o) ? X.cloneElement(o, { size: s, variant: n }) : o) });
 }
-function Hs({ children: t, selected: s = !1, onClick: n, size: r = "m", variant: a = "ghost", disabled: o = !1, icon: i, href: l, ...c }) {
+function Ys({ children: t, selected: s = !1, onClick: n, size: r = "m", variant: o = "ghost", disabled: a = !1, icon: i, href: l, ...c }) {
   const u = i && !t, d = [
     "ds-tab",
     `ds-tab--${r}`,
-    `ds-tab--${a}`,
+    `ds-tab--${o}`,
     s && "ds-tab--selected",
     u && "ds-tab--icon-only"
   ].filter(Boolean).join(" "), p = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -1115,7 +1115,7 @@ function Hs({ children: t, selected: s = !1, onClick: n, size: r = "m", variant:
   ] });
   if (l) {
     const h = (f) => {
-      if (o) {
+      if (a) {
         f.preventDefault();
         return;
       }
@@ -1126,9 +1126,9 @@ function Hs({ children: t, selected: s = !1, onClick: n, size: r = "m", variant:
       {
         role: "tab",
         "aria-current": s ? "page" : void 0,
-        "aria-disabled": o ? "true" : void 0,
+        "aria-disabled": a ? "true" : void 0,
         className: d,
-        href: o ? void 0 : l,
+        href: a ? void 0 : l,
         onClick: h,
         ...c,
         children: p
@@ -1142,23 +1142,23 @@ function Hs({ children: t, selected: s = !1, onClick: n, size: r = "m", variant:
       "aria-selected": s,
       className: d,
       onClick: n,
-      disabled: o,
+      disabled: a,
       ...c,
       children: p
     }
   );
 }
-function Vs({ children: t, className: s = "", ...n }) {
+function qs({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-browser-pane", s].filter(Boolean).join(" "), ...n, children: t });
 }
-function Ys({ tabs: t, active: s, onChange: n, onClose: r, className: a = "", ...o }) {
+function Gs({ tabs: t, active: s, onChange: n, onClose: r, className: o = "", ...a }) {
   const { t: i } = be();
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-browser-tabs", a].filter(Boolean).join(" "),
+      className: ["ds-browser-tabs", o].filter(Boolean).join(" "),
       role: "tablist",
-      ...o,
+      ...a,
       children: t.map((l) => {
         const c = l.id === s, u = !!l.closable;
         return /* @__PURE__ */ e.jsxs(
@@ -1205,23 +1205,23 @@ function Ys({ tabs: t, active: s, onChange: n, onClose: r, className: a = "", ..
     }
   );
 }
-function qs({ children: t, className: s = "", ...n }) {
+function Ks({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-list", s].filter(Boolean).join(" "), role: "list", ...n, children: t });
 }
-function Gs({
+function Xs({
   icon: t,
   title: s,
   subtitle: n,
   meta: r,
-  onClick: a,
-  className: o = "",
+  onClick: o,
+  className: a = "",
   ...i
 }) {
   const l = r == null ? [] : Array.isArray(r) ? r : [r], c = [
     "ds-list-row",
     !t && "ds-list-row--no-icon",
-    a && "ds-list-row--interactive",
-    o
+    o && "ds-list-row--interactive",
+    a
   ].filter(Boolean).join(" "), u = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     t ? /* @__PURE__ */ e.jsx("span", { className: "ds-list-row__icon", "aria-hidden": !0, children: t }) : null,
     /* @__PURE__ */ e.jsxs("span", { className: "ds-list-row__name", children: [
@@ -1230,40 +1230,40 @@ function Gs({
     ] }),
     l.map((d, p) => /* @__PURE__ */ e.jsx("span", { className: "ds-list-row__meta", children: d }, p))
   ] });
-  return a ? /* @__PURE__ */ e.jsx("button", { type: "button", role: "listitem", className: c, onClick: a, ...i, children: u }) : /* @__PURE__ */ e.jsx("div", { role: "listitem", className: c, ...i, children: u });
+  return o ? /* @__PURE__ */ e.jsx("button", { type: "button", role: "listitem", className: c, onClick: o, ...i, children: u }) : /* @__PURE__ */ e.jsx("div", { role: "listitem", className: c, ...i, children: u });
 }
-function Ks({ options: t, value: s, onChange: n, size: r = "m", disabled: a = !1 }) {
-  const o = R(null), i = R(null), [l, c] = D(!1), u = R(!1), d = R(null), p = R(null), h = () => {
-    if (!o.current) return;
-    const f = o.current.querySelector(`[data-value="${s}"]`);
+function Js({ options: t, value: s, onChange: n, size: r = "m", disabled: o = !1 }) {
+  const a = S(null), i = S(null), [l, c] = L(!1), u = S(!1), d = S(null), p = S(null), h = () => {
+    if (!a.current) return;
+    const f = a.current.querySelector(`[data-value="${s}"]`);
     if (!f) return;
-    const _ = o.current.getBoundingClientRect(), j = f.getBoundingClientRect(), y = j.left - _.left, N = j.width;
-    i.current ? (i.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = y + "px", i.current.style.width = N + "px", u.current = !1) : (c(!0), requestAnimationFrame(() => {
-      if (!i.current || !o.current) return;
-      const T = o.current.querySelector(`[data-value="${s}"]`);
-      if (!T) return;
-      const A = o.current.getBoundingClientRect(), x = T.getBoundingClientRect();
-      i.current.style.transition = "none", i.current.style.left = x.left - A.left + "px", i.current.style.width = x.width + "px";
+    const _ = a.current.getBoundingClientRect(), w = f.getBoundingClientRect(), T = w.left - _.left, j = w.width;
+    i.current ? (i.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = T + "px", i.current.style.width = j + "px", u.current = !1) : (c(!0), requestAnimationFrame(() => {
+      if (!i.current || !a.current) return;
+      const g = a.current.querySelector(`[data-value="${s}"]`);
+      if (!g) return;
+      const $ = a.current.getBoundingClientRect(), x = g.getBoundingClientRect();
+      i.current.style.transition = "none", i.current.style.left = x.left - $.left + "px", i.current.style.width = x.width + "px";
     }));
   };
-  return p.current = h, ct(() => {
+  return p.current = h, dt(() => {
     const f = d.current !== s;
     d.current = s, u.current = l && f, h();
   }), P(() => {
-    if (!o.current) return;
+    if (!a.current) return;
     const f = new ResizeObserver(() => {
       u.current = !1, p.current();
     });
-    return f.observe(o.current), () => f.disconnect();
+    return f.observe(a.current), () => f.disconnect();
   }, []), /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-seg",
         `ds-seg--${r}`,
-        a && "ds-seg--disabled"
+        o && "ds-seg--disabled"
       ].filter(Boolean).join(" "),
-      ref: o,
+      ref: a,
       role: "group",
       children: [
         l && /* @__PURE__ */ e.jsx(
@@ -1280,9 +1280,9 @@ function Ks({ options: t, value: s, onChange: n, size: r = "m", disabled: a = !1
             type: "button",
             "data-value": f.value,
             className: ["ds-seg__btn", s === f.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
-            onClick: () => !a && n(f.value),
+            onClick: () => !o && n(f.value),
             "aria-pressed": s === f.value,
-            disabled: a,
+            disabled: o,
             children: [
               f.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: f.icon }),
               f.label
@@ -1299,15 +1299,15 @@ function He({
   title: s,
   defaultExpanded: n = !1,
   expanded: r,
-  onToggle: a,
-  padding: o = "m",
+  onToggle: o,
+  padding: a = "m",
   ...i
 }) {
-  const [l, c] = D(n), u = r !== void 0, d = u ? r : l, p = () => {
-    u ? a == null || a(!r) : c((f) => !f);
+  const [l, c] = L(n), u = r !== void 0, d = u ? r : l, p = () => {
+    u ? o == null || o(!r) : c((f) => !f);
   }, h = [
     "ds-accordion",
-    `ds-accordion--${o}`,
+    `ds-accordion--${a}`,
     d && "ds-accordion--expanded"
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e.jsxs("div", { className: h, ...i, children: [
@@ -1335,64 +1335,77 @@ function He({
   ] });
 }
 const ce = 8, pe = 8;
-function Vt(t, s, n) {
+function Yt(t, s, n) {
   const r = window.innerWidth;
-  let a, o;
+  let o, a;
   switch (t) {
     case "top":
-      a = s.top - n.height - ce, o = s.left + s.width / 2 - n.width / 2;
+      o = s.top - n.height - ce, a = s.left + s.width / 2 - n.width / 2;
       break;
     case "bottom":
-      a = s.bottom + ce, o = s.left + s.width / 2 - n.width / 2;
+      o = s.bottom + ce, a = s.left + s.width / 2 - n.width / 2;
       break;
     case "left":
-      a = s.top + s.height / 2 - n.height / 2, o = s.left - n.width - ce;
+      o = s.top + s.height / 2 - n.height / 2, a = s.left - n.width - ce;
       break;
     case "right":
-      a = s.top + s.height / 2 - n.height / 2, o = s.right + ce;
+      o = s.top + s.height / 2 - n.height / 2, a = s.right + ce;
       break;
     default:
-      a = s.bottom + ce, o = s.left;
+      o = s.bottom + ce, a = s.left;
   }
-  const i = Math.max(pe, Math.min(r - n.width - pe, o)), l = o - i;
-  return { top: a, left: i, arrowOffset: l };
+  const i = Math.max(pe, Math.min(r - n.width - pe, a)), l = a - i;
+  return { top: o, left: i, arrowOffset: l };
 }
-function Yt(t, s, n) {
-  const r = window.innerWidth, a = window.innerHeight;
+function qt(t, s, n) {
+  const r = window.innerWidth, o = window.innerHeight;
   if (t.top >= s + ce + pe) return "top";
-  if (a - t.bottom >= s + ce + pe) return "bottom";
+  if (o - t.bottom >= s + ce + pe) return "bottom";
   if (r - t.right >= n + ce + pe) return "right";
   if (t.left >= n + ce + pe) return "left";
-  const o = Math.max(t.top, a - t.bottom, t.left, r - t.right);
-  return o === t.top ? "top" : o === a - t.bottom ? "bottom" : o === r - t.right ? "right" : "left";
+  const a = Math.max(t.top, o - t.bottom, t.left, r - t.right);
+  return a === t.top ? "top" : a === o - t.bottom ? "bottom" : a === r - t.right ? "right" : "left";
+}
+function Ze() {
+  return window.matchMedia("(hover: hover) and (pointer: fine)").matches;
+}
+function Gt(t) {
+  return t ? t.matches(":focus-visible") || !!t.querySelector(":focus-visible") : !1;
 }
 function Ve({ children: t, content: s, position: n, ...r }) {
-  const [a, o] = D(!1), [i, l] = D({ visibility: "hidden" }), [c, u] = D(n || "top"), d = R(null), p = R(null), h = R(!1), f = () => {
+  const [o, a] = L(!1), [i, l] = L({ visibility: "hidden" }), [c, u] = L(n || "top"), d = S(null), p = S(null), h = () => {
     if (!d.current || !p.current) return;
-    const j = d.current.getBoundingClientRect(), y = p.current.getBoundingClientRect(), N = n || Yt(j, y.height, y.width), { top: T, left: A, arrowOffset: x } = Vt(N, j, y);
-    u(N), l({
+    const g = d.current.getBoundingClientRect(), $ = p.current.getBoundingClientRect(), x = n || qt(g, $.height, $.width), { top: y, left: N, arrowOffset: B } = Yt(x, g, $);
+    u(x), l({
       position: "fixed",
-      top: T,
-      left: A,
+      top: y,
+      left: N,
       visibility: "visible",
-      "--arrow-offset": `${x}px`
+      "--arrow-offset": `${B}px`
     });
   };
-  if (P(() => {
-    if (!a) return;
+  P(() => {
+    if (!o) return;
     l({ position: "fixed", visibility: "hidden" });
-    const j = requestAnimationFrame(f);
-    return window.addEventListener("scroll", f, !0), window.addEventListener("resize", f), () => {
-      cancelAnimationFrame(j), window.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f);
+    const g = requestAnimationFrame(h);
+    return window.addEventListener("scroll", h, !0), window.addEventListener("resize", h), () => {
+      cancelAnimationFrame(g), window.removeEventListener("scroll", h, !0), window.removeEventListener("resize", h);
     };
-  }, [a, n]), P(() => {
-    if (!a) return;
-    const j = (y) => {
-      d.current && !d.current.contains(y.target) && o(!1);
-    };
-    return document.addEventListener("touchstart", j), () => document.removeEventListener("touchstart", j);
-  }, [a]), !s) return t;
-  const _ = a && /* @__PURE__ */ e.jsx(
+  }, [o, n]);
+  const f = () => {
+    Ze() && a(!0);
+  }, _ = () => {
+    Gt(d.current) || a(!1);
+  }, w = (g) => {
+    const $ = g.target;
+    $ instanceof Element && $.matches(":focus-visible") && a(!0);
+  }, T = (g) => {
+    var x, y;
+    const $ = g.relatedTarget;
+    $ instanceof Node && ((x = d.current) != null && x.contains($)) || Ze() && ((y = d.current) != null && y.matches(":hover")) || a(!1);
+  };
+  if (!s) return t;
+  const j = o && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: p,
@@ -1408,94 +1421,89 @@ function Ve({ children: t, content: s, position: n, ...r }) {
     {
       ref: d,
       className: "ds-tooltip-wrapper",
-      onMouseEnter: () => {
-        h.current || o(!0);
-      },
-      onMouseLeave: () => {
-        h.current || o(!1);
-      },
-      onTouchStart: () => {
-        h.current = !0, o((j) => !j);
-      },
+      onMouseEnter: f,
+      onMouseLeave: _,
+      onFocus: w,
+      onBlur: T,
       ...r,
       children: [
         t,
-        typeof document < "u" && re.createPortal(_, document.body)
+        typeof document < "u" && re.createPortal(j, document.body)
       ]
     }
   );
 }
-const Ze = 8, Ee = 8, qt = 140;
-function Qe(t) {
+const Qe = 8, Ee = 8, Kt = 140;
+function et(t) {
   const s = String(t ?? "").replace(/^@/, "").trim();
   return s ? `@${s}` : "";
 }
-function Xs({
+function Zs({
   label: t,
   children: s,
   mode: n = "click",
   avatar: r,
-  name: a,
-  handle: o,
+  name: o,
+  handle: a,
   description: i,
   actions: l,
   className: c = "",
   popoverClassName: u = "",
   ...d
 }) {
-  const p = _t(), h = R(null), f = R(null), _ = R(null), [j, y] = D(!1), [N, T] = D(null), A = s != null, x = a || t || "", k = Qe(t || a), w = Qe(o), I = ne(() => {
+  const p = jt(), h = S(null), f = S(null), _ = S(null), [w, T] = L(!1), [j, g] = L(null), $ = s != null, x = o || t || "", y = et(t || o), N = et(a), B = ne(() => {
     _.current != null && (window.clearTimeout(_.current), _.current = null);
-  }, []), L = ne(() => {
-    I(), y(!0);
-  }, [I]), W = ne(() => {
-    I(), _.current = window.setTimeout(() => y(!1), qt);
-  }, [I]), O = ne(() => {
+  }, []), D = ne(() => {
+    B(), T(!0);
+  }, [B]), W = ne(() => {
+    B(), _.current = window.setTimeout(() => T(!1), Kt);
+  }, [B]), O = ne(() => {
     const M = h.current, V = f.current;
     if (!M) return;
-    const v = M.getBoundingClientRect(), $ = (V == null ? void 0 : V.offsetHeight) ?? 160, S = (V == null ? void 0 : V.offsetWidth) ?? 260;
-    let z = v.bottom + Ze;
-    z + $ > window.innerHeight - Ee && (z = Math.max(Ee, v.top - $ - Ze));
-    const H = Math.max(Ee, Math.min(v.left, window.innerWidth - S - Ee));
-    T({ top: z, left: H });
+    const v = M.getBoundingClientRect(), R = (V == null ? void 0 : V.offsetHeight) ?? 160, A = (V == null ? void 0 : V.offsetWidth) ?? 260;
+    let F = v.bottom + Qe;
+    F + R > window.innerHeight - Ee && (F = Math.max(Ee, v.top - R - Qe));
+    const H = Math.max(Ee, Math.min(v.left, window.innerWidth - A - Ee));
+    g({ top: F, left: H });
   }, []);
-  ct(() => {
-    j && O();
-  }, [j, O]), P(() => {
-    if (!j) return;
-    const M = () => O(), V = ($) => {
-      $.key === "Escape" && y(!1);
-    }, v = ($) => {
-      var z, H;
+  dt(() => {
+    w && O();
+  }, [w, O]), P(() => {
+    if (!w) return;
+    const M = () => O(), V = (R) => {
+      R.key === "Escape" && T(!1);
+    }, v = (R) => {
+      var F, H;
       if (n === "hover") return;
-      const S = $.target;
-      (z = f.current) != null && z.contains(S) || (H = h.current) != null && H.contains(S) || y(!1);
+      const A = R.target;
+      (F = f.current) != null && F.contains(A) || (H = h.current) != null && H.contains(A) || T(!1);
     };
     return window.addEventListener("scroll", M, !0), window.addEventListener("resize", M), document.addEventListener("keydown", V), document.addEventListener("mousedown", v), () => {
       window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", M), document.removeEventListener("keydown", V), document.removeEventListener("mousedown", v);
     };
-  }, [j, O, n]), P(() => () => I(), [I]);
-  const g = n === "hover" ? { onMouseEnter: L, onMouseLeave: W } : {}, C = j ? re.createPortal(
+  }, [w, O, n]), P(() => () => B(), [B]);
+  const k = n === "hover" ? { onMouseEnter: D, onMouseLeave: W } : {}, C = w ? re.createPortal(
     /* @__PURE__ */ e.jsxs(
       "div",
       {
         ref: f,
         id: p,
         role: "dialog",
-        "aria-label": x || k || "Mention",
+        "aria-label": x || y || "Mention",
         "data-ds-portal": "",
         className: ["ds-mention__popover", u].filter(Boolean).join(" "),
-        style: N ? { top: N.top, left: N.left } : { top: -9999, left: -9999, visibility: "hidden" },
-        ...g,
+        style: j ? { top: j.top, left: j.left } : { top: -9999, left: -9999, visibility: "hidden" },
+        ...k,
         children: [
-          (r || x || w) && /* @__PURE__ */ e.jsxs("div", { className: "ds-mention__head", children: [
+          (r || x || N) && /* @__PURE__ */ e.jsxs("div", { className: "ds-mention__head", children: [
             r,
-            (x || w) && /* @__PURE__ */ e.jsxs("div", { className: "ds-mention__meta", children: [
+            (x || N) && /* @__PURE__ */ e.jsxs("div", { className: "ds-mention__meta", children: [
               x ? /* @__PURE__ */ e.jsx("span", { className: "ds-mention__name", children: x }) : null,
-              w ? /* @__PURE__ */ e.jsx("span", { className: "ds-mention__handle", children: w }) : null
+              N ? /* @__PURE__ */ e.jsx("span", { className: "ds-mention__handle", children: N }) : null
             ] })
           ] }),
           i ? /* @__PURE__ */ e.jsx("p", { className: "ds-mention__desc", children: i }) : null,
-          l ? /* @__PURE__ */ e.jsx("div", { className: "ds-mention__actions", onClick: () => y(!1), children: l }) : null
+          l ? /* @__PURE__ */ e.jsx("div", { className: "ds-mention__actions", onClick: () => T(!1), children: l }) : null
         ]
       }
     ),
@@ -1510,40 +1518,40 @@ function Xs({
         type: "button",
         className: [
           "ds-mention",
-          A && "ds-mention--custom",
+          $ && "ds-mention--custom",
           c
         ].filter(Boolean).join(" "),
-        "aria-expanded": j,
+        "aria-expanded": w,
         "aria-haspopup": "dialog",
-        "aria-label": A && (k || x) || void 0,
-        "aria-controls": j ? p : void 0,
+        "aria-label": $ && (y || x) || void 0,
+        "aria-controls": w ? p : void 0,
         onClick: (M) => {
           var V;
           if ((V = d.onClick) == null || V.call(d, M), !M.defaultPrevented) {
             if (M.preventDefault(), M.stopPropagation(), n === "hover") {
-              L();
+              D();
               return;
             }
-            y((v) => !v);
+            T((v) => !v);
           }
         },
-        ...g,
-        children: A ? s : k
+        ...k,
+        children: $ ? s : y
       }
     ),
     typeof document < "u" ? C : null
   ] });
 }
-function Js({
+function Qs({
   checked: t = !1,
   onChange: s,
   size: n = "m",
   disabled: r = !1,
-  label: a,
-  id: o,
+  label: o,
+  id: a,
   ...i
 }) {
-  const l = o || `toggle-${X.useId()}`, c = [
+  const l = a || `toggle-${X.useId()}`, c = [
     "ds-toggle",
     `ds-toggle--${n}`,
     r && "ds-toggle--disabled"
@@ -1562,19 +1570,19 @@ function Js({
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__track", children: /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__thumb" }) }),
-    a && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: a })
+    o && /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__label", children: o })
   ] });
 }
-function Zs({
+function en({
   checked: t = !1,
   onChange: s,
   size: n = "m",
   disabled: r = !1,
-  label: a,
-  id: o,
+  label: o,
+  id: a,
   ...i
 }) {
-  const l = o || `checkbox-${X.useId()}`, c = [
+  const l = a || `checkbox-${X.useId()}`, c = [
     "ds-checkbox",
     `ds-checkbox--${n}`,
     r && "ds-checkbox--disabled"
@@ -1600,16 +1608,16 @@ function Zs({
         className: "ds-checkbox__icon"
       }
     ) }),
-    a && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: a })
+    o && /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__label", children: o })
   ] });
 }
-function Qs({
+function tn({
   checked: t = !1,
   onChange: s,
   size: n = "m",
   disabled: r = !1,
-  label: a,
-  name: o,
+  label: o,
+  name: a,
   value: i,
   id: l,
   ...c
@@ -1629,34 +1637,34 @@ function Qs({
         checked: t,
         onChange: (p) => s == null ? void 0 : s(p.target.checked),
         disabled: r,
-        name: o,
+        name: a,
         value: i,
         ...c
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-radio__circle", children: /* @__PURE__ */ e.jsx("span", { className: "ds-radio__dot" }) }),
-    a && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: a })
+    o && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: o })
   ] });
 }
-function Gt({ width: t, height: s, shape: n = "rect", aspectRatio: r, className: a = "", style: o = {}, ...i }) {
+function Xt({ width: t, height: s, shape: n = "rect", aspectRatio: r, className: o = "", style: a = {}, ...i }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: ["ds-skeleton", `ds-skeleton--${n}`, a].filter(Boolean).join(" "),
-      style: { width: t, height: s, aspectRatio: r, ...o },
+      className: ["ds-skeleton", `ds-skeleton--${n}`, o].filter(Boolean).join(" "),
+      style: { width: t, height: s, aspectRatio: r, ...a },
       "aria-hidden": "true",
       ...i
     }
   );
 }
-function Kt({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: r = "", style: a = {}, ...o }) {
+function Jt({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: r = "", style: o = {}, ...a }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
       className: ["ds-skeleton-text", r].filter(Boolean).join(" "),
-      style: { gap: n, ...a },
+      style: { gap: n, ...o },
       "aria-hidden": "true",
-      ...o,
+      ...a,
       children: Array.from({ length: t }, (i, l) => /* @__PURE__ */ e.jsx(
         "span",
         {
@@ -1668,44 +1676,44 @@ function Kt({ lines: t = 1, lastLineWidth: s = "70%", gap: n, className: r = "",
     }
   );
 }
-Gt.Text = Kt;
-function Xt(t) {
+Xt.Text = Jt;
+function Zt(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 Jt(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 en({ seed: t, icon: s, src: n, size: r = 32, className: a = "", style: o = {}, ...i }) {
-  const l = Xt(t ?? ""), [c, u] = D(!1), d = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: Jt(t) });
+function sn({ seed: t, icon: s, src: n, size: r = 32, className: o = "", style: a = {}, ...i }) {
+  const l = Zt(t ?? ""), [c, u] = L(!1), d = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: Qt(t) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-avatar", a].filter(Boolean).join(" "),
-      style: { width: r, height: r, "--ds-avatar-h": l, ...o },
+      className: ["ds-avatar", o].filter(Boolean).join(" "),
+      style: { width: r, height: r, "--ds-avatar-h": l, ...a },
       "aria-hidden": "true",
       ...i,
       children: n && !c ? /* @__PURE__ */ e.jsx("img", { src: n, alt: "", onError: () => u(!0) }) : d
     }
   );
 }
-function tn({
+function nn({
   children: t,
   size: s = "compact",
   stickyTop: n,
   maxHeight: r,
-  className: a = "",
-  style: o = {},
+  className: o = "",
+  style: a = {},
   ...i
 }) {
   const l = {
     ...r ? { maxHeight: r } : {},
     ...n !== void 0 ? { "--ds-table-sticky-top": typeof n == "number" ? `${n}px` : n } : {},
-    ...o
+    ...a
   };
   return /* @__PURE__ */ e.jsx(
     "div",
@@ -1715,7 +1723,7 @@ function tn({
       children: /* @__PURE__ */ e.jsx(
         "table",
         {
-          className: ["ds-table", `ds-table--${s}`, a].filter(Boolean).join(" "),
+          className: ["ds-table", `ds-table--${s}`, o].filter(Boolean).join(" "),
           ...i,
           children: t
         }
@@ -1723,13 +1731,13 @@ function tn({
     }
   );
 }
-function sn({ children: t, ...s }) {
+function rn({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("thead", { ...s, children: t });
 }
-function nn({ children: t, ...s }) {
+function on({ children: t, ...s }) {
   return /* @__PURE__ */ e.jsx("tbody", { ...s, children: t });
 }
-function rn({ children: t, interactive: s, selected: n, subheader: r, exiting: a, updated: o, className: i = "", onClick: l, ...c }) {
+function an({ children: t, interactive: s, selected: n, subheader: r, exiting: o, updated: a, className: i = "", onClick: l, ...c }) {
   return /* @__PURE__ */ e.jsx(
     "tr",
     {
@@ -1738,8 +1746,8 @@ function rn({ children: t, interactive: s, selected: n, subheader: r, exiting: a
         s || l ? "ds-table-row--interactive" : "",
         n ? "ds-table-row--selected" : "",
         r ? "ds-table-row--subheader" : "",
-        a ? "ds-table-row--exiting" : "",
-        o ? "ds-table-row--updated" : "",
+        o ? "ds-table-row--exiting" : "",
+        a ? "ds-table-row--updated" : "",
         i
       ].filter(Boolean).join(" "),
       onClick: l,
@@ -1748,11 +1756,11 @@ function rn({ children: t, interactive: s, selected: n, subheader: r, exiting: a
     }
   );
 }
-function an({ children: t, colSpan: s = 999, ...n }) {
+function ln({ 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 on({ children: t, align: s = "left", sortDir: n, onSort: r, width: a, className: o = "", style: i = {}, ...l }) {
-  const c = !!r || n !== void 0, u = n === "asc" ? wt : n === "desc" ? ye : gt;
+function cn({ children: t, align: s = "left", sortDir: n, onSort: r, width: o, className: a = "", style: i = {}, ...l }) {
+  const c = !!r || n !== void 0, u = n === "asc" ? gt : n === "desc" ? ye : yt;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
@@ -1761,10 +1769,10 @@ function on({ children: t, align: s = "left", sortDir: n, onSort: r, width: a, c
         c ? "ds-th--sortable" : "",
         n ? "ds-th--sorted" : "",
         s !== "left" ? `ds-table-cell--${s}` : "",
-        o
+        a
       ].filter(Boolean).join(" "),
       onClick: r,
-      style: { width: a, ...i },
+      style: { width: o, ...i },
       ...l,
       children: c ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
         t,
@@ -1773,7 +1781,7 @@ function on({ children: t, align: s = "left", sortDir: n, onSort: r, width: a, c
     }
   );
 }
-function ln({ children: t, align: s = "left", secondary: n, muted: r, truncate: a, nowrap: o, className: i = "", ...l }) {
+function dn({ children: t, align: s = "left", secondary: n, muted: r, truncate: o, nowrap: a, className: i = "", ...l }) {
   return /* @__PURE__ */ e.jsx(
     "td",
     {
@@ -1782,8 +1790,8 @@ function ln({ children: t, align: s = "left", secondary: n, muted: r, truncate:
         s !== "left" ? `ds-table-cell--${s}` : "",
         n ? "ds-table-cell--secondary" : "",
         r ? "ds-table-cell--muted" : "",
-        a ? "ds-table-cell--truncate" : "",
-        o ? "ds-table-cell--nowrap" : "",
+        o ? "ds-table-cell--truncate" : "",
+        a ? "ds-table-cell--nowrap" : "",
         i
       ].filter(Boolean).join(" "),
       ...l,
@@ -1791,19 +1799,19 @@ function ln({ children: t, align: s = "left", secondary: n, muted: r, truncate:
     }
   );
 }
-function cn({
+function un({
   icon: t,
   title: s,
   description: n,
   action: r,
-  size: a = "m",
-  className: o = "",
+  size: o = "m",
+  className: a = "",
   ...i
 }) {
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: ["ds-empty-state", `ds-empty-state--${a}`, o].filter(Boolean).join(" "),
+      className: ["ds-empty-state", `ds-empty-state--${o}`, a].filter(Boolean).join(" "),
       ...i,
       children: [
         t && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__icon", children: t }),
@@ -1814,26 +1822,26 @@ function cn({
     }
   );
 }
-function dn({
+function fn({
   label: t,
   hint: s,
   error: n,
   required: r = !1,
-  disabled: a = !1,
-  htmlFor: o,
+  disabled: o = !1,
+  htmlFor: a,
   children: i,
   className: l = "",
   style: c,
   ...u
 }) {
-  const d = X.useId(), p = o ?? d, h = `${p}-hint`, f = `${p}-error`;
+  const d = X.useId(), p = a ?? d, h = `${p}-hint`, f = `${p}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: `ds-field${l ? ` ${l}` : ""}`,
       "data-state": n ? "error" : void 0,
       "data-required": r ? "" : void 0,
-      "data-disabled": a ? "" : void 0,
+      "data-disabled": o ? "" : void 0,
       style: c,
       ...u,
       children: [
@@ -1845,7 +1853,7 @@ function dn({
     }
   );
 }
-function un({ label: t, value: s, delta: n, size: r = "m", inline: a = !1, className: o = "", style: i, ...l }) {
+function mn({ label: t, value: s, delta: n, size: r = "m", inline: o = !1, className: a = "", style: i, ...l }) {
   const c = n != null && n.startsWith("+") ? "up" : n != null && n.startsWith("-") ? "down" : "neutral";
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -1853,8 +1861,8 @@ function un({ label: t, value: s, delta: n, size: r = "m", inline: a = !1, class
       className: [
         "ds-stat",
         `ds-stat--${r}`,
-        a && "ds-stat--inline",
-        o
+        o && "ds-stat--inline",
+        a
       ].filter(Boolean).join(" "),
       style: i,
       ...l,
@@ -1866,13 +1874,13 @@ function un({ label: t, value: s, delta: n, size: r = "m", inline: a = !1, class
     }
   );
 }
-function fn({
+function pn({
   children: t,
   separator: s = "/",
   "aria-label": n,
   className: r = "",
-  style: a,
-  ...o
+  style: o,
+  ...a
 }) {
   const i = K(), l = X.Children.toArray(t).filter(Boolean);
   return /* @__PURE__ */ e.jsx(
@@ -1880,8 +1888,8 @@ function fn({
     {
       className: `ds-breadcrumb${r ? ` ${r}` : ""}`,
       "aria-label": n ?? i.breadcrumb,
-      style: a,
-      ...o,
+      style: o,
+      ...a,
       children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: l.map((c, u) => /* @__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 })
@@ -1889,24 +1897,24 @@ function fn({
     }
   );
 }
-function mn({
+function hn({
   page: t,
   total: s,
   onChange: n,
   siblings: r = 1,
-  "aria-label": a,
-  previousLabel: o,
+  "aria-label": o,
+  previousLabel: a,
   nextLabel: i,
   className: l = "",
   style: c,
   ...u
 }) {
-  const d = K(), { t: p } = be(), h = Zt(t, s, r);
+  const d = K(), { t: p } = be(), h = es(t, s, r);
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
       className: `ds-pagination${l ? ` ${l}` : ""}`,
-      "aria-label": a ?? d.pagination,
+      "aria-label": o ?? d.pagination,
       style: c,
       ...u,
       children: [
@@ -1916,8 +1924,8 @@ function mn({
             className: "ds-pagination-arrow",
             onClick: () => n == null ? void 0 : n(t - 1),
             disabled: t <= 1,
-            "aria-label": o ?? d.previousPage,
-            children: /* @__PURE__ */ e.jsx(yt, { size: 16 })
+            "aria-label": a ?? d.previousPage,
+            children: /* @__PURE__ */ e.jsx(kt, { size: 16 })
           }
         ),
         h.map(
@@ -1940,56 +1948,56 @@ function mn({
             onClick: () => n == null ? void 0 : n(t + 1),
             disabled: t >= s,
             "aria-label": i ?? d.nextPage,
-            children: /* @__PURE__ */ e.jsx(kt, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(Et, { size: 16 })
           }
         )
       ]
     }
   );
 }
-function Zt(t, s, n) {
+function es(t, s, n) {
   if (s <= 7) return Array.from({ length: s }, (i, l) => l + 1);
-  const r = Math.max(2, t - n), a = Math.min(s - 1, t + n), o = [1];
-  r > 2 && o.push("…");
-  for (let i = r; i <= a; i++) o.push(i);
-  return a < s - 1 && o.push("…"), o.push(s), o;
+  const r = Math.max(2, t - n), o = Math.min(s - 1, t + n), a = [1];
+  r > 2 && a.push("…");
+  for (let i = r; i <= o; i++) a.push(i);
+  return o < s - 1 && a.push("…"), a.push(s), a;
 }
-const Qt = 300;
-function pn({
+const ts = 300;
+function xn({
   children: t,
   title: s,
   onClose: n,
   subHeader: r,
-  side: a = "right",
-  size: o = "wide",
+  side: o = "right",
+  size: a = "wide",
   offsetLeft: i = 0,
   offsetRight: l = 0,
   keepOpenRef: c,
   closeLabel: u,
   ...d
 }) {
-  const p = K(), h = R(null), f = X.useId(), [_, j] = D(!1), y = R(null), N = () => {
-    !n || _ || (j(!0), y.current = setTimeout(() => {
-      j(!1), n();
-    }, Qt));
+  const p = K(), h = S(null), f = X.useId(), [_, w] = L(!1), T = S(null), j = () => {
+    !n || _ || (w(!0), T.current = setTimeout(() => {
+      w(!1), n();
+    }, ts));
   };
-  P(() => () => clearTimeout(y.current), []), P(() => {
-    const w = (L) => {
-      L.key === "Escape" && N();
-    }, I = (L) => {
-      var O, g;
-      const W = Ce(L);
-      W && ((O = c == null ? void 0 : c.current) != null && O.contains(W) || (g = h.current) != null && g.contains(W) || Ue(W, null) || N());
+  P(() => () => clearTimeout(T.current), []), P(() => {
+    const N = (D) => {
+      D.key === "Escape" && j();
+    }, B = (D) => {
+      var O, k;
+      const W = Ce(D);
+      W && ((O = c == null ? void 0 : c.current) != null && O.contains(W) || (k = h.current) != null && k.contains(W) || Ue(W, null) || j());
     };
-    return document.addEventListener("keydown", w), document.addEventListener("mousedown", I), () => {
-      document.removeEventListener("keydown", w), document.removeEventListener("mousedown", I);
+    return document.addEventListener("keydown", N), document.addEventListener("mousedown", B), () => {
+      document.removeEventListener("keydown", N), document.removeEventListener("mousedown", B);
     };
   }, [n, _, c]);
-  const T = X.Children.toArray(t), A = T.find((w) => (w == null ? void 0 : w.type) === et || (w == null ? void 0 : w.type) === xe), x = T.filter((w) => (w == null ? void 0 : w.type) !== et && (w == null ? void 0 : w.type) !== xe), k = /* @__PURE__ */ e.jsx(
+  const g = X.Children.toArray(t), $ = g.find((N) => (N == null ? void 0 : N.type) === tt || (N == null ? void 0 : N.type) === xe), x = g.filter((N) => (N == null ? void 0 : N.type) !== tt && (N == null ? void 0 : N.type) !== xe), y = /* @__PURE__ */ e.jsx(
     "div",
     {
       className: ["ds-side-page-overlay", _ && "ds-side-page-overlay--closing"].filter(Boolean).join(" "),
-      "data-side": a,
+      "data-side": o,
       style: { "--ds-side-page-offset-left": `${i}px`, "--ds-side-page-offset-right": `${l}px` },
       ...d,
       children: /* @__PURE__ */ e.jsxs(
@@ -1998,8 +2006,8 @@ function pn({
           ref: h,
           className: ["ds-side-page", _ && "ds-side-page--closing"].filter(Boolean).join(" "),
           "data-surface": "2",
-          "data-side": a,
-          "data-size": o,
+          "data-side": o,
+          "data-size": a,
           role: "dialog",
           "aria-modal": "true",
           "aria-labelledby": s ? f : void 0,
@@ -2011,7 +2019,7 @@ function pn({
                 variant: "ghost",
                 size: "small",
                 icon: /* @__PURE__ */ e.jsx(te, { size: q[2], strokeWidth: 1.5 }),
-                onClick: N,
+                onClick: j,
                 "aria-label": u ?? p.close
               }
             ),
@@ -2020,23 +2028,23 @@ function pn({
               r && /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__subheader", children: r })
             ] }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__body ds-scrollable", children: x }),
-            A
+            $
           ]
         }
       )
     }
   );
-  return typeof document > "u" ? k : re.createPortal(k, document.body);
+  return typeof document > "u" ? y : re.createPortal(y, document.body);
 }
-function et({ children: t }) {
+function tt({ children: t }) {
   return !t || X.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__footer", children: t });
 }
-const _e = De({ collapsed: !1, side: "left" }), Re = De(!1), hn = dt(function({
+const _e = Le({ collapsed: !1, side: "left" }), Re = Le(!1), vn = ut(function({
   children: s,
   collapsed: n = !1,
   side: r = "left",
-  onExpand: a,
-  onCollapse: o,
+  onExpand: o,
+  onCollapse: a,
   className: i = "",
   ...l
 }, c) {
@@ -2047,33 +2055,33 @@ const _e = De({ collapsed: !1, side: "left" }), Re = De(!1), hn = dt(function({
     i
   ].filter(Boolean).join(" "), d = ne((p) => {
     if (!p.target.closest('button, a, input, select, textarea, [role="button"], [tabindex]')) {
-      if (n && a) {
-        a();
+      if (n && o) {
+        o();
         return;
       }
-      !n && o && o();
+      !n && a && a();
     }
-  }, [n, a, o]);
+  }, [n, o, a]);
   return /* @__PURE__ */ e.jsx(_e.Provider, { value: { collapsed: n, side: r }, children: /* @__PURE__ */ e.jsx(
     "nav",
     {
       ref: c,
       className: u,
       onClick: d,
-      "data-expandable": n && a ? "" : void 0,
-      "data-collapsible": !n && o ? "" : void 0,
+      "data-expandable": n && o ? "" : void 0,
+      "data-collapsible": !n && a ? "" : void 0,
       ...l,
       children: s
     }
   ) });
 });
-function xn({
+function bn({
   icon: t,
   label: s,
   selected: n = !1,
   disabled: r = !1,
-  href: a,
-  onClick: o,
+  href: o,
+  onClick: a,
   count: i,
   updated: l = !1,
   open: c = !1,
@@ -2081,12 +2089,12 @@ function xn({
   className: d = "",
   ...p
 }) {
-  const { collapsed: h, side: f } = le(_e), _ = le(Re), N = {
+  const { collapsed: h, side: f } = le(_e), _ = le(Re), j = {
     className: [
       "ds-nav-rail__item",
       d
     ].filter(Boolean).join(" "),
-    onClick: r ? void 0 : o,
+    onClick: r ? void 0 : a,
     "aria-current": n ? "page" : void 0,
     "aria-disabled": r ? "true" : void 0,
     "aria-label": h ? s : void 0,
@@ -2098,10 +2106,10 @@ function xn({
       "data-onboarding": u || void 0
     },
     ...p
-  }, T = i != null, A = f === "left" ? "right" : "left", x = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }, g = i != null, $ = f === "left" ? "right" : "left", x = /* @__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 && T && /* @__PURE__ */ e.jsx(
+    !h && g && /* @__PURE__ */ e.jsx(
       "span",
       {
         className: ["ds-nav-rail__count", i === 0 && "ds-nav-rail__count--zero"].filter(Boolean).join(" "),
@@ -2109,28 +2117,28 @@ function xn({
         children: i
       }
     ),
-    !h && l && (!T || i === 0) && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot ds-nav-rail__dot--inline", "aria-hidden": "true" }),
-    h && T && i !== 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__count-collapsed", "data-updated": l || void 0, children: i > 99 ? "99+" : i }),
-    h && l && (!T || i === 0) && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot", "aria-hidden": "true" })
-  ] }), k = a ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : a, ...N, children: x }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...N, children: x });
-  return h && !_ ? /* @__PURE__ */ e.jsx(Ve, { content: s, position: A, children: k }) : k;
+    !h && l && (!g || i === 0) && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot ds-nav-rail__dot--inline", "aria-hidden": "true" }),
+    h && g && i !== 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__count-collapsed", "data-updated": l || void 0, children: i > 99 ? "99+" : i }),
+    h && l && (!g || i === 0) && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot", "aria-hidden": "true" })
+  ] }), y = o ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : o, ...j, children: x }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...j, children: x });
+  return h && !_ ? /* @__PURE__ */ e.jsx(Ve, { content: s, position: $, children: y }) : y;
 }
-function vn({ children: t, className: s = "", ...n }) {
+function _n({ 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 bn({ children: t, className: s = "", ...n }) {
+function jn({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__header", s].filter(Boolean).join(" "), ...n, children: t });
 }
-function _n({ children: t, className: s = "", ...n }) {
+function Nn({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__footer", s].filter(Boolean).join(" "), ...n, children: t });
 }
-function jn({ className: t = "", ...s }) {
+function wn({ className: t = "", ...s }) {
   return /* @__PURE__ */ e.jsx("hr", { className: ["ds-nav-rail__divider", t].filter(Boolean).join(" "), ...s });
 }
-function Nn({ children: t, label: s, defaultOpen: n = !0, className: r = "", ...a }) {
-  const { collapsed: o } = le(_e), i = K(), l = s ?? i.recents, [c, u] = D(n);
-  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-nav-rail__recents", r].filter(Boolean).join(" "), ...a, children: [
-    !o && /* @__PURE__ */ e.jsxs(
+function gn({ children: t, label: s, defaultOpen: n = !0, className: r = "", ...o }) {
+  const { collapsed: a } = le(_e), i = K(), l = s ?? i.recents, [c, u] = L(n);
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-nav-rail__recents", r].filter(Boolean).join(" "), ...o, children: [
+    !a && /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
@@ -2143,20 +2151,20 @@ function Nn({ children: t, label: s, defaultOpen: n = !0, className: r = "", ...
         ]
       }
     ),
-    (c || o) && /* @__PURE__ */ e.jsx("div", { className: "ds-nav-rail__recents-body", children: t })
+    (c || a) && /* @__PURE__ */ e.jsx("div", { className: "ds-nav-rail__recents-body", children: t })
   ] });
 }
-const wn = dt(function({
+const yn = ut(function({
   as: s = "button",
   avatar: n,
   label: r,
-  className: a = "",
-  ...o
+  className: o = "",
+  ...a
 }, i) {
   const { collapsed: l, side: c } = le(_e), u = le(Re), d = c === "left" ? "right" : "left", p = [
     "ds-nav-rail__item",
     "ds-nav-rail__agent",
-    a
+    o
   ].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: r })
@@ -2167,20 +2175,20 @@ const wn = dt(function({
       className: p,
       "aria-label": l ? r : void 0,
       ...s === "button" ? { type: "button" } : {},
-      ...o,
+      ...a,
       children: h
     }
   );
   return l && !u ? /* @__PURE__ */ e.jsx(Ve, { content: r, position: d, children: f }) : f;
 });
-function gn({ avatar: t, label: s, selected: n = !1, disabled: r = !1, href: a, onClick: o, className: i = "", ...l }) {
+function kn({ avatar: t, label: s, selected: n = !1, disabled: r = !1, href: o, onClick: a, className: i = "", ...l }) {
   const { collapsed: c, side: u } = le(_e), d = le(Re), f = {
     className: [
       "ds-nav-rail__item",
       "ds-nav-rail__agent",
       i
     ].filter(Boolean).join(" "),
-    onClick: r ? void 0 : o,
+    onClick: r ? void 0 : a,
     "aria-current": n ? "page" : void 0,
     "aria-disabled": r ? "true" : void 0,
     tabIndex: r ? -1 : void 0,
@@ -2192,38 +2200,38 @@ function gn({ avatar: t, label: s, selected: n = !1, disabled: r = !1, href: a,
   }, _ = /* @__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 })
-  ] }), j = u === "left" ? "right" : "left", y = a ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : a, ...f, children: _ }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...f, children: _ });
-  return c && !d ? /* @__PURE__ */ e.jsx(Ve, { content: s, position: j, children: y }) : y;
+  ] }), w = u === "left" ? "right" : "left", T = o ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : o, ...f, children: _ }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...f, children: _ });
+  return c && !d ? /* @__PURE__ */ e.jsx(Ve, { content: s, position: w, children: T }) : T;
 }
-const tt = 240, st = 6, nt = 8;
-function yn({
+const st = 240, nt = 6, rt = 8;
+function En({
   trigger: t,
   title: s,
   children: n,
   open: r,
-  onOpenChange: a,
-  defaultOpen: o = !1,
+  onOpenChange: o,
+  defaultOpen: a = !1,
   closeLabel: i
 }) {
-  const l = K(), { side: c } = le(_e), [u, d] = D(o), p = r !== void 0, h = p ? r : u, [f, _] = D(!1), j = R(null), y = R(null), [N, T] = D({}), A = ne(() => {
-    p ? a == null || a(!0) : d(!0);
-  }, [p, a]), x = ne(() => {
-    p ? a == null || a(!1) : d(!1);
-  }, [p, a]), k = ne(() => h ? x() : A(), [h, A, x]), w = ne(() => {
+  const l = K(), { side: c } = le(_e), [u, d] = L(a), p = r !== void 0, h = p ? r : u, [f, _] = L(!1), w = S(null), T = S(null), [j, g] = L({}), $ = ne(() => {
+    p ? o == null || o(!0) : d(!0);
+  }, [p, o]), x = ne(() => {
+    p ? o == null || o(!1) : d(!1);
+  }, [p, o]), y = ne(() => h ? x() : $(), [h, $, x]), N = ne(() => {
     var M;
-    const L = j.current;
-    if (!L) return;
-    const W = L.getBoundingClientRect(), O = window.innerHeight, g = ((M = y.current) == null ? void 0 : M.offsetHeight) ?? 300, C = Math.max(nt, Math.min(O - g - nt, W.top));
-    T(c === "right" ? {
+    const D = w.current;
+    if (!D) return;
+    const W = D.getBoundingClientRect(), O = window.innerHeight, k = ((M = T.current) == null ? void 0 : M.offsetHeight) ?? 300, C = Math.max(rt, Math.min(O - k - rt, W.top));
+    g(c === "right" ? {
       position: "fixed",
       top: C,
-      right: window.innerWidth - W.left + st,
-      width: tt
+      right: window.innerWidth - W.left + nt,
+      width: st
     } : {
       position: "fixed",
       top: C,
-      left: W.right + st,
-      width: tt
+      left: W.right + nt,
+      width: st
     });
   }, [c]);
   P(() => {
@@ -2231,31 +2239,31 @@ function yn({
       _(!1);
       return;
     }
-    return w(), requestAnimationFrame(() => _(!0)), window.addEventListener("scroll", w, !0), window.addEventListener("resize", w), () => {
-      window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", w);
+    return N(), requestAnimationFrame(() => _(!0)), window.addEventListener("scroll", N, !0), window.addEventListener("resize", N), () => {
+      window.removeEventListener("scroll", N, !0), window.removeEventListener("resize", N);
     };
-  }, [h, w]), P(() => {
+  }, [h, N]), P(() => {
     if (!h) return;
-    const L = (O) => {
-      var g, C;
-      !((g = y.current) != null && g.contains(O.target)) && !((C = j.current) != null && C.contains(O.target)) && x();
+    const D = (O) => {
+      var k, C;
+      !((k = T.current) != null && k.contains(O.target)) && !((C = w.current) != null && C.contains(O.target)) && x();
     }, W = (O) => {
       O.key === "Escape" && x();
     };
-    return document.addEventListener("mousedown", L), document.addEventListener("keydown", W), () => {
-      document.removeEventListener("mousedown", L), document.removeEventListener("keydown", W);
+    return document.addEventListener("mousedown", D), document.addEventListener("keydown", W), () => {
+      document.removeEventListener("mousedown", D), document.removeEventListener("keydown", W);
     };
   }, [h, x]);
-  const I = h && /* @__PURE__ */ e.jsxs(
+  const B = h && /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: y,
+      ref: T,
       className: [
         "ds-nav-rail-flyout",
         `ds-nav-rail-flyout--${c}`,
         f && "ds-nav-rail-flyout--visible"
       ].filter(Boolean).join(" "),
-      style: N,
+      style: j,
       "data-ds-portal": "",
       role: "dialog",
       "aria-modal": "false",
@@ -2278,27 +2286,27 @@ function yn({
     }
   );
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(Re.Provider, { value: h, children: /* @__PURE__ */ e.jsx("div", { ref: j, onClick: k, style: { display: "flex", flexDirection: "column", width: "100%" }, children: t }) }),
-    typeof document < "u" && re.createPortal(I, document.body)
+    /* @__PURE__ */ e.jsx(Re.Provider, { value: h, children: /* @__PURE__ */ e.jsx("div", { ref: w, onClick: y, style: { display: "flex", flexDirection: "column", width: "100%" }, children: t }) }),
+    typeof document < "u" && re.createPortal(B, document.body)
   ] });
 }
-const es = {
+const ss = {
   info: We,
-  success: Fe,
-  warning: ze,
+  success: ze,
+  warning: Fe,
   error: Me
 };
-function kn({
+function Tn({
   children: t,
   variant: s = "info",
   action: n,
   onAction: r,
-  onDismiss: a,
-  role: o,
+  onDismiss: o,
+  role: a,
   dismissLabel: i,
   ...l
 }) {
-  const c = K(), u = es[s], d = o || (s === "error" ? "alert" : "status");
+  const c = K(), u = ss[s], d = a || (s === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2317,12 +2325,12 @@ function kn({
             children: n
           }
         ),
-        a && /* @__PURE__ */ e.jsx(
+        o && /* @__PURE__ */ e.jsx(
           "button",
           {
             type: "button",
             className: "ds-banner-dismiss",
-            onClick: a,
+            onClick: o,
             "aria-label": i ?? c.dismiss,
             children: /* @__PURE__ */ e.jsx(te, { size: q[2], strokeWidth: 1.5 })
           }
@@ -2331,127 +2339,127 @@ function kn({
     }
   );
 }
-function En({
+function $n({
   trigger: t,
   items: s = [],
   open: n,
   onOpenChange: r,
-  align: a = "left",
-  fullWidth: o = !1,
+  align: o = "left",
+  fullWidth: a = !1,
   className: i = "",
   style: l,
   ...c
 }) {
-  const [u, d] = D(!1), [p, h] = D(!1), f = n !== void 0, _ = f ? n : u, j = R(null), y = R(null), N = R(null), T = R(null), [A, x] = D({}), k = R(null), w = 150, I = () => {
+  const [u, d] = L(!1), [p, h] = L(!1), f = n !== void 0, _ = f ? n : u, w = S(null), T = S(null), j = S(null), g = S(null), [$, x] = L({}), y = S(null), N = 150, B = () => {
     if (f)
       r == null || r(!1);
     else {
       if (p) return;
-      h(!0), k.current = setTimeout(() => {
+      h(!0), y.current = setTimeout(() => {
         d(!1), h(!1);
-      }, w);
+      }, N);
     }
-  }, L = () => {
+  }, D = () => {
     const v = !_;
-    f ? r == null || r(v) : v ? (clearTimeout(k.current), h(!1), d(!0)) : I();
+    f ? r == null || r(v) : v ? (clearTimeout(y.current), h(!1), d(!0)) : B();
   }, W = () => {
-    _ || (f ? r == null || r(!0) : (clearTimeout(k.current), h(!1), d(!0)));
+    _ || (f ? r == null || r(!0) : (clearTimeout(y.current), h(!1), d(!0)));
   };
-  P(() => () => clearTimeout(k.current), []), P(() => {
+  P(() => () => clearTimeout(y.current), []), P(() => {
     if (!_) return;
-    const v = 300, $ = () => {
+    const v = 300, R = () => {
       var Y;
-      const S = (Y = j.current) == null ? void 0 : Y.getBoundingClientRect();
-      if (!S) return;
-      const z = window.innerHeight - S.bottom, H = z < v + 8 && S.top > z;
+      const A = (Y = w.current) == null ? void 0 : Y.getBoundingClientRect();
+      if (!A) return;
+      const F = window.innerHeight - A.bottom, H = F < v + 8 && A.top > F;
       x(
-        a === "right" ? H ? { bottom: window.innerHeight - S.top + 4, top: "auto", right: window.innerWidth - S.right } : { top: S.bottom + 4, bottom: "auto", right: window.innerWidth - S.right } : H ? { bottom: window.innerHeight - S.top + 4, top: "auto", left: S.left } : { top: S.bottom + 4, bottom: "auto", left: S.left }
+        o === "right" ? H ? { bottom: window.innerHeight - A.top + 4, top: "auto", right: window.innerWidth - A.right } : { top: A.bottom + 4, bottom: "auto", right: window.innerWidth - A.right } : H ? { bottom: window.innerHeight - A.top + 4, top: "auto", left: A.left } : { top: A.bottom + 4, bottom: "auto", left: A.left }
       );
     };
-    return $(), window.addEventListener("scroll", $, !0), window.addEventListener("resize", $), () => {
-      window.removeEventListener("scroll", $, !0), window.removeEventListener("resize", $);
+    return R(), window.addEventListener("scroll", R, !0), window.addEventListener("resize", R), () => {
+      window.removeEventListener("scroll", R, !0), window.removeEventListener("resize", R);
     };
-  }, [_, a]);
+  }, [_, o]);
   const O = () => {
-    var $;
-    const v = ($ = N.current) == null ? void 0 : $.querySelector(
+    var R;
+    const v = (R = j.current) == null ? void 0 : R.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
     v == null || v.focus();
   };
   P(() => {
     if (!_) return;
-    const v = (S) => {
-      var z, H;
-      !((z = j.current) != null && z.contains(S.target)) && !((H = y.current) != null && H.contains(S.target)) && I();
-    }, $ = (S) => {
-      S.key === "Escape" && (I(), O());
+    const v = (A) => {
+      var F, H;
+      !((F = w.current) != null && F.contains(A.target)) && !((H = T.current) != null && H.contains(A.target)) && B();
+    }, R = (A) => {
+      A.key === "Escape" && (B(), O());
     };
-    return document.addEventListener("mousedown", v), document.addEventListener("keydown", $), () => {
-      document.removeEventListener("mousedown", v), document.removeEventListener("keydown", $);
+    return document.addEventListener("mousedown", v), document.addEventListener("keydown", R), () => {
+      document.removeEventListener("mousedown", v), document.removeEventListener("keydown", R);
     };
   }, [_]), P(() => {
-    if (!_ || !T.current || !y.current) return;
-    const v = g(), $ = T.current === "last" ? v[v.length - 1] : v[0];
-    $ == null || $.focus(), T.current = null;
+    if (!_ || !g.current || !T.current) return;
+    const v = k(), R = g.current === "last" ? v[v.length - 1] : v[0];
+    R == null || R.focus(), g.current = null;
   }, [_]);
-  const g = () => y.current ? [...y.current.querySelectorAll(
+  const k = () => T.current ? [...T.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
   )] : [], C = (v) => {
-    var $, S;
+    var R, A;
     if (v.key === "ArrowDown")
-      v.preventDefault(), _ ? ($ = g()[0]) == null || $.focus() : (T.current = "first", W());
+      v.preventDefault(), _ ? (R = k()[0]) == null || R.focus() : (g.current = "first", W());
     else if (v.key === "ArrowUp")
       if (v.preventDefault(), !_)
-        T.current = "last", W();
+        g.current = "last", W();
       else {
-        const z = g();
-        (S = z[z.length - 1]) == null || S.focus();
+        const F = k();
+        (A = F[F.length - 1]) == null || A.focus();
       }
   }, M = (v) => {
-    var z, H, Y, m;
-    const $ = g(), S = $.findIndex((b) => b === document.activeElement);
+    var F, H, Y, m;
+    const R = k(), A = R.findIndex((b) => b === document.activeElement);
     switch (v.key) {
       case "ArrowDown":
-        v.preventDefault(), (z = $[Math.min(S + 1, $.length - 1)]) == null || z.focus();
+        v.preventDefault(), (F = R[Math.min(A + 1, R.length - 1)]) == null || F.focus();
         break;
       case "ArrowUp":
-        v.preventDefault(), S <= 0 ? O() : (H = $[S - 1]) == null || H.focus();
+        v.preventDefault(), A <= 0 ? O() : (H = R[A - 1]) == null || H.focus();
         break;
       case "Home":
-        v.preventDefault(), (Y = $[0]) == null || Y.focus();
+        v.preventDefault(), (Y = R[0]) == null || Y.focus();
         break;
       case "End":
-        v.preventDefault(), (m = $[$.length - 1]) == null || m.focus();
+        v.preventDefault(), (m = R[R.length - 1]) == null || m.focus();
         break;
       case "Tab":
-        I();
+        B();
         break;
     }
   }, V = _ && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: y,
+      ref: T,
       role: "menu",
       "data-ds-portal": "",
       className: [
         "ds-dropdown__menu",
-        `ds-dropdown__menu--${a}`,
+        `ds-dropdown__menu--${o}`,
         p && "ds-dropdown__menu--closing"
       ].filter(Boolean).join(" "),
-      style: A,
+      style: $,
       onKeyDown: M,
-      children: s.map((v, $) => {
+      children: s.map((v, R) => {
         if (v.separator)
-          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, $);
+          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, R);
         if (v.type === "section")
           return /* @__PURE__ */ e.jsxs("div", { className: "ds-dropdown__section", children: [
             v.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: v.label }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: v.content })
-          ] }, $);
-        const S = !!v.href, z = S ? "a" : "button", H = S ? { href: v.disabled ? void 0 : v.href, "aria-disabled": v.disabled ? "true" : void 0 } : { type: "button", disabled: v.disabled };
+          ] }, R);
+        const A = !!v.href, F = A ? "a" : "button", H = A ? { href: v.disabled ? void 0 : v.href, "aria-disabled": v.disabled ? "true" : void 0 } : { type: "button", disabled: v.disabled };
         return /* @__PURE__ */ e.jsxs(
-          z,
+          F,
           {
             role: "menuitem",
             className: [
@@ -2461,7 +2469,7 @@ function En({
             ...H,
             onClick: () => {
               var Y;
-              (Y = v.onClick) == null || Y.call(v), I();
+              (Y = v.onClick) == null || Y.call(v), B();
             },
             children: [
               v.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: v.icon }),
@@ -2469,7 +2477,7 @@ function En({
               v.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: v.shortcut })
             ]
           },
-          $
+          R
         );
       })
     }
@@ -2477,17 +2485,17 @@ function En({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: j,
-      className: ["ds-dropdown", o && "ds-dropdown--full-width", i].filter(Boolean).join(" "),
+      ref: w,
+      className: ["ds-dropdown", a && "ds-dropdown--full-width", i].filter(Boolean).join(" "),
       style: l,
       ...c,
       children: [
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: N,
+            ref: j,
             className: "ds-dropdown__trigger",
-            onClick: L,
+            onClick: D,
             onKeyDown: C,
             children: t
           }
@@ -2497,22 +2505,22 @@ function En({
     }
   );
 }
-function Tn({
+function Rn({
   value: t = 0,
   size: s = "m",
   variant: n = "default",
   showValue: r = !1,
-  min: a = 2,
-  animate: o = !0
+  min: o = 2,
+  animate: a = !0
 }) {
-  const i = Math.min(100, Math.max(0, t)), l = Math.max(a, i), c = n === "auto" ? i >= 70 ? "success" : i >= 50 ? "warning" : "danger" : n;
+  const i = Math.min(100, Math.max(0, t)), l = Math.max(o, i), c = n === "auto" ? i >= 70 ? "success" : i >= 50 ? "warning" : "danger" : n;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-progress",
         `ds-progress--${s}`,
-        !o && "ds-progress--instant"
+        !a && "ds-progress--instant"
       ].filter(Boolean).join(" "),
       role: "progressbar",
       "aria-valuenow": i,
@@ -2534,84 +2542,84 @@ function Tn({
     }
   );
 }
-const ts = (t) => 1 - Math.pow(1 - t, 3), ss = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-function ns(t, { duration: s = 600 } = {}) {
-  const [n, r] = D(t), a = R(t), o = R(null);
+const ns = (t) => 1 - Math.pow(1 - t, 3), rs = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+function os(t, { duration: s = 600 } = {}) {
+  const [n, r] = L(t), o = S(t), a = S(null);
   return P(() => {
-    if (ss()) {
-      r(t), a.current = t;
+    if (rs()) {
+      r(t), o.current = t;
       return;
     }
-    const i = a.current, l = t - i;
+    const i = o.current, l = t - i;
     if (l === 0) return;
     let c = null;
     const u = (d) => {
       c || (c = d);
       const p = Math.min((d - c) / s, 1);
-      r(i + l * ts(p)), p < 1 ? o.current = requestAnimationFrame(u) : a.current = t;
+      r(i + l * ns(p)), p < 1 ? a.current = requestAnimationFrame(u) : o.current = t;
     };
-    return o.current = requestAnimationFrame(u), () => cancelAnimationFrame(o.current);
+    return a.current = requestAnimationFrame(u), () => cancelAnimationFrame(a.current);
   }, [t, s]), n;
 }
-function $n({
+function Sn({
   value: t,
   duration: s = 600,
   decimals: n = 0,
   prefix: r = "",
-  suffix: a = ""
+  suffix: o = ""
 }) {
-  const i = ns(t, { duration: s }).toFixed(n);
-  return `${r}${i}${a}`;
+  const i = os(t, { duration: s }).toFixed(n);
+  return `${r}${i}${o}`;
 }
-function rs({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
-  const r = R(null), [a, o] = D(!1);
+function as({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
+  const r = S(null), [o, a] = L(!1);
   return P(() => {
     const i = r.current;
     if (!i) return;
     const l = new IntersectionObserver(
       ([c]) => {
-        c.isIntersecting ? (o(!0), n && l.disconnect()) : n || o(!1);
+        c.isIntersecting ? (a(!0), n && l.disconnect()) : n || a(!1);
       },
       { threshold: t, rootMargin: s }
     );
     return l.observe(i), () => l.disconnect();
-  }, [t, s, n]), { ref: r, inView: a };
+  }, [t, s, n]), { ref: r, inView: o };
 }
-function Rn({
+function An({
   children: t,
   as: s = "div",
   once: n = !1,
   threshold: r = 0.1,
-  rootMargin: a = "0px",
-  onEnter: o,
+  rootMargin: o = "0px",
+  onEnter: a,
   onLeave: i,
   ...l
 }) {
-  const { ref: c, inView: u } = rs({ threshold: r, rootMargin: a, once: n }), d = R(!1);
+  const { ref: c, inView: u } = as({ threshold: r, rootMargin: o, once: n }), d = S(!1);
   return P(() => {
-    u && !d.current && (o == null || o()), !u && d.current && (i == null || i()), d.current = u;
+    u && !d.current && (a == null || a()), !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 rt = {
+const ot = {
   default: We,
-  success: Fe,
-  warning: ze,
+  success: ze,
+  warning: Fe,
   error: Me
 };
 let ve = [];
-const Le = /* @__PURE__ */ new Set();
-function mt() {
-  Le.forEach((t) => t([...ve]));
+const De = /* @__PURE__ */ new Set();
+function pt() {
+  De.forEach((t) => t([...ve]));
 }
-function as(t) {
-  ve = [...ve, t], mt();
+function is(t) {
+  ve = [...ve, t], pt();
 }
-function os(t) {
-  ve = ve.filter((s) => s.id !== t), mt();
+function ls(t) {
+  ve = ve.filter((s) => s.id !== t), pt();
 }
-function Sn() {
+function Bn() {
   const t = (s, n = {}) => {
-    as({
+    is({
       id: `${Date.now()}-${Math.random()}`,
       message: s,
       type: "default",
@@ -2621,15 +2629,15 @@ function Sn() {
   };
   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 is({ data: t, onDismiss: s }) {
-  const n = K(), [r, a] = D(!1), o = R(null), i = R(null);
-  P(() => (requestAnimationFrame(() => a(!0)), t.duration > 0 && (o.current = setTimeout(() => l(), t.duration)), () => {
-    clearTimeout(o.current), clearTimeout(i.current);
+function cs({ data: t, onDismiss: s }) {
+  const n = K(), [r, o] = L(!1), a = S(null), i = S(null);
+  P(() => (requestAnimationFrame(() => o(!0)), t.duration > 0 && (a.current = setTimeout(() => l(), t.duration)), () => {
+    clearTimeout(a.current), clearTimeout(i.current);
   }), []);
   function l() {
-    a(!1), i.current = setTimeout(() => s(t.id), 250);
+    o(!1), i.current = setTimeout(() => s(t.id), 250);
   }
-  const c = rt[t.type] ?? rt.default;
+  const c = ot[t.type] ?? ot.default;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2656,25 +2664,25 @@ function is({ data: t, onDismiss: s }) {
     }
   );
 }
-function An({ position: t = "bottom-right" }) {
-  const [s, n] = D(() => [...ve]);
-  return P(() => (Le.add(n), () => Le.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((r) => /* @__PURE__ */ e.jsx(is, { data: r, onDismiss: os }, r.id)) }),
+function In({ position: t = "bottom-right" }) {
+  const [s, n] = L(() => [...ve]);
+  return P(() => (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((r) => /* @__PURE__ */ e.jsx(cs, { data: r, onDismiss: ls }, r.id)) }),
     document.body
   );
 }
-const ls = {
+const ds = {
   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 Dn({
   label: t,
   status: s = "idle",
   icon: n,
   badge: r,
-  defaultExpanded: a = !1,
-  expanded: o,
+  defaultExpanded: o = !1,
+  expanded: a,
   onToggle: i,
   children: l,
   className: c = "",
@@ -2683,7 +2691,7 @@ function Bn({
   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 }),
-    ls[s],
+    ds[s],
     r
   ] });
   return l ? /* @__PURE__ */ e.jsx(
@@ -2696,8 +2704,8 @@ function Bn({
         {
           title: p,
           padding: "s",
-          defaultExpanded: a,
-          expanded: d ? !1 : o,
+          defaultExpanded: o,
+          expanded: d ? !1 : a,
           onToggle: d ? void 0 : i,
           children: /* @__PURE__ */ e.jsx("div", { className: "ds-tool-card__body", children: l })
         }
@@ -2712,14 +2720,14 @@ function Bn({
     }
   );
 }
-function cs({
+function us({
   text: t,
   size: s = "xs",
   timeout: n = 800,
   "aria-label": r,
-  ...a
+  ...o
 }) {
-  const o = K(), [i, l] = D(!1), c = R(null), u = (d) => {
+  const a = K(), [i, l] = L(!1), c = S(null), u = (d) => {
     d.currentTarget.blur(), navigator.clipboard.writeText(t).then(() => {
       l(!0), clearTimeout(c.current), c.current = setTimeout(() => l(!1), n);
     });
@@ -2730,49 +2738,49 @@ function cs({
       variant: "ghost",
       size: s,
       state: i ? "success" : "idle",
-      icon: /* @__PURE__ */ e.jsx(Et, { size: q[1], strokeWidth: 1.5 }),
-      "aria-label": r ?? o.copyToClipboard,
+      icon: /* @__PURE__ */ e.jsx(Tt, { size: q[1], strokeWidth: 1.5 }),
+      "aria-label": r ?? a.copyToClipboard,
       onClick: u,
-      ...a
+      ...o
     }
   );
 }
-function In({ content: t, streaming: s = !1, ...n }) {
-  const [r, a] = D(s);
+function Ln({ content: t, streaming: s = !1, ...n }) {
+  const [r, o] = L(s);
   return P(() => {
-    a(!!s);
+    o(!!s);
   }, [s]), /* @__PURE__ */ e.jsx(
     He,
     {
       expanded: r,
-      onToggle: a,
+      onToggle: o,
       padding: "s",
       title: /* @__PURE__ */ e.jsxs("div", { className: "ds-reasoning__title", children: [
-        /* @__PURE__ */ e.jsx(Tt, { size: q[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
-        /* @__PURE__ */ e.jsx(Ft, { secondary: !0, children: "Thinking" })
+        /* @__PURE__ */ e.jsx($t, { size: q[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
+        /* @__PURE__ */ e.jsx(Wt, { secondary: !0, children: "Thinking" })
       ] }),
       ...n,
-      children: /* @__PURE__ */ e.jsxs(ft, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
+      children: /* @__PURE__ */ e.jsxs(mt, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
         t,
         s && /* @__PURE__ */ e.jsx("span", { className: "ds-cursor ds-cursor--line" })
       ] })
     }
   );
 }
-function Ln({
+function Pn({
   count: t,
   current: s = 0,
   done: n = [],
   onChange: r,
-  showCounter: a = !0,
-  className: o = "",
+  showCounter: o = !0,
+  className: a = "",
   "aria-label": i,
   ...l
 }) {
   const c = K(), { t: u } = be();
-  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", o].filter(Boolean).join(" "), ...l, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", a].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, _ = r && (p <= s || n.includes(p)), j = [
+      const h = p === s, f = n.includes(p) && !h, _ = r && (p <= s || n.includes(p)), w = [
         "ds-step-indicator__dot",
         h && "ds-step-indicator__dot--active",
         f && "ds-step-indicator__dot--done"
@@ -2781,7 +2789,7 @@ function Ln({
         "button",
         {
           type: "button",
-          className: j,
+          className: w,
           role: "tab",
           "aria-selected": h,
           "aria-label": u("stepN", { n: p + 1 }),
@@ -2792,81 +2800,81 @@ function Ln({
         p
       );
     }) }),
-    a && /* @__PURE__ */ e.jsxs(ft, { secondary: !0, className: "ds-step-indicator__counter", children: [
+    o && /* @__PURE__ */ e.jsxs(mt, { secondary: !0, className: "ds-step-indicator__counter", children: [
       s + 1,
       " / ",
       t
     ] })
   ] });
 }
-function Dn({
+function Mn({
   content: t,
   isStreaming: s = !1,
   cursor: n = "line",
   onChunk: r,
-  className: a = "",
-  ...o
+  className: o = "",
+  ...a
 }) {
-  const i = R(t);
+  const i = S(t);
   return P(() => {
     t !== i.current && (r == null || r(t), i.current = t);
-  }, [t, r]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", a].filter(Boolean).join(" "), ...o, children: [
+  }, [t, r]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", o].filter(Boolean).join(" "), ...a, children: [
     t,
     s && n !== "none" && /* @__PURE__ */ e.jsx("span", { className: `ds-cursor ds-cursor--${n}`, "aria-hidden": "true" })
   ] });
 }
-function Pn({
+function Fn({
   role: t = "assistant",
   header: s,
   footer: n,
   attachments: r,
-  isStreaming: a = !1,
-  children: o,
+  isStreaming: o = !1,
+  children: a,
   className: i = "",
   ...l
 }) {
   const c = [
     "ds-chat-message",
     `ds-chat-message--${t}`,
-    a && "ds-chat-message--streaming",
+    o && "ds-chat-message--streaming",
     i
   ].filter(Boolean).join(" ");
-  return t === "system" ? /* @__PURE__ */ e.jsx("div", { className: c, ...l, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: o }) }) : t === "user" ? /* @__PURE__ */ e.jsxs("div", { className: c, ...l, children: [
+  return t === "system" ? /* @__PURE__ */ e.jsx("div", { className: c, ...l, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: a }) }) : t === "user" ? /* @__PURE__ */ e.jsxs("div", { className: c, ...l, children: [
     r && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: r }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__bubble", children: o }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__bubble", children: a }),
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: n })
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: c, ...l, children: [
     s && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__header", children: s }),
     r && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: r }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__body", children: o }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__body", children: a }),
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: n })
   ] });
 }
-function Mn(t, { containerRef: s, smartPause: n = !0 } = {}) {
-  const r = R(!1), a = R(0);
+function zn(t, { containerRef: s, smartPause: n = !0 } = {}) {
+  const r = S(!1), o = S(0);
   P(() => {
-    const o = s == null ? void 0 : s.current;
-    if (!o) return;
+    const a = s == null ? void 0 : s.current;
+    if (!a) return;
     const i = () => {
-      const l = o.scrollHeight - o.scrollTop - o.clientHeight < 64;
-      !l && o.scrollTop < a.current && (r.current = !0), l && (r.current = !1), a.current = o.scrollTop;
+      const l = a.scrollHeight - a.scrollTop - a.clientHeight < 64;
+      !l && a.scrollTop < o.current && (r.current = !0), l && (r.current = !1), o.current = a.scrollTop;
     };
-    return o.addEventListener("scroll", i, { passive: !0 }), () => o.removeEventListener("scroll", i);
+    return a.addEventListener("scroll", i, { passive: !0 }), () => a.removeEventListener("scroll", i);
   }, [s]), P(() => {
-    const o = s == null ? void 0 : s.current;
-    o && (n && r.current || (o.scrollTop = o.scrollHeight));
+    const a = s == null ? void 0 : s.current;
+    a && (n && r.current || (a.scrollTop = a.scrollHeight));
   }, t);
 }
-function ds({
+function fs({
   prompts: t,
   enabled: s,
   typingSpeed: n = 38,
   erasingSpeed: r = 18,
-  holdTime: a = 2200,
-  betweenTime: o = 380,
+  holdTime: o = 2200,
+  betweenTime: a = 380,
   manualPauseMs: i = 5e3
 }) {
-  const [l, c] = D(0), [u, d] = D(""), p = R("typing"), h = R(0), f = R(0), _ = R(null), j = R(0);
+  const [l, c] = L(0), [u, d] = L(""), p = S("typing"), h = S(0), f = S(0), _ = S(null), w = S(0);
   P(() => {
     f.current = l;
   }, [l]), P(() => {
@@ -2875,33 +2883,33 @@ function ds({
       return;
     }
     const x = () => {
-      const k = Date.now();
-      if (j.current > k) {
-        _.current = setTimeout(x, j.current - k);
+      const y = Date.now();
+      if (w.current > y) {
+        _.current = setTimeout(x, w.current - y);
         return;
       }
-      const w = t[f.current % t.length] ?? "";
-      p.current === "typing" ? (h.current += 1, d(w.slice(0, h.current)), h.current >= w.length ? (p.current = "holding", _.current = setTimeout(x, a)) : _.current = setTimeout(x, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", _.current = setTimeout(x, r)) : (h.current = Math.max(0, h.current - 1), d(w.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", f.current = (f.current + 1) % t.length, c(f.current), _.current = setTimeout(x, o)) : _.current = setTimeout(x, r));
+      const N = t[f.current % t.length] ?? "";
+      p.current === "typing" ? (h.current += 1, d(N.slice(0, h.current)), h.current >= N.length ? (p.current = "holding", _.current = setTimeout(x, o)) : _.current = setTimeout(x, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", _.current = setTimeout(x, r)) : (h.current = Math.max(0, h.current - 1), d(N.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", f.current = (f.current + 1) % t.length, c(f.current), _.current = setTimeout(x, a)) : _.current = setTimeout(x, r));
     };
     return _.current = setTimeout(x, 260), () => {
       _.current && clearTimeout(_.current);
     };
-  }, [s, t, n, r, a, o]);
-  const y = (x) => {
+  }, [s, t, n, r, o, a]);
+  const T = (x) => {
     if (t.length === 0) return;
-    const k = (x % t.length + t.length) % t.length, w = t[k];
-    f.current = k, h.current = w.length, p.current = "holding", j.current = Date.now() + i, c(k), d(w);
-  }, N = () => y(f.current + 1), T = () => y(f.current - 1), A = t[l % t.length] ?? "";
-  return { displayed: u, currentPrompt: A, index: l, next: N, prev: T };
+    const y = (x % t.length + t.length) % t.length, N = t[y];
+    f.current = y, h.current = N.length, p.current = "holding", w.current = Date.now() + i, c(y), d(N);
+  }, j = () => T(f.current + 1), g = () => T(f.current - 1), $ = t[l % t.length] ?? "";
+  return { displayed: u, currentPrompt: $, index: l, next: j, prev: g };
 }
-let us = 0;
-function zn({
+let ms = 0;
+function Wn({
   value: t = "",
   onChange: s,
   onSubmit: n,
   onStop: r,
-  onKeyDown: a,
-  loading: o = !1,
+  onKeyDown: o,
+  loading: a = !1,
   disabled: i = !1,
   placeholder: l,
   animatedPlaceholders: c,
@@ -2911,82 +2919,82 @@ function zn({
   onAttachImages: h,
   onRemoveAttachment: f,
   onRemoveImage: _,
-  acceptImage: j,
-  acceptFile: y,
-  maxImages: N,
-  maxImageSize: T,
-  leftSlot: A,
+  acceptImage: w,
+  acceptFile: T,
+  maxImages: j,
+  maxImageSize: g,
+  leftSlot: $,
   rightSlot: x,
-  className: k = "",
-  ...w
+  className: y = "",
+  ...N
 }) {
-  const I = K(), { t: L } = be(), W = R(null), O = R(null), g = R(0), [C, M] = D(!1), [V, v] = D([]), $ = R(/* @__PURE__ */ new Set()), S = l ?? I.promptPlaceholder, z = (E) => {
-    const F = ++us;
-    v((Z) => [...Z, { id: F, msg: E }]);
+  const B = K(), { t: D } = be(), W = S(null), O = S(null), k = S(0), [C, M] = L(!1), [V, v] = L([]), R = S(/* @__PURE__ */ new Set()), A = l ?? B.promptPlaceholder, F = (E) => {
+    const z = ++ms;
+    v((Z) => [...Z, { id: z, msg: E }]);
     const J = setTimeout(() => {
-      $.current.delete(J), v((Z) => Z.filter((ee) => ee.id !== F));
+      R.current.delete(J), v((Z) => Z.filter((ee) => ee.id !== z));
     }, 6e3);
-    $.current.add(J);
+    R.current.add(J);
   };
   P(() => {
-    const E = $.current;
+    const E = R.current;
     return () => E.forEach(clearTimeout);
   }, []);
-  const H = (E) => v((F) => F.filter((J) => J.id !== E)), Y = (E) => E.type.startsWith("image/"), m = () => !0, b = j ?? Y, B = y ?? m, U = (E) => {
-    const F = [], J = [], Z = [], ee = [];
-    let oe = 0, me = N != null ? N - ((d == null ? void 0 : d.length) ?? 0) : 1 / 0;
+  const H = (E) => v((z) => z.filter((J) => J.id !== E)), Y = (E) => E.type.startsWith("image/"), m = () => !0, b = w ?? Y, I = T ?? m, U = (E) => {
+    const z = [], J = [], Z = [], ee = [];
+    let ae = 0, me = j != null ? j - ((d == null ? void 0 : d.length) ?? 0) : 1 / 0;
     for (const ie of E)
-      b(ie) ? T && ie.size > T ? Z.push(ie.name) : me > 0 ? (F.push(ie), me--) : oe++ : B(ie) ? J.push(ie) : ee.push(ie.name);
-    return { imageFiles: F, docFiles: J, tooLarge: Z, skipped: ee, limitExceeded: oe };
+      b(ie) ? g && ie.size > g ? Z.push(ie.name) : me > 0 ? (z.push(ie), me--) : ae++ : I(ie) ? J.push(ie) : ee.push(ie.name);
+    return { imageFiles: z, docFiles: J, tooLarge: Z, skipped: ee, limitExceeded: ae };
   }, se = (E) => {
-    const F = T ? L("fileTooLargeMaxHint", { maxMb: T / 1024 / 1024 }) : "";
-    z(L("fileTooLarge", { maxHint: F, names: E.join(", ") }));
-  }, ae = (E) => {
-    const { imageFiles: F, docFiles: J, tooLarge: Z, skipped: ee, limitExceeded: oe } = U(E);
-    Z.length && se(Z), ee.length && z(L("filesSkipped", { names: ee.join(", ") })), oe && z(L("maxImages", { n: N })), h && F.length && h(F);
-    const me = J.concat(h ? [] : F);
+    const z = g ? D("fileTooLargeMaxHint", { maxMb: g / 1024 / 1024 }) : "";
+    F(D("fileTooLarge", { maxHint: z, names: E.join(", ") }));
+  }, oe = (E) => {
+    const { imageFiles: z, docFiles: J, tooLarge: Z, skipped: ee, limitExceeded: ae } = U(E);
+    Z.length && se(Z), ee.length && F(D("filesSkipped", { names: ee.join(", ") })), ae && F(D("maxImages", { n: j })), h && z.length && h(z);
+    const me = J.concat(h ? [] : z);
     p && me.length && p(me);
   };
   P(() => {
     const E = O.current;
     E && (E.style.height = "auto", E.style.height = `${Math.min(E.scrollHeight, 200)}px`);
   }, [t]), P(() => {
-    const E = (F) => {
-      var Z, ee, oe;
-      if (o || i) return;
-      const J = (Z = F.target) == null ? void 0 : Z.tagName;
-      J === "INPUT" || J === "TEXTAREA" || J === "SELECT" || (ee = F.target) != null && ee.isContentEditable || F.ctrlKey || F.metaKey || F.altKey || F.key.length !== 1 && F.key !== "Backspace" && F.key !== "Delete" || (oe = O.current) == null || oe.focus();
+    const E = (z) => {
+      var Z, ee, ae;
+      if (a || i) return;
+      const J = (Z = z.target) == null ? void 0 : Z.tagName;
+      J === "INPUT" || J === "TEXTAREA" || J === "SELECT" || (ee = z.target) != null && ee.isContentEditable || z.ctrlKey || z.metaKey || z.altKey || z.key.length !== 1 && z.key !== "Backspace" && z.key !== "Delete" || (ae = O.current) == null || ae.focus();
     };
     return document.addEventListener("keydown", E), () => document.removeEventListener("keydown", E);
-  }, [o, i]);
+  }, [a, i]);
   const G = (E) => {
-    E.preventDefault(), g.current++, E.dataTransfer.types.includes("Files") && M(!0);
+    E.preventDefault(), k.current++, E.dataTransfer.types.includes("Files") && M(!0);
   }, Q = (E) => {
-    E.preventDefault(), g.current--, g.current === 0 && M(!1);
+    E.preventDefault(), k.current--, k.current === 0 && M(!1);
   }, fe = (E) => E.preventDefault(), je = (E) => {
-    E.preventDefault(), g.current = 0, M(!1);
-    const F = Array.from(E.dataTransfer.files);
-    F.length && ae(F);
+    E.preventDefault(), k.current = 0, M(!1);
+    const z = Array.from(E.dataTransfer.files);
+    z.length && oe(z);
   }, Se = (E) => {
-    const F = Array.from(E.target.files || []);
-    W.current && (W.current.value = ""), F.length && ae(F);
-  }, pt = (E) => {
+    const z = Array.from(E.target.files || []);
+    W.current && (W.current.value = ""), z.length && oe(z);
+  }, ht = (E) => {
     var ie;
     if (!h) return;
-    const F = (ie = E.clipboardData) == null ? void 0 : ie.items;
-    if (!F) return;
+    const z = (ie = E.clipboardData) == null ? void 0 : ie.items;
+    if (!z) return;
     const J = [];
-    for (const vt of F) {
-      const qe = vt.getAsFile();
+    for (const bt of z) {
+      const qe = bt.getAsFile();
       qe && J.push(qe);
     }
     if (J.length === 0) return;
-    const { imageFiles: Z, tooLarge: ee, skipped: oe, limitExceeded: me } = U(J);
-    ee.length && se(ee), oe.length && z(L("filesSkipped", { names: oe.join(", ") })), me && z(L("maxImages", { n: N })), Z.length && (E.preventDefault(), h(Z));
-  }, Ne = !o && !i && !!(c != null && c.length) && t.length === 0, ke = ds({
+    const { imageFiles: Z, tooLarge: ee, skipped: ae, limitExceeded: me } = U(J);
+    ee.length && se(ee), ae.length && F(D("filesSkipped", { names: ae.join(", ") })), me && F(D("maxImages", { n: j })), Z.length && (E.preventDefault(), h(Z));
+  }, Ne = !a && !i && !!(c != null && c.length) && t.length === 0, ke = fs({
     prompts: c ?? [],
     enabled: Ne
-  }), ht = (E) => {
+  }), xt = (E) => {
     if (Ne) {
       if (E.key === "ArrowDown" || E.key === "ArrowRight") {
         E.preventDefault(), ke.next();
@@ -3001,9 +3009,9 @@ function zn({
         return;
       }
     }
-    a == null || a(E);
-  }, xt = (t.trim() || (d == null ? void 0 : d.length) > 0 || (u == null ? void 0 : u.length) > 0) && !i, Ye = p || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", k].filter(Boolean).join(" "), ...w, children: [
+    o == null || o(E);
+  }, vt = (t.trim() || (d == null ? void 0 : d.length) > 0 || (u == null ? void 0 : u.length) > 0) && !i, Ye = p || h;
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", y].filter(Boolean).join(" "), ...N, children: [
     Ye && /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -3024,17 +3032,17 @@ function zn({
         onDragOver: fe,
         onDrop: je,
         children: [
-          C && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: I.dropFilesHere }),
+          C && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: B.dropFilesHere }),
           /* @__PURE__ */ e.jsx(
             "textarea",
             {
               ref: O,
               value: t,
               onChange: (E) => s == null ? void 0 : s(E.target.value),
-              onKeyDown: ht,
-              onPaste: pt,
-              placeholder: Ne ? "" : S,
-              disabled: o || i,
+              onKeyDown: xt,
+              onPaste: ht,
+              placeholder: Ne ? "" : A,
+              disabled: a || i,
               rows: 1,
               className: ["ds-prompt-input__textarea", Ne && "ds-prompt-input__textarea--anim"].filter(Boolean).join(" ")
             }
@@ -3043,19 +3051,19 @@ function zn({
             /* @__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((E, F) => /* @__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((E, z) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
             /* @__PURE__ */ e.jsx("img", { src: E.preview, alt: "" }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 className: "ds-prompt-input__image-remove",
-                onClick: () => _ == null ? void 0 : _(F),
-                "aria-label": I.removeImage,
+                onClick: () => _ == null ? void 0 : _(z),
+                "aria-label": B.removeImage,
                 type: "button",
                 children: /* @__PURE__ */ e.jsx(te, { size: 12, strokeWidth: 2 })
               }
             )
-          ] }, F)) }),
+          ] }, z)) }),
           V.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: V.map((E) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
             /* @__PURE__ */ e.jsx("span", { children: E.msg }),
             /* @__PURE__ */ e.jsx(
@@ -3064,25 +3072,25 @@ function zn({
                 type: "button",
                 className: "ds-prompt-input__warning-close",
                 onClick: () => H(E.id),
-                "aria-label": I.dismiss,
+                "aria-label": B.dismiss,
                 children: /* @__PURE__ */ e.jsx(te, { size: q[1], strokeWidth: 1.5 })
               }
             )
           ] }, E.id)) }),
-          u && u.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: u.map((E, F) => /* @__PURE__ */ e.jsx(he, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
-            E.uploading ? /* @__PURE__ */ e.jsx($t, { size: q[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Ge, { size: q[1], strokeWidth: 1.5 }),
+          u && u.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: u.map((E, z) => /* @__PURE__ */ e.jsx(he, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
+            E.uploading ? /* @__PURE__ */ e.jsx(Rt, { size: q[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Ge, { size: q[1], strokeWidth: 1.5 }),
             E.filename,
-            E.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: I.uploading }) : /* @__PURE__ */ e.jsx(
+            E.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: B.uploading }) : /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
                 className: "ds-prompt-input__remove-btn",
-                onClick: () => f == null ? void 0 : f(F),
-                "aria-label": I.removeAttachment,
+                onClick: () => f == null ? void 0 : f(z),
+                "aria-label": B.removeAttachment,
                 children: /* @__PURE__ */ e.jsx(te, { size: q[1], strokeWidth: 1.5 })
               }
             )
-          ] }) }, F)) }),
+          ] }) }, z)) }),
           /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__toolbar", children: [
             Ye && /* @__PURE__ */ e.jsx(
               de,
@@ -3090,34 +3098,34 @@ function zn({
                 variant: "ghost",
                 size: "xs",
                 icon: /* @__PURE__ */ e.jsx(Ge, { size: q[2], strokeWidth: 1.5 }),
-                "aria-label": I.attachFiles,
+                "aria-label": B.attachFiles,
                 onClick: () => {
                   var E;
                   return (E = W.current) == null ? void 0 : E.click();
                 }
               }
             ),
-            A,
+            $,
             x,
             /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__spacer" }),
-            o ? /* @__PURE__ */ e.jsx(
+            a ? /* @__PURE__ */ e.jsx(
               de,
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(Rt, { size: q[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(St, { size: q[2], strokeWidth: 1.5 }),
                 onClick: r,
-                "aria-label": I.stop
+                "aria-label": B.stop
               }
             ) : /* @__PURE__ */ e.jsx(
               de,
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(St, { size: q[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(At, { size: q[2], strokeWidth: 1.5 }),
                 onClick: n,
-                disabled: !xt,
-                "aria-label": I.send
+                disabled: !vt,
+                "aria-label": B.send
               }
             )
           ] })
@@ -3126,37 +3134,37 @@ function zn({
     )
   ] });
 }
-const at = { fast: 0, standard: 1, premium: 2 }, ot = { fast: "data-5", standard: "data-3", premium: "data-6" };
-function Fn({
+const at = { fast: 0, standard: 1, premium: 2 }, it = { fast: "data-5", standard: "data-3", premium: "data-6" };
+function On({
   models: t = [],
   value: s,
   onChange: n,
   size: r = "xs",
-  minTier: a,
-  showAutoOption: o = !1,
+  minTier: o,
+  showAutoOption: a = !1,
   groupByTier: i = !0,
   className: l = "",
   ...c
 }) {
-  const [u, d] = D(!1), p = R(null), h = R(null), f = R(null), [_, j] = D({}), y = r === "s" ? "s" : "xs", N = t.filter((g) => !a || g.name === "auto" ? !0 : (at[g.tier] ?? 1) >= (at[a] ?? 1)), T = N.find((g) => g.name === "auto"), A = N.filter((g) => g.name !== "auto"), x = t.find((g) => g.name === s), w = new Set(A.map((g) => g.tier).filter(Boolean)).size > 1;
+  const [u, d] = L(!1), p = S(null), h = S(null), f = S(null), [_, w] = L({}), T = r === "s" ? "s" : "xs", j = t.filter((k) => !o || k.name === "auto" ? !0 : (at[k.tier] ?? 1) >= (at[o] ?? 1)), g = j.find((k) => k.name === "auto"), $ = j.filter((k) => k.name !== "auto"), x = t.find((k) => k.name === s), N = new Set($.map((k) => k.tier).filter(Boolean)).size > 1;
   P(() => {
     if (!u) return;
-    const g = 320, C = () => {
-      var z;
-      const v = (z = h.current) == null ? void 0 : z.getBoundingClientRect();
+    const k = 320, C = () => {
+      var F;
+      const v = (F = h.current) == null ? void 0 : F.getBoundingClientRect();
       if (!v) return;
-      const $ = window.innerHeight - v.bottom, S = $ < g + 8 && v.top > $;
-      j({
+      const R = window.innerHeight - v.bottom, A = R < k + 8 && v.top > R;
+      w({
         position: "fixed",
         zIndex: "var(--z-dropdown, 500)",
         left: v.left,
-        ...S ? { bottom: window.innerHeight - v.top + 4, top: "auto" } : { top: v.bottom + 4, bottom: "auto" }
+        ...A ? { bottom: window.innerHeight - v.top + 4, top: "auto" } : { top: v.bottom + 4, bottom: "auto" }
       });
     };
     C(), window.addEventListener("scroll", C, !0), window.addEventListener("resize", C);
     const M = (v) => {
-      var $, S;
-      !(($ = p.current) != null && $.contains(v.target)) && !((S = f.current) != null && S.contains(v.target)) && d(!1);
+      var R, A;
+      !((R = p.current) != null && R.contains(v.target)) && !((A = f.current) != null && A.contains(v.target)) && d(!1);
     }, V = (v) => {
       v.key === "Escape" && d(!1);
     };
@@ -3164,32 +3172,32 @@ function Fn({
       window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C), document.removeEventListener("mousedown", M), document.removeEventListener("keydown", V);
     };
   }, [u]);
-  const I = (g) => {
-    n == null || n(g), d(!1);
-  }, L = (g) => /* @__PURE__ */ e.jsxs(
+  const B = (k) => {
+    n == null || n(k), d(!1);
+  }, D = (k) => /* @__PURE__ */ e.jsxs(
     "button",
     {
       type: "button",
       className: [
         "ds-model-picker__item",
-        g.name === s && "ds-model-picker__item--active"
+        k.name === s && "ds-model-picker__item--active"
       ].filter(Boolean).join(" "),
-      onClick: () => I(g.name),
+      onClick: () => B(k.name),
       children: [
-        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: g.icon || /* @__PURE__ */ e.jsx(Ke, { strokeWidth: 1.5, "aria-hidden": "true" }) }),
-        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: g.displayName || g.name }),
-        w && g.tier && /* @__PURE__ */ e.jsx(he, { size: "xs", variant: ot[g.tier] || "default", children: g.tier })
+        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: k.icon || /* @__PURE__ */ e.jsx(Ke, { strokeWidth: 1.5, "aria-hidden": "true" }) }),
+        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: k.displayName || k.name }),
+        N && k.tier && /* @__PURE__ */ e.jsx(he, { size: "xs", variant: it[k.tier] || "default", children: k.tier })
       ]
     },
-    g.name
-  ), W = () => !i || !w ? A.map(L) : ["fast", "standard", "premium"].flatMap((g) => {
-    const C = A.filter((M) => M.tier === g);
+    k.name
+  ), W = () => !i || !N ? $.map(D) : ["fast", "standard", "premium"].flatMap((k) => {
+    const C = $.filter((M) => M.tier === k);
     return C.length ? [
-      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": g, children: g.charAt(0).toUpperCase() + g.slice(1) }, `lbl-${g}`),
-      ...C.map(L)
+      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": k, children: k.charAt(0).toUpperCase() + k.slice(1) }, `lbl-${k}`),
+      ...C.map(D)
     ] : [];
-  }), O = u && /* @__PURE__ */ e.jsxs("div", { ref: f, className: `ds-model-picker__menu ds-model-picker__menu--${y} ds-scrollable`, "data-ds-portal": "", style: _, children: [
-    o && T && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }), O = u && /* @__PURE__ */ e.jsxs("div", { ref: f, className: `ds-model-picker__menu ds-model-picker__menu--${T} ds-scrollable`, "data-ds-portal": "", style: _, children: [
+    a && g && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(
         "button",
         {
@@ -3199,14 +3207,14 @@ function Fn({
             "ds-model-picker__item--auto",
             s === "auto" && "ds-model-picker__item--active"
           ].filter(Boolean).join(" "),
-          onClick: () => I("auto"),
+          onClick: () => B("auto"),
           children: [
-            /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: /* @__PURE__ */ e.jsx(At, { strokeWidth: 1.5, "aria-hidden": "true" }) }),
+            /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: /* @__PURE__ */ e.jsx(Bt, { strokeWidth: 1.5, "aria-hidden": "true" }) }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: "Auto (smart routing)" })
           ]
         }
       ),
-      A.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
+      $.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
     ] }),
     W()
   ] });
@@ -3222,14 +3230,14 @@ function Fn({
           {
             ref: h,
             type: "button",
-            className: `ds-model-picker__trigger ds-model-picker__trigger--${y}`,
-            onClick: () => d((g) => !g),
+            className: `ds-model-picker__trigger ds-model-picker__trigger--${T}`,
+            onClick: () => d((k) => !k),
             "aria-haspopup": "listbox",
             "aria-expanded": u,
             children: [
               /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__icon", children: (x == null ? void 0 : x.icon) || /* @__PURE__ */ e.jsx(Ke, { strokeWidth: 1.5, "aria-hidden": "true" }) }),
               /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (x == null ? void 0 : x.displayName) || (x == null ? void 0 : x.name) || s }),
-              w && (x == null ? void 0 : x.tier) && /* @__PURE__ */ e.jsx(he, { size: "xs", variant: ot[x.tier] || "default", children: x.tier })
+              N && (x == null ? void 0 : x.tier) && /* @__PURE__ */ e.jsx(he, { size: "xs", variant: it[x.tier] || "default", children: x.tier })
             ]
           }
         ),
@@ -3238,91 +3246,91 @@ function Fn({
     }
   );
 }
-const fs = ({ filename: t, pagesLabel: s }) => /* @__PURE__ */ e.jsxs("span", { style: { display: "flex", alignItems: "center", gap: "var(--space-2)", minWidth: 0 }, children: [
+const ps = ({ 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 ms(t) {
+function hs(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 Wn({
+function Cn({
   sources: t = [],
   layout: s = "list",
   title: n,
   maxVisible: r = 5,
-  onSourceClick: a
+  onSourceClick: o
 }) {
-  const o = K(), { t: i } = be(), l = n ?? o.sources, [c, u] = D(!1), d = ms(t), p = d.length > r, h = c ? d : d.slice(0, r), f = t.some((N) => N.snippet), _ = (N) => N != null && N.length ? i("pageAbbrev", { pages: N.join(", ") }) : null, j = i("moreSources", { n: d.length - r }), y = ["ds-sources-panel", s === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
-  return s === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: y, children: [
-    h.map((N) => {
-      const T = N.items.map((k) => k.page).filter(Boolean), A = _(T), x = !!a;
+  const a = K(), { t: i } = be(), l = n ?? a.sources, [c, u] = L(!1), d = hs(t), p = d.length > r, h = c ? d : d.slice(0, r), f = t.some((j) => j.snippet), _ = (j) => j != null && j.length ? i("pageAbbrev", { pages: j.join(", ") }) : null, w = i("moreSources", { n: d.length - r }), T = ["ds-sources-panel", s === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
+  return s === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: T, children: [
+    h.map((j) => {
+      const g = j.items.map((y) => y.page).filter(Boolean), $ = _(g), x = !!o;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: `ds-sources-panel__compact-row${x ? " ds-sources-panel__compact-row--clickable" : ""}`,
-          onClick: x ? () => a(N.items[0]) : void 0,
+          onClick: x ? () => o(j.items[0]) : void 0,
           children: [
-            /* @__PURE__ */ e.jsx(Bt, { size: q[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
-            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: N.filename }),
-            A && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: A })
+            /* @__PURE__ */ e.jsx(It, { size: q[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
+            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: j.filename }),
+            $ && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: $ })
           ]
         },
-        N.filename
+        j.filename
       );
     }),
-    p && !c && /* @__PURE__ */ e.jsx("button", { className: "ds-sources-panel__more", onClick: () => u(!0), children: j })
-  ] }) : /* @__PURE__ */ e.jsxs("div", { className: y, children: [
+    p && !c && /* @__PURE__ */ e.jsx("button", { className: "ds-sources-panel__more", onClick: () => u(!0), children: w })
+  ] }) : /* @__PURE__ */ e.jsxs("div", { className: T, children: [
     l && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: l }),
-    h.map((N) => {
-      const T = N.items.map((k) => k.page).filter(Boolean), A = _(T), x = !!a;
+    h.map((j) => {
+      const g = j.items.map((y) => y.page).filter(Boolean), $ = _(g), x = !!o;
       return f ? /* @__PURE__ */ e.jsx(
         He,
         {
-          title: /* @__PURE__ */ e.jsx(fs, { filename: N.filename, pagesLabel: A }),
+          title: /* @__PURE__ */ e.jsx(ps, { filename: j.filename, pagesLabel: $ }),
           padding: "s",
-          children: N.items.map((k, w) => /* @__PURE__ */ e.jsx(
+          children: j.items.map((y, N) => /* @__PURE__ */ e.jsx(
             "div",
             {
               className: `ds-sources-panel__snippet${x ? " ds-sources-panel__snippet--clickable" : ""}`,
-              onClick: x ? () => a(k) : void 0,
-              children: k.snippet ?? i("pageAbbrev", { pages: k.page })
+              onClick: x ? () => o(y) : void 0,
+              children: y.snippet ?? i("pageAbbrev", { pages: y.page })
             },
-            w
+            N
           ))
         },
-        N.filename
+        j.filename
       ) : /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: `ds-sources-panel__row${x ? " ds-sources-panel__row--clickable" : ""}`,
-          onClick: x ? () => a(N.items[0]) : void 0,
+          onClick: x ? () => o(j.items[0]) : void 0,
           children: [
-            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: N.filename }),
-            A && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: A })
+            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: j.filename }),
+            $ && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: $ })
           ]
         },
-        N.filename
+        j.filename
       );
     }),
-    p && !c && /* @__PURE__ */ e.jsx("button", { className: "ds-sources-panel__more", onClick: () => u(!0), children: j })
+    p && !c && /* @__PURE__ */ e.jsx("button", { className: "ds-sources-panel__more", onClick: () => u(!0), children: w })
   ] });
 }
-function it(t) {
+function lt(t) {
   return t >= 1e6 ? (t / 1e6).toFixed(1).replace(/\.0$/, "") + "M" : t >= 1e3 ? (t / 1e3).toFixed(1).replace(/\.0$/, "") + "K" : String(t);
 }
-function On({
+function Un({
   used: t,
   limit: s,
   size: n = "s",
   showCount: r = !0,
-  showPercent: a = !1,
-  warningThreshold: o = 0.8,
+  showPercent: o = !1,
+  warningThreshold: a = 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), u = l >= i ? "error" : l >= a ? "warning" : "normal";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -3338,13 +3346,13 @@ function On({
             style: { width: `${c}%` }
           }
         ) }),
-        (r || a) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${u}`, children: [
+        (r || o) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${u}`, children: [
           r && /* @__PURE__ */ e.jsxs("span", { children: [
-            it(t),
+            lt(t),
             " / ",
-            it(s)
+            lt(s)
           ] }),
-          a && /* @__PURE__ */ e.jsxs("span", { style: { marginLeft: "auto" }, children: [
+          o && /* @__PURE__ */ e.jsxs("span", { style: { marginLeft: "auto" }, children: [
             Math.round(l * 100),
             "%"
           ] })
@@ -3353,58 +3361,58 @@ function On({
     }
   );
 }
-const lt = 5;
-function ps(t) {
+const ct = 5;
+function xs(t) {
   return t < 0.34 ? "low" : t < 0.67 ? "medium" : "high";
 }
-function Cn({
+function Hn({
   value: t = 0,
   size: s = "xs",
   showLabel: n = "none",
   layout: r = "inline"
 }) {
-  const a = Math.max(0, Math.min(1, t)), o = Math.round(a * lt), i = ps(a);
+  const o = Math.max(0, Math.min(1, t)), a = Math.round(o * ct), i = xs(o);
   return /* @__PURE__ */ e.jsxs("div", { className: [
     "ds-confidence-bar",
     `ds-confidence-bar--${s}`,
     `ds-confidence-bar--${i}`,
     r === "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: lt }, (l, c) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: ct }, (l, c) => /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: `ds-confidence-bar__seg${c < o ? " ds-confidence-bar__seg--filled" : ""}`
+        className: `ds-confidence-bar__seg${c < a ? " ds-confidence-bar__seg--filled" : ""}`
       },
       c
     )) }),
     n === "text" && /* @__PURE__ */ e.jsx("span", { className: "ds-confidence-bar__label", children: i })
   ] });
 }
-const hs = { add: "+", remove: "-", context: " " };
+const vs = { 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: hs[t.type] }),
+    /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__prefix", children: vs[t.type] }),
     /* @__PURE__ */ e.jsx("span", { className: "ds-diff-view__text", children: t.text })
   ] });
 }
-function Un({
+function Vn({
   lines: t = [],
   layout: s = "inline",
   wordWrap: n = !1,
   lineNumbers: r = !0,
-  maxHeight: a,
-  title: o
+  maxHeight: o,
+  title: a
 }) {
   const i = [
     "ds-diff-view",
     `ds-diff-view--${s}`,
     n && "ds-diff-view--wrap"
-  ].filter(Boolean).join(" "), l = a ? { maxHeight: a, overflowY: "auto" } : void 0;
+  ].filter(Boolean).join(" "), l = o ? { maxHeight: o, overflowY: "auto" } : void 0;
   if (s === "split") {
     const c = t.filter((d) => d.type === "remove" || d.type === "context"), u = 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 }),
+      a && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: a }),
       /* @__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(Ae, { line: d, lineNumbers: r }, p)) }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: u.map((d, p) => /* @__PURE__ */ e.jsx(Ae, { line: d, lineNumbers: r }, p)) })
@@ -3412,17 +3420,17 @@ function Un({
     ] });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
-    o && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: o }),
+    a && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: a }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: t.map((c, u) => /* @__PURE__ */ e.jsx(Ae, { line: c, lineNumbers: r }, u)) })
   ] });
 }
-function xs({
+function bs({
   value: t = "idle",
   onLike: s,
   onDislike: n,
   className: r = "",
-  likeLabel: a,
-  dislikeLabel: o,
+  likeLabel: o,
+  dislikeLabel: a,
   ...i
 }) {
   const l = K(), c = t !== "idle";
@@ -3445,10 +3453,10 @@ function xs({
             ].filter(Boolean).join(" "),
             onClick: s,
             disabled: c,
-            "aria-label": a ?? l.like,
+            "aria-label": o ?? l.like,
             "aria-pressed": t === "liked",
             children: /* @__PURE__ */ e.jsx(
-              It,
+              Dt,
               {
                 size: q[1],
                 strokeWidth: 1.5,
@@ -3466,7 +3474,7 @@ function xs({
             ].filter(Boolean).join(" "),
             onClick: n,
             disabled: c,
-            "aria-label": o ?? l.dislike,
+            "aria-label": a ?? l.dislike,
             "aria-pressed": t === "disliked",
             children: /* @__PURE__ */ e.jsx(
               Lt,
@@ -3482,26 +3490,26 @@ function xs({
     }
   );
 }
-function vs(t) {
+function _s(t) {
   const s = t instanceof Date ? t : new Date(t);
   if (isNaN(s)) return null;
-  const n = /* @__PURE__ */ new Date(), r = s.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: !1 }), a = new Date(n.getFullYear(), n.getMonth(), n.getDate()), o = new Date(a - 864e5);
-  if (s >= a) return r;
-  if (s >= o) return `Yesterday ${r}`;
+  const n = /* @__PURE__ */ new Date(), r = s.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: !1 }), o = new Date(n.getFullYear(), n.getMonth(), n.getDate()), a = new Date(o - 864e5);
+  if (s >= o) return r;
+  if (s >= a) return `Yesterday ${r}`;
   const i = s.getDate(), l = s.toLocaleString([], { month: "short" });
   return `${i} ${l} ${r}`;
 }
-function Hn({
+function Yn({
   role: t = "assistant",
   text: s,
   timestamp: n,
   feedbackValue: r = "idle",
-  onLike: a,
-  onDislike: o,
+  onLike: o,
+  onDislike: a,
   className: i = "",
   ...l
 }) {
-  const c = t === "assistant" && (a || o), u = !!s, d = n ? vs(n) : null;
+  const c = t === "assistant" && (o || a), u = !!s, d = n ? _s(n) : null;
   return !c && !u && !d ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -3509,21 +3517,21 @@ function Hn({
       ...l,
       children: [
         t === "user" && d && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: d }),
-        c && /* @__PURE__ */ e.jsx(xs, { className: "ds-message-action", value: r, onLike: a, onDislike: o }),
-        u && /* @__PURE__ */ e.jsx(cs, { className: "ds-message-action", text: s }),
+        c && /* @__PURE__ */ e.jsx(bs, { className: "ds-message-action", value: r, onLike: o, onDislike: a }),
+        u && /* @__PURE__ */ e.jsx(us, { className: "ds-message-action", text: s }),
         t === "assistant" && d && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: d })
       ]
     }
   );
 }
-function Vn({ label: t, className: s = "", ...n }) {
+function qn({ 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 Yn({ variant: t = "light", glow: s, mask: n = !0, style: r, ...a }) {
-  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)";
+function Gn({ variant: t = "light", glow: s, mask: n = !0, style: r, ...o }) {
+  const a = t === "dark", i = s ?? a, l = a ? "rgba(255,250,250,0.05)" : "var(--color-border-light)", c = a ? "rgba(255,250,250,0.025)" : "color-mix(in srgb, var(--color-border-light) 50%, transparent)";
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -3538,7 +3546,7 @@ function Yn({ variant: t = "light", glow: s, mask: n = !0, style: r, ...a }) {
         },
         ...r
       },
-      ...a,
+      ...o,
       children: /* @__PURE__ */ e.jsx(
         "div",
         {
@@ -3563,57 +3571,57 @@ function Yn({ variant: t = "light", glow: s, mask: n = !0, style: r, ...a }) {
     }
   );
 }
-function qn({ children: t, axis: s = "y", style: n, className: r = "", ...a }) {
-  const o = s === "x" ? { overflowX: "auto", overflowY: "hidden" } : s === "both" ? { overflow: "auto" } : { overflowY: "auto", overflowX: "hidden" };
+function Kn({ children: t, axis: s = "y", style: n, className: r = "", ...o }) {
+  const a = s === "x" ? { overflowX: "auto", overflowY: "hidden" } : s === "both" ? { overflow: "auto" } : { overflowY: "auto", overflowX: "hidden" };
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       className: `ds-scrollable ${r}`,
-      style: { ...o, ...n },
-      ...a,
+      style: { ...a, ...n },
+      ...o,
       children: t
     }
   );
 }
-const Be = 280, bs = 22, _s = 14, ue = 8, Te = 6, js = 200;
-function Ns(t) {
+const Be = 280, js = 22, Ns = 14, ue = 8, Te = 6, ws = 200;
+function gs(t) {
   return t ? typeof t == "function" ? t() : typeof t == "string" ? document.querySelector(t) : null : null;
 }
-function ws(t, s, n, r) {
-  const a = window.innerWidth, o = window.innerHeight;
-  if (o - t.bottom >= s + r + ue) return "bottom";
+function ys(t, s, n, r) {
+  const o = window.innerWidth, a = window.innerHeight;
+  if (a - t.bottom >= s + r + ue) return "bottom";
   if (t.top >= s + r + ue) return "top";
-  if (a - t.right >= n + r + ue) return "right";
+  if (o - t.right >= n + r + ue) return "right";
   if (t.left >= n + r + ue) return "left";
-  const i = Math.max(t.top, o - t.bottom, a - t.right, t.left);
-  return i === o - t.bottom ? "bottom" : i === t.top ? "top" : i === a - t.right ? "right" : "left";
+  const i = Math.max(t.top, a - t.bottom, o - t.right, t.left);
+  return i === a - t.bottom ? "bottom" : i === t.top ? "top" : i === o - t.right ? "right" : "left";
 }
-function gs(t, s, n, r, a) {
-  const o = window.innerWidth, i = window.innerHeight;
+function ks(t, s, n, r, o) {
+  const a = window.innerWidth, i = window.innerHeight;
   let l, c;
   switch (t) {
     case "top":
-      l = s.top - n - a, c = s.left + s.width / 2 - r / 2;
+      l = s.top - n - o, c = s.left + s.width / 2 - r / 2;
       break;
     case "bottom":
-      l = s.bottom + a, c = s.left + s.width / 2 - r / 2;
+      l = s.bottom + o, c = s.left + s.width / 2 - r / 2;
       break;
     case "left":
-      l = s.top + s.height / 2 - n / 2, c = s.left - r - a;
+      l = s.top + s.height / 2 - n / 2, c = s.left - r - o;
       break;
     default:
-      l = s.top + s.height / 2 - n / 2, c = s.right + a;
+      l = s.top + s.height / 2 - n / 2, c = s.right + o;
   }
-  const u = Math.max(ue, Math.min(o - r - ue, c)), d = Math.max(ue, Math.min(i - n - ue, l));
+  const u = Math.max(ue, Math.min(a - r - ue, c)), d = Math.max(ue, Math.min(i - n - ue, l));
   return { top: d, left: u, arrowOffset: c - u, arrowOffsetY: l - d };
 }
-function Gn({
+function Xn({
   steps: t,
   currentStep: s,
   onNext: n,
   onBack: r,
-  onSkip: a,
-  onFinish: o,
+  onSkip: o,
+  onFinish: a,
   overlay: i = !0,
   ring: l = !0,
   labelNext: c,
@@ -3623,15 +3631,15 @@ function Gn({
   statePrimary: h = "idle",
   stateBack: f = "idle"
 }) {
-  const _ = K(), { t: j } = be(), y = c ?? _.next, N = u ?? _.back, T = d ?? _.skipTour, A = p ?? _.done, x = R(null), k = R(t), w = R(s), I = R(l);
-  k.current = t, w.current = s, I.current = l;
-  const [L, W] = D(!1), [O, g] = D({ position: "fixed", visibility: "hidden", width: Be }), [C, M] = D("bottom"), [V, v] = D(null), $ = R(!1), S = t[s], z = s === t.length - 1, H = ne(() => {
-    const Y = k.current[w.current];
+  const _ = K(), { t: w } = be(), T = c ?? _.next, j = u ?? _.back, g = d ?? _.skipTour, $ = p ?? _.done, x = S(null), y = S(t), N = S(s), B = S(l);
+  y.current = t, N.current = s, B.current = l;
+  const [D, W] = L(!1), [O, k] = L({ position: "fixed", visibility: "hidden", width: Be }), [C, M] = L("bottom"), [V, v] = L(null), R = S(!1), A = t[s], F = s === t.length - 1, H = ne(() => {
+    const Y = y.current[N.current];
     if (!Y || !x.current) return;
-    const m = Ns(Y.target);
+    const m = gs(Y.target);
     if (!m) return;
-    const b = m.getBoundingClientRect(), U = x.current.getBoundingClientRect().height || 160, se = Be, ae = I.current ? bs : _s, G = Y.position || ws(b, U, se, ae), { top: Q, left: fe, arrowOffset: je, arrowOffsetY: Se } = gs(G, b, U, se, ae);
-    M(G), g({
+    const b = m.getBoundingClientRect(), U = x.current.getBoundingClientRect().height || 160, se = Be, oe = B.current ? js : Ns, G = Y.position || ys(b, U, se, oe), { top: Q, left: fe, arrowOffset: je, arrowOffsetY: Se } = ks(G, b, U, se, oe);
+    M(G), k({
       position: "fixed",
       top: Q,
       left: fe,
@@ -3649,40 +3657,40 @@ function Gn({
   return P(() => {
     window.addEventListener("scroll", H, !0), window.addEventListener("resize", H);
     const Y = requestAnimationFrame(() => {
-      H(), W(!0), $.current = !0;
+      H(), W(!0), R.current = !0;
     });
     return () => {
       cancelAnimationFrame(Y), window.removeEventListener("scroll", H, !0), window.removeEventListener("resize", H);
     };
   }, []), P(() => {
-    if (!$.current) return;
+    if (!R.current) return;
     W(!1);
     const Y = setTimeout(() => {
-      g((m) => ({ ...m, visibility: "hidden" })), requestAnimationFrame(() => {
+      k((m) => ({ ...m, visibility: "hidden" })), requestAnimationFrame(() => {
         H(), W(!0);
       });
-    }, js + 20);
+    }, ws + 20);
     return () => clearTimeout(Y);
   }, [s]), P(() => {
-    L && x.current && x.current.focus({ preventScroll: !0 });
-  }, [L]), P(() => {
+    D && x.current && x.current.focus({ preventScroll: !0 });
+  }, [D]), P(() => {
     const Y = (m) => {
-      m.key === "Escape" && a();
+      m.key === "Escape" && o();
     };
     return document.addEventListener("keydown", Y), () => document.removeEventListener("keydown", Y);
-  }, [a]), P(() => {
-    if (!L) return;
+  }, [o]), P(() => {
+    if (!D) return;
     const Y = (m) => {
       if (m.key !== "Tab" || !x.current) return;
       const b = Array.from(
         x.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])')
       );
       if (!b.length) return;
-      const B = b[0], U = b[b.length - 1];
-      m.shiftKey && document.activeElement === B ? (m.preventDefault(), U.focus()) : !m.shiftKey && document.activeElement === U && (m.preventDefault(), B.focus());
+      const I = b[0], U = b[b.length - 1];
+      m.shiftKey && document.activeElement === I ? (m.preventDefault(), U.focus()) : !m.shiftKey && document.activeElement === U && (m.preventDefault(), I.focus());
     };
     return document.addEventListener("keydown", Y), () => document.removeEventListener("keydown", Y);
-  }, [L]), !S || typeof document > "u" ? null : re.createPortal(
+  }, [D]), !A || typeof document > "u" ? null : re.createPortal(
     /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       V && /* @__PURE__ */ e.jsx(
         "div",
@@ -3691,7 +3699,7 @@ function Gn({
             "ds-coachmark__spotlight",
             i && "ds-coachmark__spotlight--overlay",
             !l && "ds-coachmark__spotlight--no-ring",
-            L && "ds-coachmark__spotlight--visible"
+            D && "ds-coachmark__spotlight--visible"
           ].filter(Boolean).join(" "),
           style: V,
           "aria-hidden": "true"
@@ -3705,11 +3713,11 @@ function Gn({
           role: "dialog",
           "aria-modal": "false",
           "aria-live": "polite",
-          "aria-label": S.title ?? j("stepOf", { current: s + 1, total: t.length }),
+          "aria-label": A.title ?? w("stepOf", { current: s + 1, total: t.length }),
           className: [
             "ds-coachmark__bubble",
             `ds-coachmark__bubble--${C}`,
-            L && "ds-coachmark__bubble--visible"
+            D && "ds-coachmark__bubble--visible"
           ].filter(Boolean).join(" "),
           style: O,
           tabIndex: -1,
@@ -3719,13 +3727,13 @@ function Gn({
               {
                 type: "button",
                 className: "ds-coachmark__close",
-                onClick: a,
-                "aria-label": T,
+                onClick: o,
+                "aria-label": g,
                 children: /* @__PURE__ */ e.jsx(te, { size: 16, strokeWidth: 2 })
               }
             ),
-            S.title && /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__title", children: S.title }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__body", children: S.content }),
+            A.title && /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__title", children: A.title }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__body", children: A.content }),
             /* @__PURE__ */ e.jsxs("div", { className: "ds-coachmark__footer", children: [
               t.length > 1 && /* @__PURE__ */ e.jsxs("span", { className: "ds-coachmark__counter", children: [
                 s + 1,
@@ -3733,8 +3741,8 @@ function Gn({
                 t.length
               ] }),
               /* @__PURE__ */ e.jsxs("div", { className: "ds-coachmark__footer-nav", children: [
-                s > 0 && /* @__PURE__ */ e.jsx(de, { variant: "secondary", size: "s", state: f, onClick: r, children: N }),
-                /* @__PURE__ */ e.jsx(de, { variant: "primary", size: "s", state: h, onClick: z ? o : n, children: z ? A : y })
+                s > 0 && /* @__PURE__ */ e.jsx(de, { variant: "secondary", size: "s", state: f, onClick: r, children: j }),
+                /* @__PURE__ */ e.jsx(de, { variant: "primary", size: "s", state: h, onClick: F ? a : n, children: F ? $ : T })
               ] })
             ] })
           ]
@@ -3744,24 +3752,24 @@ function Gn({
     document.body
   );
 }
-function Kn(t, s = {}) {
-  const { storageKey: n } = s, [r, a] = D(0), [o, i] = D(!1), l = () => n && typeof localStorage < "u" && localStorage.getItem(n) === "done", c = ne(() => {
+function Jn(t, s = {}) {
+  const { storageKey: n } = s, [r, o] = L(0), [a, i] = L(!1), l = () => n && typeof localStorage < "u" && localStorage.getItem(n) === "done", c = ne(() => {
     i(!1), n && typeof localStorage < "u" && localStorage.setItem(n, "done");
   }, [n]);
   return {
     currentStep: r,
-    isActive: o,
+    isActive: a,
     start: () => {
-      l() || (a(0), i(!0));
+      l() || (o(0), i(!0));
     },
-    next: () => a((u) => Math.min(u + 1, t.length - 1)),
-    back: () => a((u) => Math.max(u - 1, 0)),
+    next: () => o((u) => Math.min(u + 1, t.length - 1)),
+    back: () => o((u) => Math.max(u - 1, 0)),
     skip: c,
     finish: c
   };
 }
-function Xn() {
-  const t = R(null), s = ne(() => {
+function Zn() {
+  const t = S(null), s = ne(() => {
     const n = t.current;
     if (!n) return;
     n.classList.remove("ds-shake"), n.offsetWidth, n.classList.add("ds-shake");
@@ -3774,102 +3782,102 @@ function Xn() {
 }
 export {
   He as Accordion,
-  zs as Alert,
-  $n as AnimatedNumber,
-  en as Avatar,
+  Ws as Alert,
+  Sn as AnimatedNumber,
+  sn as Avatar,
   he as Badge,
-  kn as Banner,
-  Ws as BottomSheet,
-  fn as Breadcrumb,
-  Vs as BrowserPane,
-  Ys as BrowserTabs,
+  Tn as Banner,
+  Cs as BottomSheet,
+  pn as Breadcrumb,
+  qs as BrowserPane,
+  Gs as BrowserTabs,
   de as Button,
-  Bs as Card,
-  Pn as ChatMessage,
-  Zs as Checkbox,
-  Gn as Coachmark,
-  Os as Code,
-  Ht as CodeAccordion,
-  Cn as ConfidenceBar,
-  cs as CopyButton,
-  Un as DiffView,
-  En as Dropdown,
-  cn as EmptyState,
-  Yn as EngineerGrid,
-  dn as FormField,
-  Is as H1,
-  Ls as H2,
-  Ds as H3,
-  Ps as H4,
-  Rn as InView,
-  $s as Input,
-  Cs as Link,
-  qs as List,
-  Gs as ListRow,
-  Ts as LocaleProvider,
-  Xs as Mention,
-  xs as MessageFeedback,
-  Hn as MessageFooter,
-  Fs as Modal,
+  Ds as Card,
+  Fn as ChatMessage,
+  en as Checkbox,
+  Xn as Coachmark,
+  Us as Code,
+  Vt as CodeAccordion,
+  Hn as ConfidenceBar,
+  us as CopyButton,
+  Vn as DiffView,
+  $n as Dropdown,
+  un as EmptyState,
+  Gn as EngineerGrid,
+  fn as FormField,
+  Ls as H1,
+  Ps as H2,
+  Ms as H3,
+  Fs as H4,
+  An as InView,
+  Ss as Input,
+  Hs as Link,
+  Ks as List,
+  Xs as ListRow,
+  Rs as LocaleProvider,
+  Zs as Mention,
+  bs as MessageFeedback,
+  Yn as MessageFooter,
+  Os as Modal,
   xe as ModalFooter,
-  Fn as ModelPicker,
-  hn as NavRail,
-  gn as NavRailAgent,
-  vn as NavRailBody,
-  wn as NavRailCustomItem,
-  jn as NavRailDivider,
-  yn as NavRailFlyout,
-  _n as NavRailFooter,
-  bn as NavRailHeader,
-  xn as NavRailItem,
-  Nn as NavRailRecents,
-  Ms as P1,
-  Ft as P2,
-  ft as P3,
-  mn as Pagination,
-  Tn as ProgressBar,
-  zn as PromptInput,
-  Qs as Radio,
-  In as ReasoningBlock,
-  qn as Scrollable,
-  Ks as SegmentedControl,
-  Ss as Select,
-  pn as SidePage,
-  et as SidePageFooter,
-  Gt as Skeleton,
-  Wn as SourcesPanel,
-  Mt as Spinner,
-  un as Stat,
-  Ln as StepIndicator,
-  As as Stepper,
-  Dn as StreamingText,
-  Hs as Tab,
-  tn as Table,
-  nn as TableBody,
-  sn as TableHead,
-  rn as TableRow,
-  an as TableSubheaderRow,
-  Us as Tabs,
-  ln as Td,
-  Rs as Textarea,
-  on as Th,
-  Vn as ThinkingDot,
-  An as ToastContainer,
-  Js as Toggle,
-  On as TokenCounter,
-  Bn as ToolCallBubble,
-  Bn as ToolCallCard,
+  On as ModelPicker,
+  vn as NavRail,
+  kn as NavRailAgent,
+  _n as NavRailBody,
+  yn as NavRailCustomItem,
+  wn as NavRailDivider,
+  En as NavRailFlyout,
+  Nn as NavRailFooter,
+  jn as NavRailHeader,
+  bn as NavRailItem,
+  gn as NavRailRecents,
+  zs as P1,
+  Wt as P2,
+  mt as P3,
+  hn as Pagination,
+  Rn as ProgressBar,
+  Wn as PromptInput,
+  tn as Radio,
+  Ln as ReasoningBlock,
+  Kn as Scrollable,
+  Js as SegmentedControl,
+  Bs as Select,
+  xn as SidePage,
+  tt as SidePageFooter,
+  Xt as Skeleton,
+  Cn as SourcesPanel,
+  Ft as Spinner,
+  mn as Stat,
+  Pn as StepIndicator,
+  Is as Stepper,
+  Mn as StreamingText,
+  Ys as Tab,
+  nn as Table,
+  on as TableBody,
+  rn as TableHead,
+  an as TableRow,
+  ln as TableSubheaderRow,
+  Vs as Tabs,
+  dn as Td,
+  As as Textarea,
+  cn as Th,
+  qn as ThinkingDot,
+  In as ToastContainer,
+  Qs as Toggle,
+  Un as TokenCounter,
+  Dn as ToolCallBubble,
+  Dn as ToolCallCard,
   Ve as Tooltip,
   $e as defaultStrings,
-  ut as formatString,
+  ft as formatString,
   q as iconSizes,
-  ns as useAnimatedNumber,
-  ds as useAnimatedPlaceholder,
-  Kn as useCoachmark,
-  rs as useInView,
+  os as useAnimatedNumber,
+  fs as useAnimatedPlaceholder,
+  Jn as useCoachmark,
+  as as useInView,
   be as useLocale,
-  Xn as useShake,
-  Mn as useStreamScroll,
+  Zn as useShake,
+  zn as useStreamScroll,
   K as useStrings,
-  Sn as useToast
+  Bn as useToast
 };