@donkit-ai/design-system 1.4.26 → 1.4.28

package/dist/index.es.js

@@ -59,24 +59,24 @@ function os() {
         return c.$$typeof === C ? null : c.displayName || c.name || null;
       if (typeof c == "string") return c;
       switch (c) {
-        case $:
+        case R:
           return "Fragment";
         case B:
           return "Profiler";
-        case S:
+        case $:
           return "StrictMode";
         case A:
           return "Suspense";
         case Y:
           return "SuspenseList";
-        case b:
+        case v:
           return "Activity";
       }
       if (typeof c == "object")
         switch (typeof c.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), c.$$typeof) {
-          case v:
+          case j:
             return "Portal";
           case T:
             return c.displayName || "Context";
@@ -117,7 +117,7 @@ function os() {
       }
     }
     function i(c) {
-      if (c === $) return "<>";
+      if (c === R) return "<>";
       if (typeof c == "object" && c !== null && c.$$typeof === F)
         return "<...>";
       try {
@@ -153,7 +153,7 @@ function os() {
         configurable: !0
       });
     }
-    function f() {
+    function m() {
       var c = s(this.type);
       return P[c] || (P[c] = !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."
@@ -162,14 +162,14 @@ function os() {
     function d(c, w, L, O, te, ae) {
       var W = L.ref;
       return c = {
-        $$typeof: x,
+        $$typeof: _,
         type: c,
         key: w,
         props: L,
         _owner: O
       }, (W !== void 0 ? W : null) !== null ? Object.defineProperty(c, "ref", {
         enumerable: !1,
-        get: f
+        get: m
       }) : Object.defineProperty(c, "ref", { enumerable: !1, value: null }), c._store = {}, Object.defineProperty(c._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -196,7 +196,7 @@ function os() {
       var W = w.children;
       if (W !== void 0)
         if (O)
-          if (_(W)) {
+          if (x(W)) {
             for (O = 0; O < W.length; O++)
               p(W[O]);
             Object.freeze && Object.freeze(W);
@@ -244,21 +244,21 @@ React keys must be passed directly to JSX without using spread:
       h(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === F && (c._payload.status === "fulfilled" ? h(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
     }
     function h(c) {
-      return typeof c == "object" && c !== null && c.$$typeof === x;
+      return typeof c == "object" && c !== null && c.$$typeof === _;
     }
-    var m = K, x = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), $ = Symbol.for("react.fragment"), S = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), T = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), A = Symbol.for("react.suspense"), Y = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), b = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), X = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, _ = Array.isArray, N = console.createTask ? console.createTask : function() {
+    var f = K, _ = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), T = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), A = Symbol.for("react.suspense"), Y = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), v = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), X = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, x = Array.isArray, N = console.createTask ? console.createTask : function() {
       return null;
     };
-    m = {
+    f = {
       react_stack_bottom_frame: function(c) {
         return c();
       }
     };
-    var k, P = {}, q = m.react_stack_bottom_frame.bind(
-      m,
+    var k, P = {}, q = f.react_stack_bottom_frame.bind(
+      f,
       r
     )(), G = N(i(r)), g = {};
-    fe.Fragment = $, fe.jsx = function(c, w, L) {
+    fe.Fragment = R, fe.jsx = function(c, w, L) {
       var O = 1e4 > X.recentlyCreatedOwnerStacks++;
       return u(
         c,
@@ -304,40 +304,40 @@ function me({
   disabled: r = !1,
   state: o = "idle",
   onClick: l,
-  type: f = "button",
+  type: m = "button",
   href: d,
   "aria-label": u,
   className: p = "",
   ...h
 }) {
-  const m = a && !s, x = o === "loading", v = o === "success", $ = o === "error", S = x || v || $, B = n === "xs" ? "s" : "m", y = t === "danger" ? "on-accent" : "default", T = cs[n] ?? 16, z = x ? /* @__PURE__ */ e.jsx(ls, { size: B, color: y }) : v ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Ne, { size: T, strokeWidth: 2.5 }) }) : $ ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(re, { size: T, strokeWidth: 2.5 }) }) : null, A = [
+  const f = a && !s, _ = o === "loading", j = o === "success", R = o === "error", $ = _ || j || R, B = n === "xs" ? "s" : "m", y = t === "danger" ? "on-accent" : "default", T = cs[n] ?? 16, z = _ ? /* @__PURE__ */ e.jsx(ls, { size: B, color: y }) : j ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Ne, { size: T, strokeWidth: 2.5 }) }) : R ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(re, { size: T, strokeWidth: 2.5 }) }) : null, A = [
     "ds-button",
     `ds-button--${t}`,
     `ds-button--${n}`,
     i && "ds-button--full",
-    m && "ds-button--icon-only",
+    f && "ds-button--icon-only",
     p
   ].filter(Boolean).join(" "), Y = o !== "idle" ? o : void 0, H = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    S ? z : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
+    $ ? z : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
     s
   ] });
   if (d) {
-    const F = (b) => {
-      if (r || x) {
-        b.preventDefault();
+    const F = (v) => {
+      if (r || _) {
+        v.preventDefault();
         return;
       }
-      b.metaKey || b.ctrlKey || b.button === 1 || (b.preventDefault(), l == null || l(b));
+      v.metaKey || v.ctrlKey || v.button === 1 || (v.preventDefault(), l == null || l(v));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
         className: A,
-        href: r || x ? void 0 : d,
+        href: r || _ ? void 0 : d,
         onClick: F,
         "aria-label": u,
-        "aria-disabled": r || x ? "true" : void 0,
-        "aria-busy": x ? "true" : void 0,
+        "aria-disabled": r || _ ? "true" : void 0,
+        "aria-busy": _ ? "true" : void 0,
         "data-state": Y,
         ...h,
         children: H
@@ -347,12 +347,12 @@ function me({
   return /* @__PURE__ */ e.jsx(
     "button",
     {
-      type: f,
+      type: m,
       className: A,
       disabled: r,
-      onClick: x ? void 0 : l,
+      onClick: _ ? void 0 : l,
       "aria-label": u,
-      "aria-busy": x ? "true" : void 0,
+      "aria-busy": _ ? "true" : void 0,
       "data-state": Y,
       ...h,
       children: H
@@ -368,12 +368,12 @@ function Us({
   iconRight: r,
   onIconRightClick: o,
   size: l = "m",
-  disabled: f,
+  disabled: m,
   id: d,
   ...u
 }) {
-  const p = d || `input-${K.useId()}`, h = n ? `${p}-hint` : void 0, m = t ? `${p}-error` : void 0, x = m || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${i ? "ds-input-wrapper--full" : ""} ${f ? "ds-input-wrapper--disabled" : ""} ${t ? "ds-input-wrapper--error" : ""}`, children: [
+  const p = d || `input-${K.useId()}`, h = n ? `${p}-hint` : void 0, f = t ? `${p}-error` : void 0, _ = f || h;
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${i ? "ds-input-wrapper--full" : ""} ${m ? "ds-input-wrapper--disabled" : ""} ${t ? "ds-input-wrapper--error" : ""}`, children: [
     s && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: p, children: s }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-input-container", children: [
       a && /* @__PURE__ */ e.jsx("span", { className: `ds-input-icon ds-input-icon--${l}`, "aria-hidden": "true", children: a }),
@@ -382,9 +382,9 @@ function Us({
         {
           id: p,
           className: `ds-input ds-input--${l} ${a ? "ds-input--with-icon" : ""} ${r ? "ds-input--with-icon-right" : ""} ${t ? "ds-input--error" : ""}`,
-          disabled: f,
+          disabled: m,
           "aria-invalid": t ? "true" : "false",
-          "aria-describedby": x,
+          "aria-describedby": _,
           ...u
         }
       ),
@@ -401,7 +401,7 @@ function Us({
       )
     ] }),
     n && !t && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-input-hint", children: n }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: t && /* @__PURE__ */ e.jsx("span", { id: m, className: "ds-input-error", role: "alert", children: t }) }) })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: t && /* @__PURE__ */ e.jsx("span", { id: f, className: "ds-input-error", role: "alert", children: t }) }) })
   ] });
 }
 function Vs({
@@ -413,10 +413,10 @@ function Vs({
   disabled: r,
   id: o,
   resize: l = !0,
-  rows: f = 3,
+  rows: m = 3,
   ...d
 }) {
-  const u = o || `textarea-${K.useId()}`, p = n ? `${u}-hint` : void 0, h = t ? `${u}-error` : void 0, m = h || p;
+  const u = o || `textarea-${K.useId()}`, p = n ? `${u}-hint` : void 0, h = t ? `${u}-error` : void 0, f = h || p;
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${i ? "ds-textarea-wrapper--full" : ""} ${r ? "ds-textarea-wrapper--disabled" : ""}`, children: [
     s && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: u, children: s }),
     /* @__PURE__ */ e.jsx(
@@ -426,8 +426,8 @@ function Vs({
         className: `ds-textarea ds-textarea--${a} ${t ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
         disabled: r,
         "aria-invalid": t ? "true" : "false",
-        "aria-describedby": m,
-        rows: f,
+        "aria-describedby": f,
+        rows: m,
         ...d
       }
     ),
@@ -444,17 +444,17 @@ function Ys({
   error: r,
   fullWidth: o = !0,
   size: l = "m",
-  disabled: f = !1,
+  disabled: m = !1,
   id: d,
   ...u
 }) {
-  const [p, h] = D(!1), [m, x] = D(!1), [v, $] = D({}), [S, B] = D("down"), [y, T] = D(-1), z = E(null), A = E(null), Y = E(null), H = E(null), F = d || `select-${K.useId()}`, b = `${F}-label`, C = r ? `${F}-error` : void 0, X = 150, U = (g = !1) => {
-    m || (x(!0), T(-1), H.current = setTimeout(() => {
+  const [p, h] = D(!1), [f, _] = D(!1), [j, R] = D({}), [$, B] = D("down"), [y, T] = D(-1), z = E(null), A = E(null), Y = E(null), H = E(null), F = d || `select-${K.useId()}`, v = `${F}-label`, C = r ? `${F}-error` : void 0, X = 150, U = (g = !1) => {
+    f || (_(!0), T(-1), H.current = setTimeout(() => {
       var c;
-      h(!1), x(!1), g && ((c = Y.current) == null || c.focus());
+      h(!1), _(!1), g && ((c = Y.current) == null || c.focus());
     }, X));
-  }, _ = (g) => {
-    clearTimeout(H.current), x(!1);
+  }, x = (g) => {
+    clearTimeout(H.current), _(!1);
     const c = g !== void 0 ? g : Math.max(i.findIndex((w) => w.value === t), 0);
     T(c), h(!0);
   };
@@ -464,7 +464,7 @@ function Ys({
     const g = (ae = z.current) == null ? void 0 : ae.getBoundingClientRect();
     if (!g) return;
     const c = window.innerHeight, w = c - g.bottom, L = g.top, te = w < 300 && L > w;
-    B(te ? "up" : "down"), $(
+    B(te ? "up" : "down"), R(
       te ? { bottom: c - g.top + 4, left: g.left, width: g.width } : { top: g.bottom + 4, left: g.left, width: g.width }
     );
   };
@@ -478,7 +478,7 @@ function Ys({
       z.current && !z.current.contains(c.target) && A.current && !A.current.contains(c.target) && U();
     };
     return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
-  }, [m]), M(() => {
+  }, [f]), M(() => {
     var c;
     if (!p || y < 0 || !A.current) return;
     (c = A.current.querySelectorAll(".ds-select-option")[y]) == null || c.scrollIntoView({ block: "nearest" });
@@ -486,10 +486,10 @@ function Ys({
   const k = (g) => {
     switch (g.key) {
       case "ArrowDown":
-        g.preventDefault(), p ? T((c) => Math.min(c + 1, i.length - 1)) : _();
+        g.preventDefault(), p ? T((c) => Math.min(c + 1, i.length - 1)) : x();
         break;
       case "ArrowUp":
-        g.preventDefault(), p ? T((c) => Math.max(c - 1, 0)) : _(i.length - 1);
+        g.preventDefault(), p ? T((c) => Math.max(c - 1, 0)) : x(i.length - 1);
         break;
       case "Home":
         p && (g.preventDefault(), T(0));
@@ -499,7 +499,7 @@ function Ys({
         break;
       case "Enter":
       case " ":
-        g.preventDefault(), p ? y >= 0 && (n == null || n(i[y].value), U(!0)) : _();
+        g.preventDefault(), p ? y >= 0 && (n == null || n(i[y].value), U(!0)) : x();
         break;
       case "Escape":
         p && (g.preventDefault(), U(!0));
@@ -513,15 +513,15 @@ function Ys({
     {
       ref: A,
       role: "listbox",
-      "aria-labelledby": s ? b : void 0,
+      "aria-labelledby": s ? v : void 0,
       tabIndex: -1,
       className: [
         "ds-select-dropdown",
         `ds-select-dropdown--${l}`,
-        `ds-select-dropdown--${S}`,
-        m && "ds-select-dropdown--closing"
+        `ds-select-dropdown--${$}`,
+        f && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
-      style: v,
+      style: j,
       children: i.map((g, c) => /* @__PURE__ */ e.jsx(
         "button",
         {
@@ -545,8 +545,8 @@ function Ys({
       ))
     }
   );
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${o ? "ds-select-wrapper--full" : ""} ${f ? "ds-select-wrapper--disabled" : ""}`, children: [
-    s && /* @__PURE__ */ e.jsx("label", { id: b, className: "ds-select-label", children: s }),
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${o ? "ds-select-wrapper--full" : ""} ${m ? "ds-select-wrapper--disabled" : ""}`, children: [
+    s && /* @__PURE__ */ e.jsx("label", { id: v, className: "ds-select-label", children: s }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: z, children: /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -557,15 +557,15 @@ function Ys({
         "aria-haspopup": "listbox",
         "aria-expanded": p,
         "aria-activedescendant": p && y >= 0 ? `${F}-opt-${y}` : void 0,
-        "aria-labelledby": s ? b : void 0,
+        "aria-labelledby": s ? v : void 0,
         "aria-invalid": r ? "true" : "false",
         "aria-describedby": C,
         className: `ds-select-trigger ds-select-trigger--${l} ${r ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          f || (p ? U() : _());
+          m || (p ? U() : x());
         },
         onKeyDown: k,
-        disabled: f,
+        disabled: m,
         ...u,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: P ? "" : "ds-select-placeholder", children: (P == null ? void 0 : P.label) || a }),
@@ -574,7 +574,7 @@ function Ys({
             {
               size: q,
               strokeWidth: 1.5,
-              className: `ds-select-icon ${p && S === "down" ? "ds-select-icon--open" : ""} ${p && S === "up" ? "ds-select-icon--up" : ""}`,
+              className: `ds-select-icon ${p && $ === "down" ? "ds-select-icon--open" : ""} ${p && $ === "up" ? "ds-select-icon--up" : ""}`,
               "aria-hidden": "true"
             }
           )
@@ -594,21 +594,21 @@ function Hs({
   step: r = 1,
   size: o = "m",
   disabled: l = !1,
-  hint: f,
+  hint: m,
   error: d,
   ...u
 }) {
   const p = () => {
     if (l) return;
-    const S = Math.min(Number(t) + r, a);
-    n == null || n(S);
+    const $ = Math.min(Number(t) + r, a);
+    n == null || n($);
   }, h = () => {
     if (l) return;
-    const S = Math.max(Number(t) - r, i);
-    n == null || n(S);
-  }, m = (S) => {
+    const $ = Math.max(Number(t) - r, i);
+    n == null || n($);
+  }, f = ($) => {
     if (l) return;
-    const B = S.target.value;
+    const B = $.target.value;
     if (B === "") {
       n == null || n(i);
       return;
@@ -618,18 +618,18 @@ function Hs({
       const T = Math.min(Math.max(y, i), a);
       n == null || n(T);
     }
-  }, x = [
+  }, _ = [
     "ds-stepper-wrapper",
     l && "ds-stepper-wrapper--disabled",
     d && "ds-stepper-wrapper--error"
-  ].filter(Boolean).join(" "), v = [
+  ].filter(Boolean).join(" "), j = [
     "ds-stepper",
     `ds-stepper--${o}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), $ = o === "xs" ? I[1] : o === "small" ? I[2] : I[3];
-  return /* @__PURE__ */ e.jsxs("div", { className: x, children: [
+  ].filter(Boolean).join(" "), R = o === "xs" ? I[1] : o === "small" ? I[2] : I[3];
+  return /* @__PURE__ */ e.jsxs("div", { className: _, children: [
     s && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: s }),
-    /* @__PURE__ */ e.jsxs("div", { className: v, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: j, children: [
       /* @__PURE__ */ e.jsx(
         "button",
         {
@@ -638,7 +638,7 @@ function Hs({
           onClick: h,
           disabled: l || t <= i,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ e.jsx(Ye, { size: $, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(Ye, { size: R, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -647,7 +647,7 @@ function Hs({
           type: "number",
           className: "ds-stepper-input",
           value: t,
-          onChange: m,
+          onChange: f,
           min: i,
           max: a,
           step: r,
@@ -663,11 +663,11 @@ function Hs({
           onClick: p,
           disabled: l || t >= a,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ e.jsx(He, { size: $, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(He, { size: R, strokeWidth: 1.5 })
         }
       )
     ] }),
-    f && !d && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: f }),
+    m && !d && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: m }),
     d && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: d })
   ] });
 }
@@ -688,19 +688,19 @@ function qs({
     d && "ds-card--interactive"
   ].filter(Boolean).join(" ");
   if (r) {
-    const m = (x) => {
+    const f = (_) => {
       if (o) {
-        x.preventDefault();
+        _.preventDefault();
         return;
       }
-      x.metaKey || x.ctrlKey || x.button === 1 || (x.preventDefault(), a == null || a(x));
+      _.metaKey || _.ctrlKey || _.button === 1 || (_.preventDefault(), a == null || a(_));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
         className: u,
         href: o ? void 0 : r,
-        onClick: m,
+        onClick: f,
         "aria-disabled": o ? "true" : void 0,
         ...l,
         children: s
@@ -798,48 +798,52 @@ function et({
   onClose: n,
   size: i = "m",
   scrollable: a = !1,
-  ...r
+  subHeader: r,
+  ...o
 }) {
-  const o = E(null), l = K.useId(), [f, d] = D(!1), u = () => {
-    !n || f || (d(!0), setTimeout(() => {
-      d(!1), n();
+  const l = E(null), m = K.useId(), [d, u] = D(!1), p = () => {
+    !n || d || (u(!0), setTimeout(() => {
+      u(!1), n();
     }, fs));
   };
   M(() => {
-    const x = ($) => {
-      $.key === "Escape" && u();
-    }, v = ($) => {
-      o.current && !o.current.contains($.target) && u();
+    const j = ($) => {
+      $.key === "Escape" && p();
+    }, R = ($) => {
+      l.current && !l.current.contains($.target) && p();
     };
-    return document.addEventListener("keydown", x), document.addEventListener("mousedown", v), () => {
-      document.removeEventListener("keydown", x), document.removeEventListener("mousedown", v);
+    return document.addEventListener("keydown", j), document.addEventListener("mousedown", R), () => {
+      document.removeEventListener("keydown", j), document.removeEventListener("mousedown", R);
     };
-  }, [n, f]);
-  const p = K.Children.toArray(s), h = p.find((x) => (x == null ? void 0 : x.type) === Ie), m = p.filter((x) => (x == null ? void 0 : x.type) !== Ie);
-  return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", f && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...r, children: /* @__PURE__ */ e.jsxs(
+  }, [n, d]);
+  const h = K.Children.toArray(s), f = h.find((j) => (j == null ? void 0 : j.type) === Ie), _ = h.filter((j) => (j == null ? void 0 : j.type) !== Ie);
+  return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", d && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...o, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [`ds-modal ds-modal--${i}`, a && "ds-modal--scrollable"].filter(Boolean).join(" "),
-      ref: o,
+      ref: l,
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": t ? l : void 0,
+      "aria-labelledby": t ? m : void 0,
       children: [
-        (t || n) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
-          t && /* @__PURE__ */ e.jsx("h3", { id: l, className: "ds-modal__title", children: t }),
-          n && /* @__PURE__ */ e.jsx(
-            me,
-            {
-              variant: "ghost",
-              size: "small",
-              icon: /* @__PURE__ */ e.jsx(re, { size: I[2], strokeWidth: 1.5 }),
-              onClick: u,
-              "aria-label": "Close modal"
-            }
-          )
+        (t || n || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
+          (t || n) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header-row", children: [
+            t && /* @__PURE__ */ e.jsx("h3", { id: m, className: "ds-modal__title", children: t }),
+            n && /* @__PURE__ */ e.jsx(
+              me,
+              {
+                variant: "ghost",
+                size: "small",
+                icon: /* @__PURE__ */ e.jsx(re, { size: I[2], strokeWidth: 1.5 }),
+                onClick: p,
+                "aria-label": "Close modal"
+              }
+            )
+          ] }),
+          r && /* @__PURE__ */ e.jsx("div", { className: "ds-modal__subheader", children: r })
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body", children: m }),
-        h
+        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body", children: _ }),
+        f
       ]
     }
   ) });
@@ -857,15 +861,15 @@ function ms({
   className: o = "",
   ...l
 }) {
-  const [f, d] = D(n), u = i !== void 0, p = u ? i : f, h = () => {
-    u ? a == null || a(!i) : d((x) => !x);
-  }, m = [
+  const [m, d] = D(n), u = i !== void 0, p = u ? i : m, h = () => {
+    u ? a == null || a(!i) : d((_) => !_);
+  }, f = [
     "ds-code-accordion",
     `ds-code-accordion--${r}`,
     p && "ds-code-accordion--expanded",
     o
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: m, ...l, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: f, ...l, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -910,7 +914,7 @@ function tt({ href: s, children: t, onClick: n, target: i, rel: a, ...r }) {
 function nt({ children: s, size: t = "m", variant: n = "ghost", ...i }) {
   return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...i, children: K.Children.map(s, (a) => K.isValidElement(a) ? K.cloneElement(a, { size: t, variant: n }) : a) });
 }
-function rt({ children: s, selected: t = !1, onClick: n, size: i = "m", variant: a = "ghost", disabled: r = !1, icon: o, href: l, ...f }) {
+function rt({ children: s, selected: t = !1, onClick: n, size: i = "m", variant: a = "ghost", disabled: r = !1, icon: o, href: l, ...m }) {
   const d = o && !s, u = [
     "ds-tab",
     `ds-tab--${i}`,
@@ -922,12 +926,12 @@ function rt({ children: s, selected: t = !1, onClick: n, size: i = "m", variant:
     s
   ] });
   if (l) {
-    const h = (m) => {
+    const h = (f) => {
       if (r) {
-        m.preventDefault();
+        f.preventDefault();
         return;
       }
-      m.metaKey || m.ctrlKey || m.button === 1 || (m.preventDefault(), n == null || n(m));
+      f.metaKey || f.ctrlKey || f.button === 1 || (f.preventDefault(), n == null || n(f));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
@@ -938,7 +942,7 @@ function rt({ children: s, selected: t = !1, onClick: n, size: i = "m", variant:
         className: u,
         href: r ? void 0 : l,
         onClick: h,
-        ...f,
+        ...m,
         children: p
       }
     );
@@ -951,18 +955,18 @@ function rt({ children: s, selected: t = !1, onClick: n, size: i = "m", variant:
       className: u,
       onClick: n,
       disabled: r,
-      ...f,
+      ...m,
       children: p
     }
   );
 }
 function at({ options: s, value: t, onChange: n, size: i = "m", disabled: a = !1 }) {
-  const r = E(null), o = E(null), [l, f] = D(!1), d = E(!1), u = E(null), p = E(null), h = () => {
+  const r = E(null), o = E(null), [l, m] = D(!1), d = E(!1), u = E(null), p = E(null), h = () => {
     if (!r.current) return;
-    const m = r.current.querySelector(`[data-value="${t}"]`);
-    if (!m) return;
-    const x = r.current.getBoundingClientRect(), v = m.getBoundingClientRect(), $ = v.left - x.left, S = v.width;
-    o.current ? (o.current.style.transition = d.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", o.current.style.left = $ + "px", o.current.style.width = S + "px", d.current = !1) : (f(!0), requestAnimationFrame(() => {
+    const f = r.current.querySelector(`[data-value="${t}"]`);
+    if (!f) return;
+    const _ = r.current.getBoundingClientRect(), j = f.getBoundingClientRect(), R = j.left - _.left, $ = j.width;
+    o.current ? (o.current.style.transition = d.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", o.current.style.left = R + "px", o.current.style.width = $ + "px", d.current = !1) : (m(!0), requestAnimationFrame(() => {
       if (!o.current || !r.current) return;
       const B = r.current.querySelector(`[data-value="${t}"]`);
       if (!B) return;
@@ -971,14 +975,14 @@ function at({ options: s, value: t, onChange: n, size: i = "m", disabled: a = !1
     }));
   };
   return p.current = h, Ve(() => {
-    const m = u.current !== t;
-    u.current = t, d.current = l && m, h();
+    const f = u.current !== t;
+    u.current = t, d.current = l && f, h();
   }), M(() => {
     if (!r.current) return;
-    const m = new ResizeObserver(() => {
+    const f = new ResizeObserver(() => {
       d.current = !1, p.current();
     });
-    return m.observe(r.current), () => m.disconnect();
+    return f.observe(r.current), () => f.disconnect();
   }, []), /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -998,21 +1002,21 @@ function at({ options: s, value: t, onChange: n, size: i = "m", disabled: a = !1
             "aria-hidden": "true"
           }
         ),
-        s.map((m) => /* @__PURE__ */ e.jsxs(
+        s.map((f) => /* @__PURE__ */ e.jsxs(
           "button",
           {
             type: "button",
-            "data-value": m.value,
-            className: ["ds-seg__btn", t === m.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
-            onClick: () => !a && n(m.value),
-            "aria-pressed": t === m.value,
+            "data-value": f.value,
+            className: ["ds-seg__btn", t === f.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
+            onClick: () => !a && n(f.value),
+            "aria-pressed": t === f.value,
             disabled: a,
             children: [
-              m.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: m.icon }),
-              m.label
+              f.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: f.icon }),
+              f.label
             ]
           },
-          m.value
+          f.value
         ))
       ]
     }
@@ -1027,8 +1031,8 @@ function Ee({
   padding: r = "m",
   ...o
 }) {
-  const [l, f] = D(n), d = i !== void 0, u = d ? i : l, p = () => {
-    d ? a == null || a(!i) : f((m) => !m);
+  const [l, m] = D(n), d = i !== void 0, u = d ? i : l, p = () => {
+    d ? a == null || a(!i) : m((f) => !f);
   }, h = [
     "ds-accordion",
     `ds-accordion--${r}`,
@@ -1091,10 +1095,10 @@ function hs(s, t, n) {
   return r === s.top ? "top" : r === a - s.bottom ? "bottom" : r === i - s.right ? "right" : "left";
 }
 function it({ children: s, content: t, position: n, ...i }) {
-  const [a, r] = D(!1), [o, l] = D({ visibility: "hidden" }), [f, d] = D(n || "top"), u = E(null), p = E(null), h = E(!1), m = () => {
+  const [a, r] = D(!1), [o, l] = D({ visibility: "hidden" }), [m, d] = D(n || "top"), u = E(null), p = E(null), h = E(!1), f = () => {
     if (!u.current || !p.current) return;
-    const v = u.current.getBoundingClientRect(), $ = p.current.getBoundingClientRect(), S = n || hs(v, $.height, $.width), { top: B, left: y, arrowOffset: T } = ps(S, v, $);
-    d(S), l({
+    const j = u.current.getBoundingClientRect(), R = p.current.getBoundingClientRect(), $ = n || hs(j, R.height, R.width), { top: B, left: y, arrowOffset: T } = ps($, j, R);
+    d($), l({
       position: "fixed",
       top: B,
       left: y,
@@ -1105,22 +1109,22 @@ function it({ children: s, content: t, position: n, ...i }) {
   if (M(() => {
     if (!a) return;
     l({ position: "fixed", visibility: "hidden" });
-    const v = requestAnimationFrame(m);
-    return window.addEventListener("scroll", m, !0), window.addEventListener("resize", m), () => {
-      cancelAnimationFrame(v), window.removeEventListener("scroll", m, !0), window.removeEventListener("resize", m);
+    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);
     };
   }, [a, n]), M(() => {
     if (!a) return;
-    const v = ($) => {
-      u.current && !u.current.contains($.target) && r(!1);
+    const j = (R) => {
+      u.current && !u.current.contains(R.target) && r(!1);
     };
-    return document.addEventListener("touchstart", v), () => document.removeEventListener("touchstart", v);
+    return document.addEventListener("touchstart", j), () => document.removeEventListener("touchstart", j);
   }, [a]), !t) return s;
-  const x = a && /* @__PURE__ */ e.jsx(
+  const _ = a && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: p,
-      className: `ds-tooltip ds-tooltip--${f}`,
+      className: `ds-tooltip ds-tooltip--${m}`,
       role: "tooltip",
       style: o,
       children: t
@@ -1138,12 +1142,12 @@ function it({ children: s, content: t, position: n, ...i }) {
         h.current || r(!1);
       },
       onTouchStart: () => {
-        h.current = !0, r((v) => !v);
+        h.current = !0, r((j) => !j);
       },
       ...i,
       children: [
         s,
-        typeof document < "u" && pe.createPortal(x, document.body)
+        typeof document < "u" && pe.createPortal(_, document.body)
       ]
     }
   );
@@ -1157,12 +1161,12 @@ function ot({
   id: r,
   ...o
 }) {
-  const l = r || `toggle-${K.useId()}`, f = [
+  const l = r || `toggle-${K.useId()}`, m = [
     "ds-toggle",
     `ds-toggle--${n}`,
     i && "ds-toggle--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("label", { className: f, htmlFor: l, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -1188,12 +1192,12 @@ function lt({
   id: r,
   ...o
 }) {
-  const l = r || `checkbox-${K.useId()}`, f = [
+  const l = r || `checkbox-${K.useId()}`, m = [
     "ds-checkbox",
     `ds-checkbox--${n}`,
     i && "ds-checkbox--disabled"
   ].filter(Boolean).join(" "), d = n === "xs" ? 10 : n === "small" ? 14 : n === "large" ? 20 : 16;
-  return /* @__PURE__ */ e.jsxs("label", { className: f, htmlFor: l, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: m, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -1226,7 +1230,7 @@ function ct({
   name: r,
   value: o,
   id: l,
-  ...f
+  ...m
 }) {
   const d = l || `radio-${K.useId()}`, u = [
     "ds-radio",
@@ -1245,7 +1249,7 @@ function ct({
         disabled: i,
         name: r,
         value: o,
-        ...f
+        ...m
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-radio__circle", children: /* @__PURE__ */ e.jsx("span", { className: "ds-radio__dot" }) }),
@@ -1295,7 +1299,7 @@ function bs(s) {
   return t.length >= 2 ? (t[0][0] + t[1][0]).toUpperCase() : s[0].toUpperCase();
 }
 function dt({ seed: s, icon: t, src: n, size: i = 32, className: a = "", style: r = {}, ...o }) {
-  const l = js(s ?? ""), [f, d] = D(!1), u = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: bs(s) });
+  const l = js(s ?? ""), [m, d] = D(!1), u = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: bs(s) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1303,7 +1307,7 @@ function dt({ seed: s, icon: t, src: n, size: i = 32, className: a = "", style:
       style: { width: i, height: i, "--ds-avatar-h": l, ...r },
       "aria-hidden": "true",
       ...o,
-      children: n && !f ? /* @__PURE__ */ e.jsx("img", { src: n, alt: "", onError: () => d(!0) }) : u
+      children: n && !m ? /* @__PURE__ */ e.jsx("img", { src: n, alt: "", onError: () => d(!0) }) : u
     }
   );
 }
@@ -1343,7 +1347,7 @@ function ft({ children: s, ...t }) {
 function mt({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("tbody", { ...t, children: s });
 }
-function pt({ children: s, interactive: t, selected: n, subheader: i, exiting: a, updated: r, className: o = "", onClick: l, ...f }) {
+function pt({ children: s, interactive: t, selected: n, subheader: i, exiting: a, updated: r, className: o = "", onClick: l, ...m }) {
   return /* @__PURE__ */ e.jsx(
     "tr",
     {
@@ -1357,7 +1361,7 @@ function pt({ children: s, interactive: t, selected: n, subheader: i, exiting: a
         o
       ].filter(Boolean).join(" "),
       onClick: l,
-      ...f,
+      ...m,
       children: s
     }
   );
@@ -1366,13 +1370,13 @@ function ht({ children: s, colSpan: t = 999, ...n }) {
   return /* @__PURE__ */ e.jsx("tr", { className: "ds-table-row ds-table-row--subheader", ...n, children: /* @__PURE__ */ e.jsx("td", { colSpan: t, children: s }) });
 }
 function xt({ children: s, align: t = "left", sortDir: n, onSort: i, width: a, className: r = "", style: o = {}, ...l }) {
-  const f = !!i || n !== void 0, d = n === "asc" ? qe : n === "desc" ? he : Ke;
+  const m = !!i || n !== void 0, d = n === "asc" ? qe : n === "desc" ? he : Ke;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
       className: [
         "ds-th",
-        f ? "ds-th--sortable" : "",
+        m ? "ds-th--sortable" : "",
         n ? "ds-th--sorted" : "",
         t !== "left" ? `ds-table-cell--${t}` : "",
         r
@@ -1380,7 +1384,7 @@ function xt({ children: s, align: t = "left", sortDir: n, onSort: i, width: a, c
       onClick: i,
       style: { width: a, ...o },
       ...l,
-      children: f ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
+      children: m ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
         s,
         /* @__PURE__ */ e.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ e.jsx(d, { size: 11, strokeWidth: 2.5 }) })
       ] }) : s
@@ -1437,10 +1441,10 @@ function bt({
   htmlFor: r,
   children: o,
   className: l = "",
-  style: f,
+  style: m,
   ...d
 }) {
-  const u = K.useId(), p = r ?? u, h = `${p}-hint`, m = `${p}-error`;
+  const u = K.useId(), p = r ?? u, h = `${p}-hint`, f = `${p}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1448,19 +1452,19 @@ function bt({
       "data-state": n ? "error" : void 0,
       "data-required": i ? "" : void 0,
       "data-disabled": a ? "" : void 0,
-      style: f,
+      style: m,
       ...d,
       children: [
         s && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: p, children: s }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-field-control", children: o }),
         t && !n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: h, children: t }),
-        n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: m, role: "alert", children: n })
+        n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: f, role: "alert", children: n })
       ]
     }
   );
 }
 function vt({ label: s, value: t, delta: n, size: i = "m", inline: a = !1, className: r = "", style: o, ...l }) {
-  const f = n != null && n.startsWith("+") ? "up" : n != null && n.startsWith("-") ? "down" : "neutral";
+  const m = n != null && n.startsWith("+") ? "up" : n != null && n.startsWith("-") ? "down" : "neutral";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1475,7 +1479,7 @@ function vt({ label: s, value: t, delta: n, size: i = "m", inline: a = !1, class
       children: [
         s && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-label", children: s }),
         t != null && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-value", children: t }),
-        n != null && /* @__PURE__ */ e.jsx("span", { className: `ds-stat-delta ds-stat-delta--${f}`, children: n })
+        n != null && /* @__PURE__ */ e.jsx("span", { className: `ds-stat-delta ds-stat-delta--${m}`, children: n })
       ]
     }
   );
@@ -1496,10 +1500,10 @@ function Nt({
       "aria-label": n,
       style: a,
       ...r,
-      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: o.map((l, f) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
+      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: o.map((l, m) => /* @__PURE__ */ e.jsxs("li", { className: "ds-breadcrumb-item", children: [
         l,
-        f < o.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: t })
-      ] }, f)) })
+        m < o.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: t })
+      ] }, m)) })
     }
   );
 }
@@ -1513,7 +1517,7 @@ function wt({
   style: o,
   ...l
 }) {
-  const f = vs(s, t, i);
+  const m = vs(s, t, i);
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
@@ -1532,7 +1536,7 @@ function wt({
             children: /* @__PURE__ */ e.jsx(Xe, { size: 16 })
           }
         ),
-        f.map(
+        m.map(
           (d, u) => d === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${u}`) : /* @__PURE__ */ e.jsx(
             "button",
             {
@@ -1574,22 +1578,22 @@ function gt({
   side: i = "right",
   ...a
 }) {
-  const r = E(null), o = K.useId(), [l, f] = D(!1), d = () => {
-    !n || l || (f(!0), setTimeout(() => {
-      f(!1), n();
+  const r = E(null), o = K.useId(), [l, m] = D(!1), d = () => {
+    !n || l || (m(!0), setTimeout(() => {
+      m(!1), n();
     }, Ns));
   };
   M(() => {
-    const m = (v) => {
-      v.key === "Escape" && d();
-    }, x = (v) => {
-      r.current && !r.current.contains(v.target) && d();
+    const f = (j) => {
+      j.key === "Escape" && d();
+    }, _ = (j) => {
+      r.current && !r.current.contains(j.target) && d();
     };
-    return document.addEventListener("keydown", m), document.addEventListener("mousedown", x), () => {
-      document.removeEventListener("keydown", m), document.removeEventListener("mousedown", x);
+    return document.addEventListener("keydown", f), document.addEventListener("mousedown", _), () => {
+      document.removeEventListener("keydown", f), document.removeEventListener("mousedown", _);
     };
   }, [n, l]);
-  const u = K.Children.toArray(s), p = u.find((m) => (m == null ? void 0 : m.type) === Be), h = u.filter((m) => (m == null ? void 0 : m.type) !== Be);
+  const u = K.Children.toArray(s), p = u.find((f) => (f == null ? void 0 : f.type) === Be), h = u.filter((f) => (f == null ? void 0 : f.type) !== Be);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1635,12 +1639,12 @@ function yt({
   role: r,
   ...o
 }) {
-  const l = ws[t], f = r || (t === "error" ? "alert" : "status");
+  const l = ws[t], m = r || (t === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: `ds-banner ds-banner--${t}`,
-      role: f,
+      role: m,
       ...o,
       children: [
         l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: I[2], strokeWidth: 1.5 }) }),
@@ -1678,7 +1682,7 @@ function kt({
   style: o,
   ...l
 }) {
-  const [f, d] = D(!1), [u, p] = D(!1), h = n !== void 0, m = h ? n : f, x = E(null), v = E(null), $ = E(null), S = E(null), [B, y] = D({}), T = E(null), z = 150, A = () => {
+  const [m, d] = D(!1), [u, p] = D(!1), h = n !== void 0, f = h ? n : m, _ = E(null), j = E(null), R = E(null), $ = E(null), [B, y] = D({}), T = E(null), z = 150, A = () => {
     if (h)
       i == null || i(!1);
     else {
@@ -1688,18 +1692,18 @@ function kt({
       }, z);
     }
   }, Y = () => {
-    const _ = !m;
-    h ? i == null || i(_) : _ ? (clearTimeout(T.current), p(!1), d(!0)) : A();
+    const x = !f;
+    h ? i == null || i(x) : x ? (clearTimeout(T.current), p(!1), d(!0)) : A();
   }, H = () => {
-    m || (h ? i == null || i(!0) : (clearTimeout(T.current), p(!1), d(!0)));
+    f || (h ? i == null || i(!0) : (clearTimeout(T.current), p(!1), d(!0)));
   };
   M(() => () => clearTimeout(T.current), []), M(() => {
-    if (!m) return;
-    const _ = 300, N = () => {
+    if (!f) return;
+    const x = 300, N = () => {
       var G;
-      const k = (G = x.current) == null ? void 0 : G.getBoundingClientRect();
+      const k = (G = _.current) == null ? void 0 : G.getBoundingClientRect();
       if (!k) return;
-      const P = window.innerHeight - k.bottom, q = P < _ + 8 && k.top > P;
+      const P = window.innerHeight - k.bottom, q = P < x + 8 && k.top > P;
       y(
         a === "right" ? q ? { bottom: window.innerHeight - k.top + 4, top: "auto", right: window.innerWidth - k.right } : { top: k.bottom + 4, bottom: "auto", right: window.innerWidth - k.right } : q ? { bottom: window.innerHeight - k.top + 4, top: "auto", left: k.left } : { top: k.bottom + 4, bottom: "auto", left: k.left }
       );
@@ -1707,67 +1711,67 @@ function kt({
     return N(), window.addEventListener("scroll", N, !0), window.addEventListener("resize", N), () => {
       window.removeEventListener("scroll", N, !0), window.removeEventListener("resize", N);
     };
-  }, [m, a]);
+  }, [f, a]);
   const F = () => {
     var N;
-    const _ = (N = $.current) == null ? void 0 : N.querySelector(
+    const x = (N = R.current) == null ? void 0 : N.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
-    _ == null || _.focus();
+    x == null || x.focus();
   };
   M(() => {
-    if (!m) return;
-    const _ = (k) => {
+    if (!f) return;
+    const x = (k) => {
       var P, q;
-      !((P = x.current) != null && P.contains(k.target)) && !((q = v.current) != null && q.contains(k.target)) && A();
+      !((P = _.current) != null && P.contains(k.target)) && !((q = j.current) != null && q.contains(k.target)) && A();
     }, N = (k) => {
       k.key === "Escape" && (A(), F());
     };
-    return document.addEventListener("mousedown", _), document.addEventListener("keydown", N), () => {
-      document.removeEventListener("mousedown", _), document.removeEventListener("keydown", N);
+    return document.addEventListener("mousedown", x), document.addEventListener("keydown", N), () => {
+      document.removeEventListener("mousedown", x), document.removeEventListener("keydown", N);
     };
-  }, [m]), M(() => {
-    if (!m || !S.current || !v.current) return;
-    const _ = b(), N = S.current === "last" ? _[_.length - 1] : _[0];
-    N == null || N.focus(), S.current = null;
-  }, [m]);
-  const b = () => v.current ? [...v.current.querySelectorAll(
+  }, [f]), M(() => {
+    if (!f || !$.current || !j.current) return;
+    const x = v(), N = $.current === "last" ? x[x.length - 1] : x[0];
+    N == null || N.focus(), $.current = null;
+  }, [f]);
+  const v = () => j.current ? [...j.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
-  )] : [], C = (_) => {
+  )] : [], C = (x) => {
     var N, k;
-    if (_.key === "ArrowDown")
-      _.preventDefault(), m ? (N = b()[0]) == null || N.focus() : (S.current = "first", H());
-    else if (_.key === "ArrowUp")
-      if (_.preventDefault(), !m)
-        S.current = "last", H();
+    if (x.key === "ArrowDown")
+      x.preventDefault(), f ? (N = v()[0]) == null || N.focus() : ($.current = "first", H());
+    else if (x.key === "ArrowUp")
+      if (x.preventDefault(), !f)
+        $.current = "last", H();
       else {
-        const P = b();
+        const P = v();
         (k = P[P.length - 1]) == null || k.focus();
       }
-  }, X = (_) => {
+  }, X = (x) => {
     var P, q, G, g;
-    const N = b(), k = N.findIndex((c) => c === document.activeElement);
-    switch (_.key) {
+    const N = v(), k = N.findIndex((c) => c === document.activeElement);
+    switch (x.key) {
       case "ArrowDown":
-        _.preventDefault(), (P = N[Math.min(k + 1, N.length - 1)]) == null || P.focus();
+        x.preventDefault(), (P = N[Math.min(k + 1, N.length - 1)]) == null || P.focus();
         break;
       case "ArrowUp":
-        _.preventDefault(), k <= 0 ? F() : (q = N[k - 1]) == null || q.focus();
+        x.preventDefault(), k <= 0 ? F() : (q = N[k - 1]) == null || q.focus();
         break;
       case "Home":
-        _.preventDefault(), (G = N[0]) == null || G.focus();
+        x.preventDefault(), (G = N[0]) == null || G.focus();
         break;
       case "End":
-        _.preventDefault(), (g = N[N.length - 1]) == null || g.focus();
+        x.preventDefault(), (g = N[N.length - 1]) == null || g.focus();
         break;
       case "Tab":
         A();
         break;
     }
-  }, U = m && /* @__PURE__ */ e.jsx(
+  }, U = f && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: v,
+      ref: j,
       role: "menu",
       className: [
         "ds-dropdown__menu",
@@ -1776,32 +1780,32 @@ function kt({
       ].filter(Boolean).join(" "),
       style: B,
       onKeyDown: X,
-      children: t.map((_, N) => {
-        if (_.separator)
+      children: t.map((x, N) => {
+        if (x.separator)
           return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, N);
-        if (_.type === "section")
+        if (x.type === "section")
           return /* @__PURE__ */ e.jsxs("div", { className: "ds-dropdown__section", children: [
-            _.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: _.label }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: _.content })
+            x.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: x.label }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: x.content })
           ] }, N);
-        const k = !!_.href, P = k ? "a" : "button", q = k ? { href: _.disabled ? void 0 : _.href, "aria-disabled": _.disabled ? "true" : void 0 } : { type: "button", disabled: _.disabled };
+        const k = !!x.href, P = k ? "a" : "button", q = k ? { href: x.disabled ? void 0 : x.href, "aria-disabled": x.disabled ? "true" : void 0 } : { type: "button", disabled: x.disabled };
         return /* @__PURE__ */ e.jsxs(
           P,
           {
             role: "menuitem",
             className: [
               "ds-dropdown__item",
-              _.danger && "ds-dropdown__item--danger"
+              x.danger && "ds-dropdown__item--danger"
             ].filter(Boolean).join(" "),
             ...q,
             onClick: () => {
               var G;
-              (G = _.onClick) == null || G.call(_), A();
+              (G = x.onClick) == null || G.call(x), A();
             },
             children: [
-              _.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: _.icon }),
-              /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: _.label }),
-              _.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: _.shortcut })
+              x.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: x.icon }),
+              /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: x.label }),
+              x.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: x.shortcut })
             ]
           },
           N
@@ -1812,7 +1816,7 @@ function kt({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: x,
+      ref: _,
       className: ["ds-dropdown", r].filter(Boolean).join(" "),
       style: o,
       ...l,
@@ -1820,7 +1824,7 @@ function kt({
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: $,
+            ref: R,
             className: "ds-dropdown__trigger",
             onClick: Y,
             onKeyDown: C,
@@ -1840,7 +1844,7 @@ function Et({
   min: a = 2,
   animate: r = !0
 }) {
-  const o = Math.min(100, Math.max(0, s)), l = Math.max(a, o), f = n === "auto" ? o >= 70 ? "success" : o >= 50 ? "warning" : "danger" : n;
+  const o = Math.min(100, Math.max(0, s)), l = Math.max(a, o), m = n === "auto" ? o >= 70 ? "success" : o >= 50 ? "warning" : "danger" : n;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1857,7 +1861,7 @@ function Et({
         /* @__PURE__ */ e.jsx("div", { className: "ds-progress__track", children: /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `ds-progress__fill ds-progress__fill--${f}`,
+            className: `ds-progress__fill ds-progress__fill--${m}`,
             style: { width: `${l}%` }
           }
         ) }),
@@ -1879,10 +1883,10 @@ function ks(s, { duration: t = 600 } = {}) {
     }
     const o = a.current, l = s - o;
     if (l === 0) return;
-    let f = null;
+    let m = null;
     const d = (u) => {
-      f || (f = u);
-      const p = Math.min((u - f) / t, 1);
+      m || (m = u);
+      const p = Math.min((u - m) / t, 1);
       i(o + l * gs(p)), p < 1 ? r.current = requestAnimationFrame(d) : a.current = s;
     };
     return r.current = requestAnimationFrame(d), () => cancelAnimationFrame(r.current);
@@ -1904,8 +1908,8 @@ function Es({ threshold: s = 0.1, rootMargin: t = "0px", once: n = !1 } = {}) {
     const o = i.current;
     if (!o) return;
     const l = new IntersectionObserver(
-      ([f]) => {
-        f.isIntersecting ? (r(!0), n && l.disconnect()) : n || r(!1);
+      ([m]) => {
+        m.isIntersecting ? (r(!0), n && l.disconnect()) : n || r(!1);
       },
       { threshold: s, rootMargin: t }
     );
@@ -1922,10 +1926,10 @@ function Tt({
   onLeave: o,
   ...l
 }) {
-  const { ref: f, inView: d } = Es({ threshold: i, rootMargin: a, once: n }), u = E(!1);
+  const { ref: m, inView: d } = Es({ threshold: i, rootMargin: a, once: n }), u = E(!1);
   return M(() => {
     d && !u.current && (r == null || r()), !d && u.current && (o == null || o()), u.current = d;
-  }, [d]), /* @__PURE__ */ e.jsx(t, { ref: f, ...l, children: typeof s == "function" ? s(d) : s });
+  }, [d]), /* @__PURE__ */ e.jsx(t, { ref: m, ...l, children: typeof s == "function" ? s(d) : s });
 }
 const Me = {
   default: ke,
@@ -2010,7 +2014,7 @@ function Dt({
   expanded: r,
   onToggle: o,
   children: l,
-  className: f = "",
+  className: m = "",
   ...d
 }) {
   const u = t === "running", p = /* @__PURE__ */ e.jsxs("span", { className: "ds-tool-card__title-row", children: [
@@ -2022,7 +2026,7 @@ function Dt({
   return l ? /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-tool-card", u && "ds-tool-card--running", f].filter(Boolean).join(" "),
+      className: ["ds-tool-card", u && "ds-tool-card--running", m].filter(Boolean).join(" "),
       ...d,
       children: /* @__PURE__ */ e.jsx(
         Ee,
@@ -2039,7 +2043,7 @@ function Dt({
   ) : /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-tool-card", "ds-tool-card--bubble", f].filter(Boolean).join(" "),
+      className: ["ds-tool-card", "ds-tool-card--bubble", m].filter(Boolean).join(" "),
       ...d,
       children: p
     }
@@ -2052,8 +2056,8 @@ function Ds({
   "aria-label": i = "Copy to clipboard",
   ...a
 }) {
-  const [r, o] = D(!1), l = (f) => {
-    f.currentTarget.blur(), navigator.clipboard.writeText(s).then(() => {
+  const [r, o] = D(!1), l = (m) => {
+    m.currentTarget.blur(), navigator.clipboard.writeText(s).then(() => {
       o(!0), setTimeout(() => o(!1), n);
     });
   };
@@ -2103,8 +2107,8 @@ function It({
   ...l
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", r].filter(Boolean).join(" "), ...l, children: [
-    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": o, children: Array.from({ length: s }, (f, d) => {
-      const u = d === t, p = n.includes(d) && !u, h = i && (d <= t || n.includes(d)), m = [
+    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": o, children: Array.from({ length: s }, (m, d) => {
+      const u = d === t, p = n.includes(d) && !u, h = i && (d <= t || n.includes(d)), f = [
         "ds-step-indicator__dot",
         u && "ds-step-indicator__dot--active",
         p && "ds-step-indicator__dot--done"
@@ -2113,7 +2117,7 @@ function It({
         "button",
         {
           type: "button",
-          className: m,
+          className: f,
           role: "tab",
           "aria-selected": u,
           "aria-label": `Step ${d + 1}`,
@@ -2157,17 +2161,17 @@ function Mt({
   className: o = "",
   ...l
 }) {
-  const f = [
+  const m = [
     "ds-chat-message",
     `ds-chat-message--${s}`,
     a && "ds-chat-message--streaming",
     o
   ].filter(Boolean).join(" ");
-  return s === "system" ? /* @__PURE__ */ e.jsx("div", { className: f, ...l, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: r }) }) : s === "user" ? /* @__PURE__ */ e.jsxs("div", { className: f, ...l, children: [
+  return s === "system" ? /* @__PURE__ */ e.jsx("div", { className: m, ...l, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: r }) }) : s === "user" ? /* @__PURE__ */ e.jsxs("div", { className: m, ...l, children: [
     i && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: i }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__bubble", children: r }),
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: n })
-  ] }) : /* @__PURE__ */ e.jsxs("div", { className: f, ...l, children: [
+  ] }) : /* @__PURE__ */ e.jsxs("div", { className: m, ...l, children: [
     t && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__header", children: t }),
     i && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: i }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__body", children: r }),
@@ -2198,33 +2202,33 @@ function As({
   betweenTime: r = 380,
   manualPauseMs: o = 5e3
 }) {
-  const [l, f] = D(0), [d, u] = D(""), p = E("typing"), h = E(0), m = E(0), x = E(null), v = E(0);
+  const [l, m] = D(0), [d, u] = D(""), p = E("typing"), h = E(0), f = E(0), _ = E(null), j = E(0);
   M(() => {
-    m.current = l;
+    f.current = l;
   }, [l]), M(() => {
-    if (x.current && (clearTimeout(x.current), x.current = null), !t || s.length === 0) {
+    if (_.current && (clearTimeout(_.current), _.current = null), !t || s.length === 0) {
       u(""), h.current = 0, p.current = "typing";
       return;
     }
     const T = () => {
       const z = Date.now();
-      if (v.current > z) {
-        x.current = setTimeout(T, v.current - z);
+      if (j.current > z) {
+        _.current = setTimeout(T, j.current - z);
         return;
       }
-      const A = s[m.current % s.length] ?? "";
-      p.current === "typing" ? (h.current += 1, u(A.slice(0, h.current)), h.current >= A.length ? (p.current = "holding", x.current = setTimeout(T, a)) : x.current = setTimeout(T, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", x.current = setTimeout(T, i)) : (h.current = Math.max(0, h.current - 1), u(A.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", m.current = (m.current + 1) % s.length, f(m.current), x.current = setTimeout(T, r)) : x.current = setTimeout(T, i));
+      const A = s[f.current % s.length] ?? "";
+      p.current === "typing" ? (h.current += 1, u(A.slice(0, h.current)), h.current >= A.length ? (p.current = "holding", _.current = setTimeout(T, a)) : _.current = setTimeout(T, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", _.current = setTimeout(T, i)) : (h.current = Math.max(0, h.current - 1), u(A.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", f.current = (f.current + 1) % s.length, m(f.current), _.current = setTimeout(T, r)) : _.current = setTimeout(T, i));
     };
-    return x.current = setTimeout(T, 260), () => {
-      x.current && clearTimeout(x.current);
+    return _.current = setTimeout(T, 260), () => {
+      _.current && clearTimeout(_.current);
     };
   }, [t, s, n, i, a, r]);
-  const $ = (T) => {
+  const R = (T) => {
     if (s.length === 0) return;
     const z = (T % s.length + s.length) % s.length, A = s[z];
-    m.current = z, h.current = A.length, p.current = "holding", v.current = Date.now() + o, f(z), u(A);
-  }, S = () => $(m.current + 1), B = () => $(m.current - 1), y = s[l % s.length] ?? "";
-  return { displayed: d, currentPrompt: y, index: l, next: S, prev: B };
+    f.current = z, h.current = A.length, p.current = "holding", j.current = Date.now() + o, m(z), u(A);
+  }, $ = () => R(f.current + 1), B = () => R(f.current - 1), y = s[l % s.length] ?? "";
+  return { displayed: d, currentPrompt: y, index: l, next: $, prev: B };
 }
 let Is = 0;
 function Lt({
@@ -2236,92 +2240,92 @@ function Lt({
   loading: r = !1,
   disabled: o = !1,
   placeholder: l = "Let's get things done...",
-  animatedPlaceholders: f,
+  animatedPlaceholders: m,
   attachments: d,
   images: u,
   onAttachFiles: p,
   onAttachImages: h,
-  onRemoveAttachment: m,
-  onRemoveImage: x,
-  acceptImage: v,
-  acceptFile: $,
-  maxImages: S,
+  onRemoveAttachment: f,
+  onRemoveImage: _,
+  acceptImage: j,
+  acceptFile: R,
+  maxImages: $,
   maxImageSize: B,
   leftSlot: y,
   rightSlot: T,
   className: z = "",
   ...A
 }) {
-  const Y = E(null), H = E(null), F = E(0), [b, C] = D(!1), [X, U] = D([]), _ = (j) => {
-    const R = ++Is;
-    U((V) => [...V, { id: R, msg: j }]), setTimeout(() => U((V) => V.filter((J) => J.id !== R)), 6e3);
-  }, N = (j) => U((R) => R.filter((V) => V.id !== j)), k = (j) => j.type.startsWith("image/"), P = () => !0, q = v ?? k, G = $ ?? P, g = (j) => {
-    const R = [], V = [], J = [], Z = [];
-    let ee = 0, oe = S != null ? S - ((u == null ? void 0 : u.length) ?? 0) : 1 / 0;
-    for (const se of j)
-      q(se) ? B && se.size > B ? J.push(se.name) : oe > 0 ? (R.push(se), oe--) : ee++ : G(se) ? V.push(se) : Z.push(se.name);
-    return { imageFiles: R, docFiles: V, tooLarge: J, skipped: Z, limitExceeded: ee };
-  }, c = (j) => {
-    const { imageFiles: R, docFiles: V, tooLarge: J, skipped: Z, limitExceeded: ee } = g(j);
-    J.length && _(`File${J.length > 1 ? "s" : ""} too large${B ? ` (max ${B / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && _(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`), ee && _(`Max ${S} images per message`), h && R.length && h(R);
-    const oe = V.concat(h ? [] : R);
+  const Y = E(null), H = E(null), F = E(0), [v, C] = D(!1), [X, U] = D([]), x = (b) => {
+    const S = ++Is;
+    U((V) => [...V, { id: S, msg: b }]), setTimeout(() => U((V) => V.filter((J) => J.id !== S)), 6e3);
+  }, N = (b) => U((S) => S.filter((V) => V.id !== b)), k = (b) => b.type.startsWith("image/"), P = () => !0, q = j ?? k, G = R ?? P, g = (b) => {
+    const S = [], V = [], J = [], Z = [];
+    let ee = 0, oe = $ != null ? $ - ((u == null ? void 0 : u.length) ?? 0) : 1 / 0;
+    for (const se of b)
+      q(se) ? B && se.size > B ? J.push(se.name) : oe > 0 ? (S.push(se), oe--) : ee++ : G(se) ? V.push(se) : Z.push(se.name);
+    return { imageFiles: S, docFiles: V, tooLarge: J, skipped: Z, limitExceeded: ee };
+  }, c = (b) => {
+    const { imageFiles: S, docFiles: V, tooLarge: J, skipped: Z, limitExceeded: ee } = g(b);
+    J.length && x(`File${J.length > 1 ? "s" : ""} too large${B ? ` (max ${B / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && x(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`), ee && x(`Max ${$} images per message`), h && S.length && h(S);
+    const oe = V.concat(h ? [] : S);
     p && oe.length && p(oe);
   };
   M(() => {
-    const j = H.current;
-    j && (j.style.height = "auto", j.style.height = `${Math.min(j.scrollHeight, 200)}px`);
+    const b = H.current;
+    b && (b.style.height = "auto", b.style.height = `${Math.min(b.scrollHeight, 200)}px`);
   }, [s]), M(() => {
-    const j = (R) => {
+    const b = (S) => {
       var J, Z, ee;
       if (r || o) return;
-      const V = (J = R.target) == null ? void 0 : J.tagName;
-      V === "INPUT" || V === "TEXTAREA" || V === "SELECT" || (Z = R.target) != null && Z.isContentEditable || R.ctrlKey || R.metaKey || R.altKey || R.key.length !== 1 && R.key !== "Backspace" && R.key !== "Delete" || (ee = H.current) == null || ee.focus();
+      const V = (J = S.target) == null ? void 0 : J.tagName;
+      V === "INPUT" || V === "TEXTAREA" || V === "SELECT" || (Z = S.target) != null && Z.isContentEditable || S.ctrlKey || S.metaKey || S.altKey || S.key.length !== 1 && S.key !== "Backspace" && S.key !== "Delete" || (ee = H.current) == null || ee.focus();
     };
-    return document.addEventListener("keydown", j), () => document.removeEventListener("keydown", j);
+    return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
   }, [r, o]);
-  const w = (j) => {
-    j.preventDefault(), F.current++, j.dataTransfer.types.includes("Files") && C(!0);
-  }, L = (j) => {
-    j.preventDefault(), F.current--, F.current === 0 && C(!1);
-  }, O = (j) => j.preventDefault(), te = (j) => {
-    j.preventDefault(), F.current = 0, C(!1);
-    const R = Array.from(j.dataTransfer.files);
-    R.length && c(R);
-  }, ae = (j) => {
-    const R = Array.from(j.target.files || []);
-    Y.current && (Y.current.value = ""), R.length && c(R);
-  }, W = (j) => {
+  const w = (b) => {
+    b.preventDefault(), F.current++, b.dataTransfer.types.includes("Files") && C(!0);
+  }, L = (b) => {
+    b.preventDefault(), F.current--, F.current === 0 && C(!1);
+  }, O = (b) => b.preventDefault(), te = (b) => {
+    b.preventDefault(), F.current = 0, C(!1);
+    const S = Array.from(b.dataTransfer.files);
+    S.length && c(S);
+  }, ae = (b) => {
+    const S = Array.from(b.target.files || []);
+    Y.current && (Y.current.value = ""), S.length && c(S);
+  }, W = (b) => {
     var se;
     if (!h) return;
-    const R = (se = j.clipboardData) == null ? void 0 : se.items;
-    if (!R) return;
+    const S = (se = b.clipboardData) == null ? void 0 : se.items;
+    if (!S) return;
     const V = [];
-    for (const Ue of R) {
+    for (const Ue of S) {
       const Te = Ue.getAsFile();
       Te && V.push(Te);
     }
     if (V.length === 0) return;
     const { imageFiles: J, tooLarge: Z, skipped: ee, limitExceeded: oe } = g(V);
-    Z.length && _(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), ee.length && _(`Skipped unsupported file${ee.length > 1 ? "s" : ""}: ${ee.join(", ")}`), oe && _(`Max ${S} images per message`), J.length && (j.preventDefault(), h(J));
-  }, Q = !r && !o && !!(f != null && f.length) && s.length === 0, ie = As({
-    prompts: f ?? [],
+    Z.length && x(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), ee.length && x(`Skipped unsupported file${ee.length > 1 ? "s" : ""}: ${ee.join(", ")}`), oe && x(`Max ${$} images per message`), J.length && (b.preventDefault(), h(J));
+  }, Q = !r && !o && !!(m != null && m.length) && s.length === 0, ie = As({
+    prompts: m ?? [],
     enabled: Q
-  }), xe = (j) => {
+  }), xe = (b) => {
     if (Q) {
-      if (j.key === "ArrowDown" || j.key === "ArrowRight") {
-        j.preventDefault(), ie.next();
+      if (b.key === "ArrowDown" || b.key === "ArrowRight") {
+        b.preventDefault(), ie.next();
         return;
       }
-      if (j.key === "ArrowUp" || j.key === "ArrowLeft") {
-        j.preventDefault(), ie.prev();
+      if (b.key === "ArrowUp" || b.key === "ArrowLeft") {
+        b.preventDefault(), ie.prev();
         return;
       }
-      if (j.key === "Tab" && !j.shiftKey) {
-        j.preventDefault(), t == null || t(ie.currentPrompt);
+      if (b.key === "Tab" && !b.shiftKey) {
+        b.preventDefault(), t == null || t(ie.currentPrompt);
         return;
       }
     }
-    a == null || a(j);
+    a == null || a(b);
   }, Ce = (s.trim() || (u == null ? void 0 : u.length) > 0 || (d == null ? void 0 : d.length) > 0) && !o, $e = p || h;
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", z].filter(Boolean).join(" "), ...A, children: [
     $e && /* @__PURE__ */ e.jsx(
@@ -2338,19 +2342,19 @@ function Lt({
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: ["ds-prompt-input__box", b && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
+        className: ["ds-prompt-input__box", v && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
         onDragEnter: w,
         onDragLeave: L,
         onDragOver: O,
         onDrop: te,
         children: [
-          b && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
+          v && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
           /* @__PURE__ */ e.jsx(
             "textarea",
             {
               ref: H,
               value: s,
-              onChange: (j) => t == null ? void 0 : t(j.target.value),
+              onChange: (b) => t == null ? void 0 : t(b.target.value),
               onKeyDown: xe,
               onPaste: W,
               placeholder: Q ? "" : l,
@@ -2363,45 +2367,45 @@ function Lt({
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-text", children: ie.displayed }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-cursor" })
           ] }),
-          u && u.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: u.map((j, R) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
-            /* @__PURE__ */ e.jsx("img", { src: j.preview, alt: "" }),
+          u && u.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: u.map((b, S) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
+            /* @__PURE__ */ e.jsx("img", { src: b.preview, alt: "" }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 className: "ds-prompt-input__image-remove",
-                onClick: () => x == null ? void 0 : x(R),
+                onClick: () => _ == null ? void 0 : _(S),
                 "aria-label": "Remove image",
                 type: "button",
                 children: /* @__PURE__ */ e.jsx(re, { size: 12, strokeWidth: 2 })
               }
             )
-          ] }, R)) }),
-          X.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: X.map((j) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
-            /* @__PURE__ */ e.jsx("span", { children: j.msg }),
+          ] }, S)) }),
+          X.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: X.map((b) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
+            /* @__PURE__ */ e.jsx("span", { children: b.msg }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
                 className: "ds-prompt-input__warning-close",
-                onClick: () => N(j.id),
+                onClick: () => N(b.id),
                 "aria-label": "Dismiss",
                 children: /* @__PURE__ */ e.jsx(re, { size: I[1], strokeWidth: 1.5 })
               }
             )
-          ] }, j.id)) }),
-          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: d.map((j, R) => /* @__PURE__ */ e.jsx(ce, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
-            j.uploading ? /* @__PURE__ */ e.jsx(Qe, { size: I[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Re, { size: I[1], strokeWidth: 1.5 }),
-            j.filename,
-            j.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: "Uploading..." }) : /* @__PURE__ */ e.jsx(
+          ] }, b.id)) }),
+          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: d.map((b, S) => /* @__PURE__ */ e.jsx(ce, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
+            b.uploading ? /* @__PURE__ */ e.jsx(Qe, { size: I[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(Re, { size: I[1], strokeWidth: 1.5 }),
+            b.filename,
+            b.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: "Uploading..." }) : /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
                 className: "ds-prompt-input__remove-btn",
-                onClick: () => m == null ? void 0 : m(R),
+                onClick: () => f == null ? void 0 : f(S),
                 children: /* @__PURE__ */ e.jsx(re, { size: I[1], strokeWidth: 1.5 })
               }
             )
-          ] }) }, R)) }),
+          ] }) }, S)) }),
           /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__toolbar", children: [
             $e && /* @__PURE__ */ e.jsx(
               me,
@@ -2411,8 +2415,8 @@ function Lt({
                 icon: /* @__PURE__ */ e.jsx(Re, { size: I[2], strokeWidth: 1.5 }),
                 "aria-label": "Attach files",
                 onClick: () => {
-                  var j;
-                  return (j = Y.current) == null ? void 0 : j.click();
+                  var b;
+                  return (b = Y.current) == null ? void 0 : b.click();
                 }
               }
             ),
@@ -2455,60 +2459,60 @@ function zt({
   showAutoOption: r = !1,
   groupByTier: o = !0,
   className: l = "",
-  ...f
+  ...m
 }) {
-  const [d, u] = D(!1), p = E(null), h = E(null), m = E(null), [x, v] = D({}), $ = s.filter((b) => !a || b.name === "auto" ? !0 : (Pe[b.tier] ?? 1) >= (Pe[a] ?? 1)), S = $.find((b) => b.name === "auto"), B = $.filter((b) => b.name !== "auto"), y = s.find((b) => b.name === t), z = new Set(B.map((b) => b.tier).filter(Boolean)).size > 1;
+  const [d, u] = D(!1), p = E(null), h = E(null), f = E(null), [_, j] = D({}), R = s.filter((v) => !a || v.name === "auto" ? !0 : (Pe[v.tier] ?? 1) >= (Pe[a] ?? 1)), $ = R.find((v) => v.name === "auto"), B = R.filter((v) => v.name !== "auto"), y = s.find((v) => v.name === t), z = new Set(B.map((v) => v.tier).filter(Boolean)).size > 1;
   M(() => {
     if (!d) return;
-    const b = 320, C = () => {
+    const v = 320, C = () => {
       var P;
-      const _ = (P = h.current) == null ? void 0 : P.getBoundingClientRect();
-      if (!_) return;
-      const N = window.innerHeight - _.bottom, k = N < b + 8 && _.top > N;
-      v({
+      const x = (P = h.current) == null ? void 0 : P.getBoundingClientRect();
+      if (!x) return;
+      const N = window.innerHeight - x.bottom, k = N < v + 8 && x.top > N;
+      j({
         position: "fixed",
         zIndex: "var(--z-dropdown, 500)",
-        left: _.left,
-        ...k ? { bottom: window.innerHeight - _.top + 4, top: "auto" } : { top: _.bottom + 4, bottom: "auto" }
+        left: x.left,
+        ...k ? { bottom: window.innerHeight - x.top + 4, top: "auto" } : { top: x.bottom + 4, bottom: "auto" }
       });
     };
     C(), window.addEventListener("scroll", C, !0), window.addEventListener("resize", C);
-    const X = (_) => {
+    const X = (x) => {
       var N, k;
-      !((N = p.current) != null && N.contains(_.target)) && !((k = m.current) != null && k.contains(_.target)) && u(!1);
-    }, U = (_) => {
-      _.key === "Escape" && u(!1);
+      !((N = p.current) != null && N.contains(x.target)) && !((k = f.current) != null && k.contains(x.target)) && u(!1);
+    }, U = (x) => {
+      x.key === "Escape" && u(!1);
     };
     return document.addEventListener("mousedown", X), document.addEventListener("keydown", U), () => {
       window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C), document.removeEventListener("mousedown", X), document.removeEventListener("keydown", U);
     };
   }, [d]);
-  const A = (b) => {
-    n == null || n(b), u(!1);
-  }, Y = (b) => /* @__PURE__ */ e.jsxs(
+  const A = (v) => {
+    n == null || n(v), u(!1);
+  }, Y = (v) => /* @__PURE__ */ e.jsxs(
     "button",
     {
       type: "button",
       className: [
         "ds-model-picker__item",
-        b.name === t && "ds-model-picker__item--active"
+        v.name === t && "ds-model-picker__item--active"
       ].filter(Boolean).join(" "),
-      onClick: () => A(b.name),
+      onClick: () => A(v.name),
       children: [
-        b.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: b.icon }) : /* @__PURE__ */ e.jsx(Se, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
-        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: b.displayName || b.name }),
-        z && b.tier && /* @__PURE__ */ e.jsx(ce, { size: "xs", variant: Le[b.tier] || "default", children: b.tier })
+        v.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: v.icon }) : /* @__PURE__ */ e.jsx(Se, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
+        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: v.displayName || v.name }),
+        z && v.tier && /* @__PURE__ */ e.jsx(ce, { size: "xs", variant: Le[v.tier] || "default", children: v.tier })
       ]
     },
-    b.name
-  ), H = () => !o || !z ? B.map(Y) : ["fast", "standard", "premium"].flatMap((b) => {
-    const C = B.filter((X) => X.tier === b);
+    v.name
+  ), H = () => !o || !z ? B.map(Y) : ["fast", "standard", "premium"].flatMap((v) => {
+    const C = B.filter((X) => X.tier === v);
     return C.length ? [
-      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": b, children: b.charAt(0).toUpperCase() + b.slice(1) }, `lbl-${b}`),
+      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": v, children: v.charAt(0).toUpperCase() + v.slice(1) }, `lbl-${v}`),
       ...C.map(Y)
     ] : [];
-  }), F = d && /* @__PURE__ */ e.jsxs("div", { ref: m, className: "ds-model-picker__menu", style: x, children: [
-    r && S && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }), F = d && /* @__PURE__ */ e.jsxs("div", { ref: f, className: "ds-model-picker__menu", style: _, children: [
+    r && $ && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(
         "button",
         {
@@ -2534,7 +2538,7 @@ function zt({
     {
       ref: p,
       className: ["ds-model-picker", l].filter(Boolean).join(" "),
-      ...f,
+      ...m,
       children: [
         /* @__PURE__ */ e.jsxs(
           "button",
@@ -2542,7 +2546,7 @@ function zt({
             ref: h,
             type: "button",
             className: "ds-model-picker__trigger",
-            onClick: () => u((b) => !b),
+            onClick: () => u((v) => !v),
             "aria-haspopup": "listbox",
             "aria-expanded": d,
             children: [
@@ -2577,25 +2581,25 @@ function Ot({
   maxVisible: i = 5,
   onSourceClick: a
 }) {
-  const [r, o] = D(!1), l = Ms(s), f = l.length > i, d = r ? l : l.slice(0, i), u = s.some((h) => h.snippet), p = ["ds-sources-panel", t === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
+  const [r, o] = D(!1), l = Ms(s), m = l.length > i, d = r ? l : l.slice(0, i), u = s.some((h) => h.snippet), p = ["ds-sources-panel", t === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
   return t === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: p, children: [
     d.map((h) => {
-      const m = h.items.map((v) => v.page).filter(Boolean), x = !!a;
+      const f = h.items.map((j) => j.page).filter(Boolean), _ = !!a;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__compact-row${x ? " ds-sources-panel__compact-row--clickable" : ""}`,
-          onClick: x ? () => a(h.items[0]) : void 0,
+          className: `ds-sources-panel__compact-row${_ ? " ds-sources-panel__compact-row--clickable" : ""}`,
+          onClick: _ ? () => a(h.items[0]) : void 0,
           children: [
             /* @__PURE__ */ e.jsx(ns, { size: I[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
-            m.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: ve(m) })
+            f.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: ve(f) })
           ]
         },
         h.filename
       );
     }),
-    f && !r && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => o(!0), children: [
+    m && !r && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => o(!0), children: [
       "+",
       l.length - i,
       " more sources"
@@ -2603,37 +2607,37 @@ function Ot({
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: p, children: [
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: n }),
     d.map((h) => {
-      const m = h.items.map((v) => v.page).filter(Boolean), x = !!a;
+      const f = h.items.map((j) => j.page).filter(Boolean), _ = !!a;
       return u ? /* @__PURE__ */ e.jsx(
         Ee,
         {
-          title: /* @__PURE__ */ e.jsx(Bs, { filename: h.filename, pages: m }),
+          title: /* @__PURE__ */ e.jsx(Bs, { filename: h.filename, pages: f }),
           padding: "s",
-          children: h.items.map((v, $) => /* @__PURE__ */ e.jsx(
+          children: h.items.map((j, R) => /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: `ds-sources-panel__snippet${x ? " ds-sources-panel__snippet--clickable" : ""}`,
-              onClick: x ? () => a(v) : void 0,
-              children: v.snippet ?? `p. ${v.page}`
+              className: `ds-sources-panel__snippet${_ ? " ds-sources-panel__snippet--clickable" : ""}`,
+              onClick: _ ? () => a(j) : void 0,
+              children: j.snippet ?? `p. ${j.page}`
             },
-            $
+            R
           ))
         },
         h.filename
       ) : /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__row${x ? " ds-sources-panel__row--clickable" : ""}`,
-          onClick: x ? () => a(h.items[0]) : void 0,
+          className: `ds-sources-panel__row${_ ? " ds-sources-panel__row--clickable" : ""}`,
+          onClick: _ ? () => a(h.items[0]) : void 0,
           children: [
             /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
-            m.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: ve(m) })
+            f.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: ve(f) })
           ]
         },
         h.filename
       );
     }),
-    f && !r && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => o(!0), children: [
+    m && !r && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => o(!0), children: [
       "+",
       l.length - i,
       " more sources"
@@ -2652,7 +2656,7 @@ function Ft({
   warningThreshold: r = 0.8,
   errorThreshold: o = 1
 }) {
-  const l = t > 0 ? s / t : 0, f = Math.min(l * 100, 100), d = l >= o ? "error" : l >= r ? "warning" : "normal";
+  const l = t > 0 ? s / t : 0, m = Math.min(l * 100, 100), d = l >= o ? "error" : l >= r ? "warning" : "normal";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2665,7 +2669,7 @@ function Ft({
           "div",
           {
             className: `ds-token-counter__fill ds-token-counter__fill--${d}`,
-            style: { width: `${f}%` }
+            style: { width: `${m}%` }
           }
         ) }),
         (i || a) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${d}`, children: [
@@ -2701,12 +2705,12 @@ function Wt({
     `ds-confidence-bar--${o}`,
     i === "block" && "ds-confidence-bar--block"
   ].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: Oe }, (l, f) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "ds-confidence-bar__segments", "aria-hidden": "true", children: Array.from({ length: Oe }, (l, m) => /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: `ds-confidence-bar__seg${f < r ? " ds-confidence-bar__seg--filled" : ""}`
+        className: `ds-confidence-bar__seg${m < r ? " ds-confidence-bar__seg--filled" : ""}`
       },
-      f
+      m
     )) }),
     n === "text" && /* @__PURE__ */ e.jsx("span", { className: "ds-confidence-bar__label", children: o })
   ] });
@@ -2733,18 +2737,18 @@ function Ct({
     n && "ds-diff-view--wrap"
   ].filter(Boolean).join(" "), l = a ? { maxHeight: a, overflowY: "auto" } : void 0;
   if (t === "split") {
-    const f = s.filter((u) => u.type === "remove" || u.type === "context"), d = s.filter((u) => u.type === "add" || u.type === "context");
+    const m = s.filter((u) => u.type === "remove" || u.type === "context"), d = s.filter((u) => u.type === "add" || u.type === "context");
     return /* @__PURE__ */ e.jsxs("div", { className: o, children: [
       r && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: r }),
       /* @__PURE__ */ e.jsxs("div", { className: "ds-diff-view__body", style: l, children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col", children: f.map((u, p) => /* @__PURE__ */ e.jsx(_e, { line: u, lineNumbers: i }, p)) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col", children: m.map((u, p) => /* @__PURE__ */ e.jsx(_e, { line: u, lineNumbers: i }, p)) }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col", children: d.map((u, p) => /* @__PURE__ */ e.jsx(_e, { line: u, lineNumbers: i }, p)) })
       ] })
     ] });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: o, children: [
     r && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: r }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body", style: l, children: s.map((f, d) => /* @__PURE__ */ e.jsx(_e, { line: f, lineNumbers: i }, d)) })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body", style: l, children: s.map((m, d) => /* @__PURE__ */ e.jsx(_e, { line: m, lineNumbers: i }, d)) })
   ] });
 }
 function zs({
@@ -2830,15 +2834,15 @@ function Ut({
   className: o = "",
   ...l
 }) {
-  const f = s === "assistant" && (a || r), d = !!t, u = n ? Os(n) : null;
-  return !f && !d && !u ? null : /* @__PURE__ */ e.jsxs(
+  const m = s === "assistant" && (a || r), d = !!t, u = n ? Os(n) : null;
+  return !m && !d && !u ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: ["ds-message-footer", `ds-message-footer--${s}`, o].filter(Boolean).join(" "),
       ...l,
       children: [
         s === "user" && u && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: u }),
-        f && /* @__PURE__ */ e.jsx(zs, { className: "ds-message-action", value: i, onLike: a, onDislike: r }),
+        m && /* @__PURE__ */ e.jsx(zs, { className: "ds-message-action", value: i, onLike: a, onDislike: r }),
         d && /* @__PURE__ */ e.jsx(Ds, { className: "ds-message-action", text: t }),
         s === "assistant" && u && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: u })
       ]