@donkit-ai/design-system 1.4.78 → 1.4.79

package/dist/index.es.js

@@ -59,9 +59,9 @@ function jt() {
         return f.$$typeof === F ? null : f.displayName || f.name || null;
       if (typeof f == "string") return f;
       switch (f) {
-        case b:
+        case j:
           return "Fragment";
-        case N:
+        case w:
           return "Profiler";
         case $:
           return "StrictMode";
@@ -69,14 +69,14 @@ function jt() {
           return "Suspense";
         case M:
           return "SuspenseList";
-        case j:
+        case N:
           return "Activity";
       }
       if (typeof f == "object")
         switch (typeof f.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), f.$$typeof) {
-          case w:
+          case b:
             return "Portal";
           case y:
             return f.displayName || "Context";
@@ -117,7 +117,7 @@ function jt() {
       }
     }
     function r(f) {
-      if (f === b) return "<>";
+      if (f === j) return "<>";
       if (typeof f == "object" && f !== null && f.$$typeof === z)
         return "<...>";
       try {
@@ -159,10 +159,10 @@ function jt() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), f = this.props.ref, f !== void 0 ? f : null;
     }
-    function d(f, T, O, Y, te, ie) {
+    function u(f, T, O, Y, te, ie) {
       var H = O.ref;
       return f = {
-        $$typeof: h,
+        $$typeof: x,
         type: f,
         key: T,
         props: O,
@@ -192,7 +192,7 @@ function jt() {
         value: ie
       }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     }
-    function u(f, T, O, Y, te, ie) {
+    function d(f, T, O, Y, te, ie) {
       var H = T.children;
       if (H !== void 0)
         if (Y)
@@ -231,7 +231,7 @@ React keys must be passed directly to JSX without using spread:
       return H && l(
         O,
         typeof f == "function" ? f.displayName || f.name || "Unknown" : f
-      ), d(
+      ), u(
         f,
         H,
         O,
@@ -241,12 +241,12 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function m(f) {
-      x(f) ? f._store && (f._store.validated = 1) : typeof f == "object" && f !== null && f.$$typeof === z && (f._payload.status === "fulfilled" ? x(f._payload.value) && f._payload.value._store && (f._payload.value._store.validated = 1) : f._store && (f._store.validated = 1));
+      h(f) ? f._store && (f._store.validated = 1) : typeof f == "object" && f !== null && f.$$typeof === z && (f._payload.status === "fulfilled" ? h(f._payload.value) && f._payload.value._store && (f._payload.value._store.validated = 1) : f._store && (f._store.validated = 1));
     }
-    function x(f) {
-      return typeof f == "object" && f !== null && f.$$typeof === h;
+    function h(f) {
+      return typeof f == "object" && f !== null && f.$$typeof === x;
     }
-    var p = q, h = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), N = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), y = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), M = Symbol.for("react.suspense_list"), W = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), j = Symbol.for("react.activity"), F = Symbol.for("react.client.reference"), K = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, I = Array.isArray, v = console.createTask ? console.createTask : function() {
+    var p = q, x = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), j = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), y = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), M = Symbol.for("react.suspense_list"), W = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), N = Symbol.for("react.activity"), F = Symbol.for("react.client.reference"), K = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, I = Array.isArray, v = console.createTask ? console.createTask : function() {
       return null;
     };
     p = {
@@ -258,9 +258,9 @@ React keys must be passed directly to JSX without using spread:
       p,
       o
     )(), G = v(r(o)), E = {};
-    be.Fragment = b, be.jsx = function(f, T, O) {
+    be.Fragment = j, be.jsx = function(f, T, O) {
       var Y = 1e4 > K.recentlyCreatedOwnerStacks++;
-      return u(
+      return d(
         f,
         T,
         O,
@@ -270,7 +270,7 @@ React keys must be passed directly to JSX without using spread:
       );
     }, be.jsxs = function(f, T, O) {
       var Y = 1e4 > K.recentlyCreatedOwnerStacks++;
-      return u(
+      return d(
         f,
         T,
         O,
@@ -305,12 +305,12 @@ function oe({
   state: i = "idle",
   onClick: l,
   type: c = "button",
-  href: d,
-  "aria-label": u,
+  href: u,
+  "aria-label": d,
   className: m = "",
-  ...x
+  ...h
 }) {
-  const p = a && !t, h = i === "loading", w = i === "success", b = i === "error", $ = h || w || b, N = n === "xs" ? "s" : "m", _ = s === "danger" ? "on-accent" : "default", y = wt[n] ?? 16, S = h ? /* @__PURE__ */ e.jsx(Nt, { size: N, color: _ }) : w ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Re, { size: y, strokeWidth: 2.5 }) }) : b ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ee, { size: y, strokeWidth: 2.5 }) }) : null, D = [
+  const p = a && !t, x = i === "loading", b = i === "success", j = i === "error", $ = x || b || j, w = n === "xs" ? "s" : "m", _ = s === "danger" ? "on-accent" : "default", y = wt[n] ?? 16, S = x ? /* @__PURE__ */ e.jsx(Nt, { size: w, color: _ }) : b ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Re, { size: y, strokeWidth: 2.5 }) }) : j ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ee, { size: y, strokeWidth: 2.5 }) }) : null, D = [
     "ds-button",
     `ds-button--${s}`,
     `ds-button--${n}`,
@@ -321,25 +321,25 @@ function oe({
     $ ? S : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
     t
   ] });
-  if (d) {
-    const z = (j) => {
-      if (o || h) {
-        j.preventDefault();
+  if (u) {
+    const z = (N) => {
+      if (o || x) {
+        N.preventDefault();
         return;
       }
-      j.metaKey || j.ctrlKey || j.button === 1 || (j.preventDefault(), l == null || l(j));
+      N.metaKey || N.ctrlKey || N.button === 1 || (N.preventDefault(), l == null || l(N));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
         className: D,
-        href: o || h ? void 0 : d,
+        href: o || x ? void 0 : u,
         onClick: z,
-        "aria-label": u,
-        "aria-disabled": o || h ? "true" : void 0,
-        "aria-busy": h ? "true" : void 0,
+        "aria-label": d,
+        "aria-disabled": o || x ? "true" : void 0,
+        "aria-busy": x ? "true" : void 0,
         "data-state": M,
-        ...x,
+        ...h,
         children: W
       }
     );
@@ -350,11 +350,11 @@ function oe({
       type: c,
       className: D,
       disabled: o,
-      onClick: h ? void 0 : l,
-      "aria-label": u,
-      "aria-busy": h ? "true" : void 0,
+      onClick: x ? void 0 : l,
+      "aria-label": d,
+      "aria-busy": x ? "true" : void 0,
       "data-state": M,
-      ...x,
+      ...h,
       children: W
     }
   );
@@ -369,10 +369,10 @@ function cs({
   onIconRightClick: i,
   size: l = "m",
   disabled: c,
-  id: d,
-  ...u
+  id: u,
+  ...d
 }) {
-  const m = d || `input-${q.useId()}`, x = n ? `${m}-hint` : void 0, p = s ? `${m}-error` : void 0, h = p || x;
+  const m = u || `input-${q.useId()}`, h = n ? `${m}-hint` : void 0, p = s ? `${m}-error` : void 0, x = p || h;
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${r ? "ds-input-wrapper--full" : ""} ${c ? "ds-input-wrapper--disabled" : ""} ${s ? "ds-input-wrapper--error" : ""}`, children: [
     t && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: m, children: t }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-input-container", children: [
@@ -384,8 +384,8 @@ function cs({
           className: `ds-input ds-input--${l} ${a ? "ds-input--with-icon" : ""} ${o ? "ds-input--with-icon-right" : ""} ${s ? "ds-input--error" : ""}`,
           disabled: c,
           "aria-invalid": s ? "true" : "false",
-          "aria-describedby": h,
-          ...u
+          "aria-describedby": x,
+          ...d
         }
       ),
       o && /* @__PURE__ */ e.jsx(
@@ -400,7 +400,7 @@ function cs({
         }
       )
     ] }),
-    n && !s && /* @__PURE__ */ e.jsx("span", { id: x, className: "ds-input-hint", children: n }),
+    n && !s && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-input-hint", children: n }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: s && /* @__PURE__ */ e.jsx("span", { id: p, className: "ds-input-error", role: "alert", children: s }) }) })
   ] });
 }
@@ -414,25 +414,25 @@ function ds({
   id: i,
   resize: l = !0,
   rows: c = 3,
-  ...d
+  ...u
 }) {
-  const u = i || `textarea-${q.useId()}`, m = n ? `${u}-hint` : void 0, x = s ? `${u}-error` : void 0, p = x || m;
+  const d = i || `textarea-${q.useId()}`, m = n ? `${d}-hint` : void 0, h = s ? `${d}-error` : void 0, p = h || m;
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${r ? "ds-textarea-wrapper--full" : ""} ${o ? "ds-textarea-wrapper--disabled" : ""}`, children: [
-    t && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: u, children: t }),
+    t && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: d, children: t }),
     /* @__PURE__ */ e.jsx(
       "textarea",
       {
-        id: u,
+        id: d,
         className: `ds-textarea ds-textarea--${a} ${s ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
         disabled: o,
         "aria-invalid": s ? "true" : "false",
         "aria-describedby": p,
         rows: c,
-        ...d
+        ...u
       }
     ),
     n && !s && /* @__PURE__ */ e.jsx("span", { id: m, className: "ds-textarea-hint", children: n }),
-    s && /* @__PURE__ */ e.jsx("span", { id: x, className: "ds-textarea-error", role: "alert", children: s })
+    s && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-textarea-error", role: "alert", children: s })
   ] });
 }
 function us({
@@ -445,18 +445,18 @@ function us({
   fullWidth: i = !0,
   size: l = "m",
   disabled: c = !1,
-  id: d,
-  ...u
+  id: u,
+  ...d
 }) {
-  const [m, x] = B(!1), [p, h] = B(!1), [w, b] = B({}), [$, N] = B("down"), [_, y] = B(-1), S = R(null), D = R(null), M = R(null), W = R(null), z = d || `select-${q.useId()}`, j = `${z}-label`, F = o ? `${z}-error` : void 0, K = 150, V = (E = !1) => {
-    p || (h(!0), y(-1), W.current = setTimeout(() => {
+  const [m, h] = B(!1), [p, x] = B(!1), [b, j] = B({}), [$, w] = B("down"), [_, y] = B(-1), S = R(null), D = R(null), M = R(null), W = R(null), z = u || `select-${q.useId()}`, N = `${z}-label`, F = o ? `${z}-error` : void 0, K = 150, V = (E = !1) => {
+    p || (x(!0), y(-1), W.current = setTimeout(() => {
       var f;
-      x(!1), h(!1), E && ((f = M.current) == null || f.focus());
+      h(!1), x(!1), E && ((f = M.current) == null || f.focus());
     }, K));
   }, I = (E) => {
-    clearTimeout(W.current), h(!1);
+    clearTimeout(W.current), x(!1);
     const f = E !== void 0 ? E : Math.max(r.findIndex((T) => T.value === s), 0);
-    y(f), x(!0);
+    y(f), h(!0);
   };
   P(() => () => clearTimeout(W.current), []);
   const v = () => {
@@ -464,7 +464,7 @@ function us({
     const E = (ie = S.current) == null ? void 0 : ie.getBoundingClientRect();
     if (!E) return;
     const f = window.innerHeight, T = f - E.bottom, O = E.top, te = T < 300 && O > T;
-    N(te ? "up" : "down"), b(
+    w(te ? "up" : "down"), j(
       te ? { bottom: f - E.top + 4, left: E.left, width: E.width } : { top: E.bottom + 4, left: E.left, width: E.width }
     );
   };
@@ -514,7 +514,7 @@ function us({
       ref: D,
       "data-ds-portal": "",
       role: "listbox",
-      "aria-labelledby": t ? j : void 0,
+      "aria-labelledby": t ? N : void 0,
       tabIndex: -1,
       className: [
         "ds-select-dropdown ds-scrollable",
@@ -522,7 +522,7 @@ function us({
         `ds-select-dropdown--${$}`,
         p && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
-      style: w,
+      style: b,
       children: r.map((E, f) => /* @__PURE__ */ e.jsx(
         "button",
         {
@@ -547,7 +547,7 @@ function us({
     }
   );
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${i ? "ds-select-wrapper--full" : ""} ${c ? "ds-select-wrapper--disabled" : ""}`, children: [
-    t && /* @__PURE__ */ e.jsx("label", { id: j, className: "ds-select-label", children: t }),
+    t && /* @__PURE__ */ e.jsx("label", { id: N, className: "ds-select-label", children: t }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: S, children: /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -558,7 +558,7 @@ function us({
         "aria-haspopup": "listbox",
         "aria-expanded": m,
         "aria-activedescendant": m && _ >= 0 ? `${z}-opt-${_}` : void 0,
-        "aria-labelledby": t ? j : void 0,
+        "aria-labelledby": t ? N : void 0,
         "aria-invalid": o ? "true" : "false",
         "aria-describedby": F,
         className: `ds-select-trigger ds-select-trigger--${l} ${o ? "ds-select-trigger--error" : ""}`,
@@ -567,7 +567,7 @@ function us({
         },
         onKeyDown: k,
         disabled: c,
-        ...u,
+        ...d,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: A ? "" : "ds-select-placeholder", children: (A == null ? void 0 : A.label) || a }),
           /* @__PURE__ */ e.jsx(
@@ -596,50 +596,50 @@ function fs({
   size: i = "m",
   disabled: l = !1,
   hint: c,
-  error: d,
-  ...u
+  error: u,
+  ...d
 }) {
   const m = () => {
     if (l) return;
     const $ = Math.min(Number(s) + o, a);
     n == null || n($);
-  }, x = () => {
+  }, h = () => {
     if (l) return;
     const $ = Math.max(Number(s) - o, r);
     n == null || n($);
   }, p = ($) => {
     if (l) return;
-    const N = $.target.value;
-    if (N === "") {
+    const w = $.target.value;
+    if (w === "") {
       n == null || n(r);
       return;
     }
-    const _ = Number(N);
+    const _ = Number(w);
     if (!isNaN(_)) {
       const y = Math.min(Math.max(_, r), a);
       n == null || n(y);
     }
-  }, h = [
+  }, x = [
     "ds-stepper-wrapper",
     l && "ds-stepper-wrapper--disabled",
-    d && "ds-stepper-wrapper--error"
-  ].filter(Boolean).join(" "), w = [
+    u && "ds-stepper-wrapper--error"
+  ].filter(Boolean).join(" "), b = [
     "ds-stepper",
     `ds-stepper--${i}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), b = i === "xs" ? C[1] : i === "small" ? C[2] : C[3];
-  return /* @__PURE__ */ e.jsxs("div", { className: h, children: [
+  ].filter(Boolean).join(" "), j = i === "xs" ? C[1] : i === "small" ? C[2] : C[3];
+  return /* @__PURE__ */ e.jsxs("div", { className: x, children: [
     t && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: t }),
-    /* @__PURE__ */ e.jsxs("div", { className: w, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: b, children: [
       /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--minus",
-          onClick: x,
+          onClick: h,
           disabled: l || s <= r,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ e.jsx(rt, { size: b, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(rt, { size: j, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -653,7 +653,7 @@ function fs({
           max: a,
           step: o,
           disabled: l,
-          ...u
+          ...d
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -664,62 +664,64 @@ function fs({
           onClick: m,
           disabled: l || s >= a,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ e.jsx(at, { size: b, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(at, { size: j, strokeWidth: 1.5 })
         }
       )
     ] }),
-    c && !d && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: c }),
-    d && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: d })
+    c && !u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-hint", children: c }),
+    u && /* @__PURE__ */ e.jsx("div", { className: "ds-stepper-error", children: u })
   ] });
 }
 function ms({
   children: t,
   padding: s = "m",
-  variant: n = "info",
+  variant: n = "default",
   hover: r = !1,
   // deprecated, use variant="interactive"
   onClick: a,
   href: o,
   disabled: i = !1,
-  ...l
+  className: l = "",
+  ...c
 }) {
-  const d = (r ? "interactive" : n) === "interactive" || a || o, u = [
+  const d = (r ? "interactive" : n) === "interactive" || a || o, m = [
     "ds-card",
     `ds-card--${s}`,
-    d && "ds-card--interactive"
+    d && "ds-card--interactive",
+    l
   ].filter(Boolean).join(" ");
   if (o) {
-    const p = (h) => {
+    const x = (b) => {
       if (i) {
-        h.preventDefault();
+        b.preventDefault();
         return;
       }
-      h.metaKey || h.ctrlKey || h.button === 1 || (h.preventDefault(), a == null || a(h));
+      b.metaKey || b.ctrlKey || b.button === 1 || (b.preventDefault(), a == null || a(b));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
-        className: u,
+        className: m,
         href: i ? void 0 : o,
-        onClick: p,
+        onClick: x,
         "aria-disabled": i ? "true" : void 0,
-        ...l,
+        ...c,
         children: t
       }
     );
   }
-  const m = d && a ? "button" : "div", x = d && a ? {
+  const h = d && a ? "button" : "div", p = d && a ? {
     type: "button",
     onClick: a,
     disabled: i
   } : {};
   return /* @__PURE__ */ e.jsx(
-    m,
+    h,
     {
-      className: u,
+      className: m,
       role: d && !a ? "article" : void 0,
-      ...x,
-      ...l,
+      ...p,
+      ...c,
       children: t
     }
   );
@@ -772,8 +774,8 @@ const yt = {
   role: o,
   ...i
 }, l) {
-  const c = yt[n], d = o || (n === "error" ? "alert" : "status");
-  return /* @__PURE__ */ e.jsxs("div", { ref: l, className: `ds-alert ds-alert--${n} ${r ? "" : "ds-alert--no-title"}`, role: d, ...i, children: [
+  const c = yt[n], u = o || (n === "error" ? "alert" : "status");
+  return /* @__PURE__ */ e.jsxs("div", { ref: l, className: `ds-alert ds-alert--${n} ${r ? "" : "ds-alert--no-title"}`, role: u, ...i, children: [
     c && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(c, { size: C[3], strokeWidth: 1.5 }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-alert__content", children: [
       r && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: r }),
@@ -800,24 +802,24 @@ function js({
   subHeader: o,
   ...i
 }) {
-  const l = R(null), c = q.useId(), [d, u] = B(!1), m = () => {
-    !n || d || (u(!0), setTimeout(() => {
-      u(!1), n();
+  const l = R(null), c = q.useId(), [u, d] = B(!1), m = () => {
+    !n || u || (d(!0), setTimeout(() => {
+      d(!1), n();
     }, kt));
   };
   P(() => {
-    const b = (N) => {
-      N.key === "Escape" && m();
-    }, $ = (N) => {
+    const j = (w) => {
+      w.key === "Escape" && m();
+    }, $ = (w) => {
       var y, S, D;
-      const _ = ((S = (y = N.composedPath) == null ? void 0 : y.call(N)) == null ? void 0 : S[0]) ?? N.target;
+      const _ = ((S = (y = w.composedPath) == null ? void 0 : y.call(w)) == null ? void 0 : S[0]) ?? w.target;
       l.current && !l.current.contains(_) && !((D = _.closest) != null && D.call(_, "[data-ds-portal]")) && m();
     };
-    return document.addEventListener("keydown", b), document.addEventListener("mousedown", $), () => {
-      document.removeEventListener("keydown", b), document.removeEventListener("mousedown", $);
+    return document.addEventListener("keydown", j), document.addEventListener("mousedown", $), () => {
+      document.removeEventListener("keydown", j), document.removeEventListener("mousedown", $);
     };
-  }, [n, d]);
-  const x = q.Children.toArray(t), p = x.find((b) => (b == null ? void 0 : b.type) === he), h = x.filter((b) => (b == null ? void 0 : b.type) !== he), w = /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", d && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...i, children: /* @__PURE__ */ e.jsxs(
+  }, [n, u]);
+  const h = q.Children.toArray(t), p = h.find((j) => (j == null ? void 0 : j.type) === he), x = h.filter((j) => (j == null ? void 0 : j.type) !== he), b = /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", u && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...i, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [`ds-modal ds-modal--${r}`, a && "ds-modal--scrollable"].filter(Boolean).join(" "),
@@ -841,12 +843,12 @@ function js({
           s && /* @__PURE__ */ e.jsx("h3", { id: c, className: "ds-modal__title", children: s }),
           o && /* @__PURE__ */ e.jsx("div", { className: "ds-modal__subheader", children: o })
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: h }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: x }),
         p
       ]
     }
   ) });
-  return typeof document > "u" ? w : re.createPortal(w, document.body);
+  return typeof document > "u" ? b : re.createPortal(b, document.body);
 }
 function he({ children: t }) {
   return !t || q.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: t });
@@ -859,24 +861,24 @@ function Ns({
   subHeader: r,
   ...a
 }) {
-  const o = R(null), i = q.useId(), [l, c] = B(!1), d = () => {
+  const o = R(null), i = q.useId(), [l, c] = B(!1), u = () => {
     !n || l || (c(!0), setTimeout(() => {
       c(!1), n();
     }, Et));
   };
   P(() => {
-    const h = (b) => {
-      b.key === "Escape" && d();
-    }, w = (b) => {
-      var N, _, y;
-      const $ = ((_ = (N = b.composedPath) == null ? void 0 : N.call(b)) == null ? void 0 : _[0]) ?? b.target;
-      o.current && !o.current.contains($) && !((y = $.closest) != null && y.call($, "[data-ds-portal]")) && d();
+    const x = (j) => {
+      j.key === "Escape" && u();
+    }, b = (j) => {
+      var w, _, y;
+      const $ = ((_ = (w = j.composedPath) == null ? void 0 : w.call(j)) == null ? void 0 : _[0]) ?? j.target;
+      o.current && !o.current.contains($) && !((y = $.closest) != null && y.call($, "[data-ds-portal]")) && u();
     };
-    return document.addEventListener("keydown", h), document.addEventListener("mousedown", w), () => {
-      document.removeEventListener("keydown", h), document.removeEventListener("mousedown", w);
+    return document.addEventListener("keydown", x), document.addEventListener("mousedown", b), () => {
+      document.removeEventListener("keydown", x), document.removeEventListener("mousedown", b);
     };
   }, [n, l]);
-  const u = q.Children.toArray(t), m = u.find((h) => (h == null ? void 0 : h.type) === he), x = u.filter((h) => (h == null ? void 0 : h.type) !== he), p = /* @__PURE__ */ e.jsx(
+  const d = q.Children.toArray(t), m = d.find((x) => (x == null ? void 0 : x.type) === he), h = d.filter((x) => (x == null ? void 0 : x.type) !== he), p = /* @__PURE__ */ e.jsx(
     "div",
     {
       className: ["ds-bottom-sheet-overlay", l && "ds-bottom-sheet-overlay--closing"].filter(Boolean).join(" "),
@@ -898,7 +900,7 @@ function Ns({
                 variant: "ghost",
                 size: "small",
                 icon: /* @__PURE__ */ e.jsx(ee, { size: C[2], strokeWidth: 1.5 }),
-                onClick: d,
+                onClick: u,
                 "aria-label": "Close"
               }
             ),
@@ -906,7 +908,7 @@ function Ns({
               s && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-bottom-sheet__title", children: s }),
               r && /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__subheader", children: r })
             ] }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__body ds-scrollable", children: x }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__body ds-scrollable", children: h }),
             m
           ]
         }
@@ -925,8 +927,8 @@ function $t({
   className: i = "",
   ...l
 }) {
-  const [c, d] = B(n), u = r !== void 0, m = u ? r : c, x = () => {
-    u ? a == null || a(!r) : d((h) => !h);
+  const [c, u] = B(n), d = r !== void 0, m = d ? r : c, h = () => {
+    d ? a == null || a(!r) : u((x) => !x);
   }, p = [
     "ds-code-accordion",
     `ds-code-accordion--${o}`,
@@ -939,7 +941,7 @@ function $t({
       {
         type: "button",
         className: "ds-code-accordion__header",
-        onClick: x,
+        onClick: h,
         "aria-expanded": m,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: s }),
@@ -979,18 +981,18 @@ function ys({ children: t, size: s = "m", variant: n = "ghost", ...r }) {
   return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...r, children: q.Children.map(t, (a) => q.isValidElement(a) ? q.cloneElement(a, { size: s, variant: n }) : a) });
 }
 function ks({ children: t, selected: s = !1, onClick: n, size: r = "m", variant: a = "ghost", disabled: o = !1, icon: i, href: l, ...c }) {
-  const d = i && !t, u = [
+  const u = i && !t, d = [
     "ds-tab",
     `ds-tab--${r}`,
     `ds-tab--${a}`,
     s && "ds-tab--selected",
-    d && "ds-tab--icon-only"
+    u && "ds-tab--icon-only"
   ].filter(Boolean).join(" "), m = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     i && /* @__PURE__ */ e.jsx("span", { className: "ds-tab-icon", children: i }),
     t
   ] });
   if (l) {
-    const x = (p) => {
+    const h = (p) => {
       if (o) {
         p.preventDefault();
         return;
@@ -1003,9 +1005,9 @@ function ks({ children: t, selected: s = !1, onClick: n, size: r = "m", variant:
         role: "tab",
         "aria-current": s ? "page" : void 0,
         "aria-disabled": o ? "true" : void 0,
-        className: u,
+        className: d,
         href: o ? void 0 : l,
-        onClick: x,
+        onClick: h,
         ...c,
         children: m
       }
@@ -1016,7 +1018,7 @@ function ks({ children: t, selected: s = !1, onClick: n, size: r = "m", variant:
     {
       role: "tab",
       "aria-selected": s,
-      className: u,
+      className: d,
       onClick: n,
       disabled: o,
       ...c,
@@ -1025,26 +1027,26 @@ function ks({ children: t, selected: s = !1, onClick: n, size: r = "m", variant:
   );
 }
 function Es({ options: t, value: s, onChange: n, size: r = "m", disabled: a = !1 }) {
-  const o = R(null), i = R(null), [l, c] = B(!1), d = R(!1), u = R(null), m = R(null), x = () => {
+  const o = R(null), i = R(null), [l, c] = B(!1), u = R(!1), d = R(null), m = R(null), h = () => {
     if (!o.current) return;
     const p = o.current.querySelector(`[data-value="${s}"]`);
     if (!p) return;
-    const h = o.current.getBoundingClientRect(), w = p.getBoundingClientRect(), b = w.left - h.left, $ = w.width;
-    i.current ? (i.current.style.transition = d.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = b + "px", i.current.style.width = $ + "px", d.current = !1) : (c(!0), requestAnimationFrame(() => {
+    const x = o.current.getBoundingClientRect(), b = p.getBoundingClientRect(), j = b.left - x.left, $ = b.width;
+    i.current ? (i.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = j + "px", i.current.style.width = $ + "px", u.current = !1) : (c(!0), requestAnimationFrame(() => {
       if (!i.current || !o.current) return;
-      const N = o.current.querySelector(`[data-value="${s}"]`);
-      if (!N) return;
-      const _ = o.current.getBoundingClientRect(), y = N.getBoundingClientRect();
+      const w = o.current.querySelector(`[data-value="${s}"]`);
+      if (!w) return;
+      const _ = o.current.getBoundingClientRect(), y = w.getBoundingClientRect();
       i.current.style.transition = "none", i.current.style.left = y.left - _.left + "px", i.current.style.width = y.width + "px";
     }));
   };
-  return m.current = x, nt(() => {
-    const p = u.current !== s;
-    u.current = s, d.current = l && p, x();
+  return m.current = h, nt(() => {
+    const p = d.current !== s;
+    d.current = s, u.current = l && p, h();
   }), P(() => {
     if (!o.current) return;
     const p = new ResizeObserver(() => {
-      d.current = !1, m.current();
+      u.current = !1, m.current();
     });
     return p.observe(o.current), () => p.disconnect();
   }, []), /* @__PURE__ */ e.jsxs(
@@ -1095,21 +1097,21 @@ function Be({
   padding: o = "m",
   ...i
 }) {
-  const [l, c] = B(n), d = r !== void 0, u = d ? r : l, m = () => {
-    d ? a == null || a(!r) : c((p) => !p);
-  }, x = [
+  const [l, c] = B(n), u = r !== void 0, d = u ? r : l, m = () => {
+    u ? a == null || a(!r) : c((p) => !p);
+  }, h = [
     "ds-accordion",
     `ds-accordion--${o}`,
-    u && "ds-accordion--expanded"
+    d && "ds-accordion--expanded"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: x, ...i, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: h, ...i, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         className: "ds-accordion__header",
         onClick: m,
-        "aria-expanded": u,
+        "aria-expanded": d,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-accordion__title", children: s }),
           /* @__PURE__ */ e.jsx(
@@ -1117,7 +1119,7 @@ function Be({
             {
               size: C[2],
               strokeWidth: 1.5,
-              className: `ds-accordion__icon ${u ? "ds-accordion__icon--expanded" : ""}`
+              className: `ds-accordion__icon ${d ? "ds-accordion__icon--expanded" : ""}`
             }
           )
         ]
@@ -1159,12 +1161,12 @@ function Rt(t, s, n) {
   return o === t.top ? "top" : o === a - t.bottom ? "bottom" : o === r - t.right ? "right" : "left";
 }
 function Le({ children: t, content: s, position: n, ...r }) {
-  const [a, o] = B(!1), [i, l] = B({ visibility: "hidden" }), [c, d] = B(n || "top"), u = R(null), m = R(null), x = R(!1), p = () => {
-    if (!u.current || !m.current) return;
-    const w = u.current.getBoundingClientRect(), b = m.current.getBoundingClientRect(), $ = n || Rt(w, b.height, b.width), { top: N, left: _, arrowOffset: y } = Tt($, w, b);
-    d($), l({
+  const [a, o] = B(!1), [i, l] = B({ visibility: "hidden" }), [c, u] = B(n || "top"), d = R(null), m = R(null), h = R(!1), p = () => {
+    if (!d.current || !m.current) return;
+    const b = d.current.getBoundingClientRect(), j = m.current.getBoundingClientRect(), $ = n || Rt(b, j.height, j.width), { top: w, left: _, arrowOffset: y } = Tt($, b, j);
+    u($), l({
       position: "fixed",
-      top: N,
+      top: w,
       left: _,
       visibility: "visible",
       "--arrow-offset": `${y}px`
@@ -1173,18 +1175,18 @@ function Le({ children: t, content: s, position: n, ...r }) {
   if (P(() => {
     if (!a) return;
     l({ position: "fixed", visibility: "hidden" });
-    const w = requestAnimationFrame(p);
+    const b = requestAnimationFrame(p);
     return window.addEventListener("scroll", p, !0), window.addEventListener("resize", p), () => {
-      cancelAnimationFrame(w), window.removeEventListener("scroll", p, !0), window.removeEventListener("resize", p);
+      cancelAnimationFrame(b), window.removeEventListener("scroll", p, !0), window.removeEventListener("resize", p);
     };
   }, [a, n]), P(() => {
     if (!a) return;
-    const w = (b) => {
-      u.current && !u.current.contains(b.target) && o(!1);
+    const b = (j) => {
+      d.current && !d.current.contains(j.target) && o(!1);
     };
-    return document.addEventListener("touchstart", w), () => document.removeEventListener("touchstart", w);
+    return document.addEventListener("touchstart", b), () => document.removeEventListener("touchstart", b);
   }, [a]), !s) return t;
-  const h = a && /* @__PURE__ */ e.jsx(
+  const x = a && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: m,
@@ -1198,21 +1200,21 @@ function Le({ children: t, content: s, position: n, ...r }) {
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: u,
+      ref: d,
       className: "ds-tooltip-wrapper",
       onMouseEnter: () => {
-        x.current || o(!0);
+        h.current || o(!0);
       },
       onMouseLeave: () => {
-        x.current || o(!1);
+        h.current || o(!1);
       },
       onTouchStart: () => {
-        x.current = !0, o((w) => !w);
+        h.current = !0, o((b) => !b);
       },
       ...r,
       children: [
         t,
-        typeof document < "u" && re.createPortal(h, document.body)
+        typeof document < "u" && re.createPortal(x, document.body)
       ]
     }
   );
@@ -1239,7 +1241,7 @@ function $s({
         id: l,
         className: "ds-toggle__input",
         checked: t,
-        onChange: (d) => s == null ? void 0 : s(d.target.checked),
+        onChange: (u) => s == null ? void 0 : s(u.target.checked),
         disabled: r,
         ...i
       }
@@ -1261,7 +1263,7 @@ function Ts({
     "ds-checkbox",
     `ds-checkbox--${n}`,
     r && "ds-checkbox--disabled"
-  ].filter(Boolean).join(" "), d = n === "xs" ? 10 : n === "small" ? 14 : n === "large" ? 20 : 16;
+  ].filter(Boolean).join(" "), u = n === "xs" ? 10 : n === "small" ? 14 : n === "large" ? 20 : 16;
   return /* @__PURE__ */ e.jsxs("label", { className: c, htmlFor: l, children: [
     /* @__PURE__ */ e.jsx(
       "input",
@@ -1270,7 +1272,7 @@ function Ts({
         id: l,
         className: "ds-checkbox__input",
         checked: t,
-        onChange: (u) => s == null ? void 0 : s(u.target.checked),
+        onChange: (d) => s == null ? void 0 : s(d.target.checked),
         disabled: r,
         ...i
       }
@@ -1278,7 +1280,7 @@ function Ts({
     /* @__PURE__ */ e.jsx("span", { className: "ds-checkbox__box", children: t && /* @__PURE__ */ e.jsx(
       Re,
       {
-        size: d,
+        size: u,
         strokeWidth: 2.5,
         className: "ds-checkbox__icon"
       }
@@ -1297,17 +1299,17 @@ function Rs({
   id: l,
   ...c
 }) {
-  const d = l || `radio-${q.useId()}`, u = [
+  const u = l || `radio-${q.useId()}`, d = [
     "ds-radio",
     `ds-radio--${n}`,
     r && "ds-radio--disabled"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("label", { className: u, htmlFor: d, children: [
+  return /* @__PURE__ */ e.jsxs("label", { className: d, htmlFor: u, children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "radio",
-        id: d,
+        id: u,
         className: "ds-radio__input",
         checked: t,
         onChange: (m) => s == null ? void 0 : s(m.target.checked),
@@ -1364,7 +1366,7 @@ function It(t) {
   return s.length >= 2 ? (s[0][0] + s[1][0]).toUpperCase() : t[0].toUpperCase();
 }
 function Ss({ seed: t, icon: s, src: n, size: r = 32, className: a = "", style: o = {}, ...i }) {
-  const l = Dt(t ?? ""), [c, d] = B(!1), u = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: It(t) });
+  const l = Dt(t ?? ""), [c, u] = B(!1), d = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: It(t) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1372,7 +1374,7 @@ function Ss({ seed: t, icon: s, src: n, size: r = 32, className: a = "", style:
       style: { width: r, height: r, "--ds-avatar-h": l, ...o },
       "aria-hidden": "true",
       ...i,
-      children: n && !c ? /* @__PURE__ */ e.jsx("img", { src: n, alt: "", onError: () => d(!0) }) : u
+      children: n && !c ? /* @__PURE__ */ e.jsx("img", { src: n, alt: "", onError: () => u(!0) }) : d
     }
   );
 }
@@ -1435,7 +1437,7 @@ function Ls({ children: t, colSpan: s = 999, ...n }) {
   return /* @__PURE__ */ e.jsx("tr", { className: "ds-table-row ds-table-row--subheader", ...n, children: /* @__PURE__ */ e.jsx("td", { colSpan: s, children: t }) });
 }
 function Ps({ children: t, align: s = "left", sortDir: n, onSort: r, width: a, className: o = "", style: i = {}, ...l }) {
-  const c = !!r || n !== void 0, d = n === "asc" ? ot : n === "desc" ? je : it;
+  const c = !!r || n !== void 0, u = n === "asc" ? ot : n === "desc" ? je : it;
   return /* @__PURE__ */ e.jsx(
     "th",
     {
@@ -1451,7 +1453,7 @@ function Ps({ children: t, align: s = "left", sortDir: n, onSort: r, width: a, c
       ...l,
       children: c ? /* @__PURE__ */ e.jsxs("span", { className: "ds-th__inner", children: [
         t,
-        /* @__PURE__ */ e.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ e.jsx(d, { size: 11, strokeWidth: 2.5 }) })
+        /* @__PURE__ */ e.jsx("span", { className: "ds-th__sort-icon", children: /* @__PURE__ */ e.jsx(u, { size: 11, strokeWidth: 2.5 }) })
       ] }) : t
     }
   );
@@ -1507,9 +1509,9 @@ function Fs({
   children: i,
   className: l = "",
   style: c,
-  ...d
+  ...u
 }) {
-  const u = q.useId(), m = o ?? u, x = `${m}-hint`, p = `${m}-error`;
+  const d = q.useId(), m = o ?? d, h = `${m}-hint`, p = `${m}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1518,11 +1520,11 @@ function Fs({
       "data-required": r ? "" : void 0,
       "data-disabled": a ? "" : void 0,
       style: c,
-      ...d,
+      ...u,
       children: [
         t && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: m, children: t }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-field-control", children: i }),
-        s && !n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: x, children: s }),
+        s && !n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: h, children: s }),
         n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: p, role: "alert", children: n })
       ]
     }
@@ -1602,16 +1604,16 @@ function Os({
           }
         ),
         c.map(
-          (d, u) => d === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${u}`) : /* @__PURE__ */ e.jsx(
+          (u, d) => u === "…" ? /* @__PURE__ */ e.jsx("span", { className: "ds-pagination-gap", "aria-hidden": "true", children: "…" }, `gap-${d}`) : /* @__PURE__ */ e.jsx(
             "button",
             {
-              className: `ds-pagination-page${d === t ? " ds-pagination-page--current" : ""}`,
-              onClick: () => d !== t && (n == null ? void 0 : n(d)),
-              "aria-current": d === t ? "page" : void 0,
-              "aria-label": `Page ${d}`,
-              children: d
+              className: `ds-pagination-page${u === t ? " ds-pagination-page--current" : ""}`,
+              onClick: () => u !== t && (n == null ? void 0 : n(u)),
+              "aria-current": u === t ? "page" : void 0,
+              "aria-label": `Page ${u}`,
+              children: u
             },
-            d
+            u
           )
         ),
         /* @__PURE__ */ e.jsx(
@@ -1646,37 +1648,37 @@ function Us({
   offsetLeft: i = 0,
   offsetRight: l = 0,
   keepOpenRef: c,
-  ...d
+  ...u
 }) {
-  const u = R(null), m = q.useId(), [x, p] = B(!1), h = () => {
-    !n || x || (p(!0), setTimeout(() => {
+  const d = R(null), m = q.useId(), [h, p] = B(!1), x = () => {
+    !n || h || (p(!0), setTimeout(() => {
       p(!1), n();
     }, Lt));
   };
   P(() => {
     const _ = (S) => {
-      S.key === "Escape" && h();
+      S.key === "Escape" && x();
     }, y = (S) => {
-      var M, W, z, j;
+      var M, W, z, N;
       const D = ((W = (M = S.composedPath) == null ? void 0 : M.call(S)) == null ? void 0 : W[0]) ?? S.target;
-      (z = c == null ? void 0 : c.current) != null && z.contains(D) || u.current && !u.current.contains(D) && !((j = D.closest) != null && j.call(D, "[data-ds-portal]")) && h();
+      (z = c == null ? void 0 : c.current) != null && z.contains(D) || d.current && !d.current.contains(D) && !((N = D.closest) != null && N.call(D, "[data-ds-portal]")) && x();
     };
     return document.addEventListener("keydown", _), document.addEventListener("mousedown", y), () => {
       document.removeEventListener("keydown", _), document.removeEventListener("mousedown", y);
     };
-  }, [n, x, c]);
-  const w = q.Children.toArray(t), b = w.find((_) => (_ == null ? void 0 : _.type) === Oe || (_ == null ? void 0 : _.type) === he), $ = w.filter((_) => (_ == null ? void 0 : _.type) !== Oe && (_ == null ? void 0 : _.type) !== he), N = /* @__PURE__ */ e.jsx(
+  }, [n, h, c]);
+  const b = q.Children.toArray(t), j = b.find((_) => (_ == null ? void 0 : _.type) === Oe || (_ == null ? void 0 : _.type) === he), $ = b.filter((_) => (_ == null ? void 0 : _.type) !== Oe && (_ == null ? void 0 : _.type) !== he), w = /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-side-page-overlay", x && "ds-side-page-overlay--closing"].filter(Boolean).join(" "),
+      className: ["ds-side-page-overlay", h && "ds-side-page-overlay--closing"].filter(Boolean).join(" "),
       "data-side": a,
       style: { "--ds-side-page-offset-left": `${i}px`, "--ds-side-page-offset-right": `${l}px` },
-      ...d,
+      ...u,
       children: /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: u,
-          className: ["ds-side-page", x && "ds-side-page--closing"].filter(Boolean).join(" "),
+          ref: d,
+          className: ["ds-side-page", h && "ds-side-page--closing"].filter(Boolean).join(" "),
           "data-side": a,
           "data-size": o,
           role: "dialog",
@@ -1690,7 +1692,7 @@ function Us({
                 variant: "ghost",
                 size: "small",
                 icon: /* @__PURE__ */ e.jsx(ee, { size: C[2], strokeWidth: 1.5 }),
-                onClick: h,
+                onClick: x,
                 "aria-label": "Close"
               }
             ),
@@ -1699,13 +1701,13 @@ function Us({
               r && /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__subheader", children: r })
             ] }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__body ds-scrollable", children: $ }),
-            b
+            j
           ]
         }
       )
     }
   );
-  return typeof document > "u" ? N : re.createPortal(N, document.body);
+  return typeof document > "u" ? w : re.createPortal(w, document.body);
 }
 function Oe({ children: t }) {
   return !t || q.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__footer", children: t });
@@ -1719,12 +1721,12 @@ const ve = Ze({ collapsed: !1, side: "left" }), we = Ze(!1), Vs = Je(function({
   className: i = "",
   ...l
 }, c) {
-  const d = [
+  const u = [
     "ds-nav-rail",
     n && "ds-nav-rail--collapsed",
     `ds-nav-rail--${r}`,
     i
-  ].filter(Boolean).join(" "), u = ce((m) => {
+  ].filter(Boolean).join(" "), d = ce((m) => {
     if (!m.target.closest('button, a, input, select, textarea, [role="button"], [tabindex]')) {
       if (n && a) {
         a();
@@ -1737,8 +1739,8 @@ const ve = Ze({ collapsed: !1, side: "left" }), we = Ze(!1), Vs = Je(function({
     "nav",
     {
       ref: c,
-      className: d,
-      onClick: u,
+      className: u,
+      onClick: d,
       "data-expandable": n && a ? "" : void 0,
       "data-collapsible": !n && o ? "" : void 0,
       ...l,
@@ -1756,31 +1758,31 @@ function Ys({
   count: i,
   updated: l = !1,
   open: c = !1,
-  onboarding: d = !1,
-  className: u = "",
+  onboarding: u = !1,
+  className: d = "",
   ...m
 }) {
-  const { collapsed: x, side: p } = ue(ve), h = ue(we), $ = {
+  const { collapsed: h, side: p } = ue(ve), x = ue(we), $ = {
     className: [
       "ds-nav-rail__item",
-      u
+      d
     ].filter(Boolean).join(" "),
     onClick: r ? void 0 : o,
     "aria-current": n ? "page" : void 0,
     "aria-disabled": r ? "true" : void 0,
-    "aria-label": x ? s : void 0,
+    "aria-label": h ? s : void 0,
     tabIndex: r ? -1 : void 0,
     ...{
       "data-selected": n || void 0,
       "data-disabled": r || void 0,
       "data-open": c || void 0,
-      "data-onboarding": d || void 0
+      "data-onboarding": u || void 0
     },
     ...m
-  }, N = i != null, _ = p === "left" ? "right" : "left", y = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }, w = i != null, _ = p === "left" ? "right" : "left", y = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: t }),
-    !x && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s }),
-    !x && N && /* @__PURE__ */ e.jsx(
+    !h && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s }),
+    !h && w && /* @__PURE__ */ e.jsx(
       "span",
       {
         className: ["ds-nav-rail__count", i === 0 && "ds-nav-rail__count--zero"].filter(Boolean).join(" "),
@@ -1788,11 +1790,11 @@ function Ys({
         children: i
       }
     ),
-    !x && l && (!N || i === 0) && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot ds-nav-rail__dot--inline", "aria-hidden": "true" }),
-    x && N && i !== 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__count-collapsed", "data-updated": l || void 0, children: i > 99 ? "99+" : i }),
-    x && l && (!N || i === 0) && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot", "aria-hidden": "true" })
+    !h && l && (!w || i === 0) && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot ds-nav-rail__dot--inline", "aria-hidden": "true" }),
+    h && w && i !== 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__count-collapsed", "data-updated": l || void 0, children: i > 99 ? "99+" : i }),
+    h && l && (!w || i === 0) && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot", "aria-hidden": "true" })
   ] }), S = a ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : a, ...$, children: y }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...$, children: y });
-  return x && !h ? /* @__PURE__ */ e.jsx(Le, { content: s, position: _, children: S }) : S;
+  return h && !x ? /* @__PURE__ */ e.jsx(Le, { content: s, position: _, children: S }) : S;
 }
 function Hs({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__body", "ds-scrollable", s].filter(Boolean).join(" "), ...n, children: t });
@@ -1832,11 +1834,11 @@ const Js = Je(function({
   className: a = "",
   ...o
 }, i) {
-  const { collapsed: l, side: c } = ue(ve), d = ue(we), u = c === "left" ? "right" : "left", m = [
+  const { collapsed: l, side: c } = ue(ve), u = ue(we), d = c === "left" ? "right" : "left", m = [
     "ds-nav-rail__item",
     "ds-nav-rail__agent",
     a
-  ].filter(Boolean).join(" "), x = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  ].filter(Boolean).join(" "), h = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: n }),
     !l && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: r })
   ] }), p = /* @__PURE__ */ e.jsx(
@@ -1847,13 +1849,13 @@ const Js = Je(function({
       "aria-label": l ? r : void 0,
       ...s === "button" ? { type: "button" } : {},
       ...o,
-      children: x
+      children: h
     }
   );
-  return l && !d ? /* @__PURE__ */ e.jsx(Le, { content: r, position: u, children: p }) : p;
+  return l && !u ? /* @__PURE__ */ e.jsx(Le, { content: r, position: d, children: p }) : p;
 });
 function Zs({ avatar: t, label: s, selected: n = !1, disabled: r = !1, href: a, onClick: o, className: i = "", ...l }) {
-  const { collapsed: c, side: d } = ue(ve), u = ue(we), p = {
+  const { collapsed: c, side: u } = ue(ve), d = ue(we), p = {
     className: [
       "ds-nav-rail__item",
       "ds-nav-rail__agent",
@@ -1868,11 +1870,11 @@ function Zs({ avatar: t, label: s, selected: n = !1, disabled: r = !1, href: a,
       "data-disabled": r || void 0
     },
     ...l
-  }, h = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }, x = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: t }),
     !c && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s })
-  ] }), w = d === "left" ? "right" : "left", b = a ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : a, ...p, children: h }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...p, children: h });
-  return c && !u ? /* @__PURE__ */ e.jsx(Le, { content: s, position: w, children: b }) : b;
+  ] }), b = u === "left" ? "right" : "left", j = a ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : a, ...p, children: x }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...p, children: x });
+  return c && !d ? /* @__PURE__ */ e.jsx(Le, { content: s, position: b, children: j }) : j;
 }
 const Ue = 240, Ve = 6, Ye = 8;
 function Qs({
@@ -1883,57 +1885,57 @@ function Qs({
   onOpenChange: a,
   defaultOpen: o = !1
 }) {
-  const { side: i } = ue(ve), [l, c] = B(o), d = r !== void 0, u = d ? r : l, [m, x] = B(!1), p = R(null), h = R(null), [w, b] = B({}), $ = ce(() => {
-    d ? a == null || a(!0) : c(!0);
-  }, [d, a]), N = ce(() => {
-    d ? a == null || a(!1) : c(!1);
-  }, [d, a]), _ = ce(() => u ? N() : $(), [u, $, N]), y = ce(() => {
+  const { side: i } = ue(ve), [l, c] = B(o), u = r !== void 0, d = u ? r : l, [m, h] = B(!1), p = R(null), x = R(null), [b, j] = B({}), $ = ce(() => {
+    u ? a == null || a(!0) : c(!0);
+  }, [u, a]), w = ce(() => {
+    u ? a == null || a(!1) : c(!1);
+  }, [u, a]), _ = ce(() => d ? w() : $(), [d, $, w]), y = ce(() => {
     var F;
     const D = p.current;
     if (!D) return;
-    const M = D.getBoundingClientRect(), W = window.innerHeight, z = ((F = h.current) == null ? void 0 : F.offsetHeight) ?? 300, j = Math.max(Ye, Math.min(W - z - Ye, M.top));
-    b(i === "right" ? {
+    const M = D.getBoundingClientRect(), W = window.innerHeight, z = ((F = x.current) == null ? void 0 : F.offsetHeight) ?? 300, N = Math.max(Ye, Math.min(W - z - Ye, M.top));
+    j(i === "right" ? {
       position: "fixed",
-      top: j,
+      top: N,
       right: window.innerWidth - M.left + Ve,
       width: Ue
     } : {
       position: "fixed",
-      top: j,
+      top: N,
       left: M.right + Ve,
       width: Ue
     });
   }, [i]);
   P(() => {
-    if (!u) {
-      x(!1);
+    if (!d) {
+      h(!1);
       return;
     }
-    return y(), requestAnimationFrame(() => x(!0)), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y), () => {
+    return y(), requestAnimationFrame(() => h(!0)), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y), () => {
       window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y);
     };
-  }, [u, y]), P(() => {
-    if (!u) return;
+  }, [d, y]), P(() => {
+    if (!d) return;
     const D = (W) => {
-      var z, j;
-      !((z = h.current) != null && z.contains(W.target)) && !((j = p.current) != null && j.contains(W.target)) && N();
+      var z, N;
+      !((z = x.current) != null && z.contains(W.target)) && !((N = p.current) != null && N.contains(W.target)) && w();
     }, M = (W) => {
-      W.key === "Escape" && N();
+      W.key === "Escape" && w();
     };
     return document.addEventListener("mousedown", D), document.addEventListener("keydown", M), () => {
       document.removeEventListener("mousedown", D), document.removeEventListener("keydown", M);
     };
-  }, [u, N]);
-  const S = u && /* @__PURE__ */ e.jsxs(
+  }, [d, w]);
+  const S = d && /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: h,
+      ref: x,
       className: [
         "ds-nav-rail-flyout",
         `ds-nav-rail-flyout--${i}`,
         m && "ds-nav-rail-flyout--visible"
       ].filter(Boolean).join(" "),
-      style: w,
+      style: b,
       "data-ds-portal": "",
       role: "dialog",
       "aria-modal": "false",
@@ -1945,7 +1947,7 @@ function Qs({
             {
               type: "button",
               className: "ds-nav-rail-flyout__close",
-              onClick: N,
+              onClick: w,
               "aria-label": "Close",
               children: /* @__PURE__ */ e.jsx(ee, { size: 16, strokeWidth: 2 })
             }
@@ -1956,7 +1958,7 @@ function Qs({
     }
   );
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(we.Provider, { value: u, children: /* @__PURE__ */ e.jsx("div", { ref: p, onClick: _, style: { display: "flex", flexDirection: "column", width: "100%" }, children: t }) }),
+    /* @__PURE__ */ e.jsx(we.Provider, { value: d, children: /* @__PURE__ */ e.jsx("div", { ref: p, onClick: _, style: { display: "flex", flexDirection: "column", width: "100%" }, children: t }) }),
     typeof document < "u" && re.createPortal(S, document.body)
   ] });
 }
@@ -2019,26 +2021,26 @@ function tn({
   style: l,
   ...c
 }) {
-  const [d, u] = B(!1), [m, x] = B(!1), p = n !== void 0, h = p ? n : d, w = R(null), b = R(null), $ = R(null), N = R(null), [_, y] = B({}), S = R(null), D = 150, M = () => {
+  const [u, d] = B(!1), [m, h] = B(!1), p = n !== void 0, x = p ? n : u, b = R(null), j = R(null), $ = R(null), w = R(null), [_, y] = B({}), S = R(null), D = 150, M = () => {
     if (p)
       r == null || r(!1);
     else {
       if (m) return;
-      x(!0), S.current = setTimeout(() => {
-        u(!1), x(!1);
+      h(!0), S.current = setTimeout(() => {
+        d(!1), h(!1);
       }, D);
     }
   }, W = () => {
-    const v = !h;
-    p ? r == null || r(v) : v ? (clearTimeout(S.current), x(!1), u(!0)) : M();
+    const v = !x;
+    p ? r == null || r(v) : v ? (clearTimeout(S.current), h(!1), d(!0)) : M();
   }, z = () => {
-    h || (p ? r == null || r(!0) : (clearTimeout(S.current), x(!1), u(!0)));
+    x || (p ? r == null || r(!0) : (clearTimeout(S.current), h(!1), d(!0)));
   };
   P(() => () => clearTimeout(S.current), []), P(() => {
-    if (!h) return;
+    if (!x) return;
     const v = 300, k = () => {
       var E;
-      const A = (E = w.current) == null ? void 0 : E.getBoundingClientRect();
+      const A = (E = b.current) == null ? void 0 : E.getBoundingClientRect();
       if (!A) return;
       const U = window.innerHeight - A.bottom, G = U < v + 8 && A.top > U;
       y(
@@ -2048,8 +2050,8 @@ function tn({
     return k(), window.addEventListener("scroll", k, !0), window.addEventListener("resize", k), () => {
       window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", k);
     };
-  }, [h, a]);
-  const j = () => {
+  }, [x, a]);
+  const N = () => {
     var k;
     const v = (k = $.current) == null ? void 0 : k.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
@@ -2057,30 +2059,30 @@ function tn({
     v == null || v.focus();
   };
   P(() => {
-    if (!h) return;
+    if (!x) return;
     const v = (A) => {
       var U, G;
-      !((U = w.current) != null && U.contains(A.target)) && !((G = b.current) != null && G.contains(A.target)) && M();
+      !((U = b.current) != null && U.contains(A.target)) && !((G = j.current) != null && G.contains(A.target)) && M();
     }, k = (A) => {
-      A.key === "Escape" && (M(), j());
+      A.key === "Escape" && (M(), N());
     };
     return document.addEventListener("mousedown", v), document.addEventListener("keydown", k), () => {
       document.removeEventListener("mousedown", v), document.removeEventListener("keydown", k);
     };
-  }, [h]), P(() => {
-    if (!h || !N.current || !b.current) return;
-    const v = F(), k = N.current === "last" ? v[v.length - 1] : v[0];
-    k == null || k.focus(), N.current = null;
-  }, [h]);
-  const F = () => b.current ? [...b.current.querySelectorAll(
+  }, [x]), P(() => {
+    if (!x || !w.current || !j.current) return;
+    const v = F(), k = w.current === "last" ? v[v.length - 1] : v[0];
+    k == null || k.focus(), w.current = null;
+  }, [x]);
+  const F = () => j.current ? [...j.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
   )] : [], K = (v) => {
     var k, A;
     if (v.key === "ArrowDown")
-      v.preventDefault(), h ? (k = F()[0]) == null || k.focus() : (N.current = "first", z());
+      v.preventDefault(), x ? (k = F()[0]) == null || k.focus() : (w.current = "first", z());
     else if (v.key === "ArrowUp")
-      if (v.preventDefault(), !h)
-        N.current = "last", z();
+      if (v.preventDefault(), !x)
+        w.current = "last", z();
       else {
         const U = F();
         (A = U[U.length - 1]) == null || A.focus();
@@ -2093,7 +2095,7 @@ function tn({
         v.preventDefault(), (U = k[Math.min(A + 1, k.length - 1)]) == null || U.focus();
         break;
       case "ArrowUp":
-        v.preventDefault(), A <= 0 ? j() : (G = k[A - 1]) == null || G.focus();
+        v.preventDefault(), A <= 0 ? N() : (G = k[A - 1]) == null || G.focus();
         break;
       case "Home":
         v.preventDefault(), (E = k[0]) == null || E.focus();
@@ -2105,10 +2107,10 @@ function tn({
         M();
         break;
     }
-  }, I = h && /* @__PURE__ */ e.jsx(
+  }, I = x && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: b,
+      ref: j,
       role: "menu",
       "data-ds-portal": "",
       className: [
@@ -2154,7 +2156,7 @@ function tn({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: w,
+      ref: b,
       className: ["ds-dropdown", o && "ds-dropdown--full-width", i].filter(Boolean).join(" "),
       style: l,
       ...c,
@@ -2222,12 +2224,12 @@ function Ft(t, { duration: s = 600 } = {}) {
     const i = a.current, l = t - i;
     if (l === 0) return;
     let c = null;
-    const d = (u) => {
-      c || (c = u);
-      const m = Math.min((u - c) / s, 1);
-      r(i + l * Mt(m)), m < 1 ? o.current = requestAnimationFrame(d) : a.current = t;
+    const u = (d) => {
+      c || (c = d);
+      const m = Math.min((d - c) / s, 1);
+      r(i + l * Mt(m)), m < 1 ? o.current = requestAnimationFrame(u) : a.current = t;
     };
-    return o.current = requestAnimationFrame(d), () => cancelAnimationFrame(o.current);
+    return o.current = requestAnimationFrame(u), () => cancelAnimationFrame(o.current);
   }, [t, s]), n;
 }
 function nn({
@@ -2264,10 +2266,10 @@ function rn({
   onLeave: i,
   ...l
 }) {
-  const { ref: c, inView: d } = Wt({ threshold: r, rootMargin: a, once: n }), u = R(!1);
+  const { ref: c, inView: u } = Wt({ threshold: r, rootMargin: a, once: n }), d = R(!1);
   return P(() => {
-    d && !u.current && (o == null || o()), !d && u.current && (i == null || i()), u.current = d;
-  }, [d]), /* @__PURE__ */ e.jsx(s, { ref: c, ...l, children: typeof t == "function" ? t(d) : t });
+    u && !d.current && (o == null || o()), !u && d.current && (i == null || i()), d.current = u;
+  }, [u]), /* @__PURE__ */ e.jsx(s, { ref: c, ...l, children: typeof t == "function" ? t(u) : t });
 }
 const He = {
   default: Ie,
@@ -2353,9 +2355,9 @@ function ln({
   onToggle: i,
   children: l,
   className: c = "",
-  ...d
+  ...u
 }) {
-  const u = s === "running", m = /* @__PURE__ */ e.jsxs("span", { className: "ds-tool-card__title-row", children: [
+  const d = s === "running", m = /* @__PURE__ */ e.jsxs("span", { className: "ds-tool-card__title-row", children: [
     n && /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__icon", children: n }),
     /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__label", children: t }),
     Vt[s],
@@ -2364,16 +2366,16 @@ function ln({
   return l ? /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-tool-card", u && "ds-tool-card--running", c].filter(Boolean).join(" "),
-      ...d,
+      className: ["ds-tool-card", d && "ds-tool-card--running", c].filter(Boolean).join(" "),
+      ...u,
       children: /* @__PURE__ */ e.jsx(
         Be,
         {
           title: m,
           padding: "s",
           defaultExpanded: a,
-          expanded: u ? !1 : o,
-          onToggle: u ? void 0 : i,
+          expanded: d ? !1 : o,
+          onToggle: d ? void 0 : i,
           children: /* @__PURE__ */ e.jsx("div", { className: "ds-tool-card__body", children: l })
         }
       )
@@ -2382,7 +2384,7 @@ function ln({
     "div",
     {
       className: ["ds-tool-card", "ds-tool-card--bubble", c].filter(Boolean).join(" "),
-      ...d,
+      ...u,
       children: m
     }
   );
@@ -2445,10 +2447,10 @@ function dn({
   ...l
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", o].filter(Boolean).join(" "), ...l, children: [
-    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i, children: Array.from({ length: t }, (c, d) => {
-      const u = d === s, m = n.includes(d) && !u, x = r && (d <= s || n.includes(d)), p = [
+    /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i, children: Array.from({ length: t }, (c, u) => {
+      const d = u === s, m = n.includes(u) && !d, h = r && (u <= s || n.includes(u)), p = [
         "ds-step-indicator__dot",
-        u && "ds-step-indicator__dot--active",
+        d && "ds-step-indicator__dot--active",
         m && "ds-step-indicator__dot--done"
       ].filter(Boolean).join(" ");
       return /* @__PURE__ */ e.jsx(
@@ -2457,13 +2459,13 @@ function dn({
           type: "button",
           className: p,
           role: "tab",
-          "aria-selected": u,
-          "aria-label": `Step ${d + 1}`,
-          disabled: !x || d === s,
-          onClick: () => r == null ? void 0 : r(d),
+          "aria-selected": d,
+          "aria-label": `Step ${u + 1}`,
+          disabled: !h || u === s,
+          onClick: () => r == null ? void 0 : r(u),
           children: m ? /* @__PURE__ */ e.jsx(Re, { size: 8, strokeWidth: 3 }) : null
         },
-        d
+        u
       );
     }) }),
     a && /* @__PURE__ */ e.jsxs(Qe, { secondary: !0, className: "ds-step-indicator__counter", children: [
@@ -2540,33 +2542,33 @@ function Ht({
   betweenTime: o = 380,
   manualPauseMs: i = 5e3
 }) {
-  const [l, c] = B(0), [d, u] = B(""), m = R("typing"), x = R(0), p = R(0), h = R(null), w = R(0);
+  const [l, c] = B(0), [u, d] = B(""), m = R("typing"), h = R(0), p = R(0), x = R(null), b = R(0);
   P(() => {
     p.current = l;
   }, [l]), P(() => {
-    if (h.current && (clearTimeout(h.current), h.current = null), !s || t.length === 0) {
-      u(""), x.current = 0, m.current = "typing";
+    if (x.current && (clearTimeout(x.current), x.current = null), !s || t.length === 0) {
+      d(""), h.current = 0, m.current = "typing";
       return;
     }
     const y = () => {
       const S = Date.now();
-      if (w.current > S) {
-        h.current = setTimeout(y, w.current - S);
+      if (b.current > S) {
+        x.current = setTimeout(y, b.current - S);
         return;
       }
       const D = t[p.current % t.length] ?? "";
-      m.current === "typing" ? (x.current += 1, u(D.slice(0, x.current)), x.current >= D.length ? (m.current = "holding", h.current = setTimeout(y, a)) : h.current = setTimeout(y, n + Math.random() * 28)) : m.current === "holding" ? (m.current = "erasing", h.current = setTimeout(y, r)) : (x.current = Math.max(0, x.current - 1), u(D.slice(0, x.current)), x.current <= 0 ? (m.current = "typing", p.current = (p.current + 1) % t.length, c(p.current), h.current = setTimeout(y, o)) : h.current = setTimeout(y, r));
+      m.current === "typing" ? (h.current += 1, d(D.slice(0, h.current)), h.current >= D.length ? (m.current = "holding", x.current = setTimeout(y, a)) : x.current = setTimeout(y, n + Math.random() * 28)) : m.current === "holding" ? (m.current = "erasing", x.current = setTimeout(y, r)) : (h.current = Math.max(0, h.current - 1), d(D.slice(0, h.current)), h.current <= 0 ? (m.current = "typing", p.current = (p.current + 1) % t.length, c(p.current), x.current = setTimeout(y, o)) : x.current = setTimeout(y, r));
     };
-    return h.current = setTimeout(y, 260), () => {
-      h.current && clearTimeout(h.current);
+    return x.current = setTimeout(y, 260), () => {
+      x.current && clearTimeout(x.current);
     };
   }, [s, t, n, r, a, o]);
-  const b = (y) => {
+  const j = (y) => {
     if (t.length === 0) return;
     const S = (y % t.length + t.length) % t.length, D = t[S];
-    p.current = S, x.current = D.length, m.current = "holding", w.current = Date.now() + i, c(S), u(D);
-  }, $ = () => b(p.current + 1), N = () => b(p.current - 1), _ = t[l % t.length] ?? "";
-  return { displayed: d, currentPrompt: _, index: l, next: $, prev: N };
+    p.current = S, h.current = D.length, m.current = "holding", b.current = Date.now() + i, c(S), d(D);
+  }, $ = () => j(p.current + 1), w = () => j(p.current - 1), _ = t[l % t.length] ?? "";
+  return { displayed: u, currentPrompt: _, index: l, next: $, prev: w };
 }
 let qt = 0;
 function pn({
@@ -2579,34 +2581,34 @@ function pn({
   disabled: i = !1,
   placeholder: l = "Let's get things done...",
   animatedPlaceholders: c,
-  attachments: d,
-  images: u,
+  attachments: u,
+  images: d,
   onAttachFiles: m,
-  onAttachImages: x,
+  onAttachImages: h,
   onRemoveAttachment: p,
-  onRemoveImage: h,
-  acceptImage: w,
-  acceptFile: b,
+  onRemoveImage: x,
+  acceptImage: b,
+  acceptFile: j,
   maxImages: $,
-  maxImageSize: N,
+  maxImageSize: w,
   leftSlot: _,
   rightSlot: y,
   className: S = "",
   ...D
 }) {
-  const M = R(null), W = R(null), z = R(0), [j, F] = B(!1), [K, V] = B([]), I = (g) => {
+  const M = R(null), W = R(null), z = R(0), [N, F] = B(!1), [K, V] = B([]), I = (g) => {
     const L = ++qt;
     V((X) => [...X, { id: L, msg: g }]), setTimeout(() => V((X) => X.filter((J) => J.id !== L)), 6e3);
-  }, v = (g) => V((L) => L.filter((X) => X.id !== g)), k = (g) => g.type.startsWith("image/"), A = () => !0, U = w ?? k, G = b ?? A, E = (g) => {
+  }, v = (g) => V((L) => L.filter((X) => X.id !== g)), k = (g) => g.type.startsWith("image/"), A = () => !0, U = b ?? k, G = j ?? A, E = (g) => {
     const L = [], X = [], J = [], Z = [];
-    let se = 0, fe = $ != null ? $ - ((u == null ? void 0 : u.length) ?? 0) : 1 / 0;
+    let se = 0, fe = $ != null ? $ - ((d == null ? void 0 : d.length) ?? 0) : 1 / 0;
     for (const ne of g)
-      U(ne) ? N && ne.size > N ? J.push(ne.name) : fe > 0 ? (L.push(ne), fe--) : se++ : G(ne) ? X.push(ne) : Z.push(ne.name);
+      U(ne) ? w && ne.size > w ? J.push(ne.name) : fe > 0 ? (L.push(ne), fe--) : se++ : G(ne) ? X.push(ne) : Z.push(ne.name);
     return { imageFiles: L, docFiles: X, tooLarge: J, skipped: Z, limitExceeded: se };
   }, f = (g) => {
     const { imageFiles: L, docFiles: X, tooLarge: J, skipped: Z, limitExceeded: se } = E(g);
-    J.length && I(`File${J.length > 1 ? "s" : ""} too large${N ? ` (max ${N / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && I(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`), se && I(`Max ${$} images per message`), x && L.length && x(L);
-    const fe = X.concat(x ? [] : L);
+    J.length && I(`File${J.length > 1 ? "s" : ""} too large${w ? ` (max ${w / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && I(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`), se && I(`Max ${$} images per message`), h && L.length && h(L);
+    const fe = X.concat(h ? [] : L);
     m && fe.length && m(fe);
   };
   P(() => {
@@ -2634,7 +2636,7 @@ function pn({
     M.current && (M.current.value = ""), L.length && f(L);
   }, H = (g) => {
     var ne;
-    if (!x) return;
+    if (!h) return;
     const L = (ne = g.clipboardData) == null ? void 0 : ne.items;
     if (!L) return;
     const X = [];
@@ -2644,7 +2646,7 @@ function pn({
     }
     if (X.length === 0) return;
     const { imageFiles: J, tooLarge: Z, skipped: se, limitExceeded: fe } = E(X);
-    Z.length && I(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), se.length && I(`Skipped unsupported file${se.length > 1 ? "s" : ""}: ${se.join(", ")}`), fe && I(`Max ${$} images per message`), J.length && (g.preventDefault(), x(J));
+    Z.length && I(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), se.length && I(`Skipped unsupported file${se.length > 1 ? "s" : ""}: ${se.join(", ")}`), fe && I(`Max ${$} images per message`), J.length && (g.preventDefault(), h(J));
   }, Q = !o && !i && !!(c != null && c.length) && t.length === 0, le = Ht({
     prompts: c ?? [],
     enabled: Q
@@ -2664,7 +2666,7 @@ function pn({
       }
     }
     a == null || a(g);
-  }, tt = (t.trim() || (u == null ? void 0 : u.length) > 0 || (d == null ? void 0 : d.length) > 0) && !i, Pe = m || x;
+  }, tt = (t.trim() || (d == null ? void 0 : d.length) > 0 || (u == null ? void 0 : u.length) > 0) && !i, Pe = m || h;
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", S].filter(Boolean).join(" "), ...D, children: [
     Pe && /* @__PURE__ */ e.jsx(
       "input",
@@ -2680,13 +2682,13 @@ function pn({
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: ["ds-prompt-input__box", j && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
+        className: ["ds-prompt-input__box", N && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
         onDragEnter: T,
         onDragLeave: O,
         onDragOver: Y,
         onDrop: te,
         children: [
-          j && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
+          N && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
           /* @__PURE__ */ e.jsx(
             "textarea",
             {
@@ -2705,13 +2707,13 @@ function pn({
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-text", children: le.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((g, L) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
+          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: d.map((g, L) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
             /* @__PURE__ */ e.jsx("img", { src: g.preview, alt: "" }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 className: "ds-prompt-input__image-remove",
-                onClick: () => h == null ? void 0 : h(L),
+                onClick: () => x == null ? void 0 : x(L),
                 "aria-label": "Remove image",
                 type: "button",
                 children: /* @__PURE__ */ e.jsx(ee, { size: 12, strokeWidth: 2 })
@@ -2731,7 +2733,7 @@ function pn({
               }
             )
           ] }, g.id)) }),
-          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: d.map((g, L) => /* @__PURE__ */ e.jsx(pe, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
+          u && u.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: u.map((g, L) => /* @__PURE__ */ e.jsx(pe, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
             g.uploading ? /* @__PURE__ */ e.jsx(ft, { size: C[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(ze, { size: C[1], strokeWidth: 1.5 }),
             g.filename,
             g.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: "Uploading..." }) : /* @__PURE__ */ e.jsx(
@@ -2799,15 +2801,15 @@ function hn({
   className: l = "",
   ...c
 }) {
-  const [d, u] = B(!1), m = R(null), x = R(null), p = R(null), [h, w] = B({}), b = t.filter((j) => !a || j.name === "auto" ? !0 : (qe[j.tier] ?? 1) >= (qe[a] ?? 1)), $ = b.find((j) => j.name === "auto"), N = b.filter((j) => j.name !== "auto"), _ = t.find((j) => j.name === s), S = new Set(N.map((j) => j.tier).filter(Boolean)).size > 1;
+  const [u, d] = B(!1), m = R(null), h = R(null), p = R(null), [x, b] = B({}), j = t.filter((N) => !a || N.name === "auto" ? !0 : (qe[N.tier] ?? 1) >= (qe[a] ?? 1)), $ = j.find((N) => N.name === "auto"), w = j.filter((N) => N.name !== "auto"), _ = t.find((N) => N.name === s), S = new Set(w.map((N) => N.tier).filter(Boolean)).size > 1;
   P(() => {
-    if (!d) return;
-    const j = 320, F = () => {
+    if (!u) return;
+    const N = 320, F = () => {
       var A;
-      const I = (A = x.current) == null ? void 0 : A.getBoundingClientRect();
+      const I = (A = h.current) == null ? void 0 : A.getBoundingClientRect();
       if (!I) return;
-      const v = window.innerHeight - I.bottom, k = v < j + 8 && I.top > v;
-      w({
+      const v = window.innerHeight - I.bottom, k = v < N + 8 && I.top > v;
+      b({
         position: "fixed",
         zIndex: "var(--z-dropdown, 500)",
         left: I.left,
@@ -2817,39 +2819,39 @@ function hn({
     F(), window.addEventListener("scroll", F, !0), window.addEventListener("resize", F);
     const K = (I) => {
       var v, k;
-      !((v = m.current) != null && v.contains(I.target)) && !((k = p.current) != null && k.contains(I.target)) && u(!1);
+      !((v = m.current) != null && v.contains(I.target)) && !((k = p.current) != null && k.contains(I.target)) && d(!1);
     }, V = (I) => {
-      I.key === "Escape" && u(!1);
+      I.key === "Escape" && d(!1);
     };
     return document.addEventListener("mousedown", K), document.addEventListener("keydown", V), () => {
       window.removeEventListener("scroll", F, !0), window.removeEventListener("resize", F), document.removeEventListener("mousedown", K), document.removeEventListener("keydown", V);
     };
-  }, [d]);
-  const D = (j) => {
-    n == null || n(j), u(!1);
-  }, M = (j) => /* @__PURE__ */ e.jsxs(
+  }, [u]);
+  const D = (N) => {
+    n == null || n(N), d(!1);
+  }, M = (N) => /* @__PURE__ */ e.jsxs(
     "button",
     {
       type: "button",
       className: [
         "ds-model-picker__item",
-        j.name === s && "ds-model-picker__item--active"
+        N.name === s && "ds-model-picker__item--active"
       ].filter(Boolean).join(" "),
-      onClick: () => D(j.name),
+      onClick: () => D(N.name),
       children: [
-        j.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: j.icon }) : /* @__PURE__ */ e.jsx(Fe, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
-        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: j.displayName || j.name }),
-        S && j.tier && /* @__PURE__ */ e.jsx(pe, { size: "xs", variant: Ge[j.tier] || "default", children: j.tier })
+        N.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: N.icon }) : /* @__PURE__ */ e.jsx(Fe, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
+        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: N.displayName || N.name }),
+        S && N.tier && /* @__PURE__ */ e.jsx(pe, { size: "xs", variant: Ge[N.tier] || "default", children: N.tier })
       ]
     },
-    j.name
-  ), W = () => !i || !S ? N.map(M) : ["fast", "standard", "premium"].flatMap((j) => {
-    const F = N.filter((K) => K.tier === j);
+    N.name
+  ), W = () => !i || !S ? w.map(M) : ["fast", "standard", "premium"].flatMap((N) => {
+    const F = w.filter((K) => K.tier === N);
     return F.length ? [
-      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": j, children: j.charAt(0).toUpperCase() + j.slice(1) }, `lbl-${j}`),
+      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": N, children: N.charAt(0).toUpperCase() + N.slice(1) }, `lbl-${N}`),
       ...F.map(M)
     ] : [];
-  }), z = d && /* @__PURE__ */ e.jsxs("div", { ref: p, className: "ds-model-picker__menu ds-scrollable", "data-ds-portal": "", style: h, children: [
+  }), z = u && /* @__PURE__ */ e.jsxs("div", { ref: p, className: "ds-model-picker__menu ds-scrollable", "data-ds-portal": "", style: x, children: [
     o && $ && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(
         "button",
@@ -2867,7 +2869,7 @@ function hn({
           ]
         }
       ),
-      N.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
+      w.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
     ] }),
     W()
   ] });
@@ -2881,12 +2883,12 @@ function hn({
         /* @__PURE__ */ e.jsxs(
           "button",
           {
-            ref: x,
+            ref: h,
             type: "button",
             className: "ds-model-picker__trigger",
-            onClick: () => u((j) => !j),
+            onClick: () => d((N) => !N),
             "aria-haspopup": "listbox",
-            "aria-expanded": d,
+            "aria-expanded": u,
             children: [
               _ != null && _.icon ? /* @__PURE__ */ e.jsx("span", { children: _.icon }) : /* @__PURE__ */ e.jsx(Fe, { size: 12, strokeWidth: 1.5 }),
               /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (_ == null ? void 0 : _.displayName) || (_ == null ? void 0 : _.name) || s }),
@@ -2919,22 +2921,22 @@ function xn({
   maxVisible: r = 5,
   onSourceClick: a
 }) {
-  const [o, i] = B(!1), l = Kt(t), c = l.length > r, d = o ? l : l.slice(0, r), u = t.some((x) => x.snippet), m = ["ds-sources-panel", s === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
+  const [o, i] = B(!1), l = Kt(t), c = l.length > r, u = o ? l : l.slice(0, r), d = t.some((h) => h.snippet), m = ["ds-sources-panel", s === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
   return s === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: m, children: [
-    d.map((x) => {
-      const p = x.items.map((w) => w.page).filter(Boolean), h = !!a;
+    u.map((h) => {
+      const p = h.items.map((b) => b.page).filter(Boolean), x = !!a;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__compact-row${h ? " ds-sources-panel__compact-row--clickable" : ""}`,
-          onClick: h ? () => a(x.items[0]) : void 0,
+          className: `ds-sources-panel__compact-row${x ? " ds-sources-panel__compact-row--clickable" : ""}`,
+          onClick: x ? () => a(h.items[0]) : void 0,
           children: [
             /* @__PURE__ */ e.jsx(xt, { size: C[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
-            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: x.filename }),
+            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
             p.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Te(p) })
           ]
         },
-        x.filename
+        h.filename
       );
     }),
     c && !o && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
@@ -2944,35 +2946,35 @@ function xn({
     ] })
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: m, children: [
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: n }),
-    d.map((x) => {
-      const p = x.items.map((w) => w.page).filter(Boolean), h = !!a;
-      return u ? /* @__PURE__ */ e.jsx(
+    u.map((h) => {
+      const p = h.items.map((b) => b.page).filter(Boolean), x = !!a;
+      return d ? /* @__PURE__ */ e.jsx(
         Be,
         {
-          title: /* @__PURE__ */ e.jsx(Gt, { filename: x.filename, pages: p }),
+          title: /* @__PURE__ */ e.jsx(Gt, { filename: h.filename, pages: p }),
           padding: "s",
-          children: x.items.map((w, b) => /* @__PURE__ */ e.jsx(
+          children: h.items.map((b, j) => /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: `ds-sources-panel__snippet${h ? " ds-sources-panel__snippet--clickable" : ""}`,
-              onClick: h ? () => a(w) : void 0,
-              children: w.snippet ?? `p. ${w.page}`
+              className: `ds-sources-panel__snippet${x ? " ds-sources-panel__snippet--clickable" : ""}`,
+              onClick: x ? () => a(b) : void 0,
+              children: b.snippet ?? `p. ${b.page}`
             },
-            b
+            j
           ))
         },
-        x.filename
+        h.filename
       ) : /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__row${h ? " ds-sources-panel__row--clickable" : ""}`,
-          onClick: h ? () => a(x.items[0]) : void 0,
+          className: `ds-sources-panel__row${x ? " ds-sources-panel__row--clickable" : ""}`,
+          onClick: x ? () => a(h.items[0]) : void 0,
           children: [
-            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: x.filename }),
+            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
             p.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Te(p) })
           ]
         },
-        x.filename
+        h.filename
       );
     }),
     c && !o && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
@@ -2994,7 +2996,7 @@ function vn({
   warningThreshold: o = 0.8,
   errorThreshold: i = 1
 }) {
-  const l = s > 0 ? t / s : 0, c = Math.min(l * 100, 100), d = l >= i ? "error" : l >= o ? "warning" : "normal";
+  const l = s > 0 ? t / s : 0, c = Math.min(l * 100, 100), u = l >= i ? "error" : l >= o ? "warning" : "normal";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -3006,11 +3008,11 @@ function vn({
         /* @__PURE__ */ e.jsx("div", { className: "ds-token-counter__track", children: /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: `ds-token-counter__fill ds-token-counter__fill--${d}`,
+            className: `ds-token-counter__fill ds-token-counter__fill--${u}`,
             style: { width: `${c}%` }
           }
         ) }),
-        (r || a) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${d}`, children: [
+        (r || a) && /* @__PURE__ */ e.jsxs("div", { className: `ds-token-counter__label ds-token-counter__label--${u}`, children: [
           r && /* @__PURE__ */ e.jsxs("span", { children: [
             Ke(t),
             " / ",
@@ -3074,18 +3076,18 @@ function bn({
     n && "ds-diff-view--wrap"
   ].filter(Boolean).join(" "), l = a ? { maxHeight: a, overflowY: "auto" } : void 0;
   if (s === "split") {
-    const c = t.filter((u) => u.type === "remove" || u.type === "context"), d = t.filter((u) => u.type === "add" || u.type === "context");
+    const c = t.filter((d) => d.type === "remove" || d.type === "context"), u = t.filter((d) => d.type === "add" || d.type === "context");
     return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
       o && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: o }),
       /* @__PURE__ */ e.jsxs("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: c.map((u, m) => /* @__PURE__ */ e.jsx(ye, { line: u, lineNumbers: r }, m)) }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: d.map((u, m) => /* @__PURE__ */ e.jsx(ye, { line: u, lineNumbers: r }, m)) })
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: c.map((d, m) => /* @__PURE__ */ e.jsx(ye, { line: d, lineNumbers: r }, m)) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: u.map((d, m) => /* @__PURE__ */ e.jsx(ye, { line: d, lineNumbers: r }, m)) })
       ] })
     ] });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
     o && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: o }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: t.map((c, d) => /* @__PURE__ */ e.jsx(ye, { line: c, lineNumbers: r }, d)) })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: t.map((c, u) => /* @__PURE__ */ e.jsx(ye, { line: c, lineNumbers: r }, u)) })
   ] });
 }
 function Zt({
@@ -3171,17 +3173,17 @@ function jn({
   className: i = "",
   ...l
 }) {
-  const c = t === "assistant" && (a || o), d = !!s, u = n ? Qt(n) : null;
-  return !c && !d && !u ? null : /* @__PURE__ */ e.jsxs(
+  const c = t === "assistant" && (a || o), u = !!s, d = n ? Qt(n) : null;
+  return !c && !u && !d ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: ["ds-message-footer", `ds-message-footer--${t}`, i].filter(Boolean).join(" "),
       ...l,
       children: [
-        t === "user" && u && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: u }),
+        t === "user" && d && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: d }),
         c && /* @__PURE__ */ e.jsx(Zt, { className: "ds-message-action", value: r, onLike: a, onDislike: o }),
-        d && /* @__PURE__ */ e.jsx(Yt, { className: "ds-message-action", text: s }),
-        t === "assistant" && u && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: u })
+        u && /* @__PURE__ */ e.jsx(Yt, { className: "ds-message-action", text: s }),
+        t === "assistant" && d && /* @__PURE__ */ e.jsx("span", { className: "ds-message-footer__timestamp ds-message-action", children: d })
       ]
     }
   );
@@ -3274,8 +3276,8 @@ function as(t, s, n, r, a) {
     default:
       l = s.top + s.height / 2 - n / 2, c = s.right + a;
   }
-  const d = Math.max(de, Math.min(o - r - de, c)), u = Math.max(de, Math.min(i - n - de, l));
-  return { top: u, left: d, arrowOffset: c - d, arrowOffsetY: l - u };
+  const u = Math.max(de, Math.min(o - r - de, c)), d = Math.max(de, Math.min(i - n - de, l));
+  return { top: d, left: u, arrowOffset: c - u, arrowOffsetY: l - d };
 }
 function yn({
   steps: t,
@@ -3287,20 +3289,20 @@ function yn({
   overlay: i = !0,
   ring: l = !0,
   labelNext: c = "Next",
-  labelBack: d = "Back",
-  labelSkip: u = "Skip tour",
+  labelBack: u = "Back",
+  labelSkip: d = "Skip tour",
   labelFinish: m = "Done",
-  statePrimary: x = "idle",
+  statePrimary: h = "idle",
   stateBack: p = "idle"
 }) {
-  const h = R(null), w = R(t), b = R(s), $ = R(l);
-  w.current = t, b.current = s, $.current = l;
-  const [N, _] = B(!1), [y, S] = B({ position: "fixed", visibility: "hidden", width: ke }), [D, M] = B("bottom"), [W, z] = B(null), j = R(!1), F = t[s], K = s === t.length - 1, V = ce(() => {
-    const I = w.current[b.current];
-    if (!I || !h.current) return;
+  const x = R(null), b = R(t), j = R(s), $ = R(l);
+  b.current = t, j.current = s, $.current = l;
+  const [w, _] = B(!1), [y, S] = B({ position: "fixed", visibility: "hidden", width: ke }), [D, M] = B("bottom"), [W, z] = B(null), N = R(!1), F = t[s], K = s === t.length - 1, V = ce(() => {
+    const I = b.current[j.current];
+    if (!I || !x.current) return;
     const v = ns(I.target);
     if (!v) return;
-    const k = v.getBoundingClientRect(), U = h.current.getBoundingClientRect().height || 160, G = ke, E = $.current ? es : ts, f = I.position || rs(k, U, G, E), { top: T, left: O, arrowOffset: Y, arrowOffsetY: te } = as(f, k, U, G, E);
+    const k = v.getBoundingClientRect(), U = x.current.getBoundingClientRect().height || 160, G = ke, E = $.current ? es : ts, f = I.position || rs(k, U, G, E), { top: T, left: O, arrowOffset: Y, arrowOffsetY: te } = as(f, k, U, G, E);
     M(f), S({
       position: "fixed",
       top: T,
@@ -3319,13 +3321,13 @@ function yn({
   return P(() => {
     window.addEventListener("scroll", V, !0), window.addEventListener("resize", V);
     const I = requestAnimationFrame(() => {
-      V(), _(!0), j.current = !0;
+      V(), _(!0), N.current = !0;
     });
     return () => {
       cancelAnimationFrame(I), window.removeEventListener("scroll", V, !0), window.removeEventListener("resize", V);
     };
   }, []), P(() => {
-    if (!j.current) return;
+    if (!N.current) return;
     _(!1);
     const I = setTimeout(() => {
       S((v) => ({ ...v, visibility: "hidden" })), requestAnimationFrame(() => {
@@ -3334,25 +3336,25 @@ function yn({
     }, ss + 20);
     return () => clearTimeout(I);
   }, [s]), P(() => {
-    N && h.current && h.current.focus({ preventScroll: !0 });
-  }, [N]), P(() => {
+    w && x.current && x.current.focus({ preventScroll: !0 });
+  }, [w]), P(() => {
     const I = (v) => {
       v.key === "Escape" && a();
     };
     return document.addEventListener("keydown", I), () => document.removeEventListener("keydown", I);
   }, [a]), P(() => {
-    if (!N) return;
+    if (!w) return;
     const I = (v) => {
-      if (v.key !== "Tab" || !h.current) return;
+      if (v.key !== "Tab" || !x.current) return;
       const k = Array.from(
-        h.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])')
+        x.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])')
       );
       if (!k.length) return;
       const A = k[0], U = k[k.length - 1];
       v.shiftKey && document.activeElement === A ? (v.preventDefault(), U.focus()) : !v.shiftKey && document.activeElement === U && (v.preventDefault(), A.focus());
     };
     return document.addEventListener("keydown", I), () => document.removeEventListener("keydown", I);
-  }, [N]), !F || typeof document > "u" ? null : re.createPortal(
+  }, [w]), !F || typeof document > "u" ? null : re.createPortal(
     /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       W && /* @__PURE__ */ e.jsx(
         "div",
@@ -3361,7 +3363,7 @@ function yn({
             "ds-coachmark__spotlight",
             i && "ds-coachmark__spotlight--overlay",
             !l && "ds-coachmark__spotlight--no-ring",
-            N && "ds-coachmark__spotlight--visible"
+            w && "ds-coachmark__spotlight--visible"
           ].filter(Boolean).join(" "),
           style: W,
           "aria-hidden": "true"
@@ -3370,7 +3372,7 @@ function yn({
       /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: h,
+          ref: x,
           "data-ds-portal": "",
           role: "dialog",
           "aria-modal": "false",
@@ -3379,7 +3381,7 @@ function yn({
           className: [
             "ds-coachmark__bubble",
             `ds-coachmark__bubble--${D}`,
-            N && "ds-coachmark__bubble--visible"
+            w && "ds-coachmark__bubble--visible"
           ].filter(Boolean).join(" "),
           style: y,
           tabIndex: -1,
@@ -3390,7 +3392,7 @@ function yn({
                 type: "button",
                 className: "ds-coachmark__close",
                 onClick: a,
-                "aria-label": u,
+                "aria-label": d,
                 children: /* @__PURE__ */ e.jsx(ee, { size: 16, strokeWidth: 2 })
               }
             ),
@@ -3403,8 +3405,8 @@ function yn({
                 t.length
               ] }),
               /* @__PURE__ */ e.jsxs("div", { className: "ds-coachmark__footer-nav", children: [
-                s > 0 && /* @__PURE__ */ e.jsx(oe, { variant: "secondary", size: "s", state: p, onClick: r, children: d }),
-                /* @__PURE__ */ e.jsx(oe, { variant: "primary", size: "s", state: x, onClick: K ? o : n, children: K ? m : c })
+                s > 0 && /* @__PURE__ */ e.jsx(oe, { variant: "secondary", size: "s", state: p, onClick: r, children: u }),
+                /* @__PURE__ */ e.jsx(oe, { variant: "primary", size: "s", state: h, onClick: K ? o : n, children: K ? m : c })
               ] })
             ] })
           ]
@@ -3424,8 +3426,8 @@ function kn(t, s = {}) {
     start: () => {
       l() || (a(0), i(!0));
     },
-    next: () => a((d) => Math.min(d + 1, t.length - 1)),
-    back: () => a((d) => Math.max(d - 1, 0)),
+    next: () => a((u) => Math.min(u + 1, t.length - 1)),
+    back: () => a((u) => Math.max(u - 1, 0)),
     skip: c,
     finish: c
   };