npm - @donkit-ai/design-system - Versions diffs - 1.4.41 → 1.4.43 - Mend

@donkit-ai/design-system 1.4.41 → 1.4.43

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

Files changed (5) hide show

package/dist/index.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import K, { useState as D, useRef as E, useEffect as M, useLayoutEffect as Ve } from "react";
-import { Check as Ne, X as re, ChevronDown as he, Minus as Ye, Plus as He, XCircle as we, AlertTriangle as ge, CheckCircle as ye, Info as ke, ChevronUp as qe, ChevronsUpDown as Ke, ChevronLeft as Ge, ChevronRight as Xe, Copy as Je, Brain as Ze, Loader as Qe, Paperclip as Re, Square as es, ArrowUp as ss, Zap as ts, Cpu as Se, FileText as ns, ThumbsUp as rs, ThumbsDown as as } from "lucide-react";
+import { Check as Ne, X as ne, ChevronDown as he, Minus as Ye, Plus as He, XCircle as we, AlertTriangle as ge, CheckCircle as ye, Info as ke, ChevronUp as qe, ChevronsUpDown as Ke, ChevronLeft as Xe, ChevronRight as Ge, Copy as Je, Brain as Ze, Loader as Qe, Paperclip as Re, Square as es, ArrowUp as ss, Zap as ts, Cpu as Se, FileText as rs, ThumbsUp as ns, ThumbsDown as as } from "lucide-react";
 import pe from "react-dom";
 const I = {
   1: 16,
@@ -19,26 +19,26 @@ var je = { exports: {} }, ue = {};
  * LICENSE file in the root directory of this source tree.
  */
 var De;
-function is() {
+function os() {
   if (De) return ue;
   De = 1;
   var s = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function n(i, a, r) {
-    var o = null;
-    if (r !== void 0 && (o = "" + r), a.key !== void 0 && (o = "" + a.key), "key" in a) {
-      r = {};
+  function r(o, a, n) {
+    var i = null;
+    if (n !== void 0 && (i = "" + n), a.key !== void 0 && (i = "" + a.key), "key" in a) {
+      n = {};
       for (var l in a)
-        l !== "key" && (r[l] = a[l]);
-    } else r = a;
-    return a = r.ref, {
+        l !== "key" && (n[l] = a[l]);
+    } else n = a;
+    return a = n.ref, {
       $$typeof: s,
-      type: i,
-      key: o,
+      type: o,
+      key: i,
       ref: a !== void 0 ? a : null,
-      props: r
+      props: n
     };
   }
-  return ue.Fragment = t, ue.jsx = n, ue.jsxs = n, ue;
+  return ue.Fragment = t, ue.jsx = r, ue.jsxs = r, ue;
 }
 var fe = {};
 /**
@@ -51,7 +51,7 @@ var fe = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ae;
-function os() {
+function is() {
   return Ae || (Ae = 1, process.env.NODE_ENV !== "production" && function() {
     function s(c) {
       if (c == null) return null;
@@ -99,7 +99,7 @@ function os() {
     function t(c) {
       return "" + c;
     }
-    function n(c) {
+    function r(c) {
       try {
         t(c);
         var w = !1;
@@ -116,7 +116,7 @@ function os() {
         ), t(c);
       }
     }
-    function i(c) {
+    function o(c) {
       if (c === R) return "<>";
       if (typeof c == "object" && c !== null && c.$$typeof === F)
         return "<...>";
@@ -128,13 +128,13 @@ function os() {
       }
     }
     function a() {
-      var c = G.A;
+      var c = X.A;
       return c === null ? null : c.getOwner();
     }
-    function r() {
+    function n() {
       return Error("react-stack-top-frame");
     }
-    function o(c) {
+    function i(c) {
       if (U.call(c, "key")) {
         var w = Object.getOwnPropertyDescriptor(c, "key").get;
         if (w && w.isReactWarning) return !1;
@@ -223,10 +223,10 @@ React keys must be passed directly to JSX without using spread:
           W
         ), g[W + O] = !0);
       }
-      if (W = null, L !== void 0 && (n(L), W = "" + L), o(w) && (n(w.key), W = "" + w.key), "key" in w) {
+      if (W = null, L !== void 0 && (r(L), W = "" + L), i(w) && (r(w.key), W = "" + w.key), "key" in w) {
         L = {};
-        for (var ie in w)
-          ie !== "key" && (L[ie] = w[ie]);
+        for (var oe in w)
+          oe !== "key" && (L[oe] = w[oe]);
       } else L = w;
       return W && l(
         L,
@@ -246,7 +246,7 @@ React keys must be passed directly to JSX without using spread:
     function h(c) {
       return typeof c == "object" && c !== null && c.$$typeof === b;
     }
-    var m = K, b = 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"), G = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, x = Array.isArray, N = console.createTask ? console.createTask : function() {
+    var m = K, b = 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 = m.__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 = {
@@ -256,41 +256,41 @@ React keys must be passed directly to JSX without using spread:
     };
     var k, P = {}, q = m.react_stack_bottom_frame.bind(
       m,
-      r
-    )(), X = N(i(r)), g = {};
+      n
+    )(), G = N(o(n)), g = {};
     fe.Fragment = R, fe.jsx = function(c, w, L) {
-      var O = 1e4 > G.recentlyCreatedOwnerStacks++;
+      var O = 1e4 > X.recentlyCreatedOwnerStacks++;
       return u(
         c,
         w,
         L,
         !1,
         O ? Error("react-stack-top-frame") : q,
-        O ? N(i(c)) : X
+        O ? N(o(c)) : G
       );
     }, fe.jsxs = function(c, w, L) {
-      var O = 1e4 > G.recentlyCreatedOwnerStacks++;
+      var O = 1e4 > X.recentlyCreatedOwnerStacks++;
       return u(
         c,
         w,
         L,
         !0,
         O ? Error("react-stack-top-frame") : q,
-        O ? N(i(c)) : X
+        O ? N(o(c)) : G
       );
     };
   }()), fe;
 }
-process.env.NODE_ENV === "production" ? je.exports = is() : je.exports = os();
+process.env.NODE_ENV === "production" ? je.exports = os() : je.exports = is();
 var e = je.exports;
-function ls({ size: s = "m", color: t = "default", className: n = "", ...i }) {
+function ls({ size: s = "m", color: t = "default", className: r = "", ...o }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: ["ds-spinner", `ds-spinner--${s}`, `ds-spinner--${t}`, n].filter(Boolean).join(" "),
+      className: ["ds-spinner", `ds-spinner--${s}`, `ds-spinner--${t}`, r].filter(Boolean).join(" "),
       role: "status",
       "aria-label": "Loading",
-      ...i
+      ...o
     }
   );
 }
@@ -298,11 +298,11 @@ const cs = { xs: 12, s: 14, m: 16, l: 20 };
 function me({
   children: s,
   variant: t = "primary",
-  size: n = "m",
-  fullWidth: i = !1,
+  size: r = "m",
+  fullWidth: o = !1,
   icon: a,
-  disabled: r = !1,
-  state: o = "idle",
+  disabled: n = !1,
+  state: i = "idle",
   onClick: l,
   type: f = "button",
   href: d,
@@ -310,20 +310,20 @@ function me({
   className: p = "",
   ...h
 }) {
-  const m = a && !s, b = o === "loading", j = o === "success", R = o === "error", $ = b || j || R, B = n === "xs" ? "s" : "m", y = t === "danger" ? "on-accent" : "default", T = cs[n] ?? 16, z = b ? /* @__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 = [
+  const m = a && !s, b = i === "loading", j = i === "success", R = i === "error", $ = b || j || R, B = r === "xs" ? "s" : "m", y = t === "danger" ? "on-accent" : "default", T = cs[r] ?? 16, z = b ? /* @__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(ne, { size: T, strokeWidth: 2.5 }) }) : null, A = [
     "ds-button",
     `ds-button--${t}`,
-    `ds-button--${n}`,
-    i && "ds-button--full",
+    `ds-button--${r}`,
+    o && "ds-button--full",
     m && "ds-button--icon-only",
     p
-  ].filter(Boolean).join(" "), Y = o !== "idle" ? o : void 0, H = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  ].filter(Boolean).join(" "), Y = i !== "idle" ? i : void 0, H = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     $ ? z : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
     s
   ] });
   if (d) {
     const F = (v) => {
-      if (r || b) {
+      if (n || b) {
         v.preventDefault();
         return;
       }
@@ -333,10 +333,10 @@ function me({
       "a",
       {
         className: A,
-        href: r || b ? void 0 : d,
+        href: n || b ? void 0 : d,
         onClick: F,
         "aria-label": u,
-        "aria-disabled": r || b ? "true" : void 0,
+        "aria-disabled": n || b ? "true" : void 0,
         "aria-busy": b ? "true" : void 0,
         "data-state": Y,
         ...h,
@@ -349,7 +349,7 @@ function me({
     {
       type: f,
       className: A,
-      disabled: r,
+      disabled: n,
       onClick: b ? void 0 : l,
       "aria-label": u,
       "aria-busy": b ? "true" : void 0,
@@ -362,18 +362,18 @@ function me({
 function Us({
   label: s,
   error: t,
-  hint: n,
-  fullWidth: i = !0,
+  hint: r,
+  fullWidth: o = !0,
   icon: a,
-  iconRight: r,
-  onIconRightClick: o,
+  iconRight: n,
+  onIconRightClick: i,
   size: l = "m",
   disabled: f,
   id: d,
   ...u
 }) {
-  const p = d || `input-${K.useId()}`, h = n ? `${p}-hint` : void 0, m = t ? `${p}-error` : void 0, b = 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 = r ? `${p}-hint` : void 0, m = t ? `${p}-error` : void 0, b = m || h;
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${o ? "ds-input-wrapper--full" : ""} ${f ? "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 }),
@@ -381,81 +381,81 @@ function Us({
         "input",
         {
           id: p,
-          className: `ds-input ds-input--${l} ${a ? "ds-input--with-icon" : ""} ${r ? "ds-input--with-icon-right" : ""} ${t ? "ds-input--error" : ""}`,
+          className: `ds-input ds-input--${l} ${a ? "ds-input--with-icon" : ""} ${n ? "ds-input--with-icon-right" : ""} ${t ? "ds-input--error" : ""}`,
           disabled: f,
           "aria-invalid": t ? "true" : "false",
           "aria-describedby": b,
           ...u
         }
       ),
-      r && /* @__PURE__ */ e.jsx(
+      n && /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
           className: `ds-input-icon-right ds-input-icon-right--${l}`,
-          onClick: o,
+          onClick: i,
           tabIndex: -1,
           "aria-label": "Toggle visibility",
-          children: r
+          children: n
         }
       )
     ] }),
-    n && !t && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-input-hint", children: n }),
+    r && !t && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-input-hint", children: r }),
     /* @__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 }) }) })
   ] });
 }
 function Vs({
   label: s,
   error: t,
-  hint: n,
-  fullWidth: i = !0,
+  hint: r,
+  fullWidth: o = !0,
   size: a = "m",
-  disabled: r,
-  id: o,
+  disabled: n,
+  id: i,
   resize: l = !0,
   rows: f = 3,
   ...d
 }) {
-  const u = o || `textarea-${K.useId()}`, p = n ? `${u}-hint` : void 0, h = t ? `${u}-error` : void 0, m = h || p;
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${i ? "ds-textarea-wrapper--full" : ""} ${r ? "ds-textarea-wrapper--disabled" : ""}`, children: [
+  const u = i || `textarea-${K.useId()}`, p = r ? `${u}-hint` : void 0, h = t ? `${u}-error` : void 0, m = h || p;
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${o ? "ds-textarea-wrapper--full" : ""} ${n ? "ds-textarea-wrapper--disabled" : ""}`, children: [
     s && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: u, children: s }),
     /* @__PURE__ */ e.jsx(
       "textarea",
       {
         id: u,
         className: `ds-textarea ds-textarea--${a} ${t ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
-        disabled: r,
+        disabled: n,
         "aria-invalid": t ? "true" : "false",
         "aria-describedby": m,
         rows: f,
         ...d
       }
     ),
-    n && !t && /* @__PURE__ */ e.jsx("span", { id: p, className: "ds-textarea-hint", children: n }),
+    r && !t && /* @__PURE__ */ e.jsx("span", { id: p, className: "ds-textarea-hint", children: r }),
     t && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-textarea-error", role: "alert", children: t })
   ] });
 }
 function Ys({
   label: s,
   value: t,
-  onChange: n,
-  options: i = [],
+  onChange: r,
+  options: o = [],
   placeholder: a = "Select option",
-  error: r,
-  fullWidth: o = !0,
+  error: n,
+  fullWidth: i = !0,
   size: l = "m",
   disabled: f = !1,
   id: d,
   ...u
 }) {
-  const [p, h] = D(!1), [m, b] = 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, G = 150, U = (g = !1) => {
+  const [p, h] = D(!1), [m, b] = 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 = n ? `${F}-error` : void 0, X = 150, U = (g = !1) => {
     m || (b(!0), T(-1), H.current = setTimeout(() => {
       var c;
       h(!1), b(!1), g && ((c = Y.current) == null || c.focus());
-    }, G));
+    }, X));
   }, x = (g) => {
     clearTimeout(H.current), b(!1);
-    const c = g !== void 0 ? g : Math.max(i.findIndex((w) => w.value === t), 0);
+    const c = g !== void 0 ? g : Math.max(o.findIndex((w) => w.value === t), 0);
     T(c), h(!0);
   };
   M(() => () => clearTimeout(H.current), []);
@@ -486,20 +486,20 @@ function Ys({
   const k = (g) => {
     switch (g.key) {
       case "ArrowDown":
-        g.preventDefault(), p ? T((c) => Math.min(c + 1, i.length - 1)) : x();
+        g.preventDefault(), p ? T((c) => Math.min(c + 1, o.length - 1)) : x();
         break;
       case "ArrowUp":
-        g.preventDefault(), p ? T((c) => Math.max(c - 1, 0)) : x(i.length - 1);
+        g.preventDefault(), p ? T((c) => Math.max(c - 1, 0)) : x(o.length - 1);
         break;
       case "Home":
         p && (g.preventDefault(), T(0));
         break;
       case "End":
-        p && (g.preventDefault(), T(i.length - 1));
+        p && (g.preventDefault(), T(o.length - 1));
         break;
       case "Enter":
       case " ":
-        g.preventDefault(), p ? y >= 0 && (n == null || n(i[y].value), U(!0)) : x();
+        g.preventDefault(), p ? y >= 0 && (r == null || r(o[y].value), U(!0)) : x();
         break;
       case "Escape":
         p && (g.preventDefault(), U(!0));
@@ -508,7 +508,7 @@ function Ys({
         p && U(!1);
         break;
     }
-  }, P = i.find((g) => g.value === t), q = l === "xs" ? I[1] : l === "small" ? I[2] : I[3], X = p && /* @__PURE__ */ e.jsx(
+  }, P = o.find((g) => g.value === t), q = l === "xs" ? I[1] : l === "small" ? I[2] : I[3], G = p && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: A,
@@ -516,13 +516,13 @@ function Ys({
       "aria-labelledby": s ? v : void 0,
       tabIndex: -1,
       className: [
-        "ds-select-dropdown",
+        "ds-select-dropdown ds-scrollable",
         `ds-select-dropdown--${l}`,
         `ds-select-dropdown--${$}`,
         m && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
       style: j,
-      children: i.map((g, c) => /* @__PURE__ */ e.jsx(
+      children: o.map((g, c) => /* @__PURE__ */ e.jsx(
         "button",
         {
           id: `${F}-opt-${c}`,
@@ -537,7 +537,7 @@ function Ys({
             c === y && "ds-select-option--active"
           ].filter(Boolean).join(" "),
           onClick: () => {
-            n == null || n(g.value), U(!0);
+            r == null || r(g.value), U(!0);
           },
           children: g.label
         },
@@ -545,7 +545,7 @@ function Ys({
       ))
     }
   );
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${o ? "ds-select-wrapper--full" : ""} ${f ? "ds-select-wrapper--disabled" : ""}`, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${i ? "ds-select-wrapper--full" : ""} ${f ? "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",
@@ -558,9 +558,9 @@ function Ys({
         "aria-expanded": p,
         "aria-activedescendant": p && y >= 0 ? `${F}-opt-${y}` : void 0,
         "aria-labelledby": s ? v : void 0,
-        "aria-invalid": r ? "true" : "false",
+        "aria-invalid": n ? "true" : "false",
         "aria-describedby": C,
-        className: `ds-select-trigger ds-select-trigger--${l} ${r ? "ds-select-trigger--error" : ""}`,
+        className: `ds-select-trigger ds-select-trigger--${l} ${n ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
           f || (p ? U() : x());
         },
@@ -581,18 +581,18 @@ function Ys({
         ]
       }
     ) }),
-    r && /* @__PURE__ */ e.jsx("span", { id: C, className: "ds-select-error", role: "alert", children: r }),
-    typeof document < "u" && pe.createPortal(X, document.body)
+    n && /* @__PURE__ */ e.jsx("span", { id: C, className: "ds-select-error", role: "alert", children: n }),
+    typeof document < "u" && pe.createPortal(G, document.body)
   ] });
 }
 function Hs({
   label: s,
   value: t = 0,
-  onChange: n,
-  min: i = 0,
+  onChange: r,
+  min: o = 0,
   max: a = 100,
-  step: r = 1,
-  size: o = "m",
+  step: n = 1,
+  size: i = "m",
   disabled: l = !1,
   hint: f,
   error: d,
@@ -600,23 +600,23 @@ function Hs({
 }) {
   const p = () => {
     if (l) return;
-    const $ = Math.min(Number(t) + r, a);
-    n == null || n($);
+    const $ = Math.min(Number(t) + n, a);
+    r == null || r($);
   }, h = () => {
     if (l) return;
-    const $ = Math.max(Number(t) - r, i);
-    n == null || n($);
+    const $ = Math.max(Number(t) - n, o);
+    r == null || r($);
   }, m = ($) => {
     if (l) return;
     const B = $.target.value;
     if (B === "") {
-      n == null || n(i);
+      r == null || r(o);
       return;
     }
     const y = Number(B);
     if (!isNaN(y)) {
-      const T = Math.min(Math.max(y, i), a);
-      n == null || n(T);
+      const T = Math.min(Math.max(y, o), a);
+      r == null || r(T);
     }
   }, b = [
     "ds-stepper-wrapper",
@@ -624,9 +624,9 @@ function Hs({
     d && "ds-stepper-wrapper--error"
   ].filter(Boolean).join(" "), j = [
     "ds-stepper",
-    `ds-stepper--${o}`,
+    `ds-stepper--${i}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), R = o === "xs" ? I[1] : o === "small" ? I[2] : I[3];
+  ].filter(Boolean).join(" "), R = i === "xs" ? I[1] : i === "small" ? I[2] : I[3];
   return /* @__PURE__ */ e.jsxs("div", { className: b, children: [
     s && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: s }),
     /* @__PURE__ */ e.jsxs("div", { className: j, children: [
@@ -636,7 +636,7 @@ function Hs({
           type: "button",
           className: "ds-stepper-button ds-stepper-button--minus",
           onClick: h,
-          disabled: l || t <= i,
+          disabled: l || t <= o,
           "aria-label": "Decrease",
           children: /* @__PURE__ */ e.jsx(Ye, { size: R, strokeWidth: 1.5 })
         }
@@ -648,9 +648,9 @@ function Hs({
           className: "ds-stepper-input",
           value: t,
           onChange: m,
-          min: i,
+          min: o,
           max: a,
-          step: r,
+          step: n,
           disabled: l,
           ...u
         }
@@ -674,22 +674,22 @@ function Hs({
 function qs({
   children: s,
   padding: t = "m",
-  variant: n = "info",
-  hover: i = !1,
+  variant: r = "info",
+  hover: o = !1,
   // deprecated, use variant="interactive"
   onClick: a,
-  href: r,
-  disabled: o = !1,
+  href: n,
+  disabled: i = !1,
   ...l
 }) {
-  const d = (i ? "interactive" : n) === "interactive" || a || r, u = [
+  const d = (o ? "interactive" : r) === "interactive" || a || n, u = [
     "ds-card",
     `ds-card--${t}`,
     d && "ds-card--interactive"
   ].filter(Boolean).join(" ");
-  if (r) {
+  if (n) {
     const m = (b) => {
-      if (o) {
+      if (i) {
         b.preventDefault();
         return;
       }
@@ -699,9 +699,9 @@ function qs({
       "a",
       {
         className: u,
-        href: o ? void 0 : r,
+        href: i ? void 0 : n,
         onClick: m,
-        "aria-disabled": o ? "true" : void 0,
+        "aria-disabled": i ? "true" : void 0,
         ...l,
         children: s
       }
@@ -710,7 +710,7 @@ function qs({
   const p = d && a ? "button" : "div", h = d && a ? {
     type: "button",
     onClick: a,
-    disabled: o
+    disabled: i
   } : {};
   return /* @__PURE__ */ e.jsx(
     p,
@@ -726,37 +726,37 @@ function qs({
 function Ks({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h1", { className: "ds-h1", ...t, children: s });
 }
-function Gs({ children: s, ...t }) {
+function Xs({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h2", { className: "ds-h2", ...t, children: s });
 }
-function Xs({ children: s, ...t }) {
+function Gs({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h3", { className: "ds-h3", ...t, children: s });
 }
 function Js({ children: s, ...t }) {
   return /* @__PURE__ */ e.jsx("h4", { className: "ds-h4", ...t, children: s });
 }
-function Zs({ children: s, secondary: t = !1, ...n }) {
-  return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${t ? "ds-p1--secondary" : ""}`, ...n, children: s });
+function Zs({ children: s, secondary: t = !1, ...r }) {
+  return /* @__PURE__ */ e.jsx("p", { className: `ds-p1 ${t ? "ds-p1--secondary" : ""}`, ...r, children: s });
 }
-function ds({ children: s, secondary: t = !1, ...n }) {
-  return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${t ? "ds-p2--secondary" : ""}`, ...n, children: s });
+function ds({ children: s, secondary: t = !1, ...r }) {
+  return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${t ? "ds-p2--secondary" : ""}`, ...r, children: s });
 }
-function Fe({ children: s, secondary: t = !1, ...n }) {
-  return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${t ? "ds-p3--secondary" : ""}`, ...n, children: s });
+function Fe({ children: s, secondary: t = !1, ...r }) {
+  return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${t ? "ds-p3--secondary" : ""}`, ...r, children: s });
 }
 function ce({
   children: s,
   variant: t = "default",
-  size: n = "m",
-  role: i,
+  size: r = "m",
+  role: o,
   ...a
 }) {
-  const r = [
+  const n = [
     "ds-badge",
     `ds-badge--${t}`,
-    `ds-badge--${n}`
-  ].filter(Boolean).join(" "), o = i || (["info", "success", "warning", "error"].includes(t) ? "status" : void 0);
-  return /* @__PURE__ */ e.jsx("span", { className: r, role: o, ...a, children: s });
+    `ds-badge--${r}`
+  ].filter(Boolean).join(" "), i = o || (["info", "success", "warning", "error"].includes(t) ? "status" : void 0);
+  return /* @__PURE__ */ e.jsx("span", { className: n, role: i, ...a, children: s });
 }
 const us = {
   info: ke,
@@ -767,26 +767,26 @@ const us = {
 function Qs({
   children: s,
   variant: t = "info",
-  title: n,
-  onClose: i,
+  title: r,
+  onClose: o,
   role: a,
-  ...r
+  ...n
 }) {
-  const o = us[t], l = a || (t === "error" ? "alert" : "status");
-  return /* @__PURE__ */ e.jsxs("div", { className: `ds-alert ds-alert--${t} ${n ? "" : "ds-alert--no-title"}`, role: l, ...r, children: [
-    o && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(o, { size: I[3], strokeWidth: 1.5 }) }),
+  const i = us[t], l = a || (t === "error" ? "alert" : "status");
+  return /* @__PURE__ */ e.jsxs("div", { className: `ds-alert ds-alert--${t} ${r ? "" : "ds-alert--no-title"}`, role: l, ...n, children: [
+    i && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(i, { size: I[3], strokeWidth: 1.5 }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-alert__content", children: [
-      n && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: n }),
+      r && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: r }),
       s && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: s })
     ] }),
-    i && /* @__PURE__ */ e.jsx(
+    o && /* @__PURE__ */ e.jsx(
       "button",
       {
         type: "button",
         className: "ds-alert__close",
-        onClick: i,
+        onClick: o,
         "aria-label": "Close alert",
-        children: /* @__PURE__ */ e.jsx(re, { size: I[3], strokeWidth: 1.5 })
+        children: /* @__PURE__ */ e.jsx(ne, { size: I[3], strokeWidth: 1.5 })
       }
     )
   ] });
@@ -795,15 +795,15 @@ const fs = 200;
 function et({
   children: s,
   title: t,
-  onClose: n,
-  size: i = "m",
+  onClose: r,
+  size: o = "m",
   scrollable: a = !1,
-  subHeader: r,
-  ...o
+  subHeader: n,
+  ...i
 }) {
   const l = E(null), f = K.useId(), [d, u] = D(!1), p = () => {
-    !n || d || (u(!0), setTimeout(() => {
-      u(!1), n();
+    !r || d || (u(!0), setTimeout(() => {
+      u(!1), r();
     }, fs));
   };
   M(() => {
@@ -815,34 +815,34 @@ function et({
     return document.addEventListener("keydown", j), document.addEventListener("mousedown", R), () => {
       document.removeEventListener("keydown", j), document.removeEventListener("mousedown", R);
     };
-  }, [n, d]);
+  }, [r, d]);
   const h = K.Children.toArray(s), m = h.find((j) => (j == null ? void 0 : j.type) === Ie), b = 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(
+  return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", d && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...i, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: [`ds-modal ds-modal--${i}`, a && "ds-modal--scrollable"].filter(Boolean).join(" "),
+      className: [`ds-modal ds-modal--${o}`, a && "ds-modal--scrollable"].filter(Boolean).join(" "),
       ref: l,
       role: "dialog",
       "aria-modal": "true",
       "aria-labelledby": t ? f : void 0,
       children: [
-        (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 || r || n) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header", children: [
+          (t || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-modal__header-row", children: [
             t && /* @__PURE__ */ e.jsx("h3", { id: f, className: "ds-modal__title", children: t }),
-            n && /* @__PURE__ */ e.jsx(
+            r && /* @__PURE__ */ e.jsx(
               me,
               {
                 variant: "ghost",
                 size: "small",
-                icon: /* @__PURE__ */ e.jsx(re, { size: I[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(ne, { size: I[2], strokeWidth: 1.5 }),
                 onClick: p,
                 "aria-label": "Close modal"
               }
             )
           ] }),
-          r && /* @__PURE__ */ e.jsx("div", { className: "ds-modal__subheader", children: r })
+          n && /* @__PURE__ */ e.jsx("div", { className: "ds-modal__subheader", children: n })
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body", children: b }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: b }),
         m
       ]
     }
@@ -854,20 +854,20 @@ function Ie({ children: s }) {
 function ms({
   children: s,
   title: t = "Code",
-  defaultExpanded: n = !1,
-  expanded: i,
+  defaultExpanded: r = !1,
+  expanded: o,
   onToggle: a,
-  padding: r = "s",
-  className: o = "",
+  padding: n = "s",
+  className: i = "",
   ...l
 }) {
-  const [f, d] = D(n), u = i !== void 0, p = u ? i : f, h = () => {
-    u ? a == null || a(!i) : d((b) => !b);
+  const [f, d] = D(r), u = o !== void 0, p = u ? o : f, h = () => {
+    u ? a == null || a(!o) : d((b) => !b);
   }, m = [
     "ds-code-accordion",
-    `ds-code-accordion--${r}`,
+    `ds-code-accordion--${n}`,
     p && "ds-code-accordion--expanded",
-    o
+    i
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e.jsxs("div", { className: m, ...l, children: [
     /* @__PURE__ */ e.jsxs(
@@ -890,57 +890,57 @@ function ms({
         ]
       }
     ),
-    /* @__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", children: /* @__PURE__ */ e.jsx("code", { children: s }) }) }) })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-code-accordion__inner", children: /* @__PURE__ */ e.jsx("pre", { className: "ds-code-accordion__pre ds-scrollable", children: /* @__PURE__ */ e.jsx("code", { children: s }) }) }) })
   ] });
 }
-function st({ children: s, block: t = !1, collapsible: n = !1, title: i = "Code", defaultExpanded: a = !1, ...r }) {
-  return t ? n ? /* @__PURE__ */ e.jsx(ms, { title: i, defaultExpanded: a, ...r, children: s }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block", ...r, children: /* @__PURE__ */ e.jsx("code", { children: s }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...r, children: s });
+function st({ children: s, block: t = !1, collapsible: r = !1, title: o = "Code", defaultExpanded: a = !1, ...n }) {
+  return t ? r ? /* @__PURE__ */ e.jsx(ms, { title: o, defaultExpanded: a, ...n, children: s }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block ds-scrollable", ...n, children: /* @__PURE__ */ e.jsx("code", { children: s }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...n, children: s });
 }
-function tt({ href: s, children: t, onClick: n, target: i, rel: a, ...r }) {
-  const l = i === "_blank" ? a ? `${a} noopener noreferrer` : "noopener noreferrer" : a;
+function tt({ href: s, children: t, onClick: r, target: o, rel: a, ...n }) {
+  const l = o === "_blank" ? a ? `${a} noopener noreferrer` : "noopener noreferrer" : a;
   return /* @__PURE__ */ e.jsx(
     "a",
     {
       href: s,
       className: "ds-link",
-      onClick: n,
-      target: i,
+      onClick: r,
+      target: o,
       rel: l,
-      ...r,
+      ...n,
       children: t
     }
   );
 }
-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, size: t = "m", variant: r = "ghost", ...o }) {
+  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...o, children: K.Children.map(s, (a) => K.isValidElement(a) ? K.cloneElement(a, { size: t, variant: r }) : a) });
 }
-function rt({ children: s, selected: t = !1, onClick: n, size: i = "m", variant: a = "ghost", disabled: r = !1, icon: o, href: l, ...f }) {
-  const d = o && !s, u = [
+function nt({ children: s, selected: t = !1, onClick: r, size: o = "m", variant: a = "ghost", disabled: n = !1, icon: i, href: l, ...f }) {
+  const d = i && !s, u = [
     "ds-tab",
-    `ds-tab--${i}`,
+    `ds-tab--${o}`,
     `ds-tab--${a}`,
     t && "ds-tab--selected",
     d && "ds-tab--icon-only"
   ].filter(Boolean).join(" "), p = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    o && /* @__PURE__ */ e.jsx("span", { className: "ds-tab-icon", children: o }),
+    i && /* @__PURE__ */ e.jsx("span", { className: "ds-tab-icon", children: i }),
     s
   ] });
   if (l) {
     const h = (m) => {
-      if (r) {
+      if (n) {
         m.preventDefault();
         return;
       }
-      m.metaKey || m.ctrlKey || m.button === 1 || (m.preventDefault(), n == null || n(m));
+      m.metaKey || m.ctrlKey || m.button === 1 || (m.preventDefault(), r == null || r(m));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
         role: "tab",
         "aria-current": t ? "page" : void 0,
-        "aria-disabled": r ? "true" : void 0,
+        "aria-disabled": n ? "true" : void 0,
         className: u,
-        href: r ? void 0 : l,
+        href: n ? void 0 : l,
         onClick: h,
         ...f,
         children: p
@@ -953,51 +953,51 @@ function rt({ children: s, selected: t = !1, onClick: n, size: i = "m", variant:
       role: "tab",
       "aria-selected": t,
       className: u,
-      onClick: n,
-      disabled: r,
+      onClick: r,
+      disabled: n,
       ...f,
       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 = () => {
-    if (!r.current) return;
-    const m = r.current.querySelector(`[data-value="${t}"]`);
+function at({ options: s, value: t, onChange: r, size: o = "m", disabled: a = !1 }) {
+  const n = E(null), i = E(null), [l, f] = D(!1), d = E(!1), u = E(null), p = E(null), h = () => {
+    if (!n.current) return;
+    const m = n.current.querySelector(`[data-value="${t}"]`);
     if (!m) return;
-    const b = r.current.getBoundingClientRect(), j = m.getBoundingClientRect(), R = j.left - b.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) : (f(!0), requestAnimationFrame(() => {
-      if (!o.current || !r.current) return;
-      const B = r.current.querySelector(`[data-value="${t}"]`);
+    const b = n.current.getBoundingClientRect(), j = m.getBoundingClientRect(), R = j.left - b.left, $ = j.width;
+    i.current ? (i.current.style.transition = d.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = R + "px", i.current.style.width = $ + "px", d.current = !1) : (f(!0), requestAnimationFrame(() => {
+      if (!i.current || !n.current) return;
+      const B = n.current.querySelector(`[data-value="${t}"]`);
       if (!B) return;
-      const y = r.current.getBoundingClientRect(), T = B.getBoundingClientRect();
-      o.current.style.transition = "none", o.current.style.left = T.left - y.left + "px", o.current.style.width = T.width + "px";
+      const y = n.current.getBoundingClientRect(), T = B.getBoundingClientRect();
+      i.current.style.transition = "none", i.current.style.left = T.left - y.left + "px", i.current.style.width = T.width + "px";
     }));
   };
   return p.current = h, Ve(() => {
     const m = u.current !== t;
     u.current = t, d.current = l && m, h();
   }), M(() => {
-    if (!r.current) return;
+    if (!n.current) return;
     const m = new ResizeObserver(() => {
       d.current = !1, p.current();
     });
-    return m.observe(r.current), () => m.disconnect();
+    return m.observe(n.current), () => m.disconnect();
   }, []), /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-seg",
-        `ds-seg--${i}`,
+        `ds-seg--${o}`,
         a && "ds-seg--disabled"
       ].filter(Boolean).join(" "),
-      ref: r,
+      ref: n,
       role: "group",
       children: [
         l && /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: o,
+            ref: i,
             className: "ds-seg__pill",
             "aria-hidden": "true"
           }
@@ -1008,7 +1008,7 @@ function at({ options: s, value: t, onChange: n, size: i = "m", disabled: a = !1
             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),
+            onClick: () => !a && r(m.value),
             "aria-pressed": t === m.value,
             disabled: a,
             children: [
@@ -1025,20 +1025,20 @@ function at({ options: s, value: t, onChange: n, size: i = "m", disabled: a = !1
 function Ee({
   children: s,
   title: t,
-  defaultExpanded: n = !1,
-  expanded: i,
+  defaultExpanded: r = !1,
+  expanded: o,
   onToggle: a,
-  padding: r = "m",
-  ...o
+  padding: n = "m",
+  ...i
 }) {
-  const [l, f] = D(n), d = i !== void 0, u = d ? i : l, p = () => {
-    d ? a == null || a(!i) : f((m) => !m);
+  const [l, f] = D(r), d = o !== void 0, u = d ? o : l, p = () => {
+    d ? a == null || a(!o) : f((m) => !m);
   }, h = [
     "ds-accordion",
-    `ds-accordion--${r}`,
+    `ds-accordion--${n}`,
     u && "ds-accordion--expanded"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: h, ...o, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: h, ...i, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -1062,42 +1062,42 @@ function Ee({
     /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-inner", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-body", children: s }) }) })
   ] });
 }
-const ne = 8, le = 8;
-function ps(s, t, n) {
-  const i = window.innerWidth;
-  let a, r;
+const re = 8, le = 8;
+function ps(s, t, r) {
+  const o = window.innerWidth;
+  let a, n;
   switch (s) {
     case "top":
-      a = t.top - n.height - ne, r = t.left + t.width / 2 - n.width / 2;
+      a = t.top - r.height - re, n = t.left + t.width / 2 - r.width / 2;
       break;
     case "bottom":
-      a = t.bottom + ne, r = t.left + t.width / 2 - n.width / 2;
+      a = t.bottom + re, n = t.left + t.width / 2 - r.width / 2;
       break;
     case "left":
-      a = t.top + t.height / 2 - n.height / 2, r = t.left - n.width - ne;
+      a = t.top + t.height / 2 - r.height / 2, n = t.left - r.width - re;
       break;
     case "right":
-      a = t.top + t.height / 2 - n.height / 2, r = t.right + ne;
+      a = t.top + t.height / 2 - r.height / 2, n = t.right + re;
       break;
     default:
-      a = t.bottom + ne, r = t.left;
+      a = t.bottom + re, n = t.left;
   }
-  const o = Math.max(le, Math.min(i - n.width - le, r)), l = r - o;
-  return { top: a, left: o, arrowOffset: l };
-}
-function hs(s, t, n) {
-  const i = window.innerWidth, a = window.innerHeight;
-  if (s.top >= t + ne + le) return "top";
-  if (a - s.bottom >= t + ne + le) return "bottom";
-  if (i - s.right >= n + ne + le) return "right";
-  if (s.left >= n + ne + le) return "left";
-  const r = Math.max(s.top, a - s.bottom, s.left, i - s.right);
-  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 i = Math.max(le, Math.min(o - r.width - le, n)), l = n - i;
+  return { top: a, left: i, arrowOffset: l };
+}
+function hs(s, t, r) {
+  const o = window.innerWidth, a = window.innerHeight;
+  if (s.top >= t + re + le) return "top";
+  if (a - s.bottom >= t + re + le) return "bottom";
+  if (o - s.right >= r + re + le) return "right";
+  if (s.left >= r + re + le) return "left";
+  const n = Math.max(s.top, a - s.bottom, s.left, o - s.right);
+  return n === s.top ? "top" : n === a - s.bottom ? "bottom" : n === o - s.right ? "right" : "left";
+}
+function ot({ children: s, content: t, position: r, ...o }) {
+  const [a, n] = D(!1), [i, l] = D({ visibility: "hidden" }), [f, d] = D(r || "top"), u = E(null), p = E(null), h = E(!1), m = () => {
     if (!u.current || !p.current) return;
-    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);
+    const j = u.current.getBoundingClientRect(), R = p.current.getBoundingClientRect(), $ = r || hs(j, R.height, R.width), { top: B, left: y, arrowOffset: T } = ps($, j, R);
     d($), l({
       position: "fixed",
       top: B,
@@ -1113,10 +1113,10 @@ function it({ children: s, content: t, position: n, ...i }) {
     return window.addEventListener("scroll", m, !0), window.addEventListener("resize", m), () => {
       cancelAnimationFrame(j), window.removeEventListener("scroll", m, !0), window.removeEventListener("resize", m);
     };
-  }, [a, n]), M(() => {
+  }, [a, r]), M(() => {
     if (!a) return;
     const j = (R) => {
-      u.current && !u.current.contains(R.target) && r(!1);
+      u.current && !u.current.contains(R.target) && n(!1);
     };
     return document.addEventListener("touchstart", j), () => document.removeEventListener("touchstart", j);
   }, [a]), !t) return s;
@@ -1126,7 +1126,7 @@ function it({ children: s, content: t, position: n, ...i }) {
       ref: p,
       className: `ds-tooltip ds-tooltip--${f}`,
       role: "tooltip",
-      style: o,
+      style: i,
       children: t
     }
   );
@@ -1136,15 +1136,15 @@ function it({ children: s, content: t, position: n, ...i }) {
       ref: u,
       className: "ds-tooltip-wrapper",
       onMouseEnter: () => {
-        h.current || r(!0);
+        h.current || n(!0);
       },
       onMouseLeave: () => {
-        h.current || r(!1);
+        h.current || n(!1);
       },
       onTouchStart: () => {
-        h.current = !0, r((j) => !j);
+        h.current = !0, n((j) => !j);
       },
-      ...i,
+      ...o,
       children: [
         s,
         typeof document < "u" && pe.createPortal(b, document.body)
@@ -1152,19 +1152,19 @@ function it({ children: s, content: t, position: n, ...i }) {
     }
   );
 }
-function ot({
+function it({
   checked: s = !1,
   onChange: t,
-  size: n = "m",
-  disabled: i = !1,
+  size: r = "m",
+  disabled: o = !1,
   label: a,
-  id: r,
-  ...o
+  id: n,
+  ...i
 }) {
-  const l = r || `toggle-${K.useId()}`, f = [
+  const l = n || `toggle-${K.useId()}`, f = [
     "ds-toggle",
-    `ds-toggle--${n}`,
-    i && "ds-toggle--disabled"
+    `ds-toggle--${r}`,
+    o && "ds-toggle--disabled"
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e.jsxs("label", { className: f, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
@@ -1175,8 +1175,8 @@ function ot({
         className: "ds-toggle__input",
         checked: s,
         onChange: (d) => t == null ? void 0 : t(d.target.checked),
-        disabled: i,
-        ...o
+        disabled: o,
+        ...i
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__track", children: /* @__PURE__ */ e.jsx("span", { className: "ds-toggle__thumb" }) }),
@@ -1186,17 +1186,17 @@ function ot({
 function lt({
   checked: s = !1,
   onChange: t,
-  size: n = "m",
-  disabled: i = !1,
+  size: r = "m",
+  disabled: o = !1,
   label: a,
-  id: r,
-  ...o
+  id: n,
+  ...i
 }) {
-  const l = r || `checkbox-${K.useId()}`, f = [
+  const l = n || `checkbox-${K.useId()}`, f = [
     "ds-checkbox",
-    `ds-checkbox--${n}`,
-    i && "ds-checkbox--disabled"
-  ].filter(Boolean).join(" "), d = n === "xs" ? 10 : n === "small" ? 14 : n === "large" ? 20 : 16;
+    `ds-checkbox--${r}`,
+    o && "ds-checkbox--disabled"
+  ].filter(Boolean).join(" "), d = r === "xs" ? 10 : r === "small" ? 14 : r === "large" ? 20 : 16;
   return /* @__PURE__ */ e.jsxs("label", { className: f, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
@@ -1206,8 +1206,8 @@ function lt({
         className: "ds-checkbox__input",
         checked: s,
         onChange: (u) => t == null ? void 0 : t(u.target.checked),
-        disabled: i,
-        ...o
+        disabled: o,
+        ...i
       }
     ),
     /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: s && /* @__PURE__ */ e.jsx(
@@ -1224,18 +1224,18 @@ function lt({
 function ct({
   checked: s = !1,
   onChange: t,
-  size: n = "m",
-  disabled: i = !1,
+  size: r = "m",
+  disabled: o = !1,
   label: a,
-  name: r,
-  value: o,
+  name: n,
+  value: i,
   id: l,
   ...f
 }) {
   const d = l || `radio-${K.useId()}`, u = [
     "ds-radio",
-    `ds-radio--${n}`,
-    i && "ds-radio--disabled"
+    `ds-radio--${r}`,
+    o && "ds-radio--disabled"
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e.jsxs("label", { className: u, htmlFor: d, children: [
     /* @__PURE__ */ e.jsx(
@@ -1246,9 +1246,9 @@ function ct({
         className: "ds-radio__input",
         checked: s,
         onChange: (p) => t == null ? void 0 : t(p.target.checked),
-        disabled: i,
-        name: r,
-        value: o,
+        disabled: o,
+        name: n,
+        value: i,
         ...f
       }
     ),
@@ -1256,26 +1256,26 @@ function ct({
     a && /* @__PURE__ */ e.jsx("span", { className: "ds-radio__label", children: a })
   ] });
 }
-function xs({ width: s, height: t, shape: n = "rect", aspectRatio: i, className: a = "", style: r = {}, ...o }) {
+function xs({ width: s, height: t, shape: r = "rect", aspectRatio: o, className: a = "", style: n = {}, ...i }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: ["ds-skeleton", `ds-skeleton--${n}`, a].filter(Boolean).join(" "),
-      style: { width: s, height: t, aspectRatio: i, ...r },
+      className: ["ds-skeleton", `ds-skeleton--${r}`, a].filter(Boolean).join(" "),
+      style: { width: s, height: t, aspectRatio: o, ...n },
       "aria-hidden": "true",
-      ...o
+      ...i
     }
   );
 }
-function bs({ lines: s = 1, lastLineWidth: t = "70%", gap: n, className: i = "", style: a = {}, ...r }) {
+function bs({ lines: s = 1, lastLineWidth: t = "70%", gap: r, className: o = "", style: a = {}, ...n }) {
   return /* @__PURE__ */ e.jsx(
     "span",
     {
-      className: ["ds-skeleton-text", i].filter(Boolean).join(" "),
-      style: { gap: n, ...a },
+      className: ["ds-skeleton-text", o].filter(Boolean).join(" "),
+      style: { gap: r, ...a },
       "aria-hidden": "true",
-      ...r,
-      children: Array.from({ length: s }, (o, l) => /* @__PURE__ */ e.jsx(
+      ...n,
+      children: Array.from({ length: s }, (i, l) => /* @__PURE__ */ e.jsx(
         "span",
         {
           className: "ds-skeleton ds-skeleton--text",
@@ -1289,8 +1289,8 @@ function bs({ lines: s = 1, lastLineWidth: t = "70%", gap: n, className: i = "",
 xs.Text = bs;
 function js(s) {
   let t = 2166136261;
-  for (let n = 0; n < s.length; n++)
-    t ^= s.charCodeAt(n), t = Math.imul(t, 16777619) >>> 0;
+  for (let r = 0; r < s.length; r++)
+    t ^= s.charCodeAt(r), t = Math.imul(t, 16777619) >>> 0;
   return t % 360;
 }
 function _s(s) {
@@ -1298,43 +1298,43 @@ function _s(s) {
   const t = s.trim().split(/\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 }) {
+function dt({ seed: s, icon: t, src: r, size: o = 32, className: a = "", style: n = {}, ...i }) {
   const l = js(s ?? ""), [f, d] = D(!1), u = t ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: _s(s) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       className: ["ds-avatar", a].filter(Boolean).join(" "),
-      style: { width: i, height: i, "--ds-avatar-h": l, ...r },
+      style: { width: o, height: o, "--ds-avatar-h": l, ...n },
       "aria-hidden": "true",
-      ...o,
-      children: n && !f ? /* @__PURE__ */ e.jsx("img", { src: n, alt: "", onError: () => d(!0) }) : u
+      ...i,
+      children: r && !f ? /* @__PURE__ */ e.jsx("img", { src: r, alt: "", onError: () => d(!0) }) : u
     }
   );
 }
 function ut({
   children: s,
   size: t = "compact",
-  stickyTop: n,
-  maxHeight: i,
+  stickyTop: r,
+  maxHeight: o,
   className: a = "",
-  style: r = {},
-  ...o
+  style: n = {},
+  ...i
 }) {
   const l = {
-    ...i ? { maxHeight: i } : {},
-    ...n !== void 0 ? { "--ds-table-sticky-top": typeof n == "number" ? `${n}px` : n } : {},
-    ...r
+    ...o ? { maxHeight: o } : {},
+    ...r !== void 0 ? { "--ds-table-sticky-top": typeof r == "number" ? `${r}px` : r } : {},
+    ...n
   };
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-table-wrap", i ? "ds-table-wrap--scroll" : ""].filter(Boolean).join(" "),
+      className: ["ds-table-wrap", "ds-scrollable", o ? "ds-table-wrap--scroll" : ""].filter(Boolean).join(" "),
       style: l,
       children: /* @__PURE__ */ e.jsx(
         "table",
         {
           className: ["ds-table", `ds-table--${t}`, a].filter(Boolean).join(" "),
-          ...o,
+          ...i,
           children: s
         }
       )
@@ -1347,18 +1347,18 @@ 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: r, subheader: o, exiting: a, updated: n, className: i = "", onClick: l, ...f }) {
   return /* @__PURE__ */ e.jsx(
     "tr",
     {
       className: [
         "ds-table-row",
         t || l ? "ds-table-row--interactive" : "",
-        n ? "ds-table-row--selected" : "",
-        i ? "ds-table-row--subheader" : "",
+        r ? "ds-table-row--selected" : "",
+        o ? "ds-table-row--subheader" : "",
         a ? "ds-table-row--exiting" : "",
-        r ? "ds-table-row--updated" : "",
-        o
+        n ? "ds-table-row--updated" : "",
+        i
       ].filter(Boolean).join(" "),
       onClick: l,
       ...f,
@@ -1366,23 +1366,23 @@ function pt({ children: s, interactive: t, selected: n, subheader: i, exiting: a
     }
   );
 }
-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 ht({ children: s, colSpan: t = 999, ...r }) {
+  return /* @__PURE__ */ e.jsx("tr", { className: "ds-table-row ds-table-row--subheader", ...r, 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;
+function xt({ children: s, align: t = "left", sortDir: r, onSort: o, width: a, className: n = "", style: i = {}, ...l }) {
+  const f = !!o || r !== void 0, d = r === "asc" ? qe : r === "desc" ? he : Ke;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
       className: [
         "ds-th",
         f ? "ds-th--sortable" : "",
-        n ? "ds-th--sorted" : "",
+        r ? "ds-th--sorted" : "",
         t !== "left" ? `ds-table-cell--${t}` : "",
-        r
+        n
       ].filter(Boolean).join(" "),
-      onClick: i,
-      style: { width: a, ...o },
+      onClick: o,
+      style: { width: a, ...i },
       ...l,
       children: f ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
         s,
@@ -1391,18 +1391,18 @@ function xt({ children: s, align: t = "left", sortDir: n, onSort: i, width: a, c
     }
   );
 }
-function bt({ children: s, align: t = "left", secondary: n, muted: i, truncate: a, nowrap: r, className: o = "", ...l }) {
+function bt({ children: s, align: t = "left", secondary: r, muted: o, truncate: a, nowrap: n, className: i = "", ...l }) {
   return /* @__PURE__ */ e.jsx(
     "td",
     {
       className: [
         "ds-td",
         t !== "left" ? `ds-table-cell--${t}` : "",
-        n ? "ds-table-cell--secondary" : "",
-        i ? "ds-table-cell--muted" : "",
+        r ? "ds-table-cell--secondary" : "",
+        o ? "ds-table-cell--muted" : "",
         a ? "ds-table-cell--truncate" : "",
-        r ? "ds-table-cell--nowrap" : "",
-        o
+        n ? "ds-table-cell--nowrap" : "",
+        i
       ].filter(Boolean).join(" "),
       ...l,
       children: s
@@ -1412,22 +1412,22 @@ function bt({ children: s, align: t = "left", secondary: n, muted: i, truncate:
 function jt({
   icon: s,
   title: t,
-  description: n,
-  action: i,
+  description: r,
+  action: o,
   size: a = "m",
-  className: r = "",
-  ...o
+  className: n = "",
+  ...i
 }) {
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: ["ds-empty-state", `ds-empty-state--${a}`, r].filter(Boolean).join(" "),
-      ...o,
+      className: ["ds-empty-state", `ds-empty-state--${a}`, n].filter(Boolean).join(" "),
+      ...i,
       children: [
         s && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__icon", children: s }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__title", children: t }),
-        n && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__description", children: n }),
-        i && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__action", children: i })
+        r && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__description", children: r }),
+        o && /* @__PURE__ */ e.jsx("div", { className: "ds-empty-state__action", children: o })
       ]
     }
   );
@@ -1435,51 +1435,51 @@ function jt({
 function _t({
   label: s,
   hint: t,
-  error: n,
-  required: i = !1,
+  error: r,
+  required: o = !1,
   disabled: a = !1,
-  htmlFor: r,
-  children: o,
+  htmlFor: n,
+  children: i,
   className: l = "",
   style: f,
   ...d
 }) {
-  const u = K.useId(), p = r ?? u, h = `${p}-hint`, m = `${p}-error`;
+  const u = K.useId(), p = n ?? u, h = `${p}-hint`, m = `${p}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: `ds-field${l ? ` ${l}` : ""}`,
-      "data-state": n ? "error" : void 0,
-      "data-required": i ? "" : void 0,
+      "data-state": r ? "error" : void 0,
+      "data-required": o ? "" : void 0,
       "data-disabled": a ? "" : void 0,
       style: f,
       ...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 })
+        /* @__PURE__ */ e.jsx("div", { className: "ds-field-control", children: i }),
+        t && !r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: h, children: t }),
+        r && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: m, role: "alert", children: r })
       ]
     }
   );
 }
-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";
+function vt({ label: s, value: t, delta: r, size: o = "m", inline: a = !1, className: n = "", style: i, ...l }) {
+  const f = r != null && r.startsWith("+") ? "up" : r != null && r.startsWith("-") ? "down" : "neutral";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-stat",
-        `ds-stat--${i}`,
+        `ds-stat--${o}`,
         a && "ds-stat--inline",
-        r
+        n
       ].filter(Boolean).join(" "),
-      style: o,
+      style: i,
       ...l,
       children: [
         s && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-label", children: s }),
         t != null && /* @__PURE__ */ e.jsx("span", { className: "ds-stat-value", children: t }),
-        n != null && /* @__PURE__ */ e.jsx("span", { className: `ds-stat-delta ds-stat-delta--${f}`, children: n })
+        r != null && /* @__PURE__ */ e.jsx("span", { className: `ds-stat-delta ds-stat-delta--${f}`, children: r })
       ]
     }
   );
@@ -1487,22 +1487,22 @@ function vt({ label: s, value: t, delta: n, size: i = "m", inline: a = !1, class
 function Nt({
   children: s,
   separator: t = "/",
-  "aria-label": n = "Breadcrumb",
-  className: i = "",
+  "aria-label": r = "Breadcrumb",
+  className: o = "",
   style: a,
-  ...r
+  ...n
 }) {
-  const o = K.Children.toArray(s).filter(Boolean);
+  const i = K.Children.toArray(s).filter(Boolean);
   return /* @__PURE__ */ e.jsx(
     "nav",
     {
-      className: `ds-breadcrumb${i ? ` ${i}` : ""}`,
-      "aria-label": n,
+      className: `ds-breadcrumb${o ? ` ${o}` : ""}`,
+      "aria-label": r,
       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: [
+      ...n,
+      children: /* @__PURE__ */ e.jsx("ol", { className: "ds-breadcrumb-list", children: i.map((l, f) => /* @__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 < i.length - 1 && /* @__PURE__ */ e.jsx("span", { className: "ds-breadcrumb-sep", "aria-hidden": "true", children: t })
       ] }, f)) })
     }
   );
@@ -1510,30 +1510,30 @@ function Nt({
 function wt({
   page: s,
   total: t,
-  onChange: n,
-  siblings: i = 1,
+  onChange: r,
+  siblings: o = 1,
   "aria-label": a = "Pagination",
-  className: r = "",
-  style: o,
+  className: n = "",
+  style: i,
   ...l
 }) {
-  const f = vs(s, t, i);
+  const f = vs(s, t, o);
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
-      className: `ds-pagination${r ? ` ${r}` : ""}`,
+      className: `ds-pagination${n ? ` ${n}` : ""}`,
       "aria-label": a,
-      style: o,
+      style: i,
       ...l,
       children: [
         /* @__PURE__ */ e.jsx(
           "button",
           {
             className: "ds-pagination-arrow",
-            onClick: () => n == null ? void 0 : n(s - 1),
+            onClick: () => r == null ? void 0 : r(s - 1),
             disabled: s <= 1,
             "aria-label": "Previous page",
-            children: /* @__PURE__ */ e.jsx(Ge, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(Xe, { size: 16 })
           }
         ),
         f.map(
@@ -1541,7 +1541,7 @@ function wt({
             "button",
             {
               className: `ds-pagination-page${d === s ? " ds-pagination-page--current" : ""}`,
-              onClick: () => d !== s && (n == null ? void 0 : n(d)),
+              onClick: () => d !== s && (r == null ? void 0 : r(d)),
               "aria-current": d === s ? "page" : void 0,
               "aria-label": `Page ${d}`,
               children: d
@@ -1553,46 +1553,46 @@ function wt({
           "button",
           {
             className: "ds-pagination-arrow",
-            onClick: () => n == null ? void 0 : n(s + 1),
+            onClick: () => r == null ? void 0 : r(s + 1),
             disabled: s >= t,
             "aria-label": "Next page",
-            children: /* @__PURE__ */ e.jsx(Xe, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(Ge, { size: 16 })
           }
         )
       ]
     }
   );
 }
-function vs(s, t, n) {
-  if (t <= 7) return Array.from({ length: t }, (o, l) => l + 1);
-  const i = Math.max(2, s - n), a = Math.min(t - 1, s + n), r = [1];
-  i > 2 && r.push("…");
-  for (let o = i; o <= a; o++) r.push(o);
-  return a < t - 1 && r.push("…"), r.push(t), r;
+function vs(s, t, r) {
+  if (t <= 7) return Array.from({ length: t }, (i, l) => l + 1);
+  const o = Math.max(2, s - r), a = Math.min(t - 1, s + r), n = [1];
+  o > 2 && n.push("…");
+  for (let i = o; i <= a; i++) n.push(i);
+  return a < t - 1 && n.push("…"), n.push(t), n;
 }
 const Ns = 200;
 function gt({
   children: s,
   title: t,
-  onClose: n,
-  side: i = "right",
+  onClose: r,
+  side: o = "right",
   ...a
 }) {
-  const r = E(null), o = K.useId(), [l, f] = D(!1), d = () => {
-    !n || l || (f(!0), setTimeout(() => {
-      f(!1), n();
+  const n = E(null), i = K.useId(), [l, f] = D(!1), d = () => {
+    !r || l || (f(!0), setTimeout(() => {
+      f(!1), r();
     }, Ns));
   };
   M(() => {
     const m = (j) => {
       j.key === "Escape" && d();
     }, b = (j) => {
-      r.current && !r.current.contains(j.target) && d();
+      n.current && !n.current.contains(j.target) && d();
     };
     return document.addEventListener("keydown", m), document.addEventListener("mousedown", b), () => {
       document.removeEventListener("keydown", m), document.removeEventListener("mousedown", b);
     };
-  }, [n, l]);
+  }, [r, 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);
   return /* @__PURE__ */ e.jsx(
     "div",
@@ -1603,17 +1603,17 @@ function gt({
         "aside",
         {
           className: ["ds-drawer", l && "ds-drawer--closing"].filter(Boolean).join(" "),
-          "data-side": i,
-          ref: r,
+          "data-side": o,
+          ref: n,
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": t ? o : void 0,
+          "aria-labelledby": t ? i : void 0,
           children: [
             /* @__PURE__ */ e.jsxs("header", { className: "ds-drawer-header", children: [
-              t && /* @__PURE__ */ e.jsx("h3", { id: o, className: "ds-drawer-title", children: t }),
-              n && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: d, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(re, { size: I[2], strokeWidth: 1.5 }) })
+              t && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-drawer-title", children: t }),
+              r && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: d, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(ne, { size: I[2], strokeWidth: 1.5 }) })
             ] }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body", children: h }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body ds-scrollable", children: h }),
             p
           ]
         }
@@ -1633,29 +1633,29 @@ const ws = {
 function yt({
   children: s,
   variant: t = "info",
-  action: n,
-  onAction: i,
+  action: r,
+  onAction: o,
   onDismiss: a,
-  role: r,
-  ...o
+  role: n,
+  ...i
 }) {
-  const l = ws[t], f = r || (t === "error" ? "alert" : "status");
+  const l = ws[t], f = n || (t === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: `ds-banner ds-banner--${t}`,
       role: f,
-      ...o,
+      ...i,
       children: [
         l && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(l, { size: I[2], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-banner-text", children: s }),
-        n && /* @__PURE__ */ e.jsx(
+        r && /* @__PURE__ */ e.jsx(
           "button",
           {
             type: "button",
             className: "ds-banner-action",
-            onClick: i,
-            children: n
+            onClick: o,
+            children: r
           }
         ),
         a && /* @__PURE__ */ e.jsx(
@@ -1665,7 +1665,7 @@ function yt({
             className: "ds-banner-dismiss",
             onClick: a,
             "aria-label": "Dismiss",
-            children: /* @__PURE__ */ e.jsx(re, { size: I[2], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ne, { size: I[2], strokeWidth: 1.5 })
           }
         )
       ]
@@ -1675,16 +1675,16 @@ function yt({
 function kt({
   trigger: s,
   items: t = [],
-  open: n,
-  onOpenChange: i,
+  open: r,
+  onOpenChange: o,
   align: a = "left",
-  className: r = "",
-  style: o,
+  className: n = "",
+  style: i,
   ...l
 }) {
-  const [f, d] = D(!1), [u, p] = D(!1), h = n !== void 0, m = h ? n : f, b = E(null), j = E(null), R = E(null), $ = E(null), [B, y] = D({}), T = E(null), z = 150, A = () => {
+  const [f, d] = D(!1), [u, p] = D(!1), h = r !== void 0, m = h ? r : f, b = 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);
+      o == null || o(!1);
     else {
       if (u) return;
       p(!0), T.current = setTimeout(() => {
@@ -1693,15 +1693,15 @@ function kt({
     }
   }, Y = () => {
     const x = !m;
-    h ? i == null || i(x) : x ? (clearTimeout(T.current), p(!1), d(!0)) : A();
+    h ? o == null || o(x) : x ? (clearTimeout(T.current), p(!1), d(!0)) : A();
   }, H = () => {
-    m || (h ? i == null || i(!0) : (clearTimeout(T.current), p(!1), d(!0)));
+    m || (h ? o == null || o(!0) : (clearTimeout(T.current), p(!1), d(!0)));
   };
   M(() => () => clearTimeout(T.current), []), M(() => {
     if (!m) return;
     const x = 300, N = () => {
-      var X;
-      const k = (X = b.current) == null ? void 0 : X.getBoundingClientRect();
+      var G;
+      const k = (G = b.current) == null ? void 0 : G.getBoundingClientRect();
       if (!k) return;
       const P = window.innerHeight - k.bottom, q = P < x + 8 && k.top > P;
       y(
@@ -1748,8 +1748,8 @@ function kt({
         const P = v();
         (k = P[P.length - 1]) == null || k.focus();
       }
-  }, G = (x) => {
-    var P, q, X, g;
+  }, X = (x) => {
+    var P, q, G, g;
     const N = v(), k = N.findIndex((c) => c === document.activeElement);
     switch (x.key) {
       case "ArrowDown":
@@ -1759,7 +1759,7 @@ function kt({
         x.preventDefault(), k <= 0 ? F() : (q = N[k - 1]) == null || q.focus();
         break;
       case "Home":
-        x.preventDefault(), (X = N[0]) == null || X.focus();
+        x.preventDefault(), (G = N[0]) == null || G.focus();
         break;
       case "End":
         x.preventDefault(), (g = N[N.length - 1]) == null || g.focus();
@@ -1779,7 +1779,7 @@ function kt({
         u && "ds-dropdown__menu--closing"
       ].filter(Boolean).join(" "),
       style: B,
-      onKeyDown: G,
+      onKeyDown: X,
       children: t.map((x, N) => {
         if (x.separator)
           return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, N);
@@ -1799,8 +1799,8 @@ function kt({
             ].filter(Boolean).join(" "),
             ...q,
             onClick: () => {
-              var X;
-              (X = x.onClick) == null || X.call(x), A();
+              var G;
+              (G = x.onClick) == null || G.call(x), A();
             },
             children: [
               x.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: x.icon }),
@@ -1817,8 +1817,8 @@ function kt({
     "div",
     {
       ref: b,
-      className: ["ds-dropdown", r].filter(Boolean).join(" "),
-      style: o,
+      className: ["ds-dropdown", n].filter(Boolean).join(" "),
+      style: i,
       ...l,
       children: [
         /* @__PURE__ */ e.jsx(
@@ -1839,22 +1839,22 @@ function kt({
 function Et({
   value: s = 0,
   size: t = "m",
-  variant: n = "default",
-  showValue: i = !1,
+  variant: r = "default",
+  showValue: o = !1,
   min: a = 2,
-  animate: r = !0
+  animate: n = !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 i = Math.min(100, Math.max(0, s)), l = Math.max(a, i), f = r === "auto" ? i >= 70 ? "success" : i >= 50 ? "warning" : "danger" : r;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-progress",
         `ds-progress--${t}`,
-        !r && "ds-progress--instant"
+        !n && "ds-progress--instant"
       ].filter(Boolean).join(" "),
       role: "progressbar",
-      "aria-valuenow": o,
+      "aria-valuenow": i,
       "aria-valuemin": 0,
       "aria-valuemax": 100,
       children: [
@@ -1865,8 +1865,8 @@ function Et({
             style: { width: `${l}%` }
           }
         ) }),
-        i && /* @__PURE__ */ e.jsxs("span", { className: "ds-progress__value", children: [
-          Math.round(o),
+        o && /* @__PURE__ */ e.jsxs("span", { className: "ds-progress__value", children: [
+          Math.round(i),
           "%"
         ] })
       ]
@@ -1875,60 +1875,60 @@ function Et({
 }
 const gs = (s) => 1 - Math.pow(1 - s, 3), ys = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 function ks(s, { duration: t = 600 } = {}) {
-  const [n, i] = D(s), a = E(s), r = E(null);
+  const [r, o] = D(s), a = E(s), n = E(null);
   return M(() => {
     if (ys()) {
-      i(s), a.current = s;
+      o(s), a.current = s;
       return;
     }
-    const o = a.current, l = s - o;
+    const i = a.current, l = s - i;
     if (l === 0) return;
     let f = null;
     const d = (u) => {
       f || (f = u);
       const p = Math.min((u - f) / t, 1);
-      i(o + l * gs(p)), p < 1 ? r.current = requestAnimationFrame(d) : a.current = s;
+      o(i + l * gs(p)), p < 1 ? n.current = requestAnimationFrame(d) : a.current = s;
     };
-    return r.current = requestAnimationFrame(d), () => cancelAnimationFrame(r.current);
-  }, [s, t]), n;
+    return n.current = requestAnimationFrame(d), () => cancelAnimationFrame(n.current);
+  }, [s, t]), r;
 }
 function $t({
   value: s,
   duration: t = 600,
-  decimals: n = 0,
-  prefix: i = "",
+  decimals: r = 0,
+  prefix: o = "",
   suffix: a = ""
 }) {
-  const o = ks(s, { duration: t }).toFixed(n);
-  return `${i}${o}${a}`;
+  const i = ks(s, { duration: t }).toFixed(r);
+  return `${o}${i}${a}`;
 }
-function Es({ threshold: s = 0.1, rootMargin: t = "0px", once: n = !1 } = {}) {
-  const i = E(null), [a, r] = D(!1);
+function Es({ threshold: s = 0.1, rootMargin: t = "0px", once: r = !1 } = {}) {
+  const o = E(null), [a, n] = D(!1);
   return M(() => {
-    const o = i.current;
-    if (!o) return;
+    const i = o.current;
+    if (!i) return;
     const l = new IntersectionObserver(
       ([f]) => {
-        f.isIntersecting ? (r(!0), n && l.disconnect()) : n || r(!1);
+        f.isIntersecting ? (n(!0), r && l.disconnect()) : r || n(!1);
       },
       { threshold: s, rootMargin: t }
     );
-    return l.observe(o), () => l.disconnect();
-  }, [s, t, n]), { ref: i, inView: a };
+    return l.observe(i), () => l.disconnect();
+  }, [s, t, r]), { ref: o, inView: a };
 }
 function Tt({
   children: s,
   as: t = "div",
-  once: n = !1,
-  threshold: i = 0.1,
+  once: r = !1,
+  threshold: o = 0.1,
   rootMargin: a = "0px",
-  onEnter: r,
-  onLeave: o,
+  onEnter: n,
+  onLeave: i,
   ...l
 }) {
-  const { ref: f, inView: d } = Es({ threshold: i, rootMargin: a, once: n }), u = E(!1);
+  const { ref: f, inView: d } = Es({ threshold: o, rootMargin: a, once: r }), u = E(!1);
   return M(() => {
-    d && !u.current && (r == null || r()), !d && u.current && (o == null || o()), u.current = d;
+    d && !u.current && (n == null || n()), !d && u.current && (i == null || i()), u.current = d;
   }, [d]), /* @__PURE__ */ e.jsx(t, { ref: f, ...l, children: typeof s == "function" ? s(d) : s });
 }
 const Me = {
@@ -1949,44 +1949,44 @@ function Ts(s) {
   de = de.filter((t) => t.id !== s), We();
 }
 function Rt() {
-  const s = (t, n = {}) => {
+  const s = (t, r = {}) => {
     $s({
       id: `${Date.now()}-${Math.random()}`,
       message: t,
       type: "default",
       duration: 4e3,
-      ...n
+      ...r
     });
   };
-  return s.success = (t, n) => s(t, { ...n, type: "success" }), s.error = (t, n) => s(t, { ...n, type: "error" }), s.warning = (t, n) => s(t, { ...n, type: "warning" }), { toast: s };
+  return s.success = (t, r) => s(t, { ...r, type: "success" }), s.error = (t, r) => s(t, { ...r, type: "error" }), s.warning = (t, r) => s(t, { ...r, type: "warning" }), { toast: s };
 }
 function Rs({ data: s, onDismiss: t }) {
-  const [n, i] = D(!1), a = E(null);
-  M(() => (requestAnimationFrame(() => i(!0)), s.duration > 0 && (a.current = setTimeout(() => r(), s.duration)), () => clearTimeout(a.current)), []);
-  function r() {
-    i(!1), setTimeout(() => t(s.id), 250);
+  const [r, o] = D(!1), a = E(null);
+  M(() => (requestAnimationFrame(() => o(!0)), s.duration > 0 && (a.current = setTimeout(() => n(), s.duration)), () => clearTimeout(a.current)), []);
+  function n() {
+    o(!1), setTimeout(() => t(s.id), 250);
   }
-  const o = Me[s.type] ?? Me.default;
+  const i = Me[s.type] ?? Me.default;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-toast",
         `ds-toast--${s.type}`,
-        n && "ds-toast--visible"
+        r && "ds-toast--visible"
       ].filter(Boolean).join(" "),
       role: s.type === "error" ? "alert" : "status",
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(o, { size: I[3], strokeWidth: 1.5 }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(i, { size: I[3], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-toast__message", children: s.message }),
         /* @__PURE__ */ e.jsx(
           "button",
           {
             className: "ds-toast__close",
-            onClick: r,
+            onClick: n,
             "aria-label": "Закрыть",
-            children: /* @__PURE__ */ e.jsx(re, { size: I[3], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(ne, { size: I[3], strokeWidth: 1.5 })
           }
         )
       ]
@@ -1994,9 +1994,9 @@ function Rs({ data: s, onDismiss: t }) {
   );
 }
 function St({ position: s = "bottom-right" }) {
-  const [t, n] = D(() => [...de]);
-  return M(() => (_e.add(n), () => _e.delete(n)), []), !t.length || typeof document > "u" ? null : pe.createPortal(
-    /* @__PURE__ */ e.jsx("div", { className: ["ds-toast-container", `ds-toast-container--${s}`].join(" "), children: t.map((i) => /* @__PURE__ */ e.jsx(Rs, { data: i, onDismiss: Ts }, i.id)) }),
+  const [t, r] = D(() => [...de]);
+  return M(() => (_e.add(r), () => _e.delete(r)), []), !t.length || typeof document > "u" ? null : pe.createPortal(
+    /* @__PURE__ */ e.jsx("div", { className: ["ds-toast-container", `ds-toast-container--${s}`].join(" "), children: t.map((o) => /* @__PURE__ */ e.jsx(Rs, { data: o, onDismiss: Ts }, o.id)) }),
     document.body
   );
 }
@@ -2008,20 +2008,20 @@ const Ss = {
 function Dt({
   label: s,
   status: t = "idle",
-  icon: n,
-  badge: i,
+  icon: r,
+  badge: o,
   defaultExpanded: a = !1,
-  expanded: r,
-  onToggle: o,
+  expanded: n,
+  onToggle: i,
   children: l,
   className: f = "",
   ...d
 }) {
   const u = t === "running", p = /* @__PURE__ */ e.jsxs("span", { className: "ds-tool-card__title-row", children: [
-    n && /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__icon", children: n }),
+    r && /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__icon", children: r }),
     /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__label", children: s }),
     Ss[t],
-    i
+    o
   ] });
   return l ? /* @__PURE__ */ e.jsx(
     "div",
@@ -2034,8 +2034,8 @@ function Dt({
           title: p,
           padding: "s",
           defaultExpanded: a,
-          expanded: u ? !1 : r,
-          onToggle: u ? void 0 : o,
+          expanded: u ? !1 : n,
+          onToggle: u ? void 0 : i,
           children: /* @__PURE__ */ e.jsx("div", { className: "ds-tool-card__body", children: l })
         }
       )
@@ -2052,13 +2052,13 @@ function Dt({
 function Ds({
   text: s,
   size: t = "xs",
-  timeout: n = 800,
-  "aria-label": i = "Copy to clipboard",
+  timeout: r = 800,
+  "aria-label": o = "Copy to clipboard",
   ...a
 }) {
-  const [r, o] = D(!1), l = (f) => {
+  const [n, i] = D(!1), l = (f) => {
     f.currentTarget.blur(), navigator.clipboard.writeText(s).then(() => {
-      o(!0), setTimeout(() => o(!1), n);
+      i(!0), setTimeout(() => i(!1), r);
     });
   };
   return /* @__PURE__ */ e.jsx(
@@ -2066,29 +2066,29 @@ function Ds({
     {
       variant: "ghost",
       size: t,
-      state: r ? "success" : "idle",
+      state: n ? "success" : "idle",
       icon: /* @__PURE__ */ e.jsx(Je, { size: I[1], strokeWidth: 1.5 }),
-      "aria-label": i,
+      "aria-label": o,
       onClick: l,
       ...a
     }
   );
 }
-function At({ content: s, streaming: t = !1, ...n }) {
-  const [i, a] = D(t);
+function At({ content: s, streaming: t = !1, ...r }) {
+  const [o, a] = D(t);
   return M(() => {
     a(!!t);
   }, [t]), /* @__PURE__ */ e.jsx(
     Ee,
     {
-      expanded: i,
+      expanded: o,
       onToggle: a,
       padding: "s",
       title: /* @__PURE__ */ e.jsxs("div", { className: "ds-reasoning__title", children: [
         /* @__PURE__ */ e.jsx(Ze, { size: I[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
         /* @__PURE__ */ e.jsx(ds, { secondary: !0, children: "Thinking" })
       ] }),
-      ...n,
+      ...r,
       children: /* @__PURE__ */ e.jsxs(Fe, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
         s,
         t && /* @__PURE__ */ e.jsx("span", { className: "ds-cursor ds-cursor--line" })
@@ -2099,16 +2099,16 @@ function At({ content: s, streaming: t = !1, ...n }) {
 function It({
   count: s,
   current: t = 0,
-  done: n = [],
-  onChange: i,
+  done: r = [],
+  onChange: o,
   showCounter: a = !0,
-  className: r = "",
-  "aria-label": o = "Steps",
+  className: n = "",
+  "aria-label": i = "Steps",
   ...l
 }) {
-  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", r].filter(Boolean).join(" "), ...l, children: [
-    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": 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 = [
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", n].filter(Boolean).join(" "), ...l, children: [
+    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i, children: Array.from({ length: s }, (f, d) => {
+      const u = d === t, p = r.includes(d) && !u, h = o && (d <= t || r.includes(d)), m = [
         "ds-step-indicator__dot",
         u && "ds-step-indicator__dot--active",
         p && "ds-step-indicator__dot--done"
@@ -2122,7 +2122,7 @@ function It({
           "aria-selected": u,
           "aria-label": `Step ${d + 1}`,
           disabled: !h || d === t,
-          onClick: () => i == null ? void 0 : i(d),
+          onClick: () => o == null ? void 0 : o(d),
           children: p ? /* @__PURE__ */ e.jsx(Ne, { size: 8, strokeWidth: 3 }) : null
         },
         d
@@ -2138,69 +2138,69 @@ function It({
 function Bt({
   content: s,
   isStreaming: t = !1,
-  cursor: n = "line",
-  onChunk: i,
+  cursor: r = "line",
+  onChunk: o,
   className: a = "",
-  ...r
+  ...n
 }) {
-  const o = E(s);
+  const i = E(s);
   return M(() => {
-    s !== o.current && (i == null || i(s), o.current = s);
-  }, [s, i]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", a].filter(Boolean).join(" "), ...r, children: [
+    s !== i.current && (o == null || o(s), i.current = s);
+  }, [s, o]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", a].filter(Boolean).join(" "), ...n, children: [
     s,
-    t && n !== "none" && /* @__PURE__ */ e.jsx("span", { className: `ds-cursor ds-cursor--${n}`, "aria-hidden": "true" })
+    t && r !== "none" && /* @__PURE__ */ e.jsx("span", { className: `ds-cursor ds-cursor--${r}`, "aria-hidden": "true" })
   ] });
 }
 function Mt({
   role: s = "assistant",
   header: t,
-  footer: n,
-  attachments: i,
+  footer: r,
+  attachments: o,
   isStreaming: a = !1,
-  children: r,
-  className: o = "",
+  children: n,
+  className: i = "",
   ...l
 }) {
   const f = [
     "ds-chat-message",
     `ds-chat-message--${s}`,
     a && "ds-chat-message--streaming",
-    o
+    i
   ].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: [
-    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 })
+  return s === "system" ? /* @__PURE__ */ e.jsx("div", { className: f, ...l, children: /* @__PURE__ */ e.jsx("span", { className: "ds-chat-message__system-label", children: n }) }) : s === "user" ? /* @__PURE__ */ e.jsxs("div", { className: f, ...l, children: [
+    o && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: o }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__bubble", children: n }),
+    r && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: r })
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: f, ...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 }),
-    n && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: n })
+    o && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__attachments", children: o }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__body", children: n }),
+    r && /* @__PURE__ */ e.jsx("div", { className: "ds-chat-message__footer", children: r })
   ] });
 }
-function Pt(s, { containerRef: t, smartPause: n = !0 } = {}) {
-  const i = E(!1), a = E(0);
+function Pt(s, { containerRef: t, smartPause: r = !0 } = {}) {
+  const o = E(!1), a = E(0);
   M(() => {
-    const r = t == null ? void 0 : t.current;
-    if (!r) return;
-    const o = () => {
-      const l = r.scrollHeight - r.scrollTop - r.clientHeight < 64;
-      !l && r.scrollTop < a.current && (i.current = !0), l && (i.current = !1), a.current = r.scrollTop;
+    const n = t == null ? void 0 : t.current;
+    if (!n) return;
+    const i = () => {
+      const l = n.scrollHeight - n.scrollTop - n.clientHeight < 64;
+      !l && n.scrollTop < a.current && (o.current = !0), l && (o.current = !1), a.current = n.scrollTop;
     };
-    return r.addEventListener("scroll", o, { passive: !0 }), () => r.removeEventListener("scroll", o);
+    return n.addEventListener("scroll", i, { passive: !0 }), () => n.removeEventListener("scroll", i);
   }, [t]), M(() => {
-    const r = t == null ? void 0 : t.current;
-    r && (n && i.current || (r.scrollTop = r.scrollHeight));
+    const n = t == null ? void 0 : t.current;
+    n && (r && o.current || (n.scrollTop = n.scrollHeight));
   }, s);
 }
 function As({
   prompts: s,
   enabled: t,
-  typingSpeed: n = 38,
-  erasingSpeed: i = 18,
+  typingSpeed: r = 38,
+  erasingSpeed: o = 18,
   holdTime: a = 2200,
-  betweenTime: r = 380,
-  manualPauseMs: o = 5e3
+  betweenTime: n = 380,
+  manualPauseMs: i = 5e3
 }) {
   const [l, f] = D(0), [d, u] = D(""), p = E("typing"), h = E(0), m = E(0), b = E(null), j = E(0);
   M(() => {
@@ -2217,16 +2217,16 @@ function As({
         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", b.current = setTimeout(T, a)) : b.current = setTimeout(T, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", b.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), b.current = setTimeout(T, r)) : b.current = setTimeout(T, i));
+      p.current === "typing" ? (h.current += 1, u(A.slice(0, h.current)), h.current >= A.length ? (p.current = "holding", b.current = setTimeout(T, a)) : b.current = setTimeout(T, r + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", b.current = setTimeout(T, o)) : (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), b.current = setTimeout(T, n)) : b.current = setTimeout(T, o));
     };
     return b.current = setTimeout(T, 260), () => {
       b.current && clearTimeout(b.current);
     };
-  }, [t, s, n, i, a, r]);
+  }, [t, s, r, o, a, n]);
   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", j.current = Date.now() + o, f(z), u(A);
+    m.current = z, h.current = A.length, p.current = "holding", j.current = Date.now() + i, f(z), u(A);
   }, $ = () => R(m.current + 1), B = () => R(m.current - 1), y = s[l % s.length] ?? "";
   return { displayed: d, currentPrompt: y, index: l, next: $, prev: B };
 }
@@ -2234,11 +2234,11 @@ let Is = 0;
 function Lt({
   value: s = "",
   onChange: t,
-  onSubmit: n,
-  onStop: i,
+  onSubmit: r,
+  onStop: o,
   onKeyDown: a,
-  loading: r = !1,
-  disabled: o = !1,
+  loading: n = !1,
+  disabled: i = !1,
   placeholder: l = "Let's get things done...",
   animatedPlaceholders: f,
   attachments: d,
@@ -2256,20 +2256,20 @@ function Lt({
   className: z = "",
   ...A
 }) {
-  const Y = E(null), H = E(null), F = E(0), [v, C] = D(!1), [G, U] = D([]), x = (_) => {
+  const Y = E(null), H = E(null), F = E(0), [v, C] = D(!1), [X, U] = D([]), x = (_) => {
     const S = ++Is;
     U((V) => [...V, { id: S, msg: _ }]), setTimeout(() => U((V) => V.filter((J) => J.id !== S)), 6e3);
-  }, N = (_) => U((S) => S.filter((V) => V.id !== _)), k = (_) => _.type.startsWith("image/"), P = () => !0, q = j ?? k, X = R ?? P, g = (_) => {
+  }, N = (_) => U((S) => S.filter((V) => V.id !== _)), k = (_) => _.type.startsWith("image/"), P = () => !0, q = j ?? k, G = R ?? P, g = (_) => {
     const S = [], V = [], J = [], Z = [];
-    let ee = 0, oe = $ != null ? $ - ((u == null ? void 0 : u.length) ?? 0) : 1 / 0;
+    let ee = 0, ie = $ != null ? $ - ((u == null ? void 0 : u.length) ?? 0) : 1 / 0;
     for (const se of _)
-      q(se) ? B && se.size > B ? J.push(se.name) : oe > 0 ? (S.push(se), oe--) : ee++ : X(se) ? V.push(se) : Z.push(se.name);
+      q(se) ? B && se.size > B ? J.push(se.name) : ie > 0 ? (S.push(se), ie--) : ee++ : G(se) ? V.push(se) : Z.push(se.name);
     return { imageFiles: S, docFiles: V, tooLarge: J, skipped: Z, limitExceeded: ee };
   }, c = (_) => {
     const { imageFiles: S, docFiles: V, tooLarge: J, skipped: Z, limitExceeded: ee } = g(_);
     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);
+    const ie = V.concat(h ? [] : S);
+    p && ie.length && p(ie);
   };
   M(() => {
     const _ = H.current;
@@ -2277,12 +2277,12 @@ function Lt({
   }, [s]), M(() => {
     const _ = (S) => {
       var J, Z, ee;
-      if (r || o) return;
+      if (n || i) return;
       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", _), () => document.removeEventListener("keydown", _);
-  }, [r, o]);
+  }, [n, i]);
   const w = (_) => {
     _.preventDefault(), F.current++, _.dataTransfer.types.includes("Files") && C(!0);
   }, L = (_) => {
@@ -2305,28 +2305,28 @@ function Lt({
       Te && V.push(Te);
     }
     if (V.length === 0) return;
-    const { imageFiles: J, tooLarge: Z, skipped: ee, limitExceeded: oe } = g(V);
-    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 && (_.preventDefault(), h(J));
-  }, Q = !r && !o && !!(f != null && f.length) && s.length === 0, ie = As({
+    const { imageFiles: J, tooLarge: Z, skipped: ee, limitExceeded: ie } = g(V);
+    Z.length && x(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), ee.length && x(`Skipped unsupported file${ee.length > 1 ? "s" : ""}: ${ee.join(", ")}`), ie && x(`Max ${$} images per message`), J.length && (_.preventDefault(), h(J));
+  }, Q = !n && !i && !!(f != null && f.length) && s.length === 0, oe = As({
     prompts: f ?? [],
     enabled: Q
   }), xe = (_) => {
     if (Q) {
       if (_.key === "ArrowDown" || _.key === "ArrowRight") {
-        _.preventDefault(), ie.next();
+        _.preventDefault(), oe.next();
         return;
       }
       if (_.key === "ArrowUp" || _.key === "ArrowLeft") {
-        _.preventDefault(), ie.prev();
+        _.preventDefault(), oe.prev();
         return;
       }
       if (_.key === "Tab" && !_.shiftKey) {
-        _.preventDefault(), t == null || t(ie.currentPrompt);
+        _.preventDefault(), t == null || t(oe.currentPrompt);
         return;
       }
     }
     a == null || a(_);
-  }, Ce = (s.trim() || (u == null ? void 0 : u.length) > 0 || (d == null ? void 0 : d.length) > 0) && !o, $e = p || h;
+  }, Ce = (s.trim() || (u == null ? void 0 : u.length) > 0 || (d == null ? void 0 : d.length) > 0) && !i, $e = p || h;
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", z].filter(Boolean).join(" "), ...A, children: [
     $e && /* @__PURE__ */ e.jsx(
       "input",
@@ -2358,13 +2358,13 @@ function Lt({
               onKeyDown: xe,
               onPaste: W,
               placeholder: Q ? "" : l,
-              disabled: r || o,
+              disabled: n || i,
               rows: 1,
               className: ["ds-prompt-input__textarea", Q && "ds-prompt-input__textarea--anim"].filter(Boolean).join(" ")
             }
           ),
           Q && /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__anim", "aria-hidden": "true", children: [
-            /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-text", children: ie.displayed }),
+            /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-text", children: oe.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((_, S) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
@@ -2376,11 +2376,11 @@ function Lt({
                 onClick: () => b == null ? void 0 : b(S),
                 "aria-label": "Remove image",
                 type: "button",
-                children: /* @__PURE__ */ e.jsx(re, { size: 12, strokeWidth: 2 })
+                children: /* @__PURE__ */ e.jsx(ne, { size: 12, strokeWidth: 2 })
               }
             )
           ] }, S)) }),
-          G.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: G.map((_) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
+          X.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: X.map((_) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
             /* @__PURE__ */ e.jsx("span", { children: _.msg }),
             /* @__PURE__ */ e.jsx(
               "button",
@@ -2389,7 +2389,7 @@ function Lt({
                 className: "ds-prompt-input__warning-close",
                 onClick: () => N(_.id),
                 "aria-label": "Dismiss",
-                children: /* @__PURE__ */ e.jsx(re, { size: I[1], strokeWidth: 1.5 })
+                children: /* @__PURE__ */ e.jsx(ne, { size: I[1], strokeWidth: 1.5 })
               }
             )
           ] }, _.id)) }),
@@ -2402,7 +2402,7 @@ function Lt({
                 type: "button",
                 className: "ds-prompt-input__remove-btn",
                 onClick: () => m == null ? void 0 : m(S),
-                children: /* @__PURE__ */ e.jsx(re, { size: I[1], strokeWidth: 1.5 })
+                children: /* @__PURE__ */ e.jsx(ne, { size: I[1], strokeWidth: 1.5 })
               }
             )
           ] }) }, S)) }),
@@ -2423,13 +2423,13 @@ function Lt({
             y,
             T,
             /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__spacer" }),
-            r ? /* @__PURE__ */ e.jsx(
+            n ? /* @__PURE__ */ e.jsx(
               me,
               {
                 variant: "primary",
                 size: "xs",
                 icon: /* @__PURE__ */ e.jsx(es, { size: I[2], strokeWidth: 1.5 }),
-                onClick: i,
+                onClick: o,
                 "aria-label": "Stop"
               }
             ) : /* @__PURE__ */ e.jsx(
@@ -2438,7 +2438,7 @@ function Lt({
                 variant: "primary",
                 size: "xs",
                 icon: /* @__PURE__ */ e.jsx(ss, { size: I[2], strokeWidth: 1.5 }),
-                onClick: n,
+                onClick: r,
                 disabled: !Ce,
                 "aria-label": "Send"
               }
@@ -2453,11 +2453,11 @@ const Pe = { fast: 0, standard: 1, premium: 2 }, Le = { fast: "data-5", standard
 function zt({
   models: s = [],
   value: t,
-  onChange: n,
-  size: i = "xs",
+  onChange: r,
+  size: o = "xs",
   minTier: a,
-  showAutoOption: r = !1,
-  groupByTier: o = !0,
+  showAutoOption: n = !1,
+  groupByTier: i = !0,
   className: l = "",
   ...f
 }) {
@@ -2477,18 +2477,18 @@ function zt({
       });
     };
     C(), window.addEventListener("scroll", C, !0), window.addEventListener("resize", C);
-    const G = (x) => {
+    const X = (x) => {
       var N, k;
       !((N = p.current) != null && N.contains(x.target)) && !((k = m.current) != null && k.contains(x.target)) && u(!1);
     }, U = (x) => {
       x.key === "Escape" && u(!1);
     };
-    return document.addEventListener("mousedown", G), document.addEventListener("keydown", U), () => {
-      window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C), document.removeEventListener("mousedown", G), document.removeEventListener("keydown", U);
+    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 = (v) => {
-    n == null || n(v), u(!1);
+    r == null || r(v), u(!1);
   }, Y = (v) => /* @__PURE__ */ e.jsxs(
     "button",
     {
@@ -2505,14 +2505,14 @@ function zt({
       ]
     },
     v.name
-  ), H = () => !o || !z ? B.map(Y) : ["fast", "standard", "premium"].flatMap((v) => {
-    const C = B.filter((G) => G.tier === v);
+  ), H = () => !i || !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": 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: b, children: [
-    r && $ && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }), F = d && /* @__PURE__ */ e.jsxs("div", { ref: m, className: "ds-model-picker__menu ds-scrollable", style: b, children: [
+    n && $ && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(
         "button",
         {
@@ -2570,18 +2570,18 @@ function ve(s) {
 }
 function Ms(s) {
   const t = /* @__PURE__ */ new Map();
-  for (const n of s)
-    t.has(n.filename) || t.set(n.filename, { filename: n.filename, url: n.url, items: [] }), t.get(n.filename).items.push(n);
+  for (const r of s)
+    t.has(r.filename) || t.set(r.filename, { filename: r.filename, url: r.url, items: [] }), t.get(r.filename).items.push(r);
   return [...t.values()];
 }
 function Ot({
   sources: s = [],
   layout: t = "list",
-  title: n = "Sources",
-  maxVisible: i = 5,
+  title: r = "Sources",
+  maxVisible: o = 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 [n, i] = D(!1), l = Ms(s), f = l.length > o, d = n ? l : l.slice(0, o), 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((j) => j.page).filter(Boolean), b = !!a;
@@ -2591,7 +2591,7 @@ function Ot({
           className: `ds-sources-panel__compact-row${b ? " ds-sources-panel__compact-row--clickable" : ""}`,
           onClick: b ? () => 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(rs, { 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) })
           ]
@@ -2599,13 +2599,13 @@ function Ot({
         h.filename
       );
     }),
-    f && !r && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => o(!0), children: [
+    f && !n && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
       "+",
-      l.length - i,
+      l.length - o,
       " more sources"
     ] })
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: p, children: [
-    n && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: n }),
+    r && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: r }),
     d.map((h) => {
       const m = h.items.map((j) => j.page).filter(Boolean), b = !!a;
       return u ? /* @__PURE__ */ e.jsx(
@@ -2637,9 +2637,9 @@ function Ot({
         h.filename
       );
     }),
-    f && !r && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => o(!0), children: [
+    f && !n && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
       "+",
-      l.length - i,
+      l.length - o,
       " more sources"
     ] })
   ] });
@@ -2650,17 +2650,17 @@ function ze(s) {
 function Ft({
   used: s,
   limit: t,
-  size: n = "s",
-  showCount: i = !0,
+  size: r = "s",
+  showCount: o = !0,
   showPercent: a = !1,
-  warningThreshold: r = 0.8,
-  errorThreshold: o = 1
+  warningThreshold: n = 0.8,
+  errorThreshold: i = 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, f = Math.min(l * 100, 100), d = l >= i ? "error" : l >= n ? "warning" : "normal";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: `ds-token-counter ds-token-counter--${n}`,
+      className: `ds-token-counter ds-token-counter--${r}`,
       role: "meter",
       "aria-valuenow": s,
       "aria-valuemax": t,
@@ -2672,8 +2672,8 @@ function Ft({
             style: { width: `${f}%` }
           }
         ) }),
-        (i || a) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${d}`, children: [
-          i && /* @__PURE__ */ e.jsxs("span", { children: [
+        (o || a) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${d}`, children: [
+          o && /* @__PURE__ */ e.jsxs("span", { children: [
             ze(s),
             " / ",
             ze(t),
@@ -2695,24 +2695,24 @@ function Ps(s) {
 function Wt({
   value: s = 0,
   size: t = "xs",
-  showLabel: n = "none",
-  layout: i = "inline"
+  showLabel: r = "none",
+  layout: o = "inline"
 }) {
-  const a = Math.max(0, Math.min(1, s)), r = Math.round(a * Oe), o = Ps(a);
+  const a = Math.max(0, Math.min(1, s)), n = Math.round(a * Oe), i = Ps(a);
   return /* @__PURE__ */ e.jsxs("div", { className: [
     "ds-confidence-bar",
     `ds-confidence-bar--${t}`,
-    `ds-confidence-bar--${o}`,
-    i === "block" && "ds-confidence-bar--block"
+    `ds-confidence-bar--${i}`,
+    o === "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(
       "div",
       {
-        className: `ds-confidence-bar__seg${f < r ? " ds-confidence-bar__seg--filled" : ""}`
+        className: `ds-confidence-bar__seg${f < n ? " ds-confidence-bar__seg--filled" : ""}`
       },
       f
     )) }),
-    n === "text" && /* @__PURE__ */ e.jsx("span", { className: "ds-confidence-bar__label", children: o })
+    r === "text" && /* @__PURE__ */ e.jsx("span", { className: "ds-confidence-bar__label", children: i })
   ] });
 }
 const Ls = { add: "+", remove: "-", context: " " };
@@ -2726,50 +2726,50 @@ function be({ line: s, lineNumbers: t }) {
 function Ct({
   lines: s = [],
   layout: t = "inline",
-  wordWrap: n = !1,
-  lineNumbers: i = !0,
+  wordWrap: r = !1,
+  lineNumbers: o = !0,
   maxHeight: a,
-  title: r
+  title: n
 }) {
-  const o = [
+  const i = [
     "ds-diff-view",
     `ds-diff-view--${t}`,
-    n && "ds-diff-view--wrap"
+    r && "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");
-    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(be, { line: u, lineNumbers: i }, p)) }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col", children: d.map((u, p) => /* @__PURE__ */ e.jsx(be, { line: u, lineNumbers: i }, p)) })
+    return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
+      n && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: n }),
+      /* @__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: f.map((u, p) => /* @__PURE__ */ e.jsx(be, { line: u, lineNumbers: o }, p)) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: d.map((u, p) => /* @__PURE__ */ e.jsx(be, { line: u, lineNumbers: o }, 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(be, { line: f, lineNumbers: i }, d)) })
+  return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
+    n && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: n }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: s.map((f, d) => /* @__PURE__ */ e.jsx(be, { line: f, lineNumbers: o }, d)) })
   ] });
 }
 function zs({
   value: s = "idle",
   onLike: t,
-  onDislike: n,
-  className: i = "",
+  onDislike: r,
+  className: o = "",
   ...a
 }) {
-  const r = s !== "idle";
+  const n = s !== "idle";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [
         "ds-message-feedback",
-        r && "ds-message-feedback--voted",
-        i
+        n && "ds-message-feedback--voted",
+        o
       ].filter(Boolean).join(" "),
       ...a,
       children: [
-        (!r || s === "liked") && /* @__PURE__ */ e.jsx(
+        (!n || s === "liked") && /* @__PURE__ */ e.jsx(
           "button",
           {
             className: [
@@ -2777,11 +2777,11 @@ function zs({
               s === "liked" && "ds-message-feedback__btn--liked"
             ].filter(Boolean).join(" "),
             onClick: t,
-            disabled: r,
+            disabled: n,
             "aria-label": "Like",
             "aria-pressed": s === "liked",
             children: /* @__PURE__ */ e.jsx(
-              rs,
+              ns,
               {
                 size: I[1],
                 strokeWidth: 1.5,
@@ -2790,15 +2790,15 @@ function zs({
             )
           }
         ),
-        (!r || s === "disliked") && /* @__PURE__ */ e.jsx(
+        (!n || s === "disliked") && /* @__PURE__ */ e.jsx(
           "button",
           {
             className: [
               "ds-message-feedback__btn",
               s === "disliked" && "ds-message-feedback__btn--disliked"
             ].filter(Boolean).join(" "),
-            onClick: n,
-            disabled: r,
+            onClick: r,
+            disabled: n,
             "aria-label": "Dislike",
             "aria-pressed": s === "disliked",
             children: /* @__PURE__ */ e.jsx(
@@ -2818,45 +2818,45 @@ function zs({
 function Os(s) {
   const t = s instanceof Date ? s : new Date(s);
   if (isNaN(t)) return null;
-  const n = /* @__PURE__ */ new Date(), i = t.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: !1 }), a = new Date(n.getFullYear(), n.getMonth(), n.getDate()), r = new Date(a - 864e5);
-  if (t >= a) return i;
-  if (t >= r) return `Yesterday ${i}`;
-  const o = t.getDate(), l = t.toLocaleString([], { month: "short" });
-  return `${o} ${l} ${i}`;
+  const r = /* @__PURE__ */ new Date(), o = t.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: !1 }), a = new Date(r.getFullYear(), r.getMonth(), r.getDate()), n = new Date(a - 864e5);
+  if (t >= a) return o;
+  if (t >= n) return `Yesterday ${o}`;
+  const i = t.getDate(), l = t.toLocaleString([], { month: "short" });
+  return `${i} ${l} ${o}`;
 }
 function Ut({
   role: s = "assistant",
   text: t,
-  timestamp: n,
-  feedbackValue: i = "idle",
+  timestamp: r,
+  feedbackValue: o = "idle",
   onLike: a,
-  onDislike: r,
-  className: o = "",
+  onDislike: n,
+  className: i = "",
   ...l
 }) {
-  const f = s === "assistant" && (a || r), d = !!t, u = n ? Os(n) : null;
+  const f = s === "assistant" && (a || n), d = !!t, u = r ? Os(r) : null;
   return !f && !d && !u ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: ["ds-message-footer", `ds-message-footer--${s}`, o].filter(Boolean).join(" "),
+      className: ["ds-message-footer", `ds-message-footer--${s}`, i].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 }),
+        f && /* @__PURE__ */ e.jsx(zs, { className: "ds-message-action", value: o, onLike: a, onDislike: n }),
         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 })
       ]
     }
   );
 }
-function Vt({ label: s, className: t = "", ...n }) {
-  return /* @__PURE__ */ e.jsxs("span", { className: ["ds-thinking-dot", t].filter(Boolean).join(" "), ...n, children: [
+function Vt({ label: s, className: t = "", ...r }) {
+  return /* @__PURE__ */ e.jsxs("span", { className: ["ds-thinking-dot", t].filter(Boolean).join(" "), ...r, children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-thinking-dot__pulse" }),
     s && /* @__PURE__ */ e.jsx("span", { className: "ds-thinking-dot__label", children: s })
   ] });
 }
-function Yt({ variant: s = "light", glow: t, mask: n = !0, style: i, ...a }) {
-  const r = s === "dark", o = t ?? r, l = r ? "rgba(255,250,250,0.05)" : "var(--color-border-light)", f = r ? "rgba(255,250,250,0.025)" : "color-mix(in srgb, var(--color-border-light) 50%, transparent)";
+function Yt({ variant: s = "light", glow: t, mask: r = !0, style: o, ...a }) {
+  const n = s === "dark", i = t ?? n, l = n ? "rgba(255,250,250,0.05)" : "var(--color-border-light)", f = n ? "rgba(255,250,250,0.025)" : "color-mix(in srgb, var(--color-border-light) 50%, transparent)";
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -2866,10 +2866,10 @@ function Yt({ variant: s = "light", glow: t, mask: n = !0, style: i, ...a }) {
         pointerEvents: "none",
         overflow: "hidden",
         zIndex: 0,
-        ...o && {
+        ...i && {
           background: "radial-gradient(ellipse 1000px 500px at 50% 30%, rgba(234,100,100,0.18), transparent 70%)"
         },
-        ...i
+        ...o
       },
       ...a,
       children: /* @__PURE__ */ e.jsx(
@@ -2886,7 +2886,7 @@ function Yt({ variant: s = "light", glow: t, mask: n = !0, style: i, ...a }) {
             ].join(", "),
             backgroundSize: "80px 80px, 80px 80px, 16px 16px, 16px 16px",
             backgroundPosition: "-1px -1px, -1px -1px, -1px -1px, -1px -1px",
-            ...n && {
+            ...r && {
               WebkitMaskImage: "radial-gradient(ellipse at center, #000 30%, transparent 85%)",
               maskImage: "radial-gradient(ellipse at center, #000 30%, transparent 85%)"
             }
@@ -2896,6 +2896,18 @@ function Yt({ variant: s = "light", glow: t, mask: n = !0, style: i, ...a }) {
     }
   );
 }
+function Ht({ children: s, axis: t = "y", style: r, className: o = "", ...a }) {
+  const n = t === "x" ? { overflowX: "auto", overflowY: "hidden" } : t === "both" ? { overflow: "auto" } : { overflowY: "auto", overflowX: "hidden" };
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: `ds-scrollable ${o}`,
+      style: { ...n, ...r },
+      ...a,
+      children: s
+    }
+  );
+}
 export {
   Ee as Accordion,
   Qs as Alert,
@@ -2920,8 +2932,8 @@ export {
   Yt as EngineerGrid,
   _t as FormField,
   Ks as H1,
-  Gs as H2,
-  Xs as H3,
+  Xs as H2,
+  Gs as H3,
   Js as H4,
   Tt as InView,
   Us as Input,
@@ -2939,6 +2951,7 @@ export {
   Lt as PromptInput,
   ct as Radio,
   At as ReasoningBlock,
+  Ht as Scrollable,
   at as SegmentedControl,
   Ys as Select,
   xs as Skeleton,
@@ -2948,23 +2961,23 @@ export {
   It as StepIndicator,
   Hs as Stepper,
   Bt as StreamingText,
-  rt as Tab,
+  nt as Tab,
   ut as Table,
   mt as TableBody,
   ft as TableHead,
   pt as TableRow,
   ht as TableSubheaderRow,
-  nt as Tabs,
+  rt as Tabs,
   bt as Td,
   Vs as Textarea,
   xt as Th,
   Vt as ThinkingDot,
   St as ToastContainer,
-  ot as Toggle,
+  it as Toggle,
   Ft as TokenCounter,
   Dt as ToolCallBubble,
   Dt as ToolCallCard,
-  it as Tooltip,
+  ot as Tooltip,
   I as iconSizes,
   ks as useAnimatedNumber,
   As as useAnimatedPlaceholder,