@donkit-ai/design-system 1.4.83 → 1.4.84

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import K, { useMemo as ut, useContext as ae, createContext as De, useState as L, useRef as I, useEffect as z, useLayoutEffect as ft, forwardRef as rt, useCallback as de } from "react";
+import X, { useMemo as ut, useContext as ae, createContext as De, useState as L, useRef as I, useEffect as z, useLayoutEffect as ft, forwardRef as rt, useCallback as de } from "react";
 import { Check as Le, X as te, ChevronDown as we, Minus as mt, Plus as pt, XCircle as Pe, AlertTriangle as Me, CheckCircle as ze, Info as Fe, ChevronUp as ht, ChevronsUpDown as xt, ChevronLeft as vt, ChevronRight as bt, Copy as _t, Brain as jt, Loader as Nt, Paperclip as He, Square as gt, ArrowUp as wt, Zap as yt, Cpu as Ye, FileText as kt, ThumbsUp as Et, ThumbsDown as Tt } from "lucide-react";
 import oe from "react-dom";
-const C = {
+const U = {
   1: 16,
   2: 20,
   3: 24,
@@ -63,24 +63,24 @@ function Rt() {
           return "Fragment";
         case y:
           return "Profiler";
-        case k:
+        case w:
           return "StrictMode";
         case S:
           return "Suspense";
         case B:
           return "SuspenseList";
-        case w:
+        case E:
           return "Activity";
       }
       if (typeof m == "object")
         switch (typeof m.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), m.$$typeof) {
-          case j:
+          case N:
             return "Portal";
-          case _:
+          case j:
             return m.displayName || "Context";
-          case E:
+          case k:
             return (m._context.displayName || "Context") + ".Consumer";
           case b:
             var x = m.render;
@@ -128,14 +128,14 @@ function Rt() {
       }
     }
     function r() {
-      var m = U.A;
+      var m = O.A;
       return m === null ? null : m.getOwner();
     }
     function o() {
       return Error("react-stack-top-frame");
     }
     function i(m) {
-      if (X.call(m, "key")) {
+      if (G.call(m, "key")) {
         var x = Object.getOwnPropertyDescriptor(m, "key").get;
         if (x && x.isReactWarning) return !1;
       }
@@ -205,12 +205,12 @@ function Rt() {
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
         else p(H);
-      if (X.call(x, "key")) {
+      if (G.call(x, "key")) {
         H = t(m);
         var Z = Object.keys(x).filter(function(_e) {
           return _e !== "key";
         });
-        F = 0 < Z.length ? "{key: someKey, " + Z.join(": ..., ") + ": ...}" : "{key: someKey}", O[H + F] || (Z = 0 < Z.length ? "{" + Z.join(": ..., ") + ": ...}" : "{}", console.error(
+        F = 0 < Z.length ? "{key: someKey, " + Z.join(": ..., ") + ": ...}" : "{key: someKey}", C[H + F] || (Z = 0 < Z.length ? "{" + Z.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -221,7 +221,7 @@ React keys must be passed directly to JSX without using spread:
           H,
           Z,
           H
-        ), O[H + F] = !0);
+        ), C[H + F] = !0);
       }
       if (H = null, R !== void 0 && (n(R), H = "" + R), i(x) && (n(x.key), H = "" + x.key), "key" in x) {
         R = {};
@@ -246,7 +246,7 @@ React keys must be passed directly to JSX without using spread:
     function h(m) {
       return typeof m == "object" && m !== null && m.$$typeof === v;
     }
-    var f = K, v = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), W = Symbol.for("react.lazy"), w = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), U = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, X = Object.prototype.hasOwnProperty, Y = Array.isArray, N = console.createTask ? console.createTask : function() {
+    var f = X, v = Symbol.for("react.transitional.element"), N = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), k = Symbol.for("react.consumer"), j = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), W = Symbol.for("react.lazy"), E = Symbol.for("react.activity"), P = Symbol.for("react.client.reference"), O = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, G = Object.prototype.hasOwnProperty, Y = Array.isArray, _ = console.createTask ? console.createTask : function() {
       return null;
     };
     f = {
@@ -257,26 +257,26 @@ React keys must be passed directly to JSX without using spread:
     var A, $ = {}, q = f.react_stack_bottom_frame.bind(
       f,
       o
-    )(), V = N(a(o)), O = {};
+    )(), V = _(a(o)), C = {};
     ge.Fragment = g, ge.jsx = function(m, x, R) {
-      var F = 1e4 > U.recentlyCreatedOwnerStacks++;
+      var F = 1e4 > O.recentlyCreatedOwnerStacks++;
       return d(
         m,
         x,
         R,
         !1,
         F ? Error("react-stack-top-frame") : q,
-        F ? N(a(m)) : V
+        F ? _(a(m)) : V
       );
     }, ge.jsxs = function(m, x, R) {
-      var F = 1e4 > U.recentlyCreatedOwnerStacks++;
+      var F = 1e4 > O.recentlyCreatedOwnerStacks++;
       return d(
         m,
         x,
         R,
         !0,
         F ? Error("react-stack-top-frame") : q,
-        F ? N(a(m)) : V
+        F ? _(a(m)) : V
       );
     };
   }()), ge;
@@ -355,11 +355,11 @@ function bs({ strings: t, children: s }) {
 function ye() {
   return ae(We);
 }
-function G() {
+function K() {
   return ae(We).strings;
 }
 function St({ size: t = "m", color: s = "default", className: n = "", "aria-label": a, ...r }) {
-  const o = G();
+  const o = K();
   return /* @__PURE__ */ e.jsx(
     "span",
     {
@@ -379,59 +379,72 @@ function ce({
   icon: r,
   disabled: o = !1,
   state: i = "idle",
-  onClick: l,
-  type: c = "button",
-  href: u,
-  "aria-label": d,
-  className: p = "",
-  ...h
+  /**
+   * Toggle-on / latched look (filters, view switch, toolbar).
+   * Sets data-active + aria-pressed (unless aria-pressed is passed explicitly).
+   * Distinct from momentary CSS :active press.
+   */
+  active: l = !1,
+  /** Alias of `active` — same toggle-on style. */
+  pressed: c = !1,
+  onClick: u,
+  type: d = "button",
+  href: p,
+  "aria-label": h,
+  "aria-pressed": f,
+  className: v = "",
+  ...N
 }) {
-  const f = r && !t, v = i === "loading", j = i === "success", g = i === "error", k = v || j || g, y = n === "xs" ? "s" : "m", E = s === "danger" ? "on-accent" : "default", _ = At[n] ?? 16, b = v ? /* @__PURE__ */ e.jsx(St, { size: y, color: E }) : j ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Le, { size: _, strokeWidth: 2.5 }) }) : g ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(te, { size: _, strokeWidth: 2.5 }) }) : null, S = [
+  const g = r && !t, w = i === "loading", y = i === "success", k = i === "error", j = w || y || k, b = !!(l || c), S = n === "xs" ? "s" : "m", B = s === "danger" ? "on-accent" : "default", D = At[n] ?? 16, W = w ? /* @__PURE__ */ e.jsx(St, { size: S, color: B }) : y ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Le, { size: D, strokeWidth: 2.5 }) }) : k ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(te, { size: D, strokeWidth: 2.5 }) }) : null, E = [
     "ds-button",
     `ds-button--${s}`,
     `ds-button--${n}`,
     a && "ds-button--full",
-    f && "ds-button--icon-only",
-    p
-  ].filter(Boolean).join(" "), B = i !== "idle" ? i : void 0, D = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    k ? b : r && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: r }),
+    g && "ds-button--icon-only",
+    v
+  ].filter(Boolean).join(" "), P = i !== "idle" ? i : void 0, O = f !== void 0 ? f : b ? !0 : void 0, G = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    j ? W : r && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: r }),
     t
   ] });
-  if (u) {
-    const W = (w) => {
-      if (o || v) {
-        w.preventDefault();
+  if (p) {
+    const Y = (_) => {
+      if (o || w) {
+        _.preventDefault();
         return;
       }
-      w.metaKey || w.ctrlKey || w.button === 1 || (w.preventDefault(), l == null || l(w));
+      _.metaKey || _.ctrlKey || _.button === 1 || (_.preventDefault(), u == null || u(_));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
-        className: S,
-        href: o || v ? void 0 : u,
-        onClick: W,
-        "aria-label": d,
-        "aria-disabled": o || v ? "true" : void 0,
-        "aria-busy": v ? "true" : void 0,
-        "data-state": B,
-        ...h,
-        children: D
+        className: E,
+        href: o || w ? void 0 : p,
+        onClick: Y,
+        "aria-label": h,
+        "aria-disabled": o || w ? "true" : void 0,
+        "aria-busy": w ? "true" : void 0,
+        "aria-pressed": O,
+        "data-state": P,
+        "data-active": b ? "true" : void 0,
+        ...N,
+        children: G
       }
     );
   }
   return /* @__PURE__ */ e.jsx(
     "button",
     {
-      type: c,
-      className: S,
+      type: d,
+      className: E,
       disabled: o,
-      onClick: v ? void 0 : l,
-      "aria-label": d,
-      "aria-busy": v ? "true" : void 0,
-      "data-state": B,
-      ...h,
-      children: D
+      onClick: w ? void 0 : u,
+      "aria-label": h,
+      "aria-busy": w ? "true" : void 0,
+      "aria-pressed": O,
+      "data-state": P,
+      "data-active": b ? "true" : void 0,
+      ...N,
+      children: G
     }
   );
 }
@@ -449,7 +462,7 @@ function _s({
   iconRightLabel: d,
   ...p
 }) {
-  const h = G(), f = u || `input-${K.useId()}`, v = n ? `${f}-hint` : void 0, j = s ? `${f}-error` : void 0, g = j || v;
+  const h = K(), f = u || `input-${X.useId()}`, v = n ? `${f}-hint` : void 0, N = s ? `${f}-error` : void 0, g = N || v;
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${a ? "ds-input-wrapper--full" : ""} ${c ? "ds-input-wrapper--disabled" : ""} ${s ? "ds-input-wrapper--error" : ""}`, children: [
     t && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: f, children: t }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-input-container", children: [
@@ -478,7 +491,7 @@ function _s({
       )
     ] }),
     n && !s && /* @__PURE__ */ e.jsx("span", { id: v, className: "ds-input-hint", children: n }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: s && /* @__PURE__ */ e.jsx("span", { id: j, className: "ds-input-error", role: "alert", children: s }) }) })
+    /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: s && /* @__PURE__ */ e.jsx("span", { id: N, className: "ds-input-error", role: "alert", children: s }) }) })
   ] });
 }
 function js({
@@ -493,7 +506,7 @@ function js({
   rows: c = 3,
   ...u
 }) {
-  const d = i || `textarea-${K.useId()}`, p = n ? `${d}-hint` : void 0, h = s ? `${d}-error` : void 0, f = h || p;
+  const d = i || `textarea-${X.useId()}`, p = n ? `${d}-hint` : void 0, h = s ? `${d}-error` : void 0, f = h || p;
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${a ? "ds-textarea-wrapper--full" : ""} ${o ? "ds-textarea-wrapper--disabled" : ""}`, children: [
     t && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: d, children: t }),
     /* @__PURE__ */ e.jsx(
@@ -525,23 +538,23 @@ function Ns({
   id: u,
   ...d
 }) {
-  const p = G(), h = r ?? p.selectOption, [f, v] = L(!1), [j, g] = L(!1), [k, y] = L({}), [E, _] = L("down"), [b, S] = L(-1), B = I(null), D = I(null), W = I(null), w = I(null), P = u || `select-${K.useId()}`, U = `${P}-label`, X = o ? `${P}-error` : void 0, Y = 150, N = (x = !1) => {
-    j || (g(!0), S(-1), w.current = setTimeout(() => {
+  const p = K(), h = r ?? p.selectOption, [f, v] = L(!1), [N, g] = L(!1), [w, y] = L({}), [k, j] = L("down"), [b, S] = L(-1), B = I(null), D = I(null), W = I(null), E = I(null), P = u || `select-${X.useId()}`, O = `${P}-label`, G = o ? `${P}-error` : void 0, Y = 150, _ = (x = !1) => {
+    N || (g(!0), S(-1), E.current = setTimeout(() => {
       var R;
       v(!1), g(!1), x && ((R = W.current) == null || R.focus());
     }, Y));
   }, A = (x) => {
-    clearTimeout(w.current), g(!1);
+    clearTimeout(E.current), g(!1);
     const R = x !== void 0 ? x : Math.max(a.findIndex((F) => F.value === s), 0);
     S(R), v(!0);
   };
-  z(() => () => clearTimeout(w.current), []);
+  z(() => () => clearTimeout(E.current), []);
   const $ = () => {
     var Z;
     const x = (Z = B.current) == null ? void 0 : Z.getBoundingClientRect();
     if (!x) return;
     const R = window.innerHeight, F = R - x.bottom, ee = x.top, H = F < 300 && ee > F;
-    _(H ? "up" : "down"), y(
+    j(H ? "up" : "down"), y(
       H ? { bottom: R - x.top + 4, left: x.left, width: x.width } : { top: x.bottom + 4, left: x.left, width: x.width }
     );
   };
@@ -552,10 +565,10 @@ function Ns({
       };
   }, [f]), z(() => {
     const x = (R) => {
-      B.current && !B.current.contains(R.target) && D.current && !D.current.contains(R.target) && N();
+      B.current && !B.current.contains(R.target) && D.current && !D.current.contains(R.target) && _();
     };
     return document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
-  }, [j]), z(() => {
+  }, [N]), z(() => {
     var R;
     if (!f || b < 0 || !D.current) return;
     (R = D.current.querySelectorAll(".ds-select-option")[b]) == null || R.scrollIntoView({ block: "nearest" });
@@ -576,30 +589,30 @@ function Ns({
         break;
       case "Enter":
       case " ":
-        x.preventDefault(), f ? b >= 0 && (n == null || n(a[b].value), N(!0)) : A();
+        x.preventDefault(), f ? b >= 0 && (n == null || n(a[b].value), _(!0)) : A();
         break;
       case "Escape":
-        f && (x.preventDefault(), N(!0));
+        f && (x.preventDefault(), _(!0));
         break;
       case "Tab":
-        f && N(!1);
+        f && _(!1);
         break;
     }
-  }, V = a.find((x) => x.value === s), O = l === "xs" ? C[1] : l === "small" ? C[2] : C[3], m = f && /* @__PURE__ */ e.jsx(
+  }, V = a.find((x) => x.value === s), C = l === "xs" ? U[1] : l === "small" ? U[2] : U[3], m = f && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: D,
       "data-ds-portal": "",
       role: "listbox",
-      "aria-labelledby": t ? U : void 0,
+      "aria-labelledby": t ? O : void 0,
       tabIndex: -1,
       className: [
         "ds-select-dropdown ds-scrollable",
         `ds-select-dropdown--${l}`,
-        `ds-select-dropdown--${E}`,
-        j && "ds-select-dropdown--closing"
+        `ds-select-dropdown--${k}`,
+        N && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
-      style: k,
+      style: w,
       children: a.map((x, R) => /* @__PURE__ */ e.jsx(
         "button",
         {
@@ -615,7 +628,7 @@ function Ns({
             R === b && "ds-select-option--active"
           ].filter(Boolean).join(" "),
           onClick: () => {
-            n == null || n(x.value), N(!0);
+            n == null || n(x.value), _(!0);
           },
           children: x.label
         },
@@ -624,7 +637,7 @@ function Ns({
     }
   );
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${i ? "ds-select-wrapper--full" : ""} ${c ? "ds-select-wrapper--disabled" : ""}`, children: [
-    t && /* @__PURE__ */ e.jsx("label", { id: U, className: "ds-select-label", children: t }),
+    t && /* @__PURE__ */ e.jsx("label", { id: O, className: "ds-select-label", children: t }),
     /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: B, children: /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -635,12 +648,12 @@ function Ns({
         "aria-haspopup": "listbox",
         "aria-expanded": f,
         "aria-activedescendant": f && b >= 0 ? `${P}-opt-${b}` : void 0,
-        "aria-labelledby": t ? U : void 0,
+        "aria-labelledby": t ? O : void 0,
         "aria-invalid": o ? "true" : "false",
-        "aria-describedby": X,
+        "aria-describedby": G,
         className: `ds-select-trigger ds-select-trigger--${l} ${o ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          c || (f ? N() : A());
+          c || (f ? _() : A());
         },
         onKeyDown: q,
         disabled: c,
@@ -650,16 +663,16 @@ function Ns({
           /* @__PURE__ */ e.jsx(
             we,
             {
-              size: O,
+              size: C,
               strokeWidth: 1.5,
-              className: `ds-select-icon ${f && E === "down" ? "ds-select-icon--open" : ""} ${f && E === "up" ? "ds-select-icon--up" : ""}`,
+              className: `ds-select-icon ${f && k === "down" ? "ds-select-icon--open" : ""} ${f && k === "up" ? "ds-select-icon--up" : ""}`,
               "aria-hidden": "true"
             }
           )
         ]
       }
     ) }),
-    o && /* @__PURE__ */ e.jsx("span", { id: X, className: "ds-select-error", role: "alert", children: o }),
+    o && /* @__PURE__ */ e.jsx("span", { id: G, className: "ds-select-error", role: "alert", children: o }),
     typeof document < "u" && oe.createPortal(m, document.body)
   ] });
 }
@@ -678,17 +691,17 @@ function gs({
   increaseLabel: p,
   ...h
 }) {
-  const f = G(), v = () => {
+  const f = K(), v = () => {
     if (l) return;
-    const _ = Math.min(Number(s) + o, r);
-    n == null || n(_);
-  }, j = () => {
+    const j = Math.min(Number(s) + o, r);
+    n == null || n(j);
+  }, N = () => {
     if (l) return;
-    const _ = Math.max(Number(s) - o, a);
-    n == null || n(_);
-  }, g = (_) => {
+    const j = Math.max(Number(s) - o, a);
+    n == null || n(j);
+  }, g = (j) => {
     if (l) return;
-    const b = _.target.value;
+    const b = j.target.value;
     if (b === "") {
       n == null || n(a);
       return;
@@ -698,7 +711,7 @@ function gs({
       const B = Math.min(Math.max(S, a), r);
       n == null || n(B);
     }
-  }, k = [
+  }, w = [
     "ds-stepper-wrapper",
     l && "ds-stepper-wrapper--disabled",
     u && "ds-stepper-wrapper--error"
@@ -706,8 +719,8 @@ function gs({
     "ds-stepper",
     `ds-stepper--${i}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), E = i === "xs" ? C[1] : i === "small" ? C[2] : C[3];
-  return /* @__PURE__ */ e.jsxs("div", { className: k, children: [
+  ].filter(Boolean).join(" "), k = i === "xs" ? U[1] : i === "small" ? U[2] : U[3];
+  return /* @__PURE__ */ e.jsxs("div", { className: w, children: [
     t && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: t }),
     /* @__PURE__ */ e.jsxs("div", { className: y, children: [
       /* @__PURE__ */ e.jsx(
@@ -715,10 +728,10 @@ function gs({
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--minus",
-          onClick: j,
+          onClick: N,
           disabled: l || s <= a,
           "aria-label": d ?? f.decrease,
-          children: /* @__PURE__ */ e.jsx(mt, { size: E, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(mt, { size: k, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -743,7 +756,7 @@ function gs({
           onClick: v,
           disabled: l || s >= r,
           "aria-label": p ?? f.increase,
-          children: /* @__PURE__ */ e.jsx(pt, { size: E, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(pt, { size: k, strokeWidth: 1.5 })
         }
       )
     ] }),
@@ -770,12 +783,12 @@ function ws({
     l
   ].filter(Boolean).join(" ");
   if (o) {
-    const v = (j) => {
+    const v = (N) => {
       if (i) {
-        j.preventDefault();
+        N.preventDefault();
         return;
       }
-      j.metaKey || j.ctrlKey || j.button === 1 || (j.preventDefault(), r == null || r(j));
+      N.metaKey || N.ctrlKey || N.button === 1 || (N.preventDefault(), r == null || r(N));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
@@ -845,7 +858,7 @@ const Bt = {
   success: ze,
   warning: Me,
   error: Pe
-}, Rs = K.forwardRef(function({
+}, Rs = X.forwardRef(function({
   children: s,
   variant: n = "info",
   title: a,
@@ -854,9 +867,9 @@ const Bt = {
   closeLabel: i,
   ...l
 }, c) {
-  const u = G(), d = Bt[n], p = o || (n === "error" ? "alert" : "status");
+  const u = K(), d = Bt[n], p = o || (n === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs("div", { ref: c, className: `ds-alert ds-alert--${n} ${a ? "" : "ds-alert--no-title"}`, role: p, ...l, children: [
-    d && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(d, { size: C[3], strokeWidth: 1.5 }) }),
+    d && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__icon", children: /* @__PURE__ */ e.jsx(d, { size: U[3], strokeWidth: 1.5 }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-alert__content", children: [
       a && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__title", children: a }),
       s && /* @__PURE__ */ e.jsx("div", { className: "ds-alert__message", children: s })
@@ -868,7 +881,7 @@ const Bt = {
         className: "ds-alert__close",
         onClick: r,
         "aria-label": i ?? u.closeAlert,
-        children: /* @__PURE__ */ e.jsx(te, { size: C[3], strokeWidth: 1.5 })
+        children: /* @__PURE__ */ e.jsx(te, { size: U[3], strokeWidth: 1.5 })
       }
     )
   ] });
@@ -883,24 +896,24 @@ function Ss({
   closeLabel: i,
   ...l
 }) {
-  const c = G(), u = I(null), d = K.useId(), [p, h] = L(!1), f = () => {
+  const c = K(), u = I(null), d = X.useId(), [p, h] = L(!1), f = () => {
     !n || p || (h(!0), setTimeout(() => {
       h(!1), n();
     }, Dt));
   };
   z(() => {
-    const y = (_) => {
-      _.key === "Escape" && f();
-    }, E = (_) => {
+    const y = (j) => {
+      j.key === "Escape" && f();
+    }, k = (j) => {
       var S, B, D;
-      const b = ((B = (S = _.composedPath) == null ? void 0 : S.call(_)) == null ? void 0 : B[0]) ?? _.target;
+      const b = ((B = (S = j.composedPath) == null ? void 0 : S.call(j)) == null ? void 0 : B[0]) ?? j.target;
       u.current && !u.current.contains(b) && !((D = b.closest) != null && D.call(b, "[data-ds-portal]")) && f();
     };
-    return document.addEventListener("keydown", y), document.addEventListener("mousedown", E), () => {
-      document.removeEventListener("keydown", y), document.removeEventListener("mousedown", E);
+    return document.addEventListener("keydown", y), document.addEventListener("mousedown", k), () => {
+      document.removeEventListener("keydown", y), document.removeEventListener("mousedown", k);
     };
   }, [n, p]);
-  const v = K.Children.toArray(t), j = v.find((y) => (y == null ? void 0 : y.type) === xe), g = v.filter((y) => (y == null ? void 0 : y.type) !== xe), k = /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", p && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...l, children: /* @__PURE__ */ e.jsxs(
+  const v = X.Children.toArray(t), N = v.find((y) => (y == null ? void 0 : y.type) === xe), g = v.filter((y) => (y == null ? void 0 : y.type) !== xe), w = /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", p && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...l, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [`ds-modal ds-modal--${a}`, r && "ds-modal--scrollable"].filter(Boolean).join(" "),
@@ -915,7 +928,7 @@ function Ss({
             className: "ds-modal__close",
             variant: "ghost",
             size: "small",
-            icon: /* @__PURE__ */ e.jsx(te, { size: C[2], strokeWidth: 1.5 }),
+            icon: /* @__PURE__ */ e.jsx(te, { size: U[2], strokeWidth: 1.5 }),
             onClick: f,
             "aria-label": i ?? c.closeModal
           }
@@ -925,14 +938,14 @@ function Ss({
           o && /* @__PURE__ */ e.jsx("div", { className: "ds-modal__subheader", children: o })
         ] }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: g }),
-        j
+        N
       ]
     }
   ) });
-  return typeof document > "u" ? k : oe.createPortal(k, document.body);
+  return typeof document > "u" ? w : oe.createPortal(w, document.body);
 }
 function xe({ children: t }) {
-  return !t || K.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: t });
+  return !t || X.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: t });
 }
 const Lt = 320;
 function As({
@@ -943,7 +956,7 @@ function As({
   closeLabel: r,
   ...o
 }) {
-  const i = G(), l = I(null), c = K.useId(), [u, d] = L(!1), p = () => {
+  const i = K(), l = I(null), c = X.useId(), [u, d] = L(!1), p = () => {
     !n || u || (d(!0), setTimeout(() => {
       d(!1), n();
     }, Lt));
@@ -951,16 +964,16 @@ function As({
   z(() => {
     const g = (y) => {
       y.key === "Escape" && p();
-    }, k = (y) => {
-      var _, b, S;
-      const E = ((b = (_ = y.composedPath) == null ? void 0 : _.call(y)) == null ? void 0 : b[0]) ?? y.target;
-      l.current && !l.current.contains(E) && !((S = E.closest) != null && S.call(E, "[data-ds-portal]")) && p();
+    }, w = (y) => {
+      var j, b, S;
+      const k = ((b = (j = y.composedPath) == null ? void 0 : j.call(y)) == null ? void 0 : b[0]) ?? y.target;
+      l.current && !l.current.contains(k) && !((S = k.closest) != null && S.call(k, "[data-ds-portal]")) && p();
     };
-    return document.addEventListener("keydown", g), document.addEventListener("mousedown", k), () => {
-      document.removeEventListener("keydown", g), document.removeEventListener("mousedown", k);
+    return document.addEventListener("keydown", g), document.addEventListener("mousedown", w), () => {
+      document.removeEventListener("keydown", g), document.removeEventListener("mousedown", w);
     };
   }, [n, u]);
-  const h = K.Children.toArray(t), f = h.find((g) => (g == null ? void 0 : g.type) === xe), v = h.filter((g) => (g == null ? void 0 : g.type) !== xe), j = /* @__PURE__ */ e.jsx(
+  const h = X.Children.toArray(t), f = h.find((g) => (g == null ? void 0 : g.type) === xe), v = h.filter((g) => (g == null ? void 0 : g.type) !== xe), N = /* @__PURE__ */ e.jsx(
     "div",
     {
       className: ["ds-bottom-sheet-overlay", u && "ds-bottom-sheet-overlay--closing"].filter(Boolean).join(" "),
@@ -981,7 +994,7 @@ function As({
                 className: "ds-bottom-sheet__close",
                 variant: "ghost",
                 size: "small",
-                icon: /* @__PURE__ */ e.jsx(te, { size: C[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(te, { size: U[2], strokeWidth: 1.5 }),
                 onClick: p,
                 "aria-label": r ?? i.close
               }
@@ -997,7 +1010,7 @@ function As({
       )
     }
   );
-  return typeof document > "u" ? j : oe.createPortal(j, document.body);
+  return typeof document > "u" ? N : oe.createPortal(N, document.body);
 }
 function Pt({
   children: t,
@@ -1009,15 +1022,15 @@ function Pt({
   className: i = "",
   ...l
 }) {
-  const c = G(), u = s ?? c.code, [d, p] = L(n), h = a !== void 0, f = h ? a : d, v = () => {
+  const c = K(), u = s ?? c.code, [d, p] = L(n), h = a !== void 0, f = h ? a : d, v = () => {
     h ? r == null || r(!a) : p((g) => !g);
-  }, j = [
+  }, N = [
     "ds-code-accordion",
     `ds-code-accordion--${o}`,
     f && "ds-code-accordion--expanded",
     i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: j, ...l, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: N, ...l, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -1030,7 +1043,7 @@ function Pt({
           /* @__PURE__ */ e.jsx(
             we,
             {
-              size: C[2],
+              size: U[2],
               strokeWidth: 1.5,
               className: `ds-code-accordion__icon ${f ? "ds-code-accordion__icon--expanded" : ""}`
             }
@@ -1042,7 +1055,7 @@ function Pt({
   ] });
 }
 function Is({ children: t, block: s = !1, collapsible: n = !1, title: a, defaultExpanded: r = !1, ...o }) {
-  const i = G(), l = a ?? i.code;
+  const i = K(), l = a ?? i.code;
   return s ? n ? /* @__PURE__ */ e.jsx(Pt, { title: l, defaultExpanded: r, ...o, children: t }) : /* @__PURE__ */ e.jsx("pre", { className: "ds-code-block ds-scrollable", ...o, children: /* @__PURE__ */ e.jsx("code", { children: t }) }) : /* @__PURE__ */ e.jsx("code", { className: "ds-code-inline", ...o, children: t });
 }
 function Bs({ href: t, children: s, onClick: n, target: a, rel: r, ...o }) {
@@ -1061,7 +1074,7 @@ function Bs({ href: t, children: s, onClick: n, target: a, rel: r, ...o }) {
   );
 }
 function Ds({ children: t, size: s = "m", variant: n = "ghost", ...a }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...a, children: K.Children.map(t, (r) => K.isValidElement(r) ? K.cloneElement(r, { size: s, variant: n }) : r) });
+  return /* @__PURE__ */ e.jsx("div", { className: "ds-tabs", role: "tablist", ...a, children: X.Children.map(t, (r) => X.isValidElement(r) ? X.cloneElement(r, { size: s, variant: n }) : r) });
 }
 function Ls({ children: t, selected: s = !1, onClick: n, size: a = "m", variant: r = "ghost", disabled: o = !1, icon: i, href: l, ...c }) {
   const u = i && !t, d = [
@@ -1114,13 +1127,13 @@ function Ps({ options: t, value: s, onChange: n, size: a = "m", disabled: r = !1
     if (!o.current) return;
     const f = o.current.querySelector(`[data-value="${s}"]`);
     if (!f) return;
-    const v = o.current.getBoundingClientRect(), j = f.getBoundingClientRect(), g = j.left - v.left, k = j.width;
-    i.current ? (i.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = g + "px", i.current.style.width = k + "px", u.current = !1) : (c(!0), requestAnimationFrame(() => {
+    const v = o.current.getBoundingClientRect(), N = f.getBoundingClientRect(), g = N.left - v.left, w = N.width;
+    i.current ? (i.current.style.transition = u.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = g + "px", i.current.style.width = w + "px", u.current = !1) : (c(!0), requestAnimationFrame(() => {
       if (!i.current || !o.current) return;
       const y = o.current.querySelector(`[data-value="${s}"]`);
       if (!y) return;
-      const E = o.current.getBoundingClientRect(), _ = y.getBoundingClientRect();
-      i.current.style.transition = "none", i.current.style.left = _.left - E.left + "px", i.current.style.width = _.width + "px";
+      const k = o.current.getBoundingClientRect(), j = y.getBoundingClientRect();
+      i.current.style.transition = "none", i.current.style.left = j.left - k.left + "px", i.current.style.width = j.width + "px";
     }));
   };
   return p.current = h, ft(() => {
@@ -1200,7 +1213,7 @@ function Oe({
           /* @__PURE__ */ e.jsx(
             we,
             {
-              size: C[2],
+              size: U[2],
               strokeWidth: 1.5,
               className: `ds-accordion__icon ${d ? "ds-accordion__icon--expanded" : ""}`
             }
@@ -1246,28 +1259,28 @@ function zt(t, s, n) {
 function Ce({ children: t, content: s, position: n, ...a }) {
   const [r, o] = L(!1), [i, l] = L({ visibility: "hidden" }), [c, u] = L(n || "top"), d = I(null), p = I(null), h = I(!1), f = () => {
     if (!d.current || !p.current) return;
-    const j = d.current.getBoundingClientRect(), g = p.current.getBoundingClientRect(), k = n || zt(j, g.height, g.width), { top: y, left: E, arrowOffset: _ } = Mt(k, j, g);
-    u(k), l({
+    const N = d.current.getBoundingClientRect(), g = p.current.getBoundingClientRect(), w = n || zt(N, g.height, g.width), { top: y, left: k, arrowOffset: j } = Mt(w, N, g);
+    u(w), l({
       position: "fixed",
       top: y,
-      left: E,
+      left: k,
       visibility: "visible",
-      "--arrow-offset": `${_}px`
+      "--arrow-offset": `${j}px`
     });
   };
   if (z(() => {
     if (!r) return;
     l({ position: "fixed", visibility: "hidden" });
-    const j = requestAnimationFrame(f);
+    const N = requestAnimationFrame(f);
     return window.addEventListener("scroll", f, !0), window.addEventListener("resize", f), () => {
-      cancelAnimationFrame(j), window.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f);
+      cancelAnimationFrame(N), window.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f);
     };
   }, [r, n]), z(() => {
     if (!r) return;
-    const j = (g) => {
+    const N = (g) => {
       d.current && !d.current.contains(g.target) && o(!1);
     };
-    return document.addEventListener("touchstart", j), () => document.removeEventListener("touchstart", j);
+    return document.addEventListener("touchstart", N), () => document.removeEventListener("touchstart", N);
   }, [r]), !s) return t;
   const v = r && /* @__PURE__ */ e.jsx(
     "div",
@@ -1292,7 +1305,7 @@ function Ce({ children: t, content: s, position: n, ...a }) {
         h.current || o(!1);
       },
       onTouchStart: () => {
-        h.current = !0, o((j) => !j);
+        h.current = !0, o((N) => !N);
       },
       ...a,
       children: [
@@ -1311,7 +1324,7 @@ function Ms({
   id: o,
   ...i
 }) {
-  const l = o || `toggle-${K.useId()}`, c = [
+  const l = o || `toggle-${X.useId()}`, c = [
     "ds-toggle",
     `ds-toggle--${n}`,
     a && "ds-toggle--disabled"
@@ -1342,7 +1355,7 @@ function zs({
   id: o,
   ...i
 }) {
-  const l = o || `checkbox-${K.useId()}`, c = [
+  const l = o || `checkbox-${X.useId()}`, c = [
     "ds-checkbox",
     `ds-checkbox--${n}`,
     a && "ds-checkbox--disabled"
@@ -1382,7 +1395,7 @@ function Fs({
   id: l,
   ...c
 }) {
-  const u = l || `radio-${K.useId()}`, d = [
+  const u = l || `radio-${X.useId()}`, d = [
     "ds-radio",
     `ds-radio--${n}`,
     a && "ds-radio--disabled"
@@ -1594,7 +1607,7 @@ function Ks({
   style: c,
   ...u
 }) {
-  const d = K.useId(), p = o ?? d, h = `${p}-hint`, f = `${p}-error`;
+  const d = X.useId(), p = o ?? d, h = `${p}-hint`, f = `${p}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1642,7 +1655,7 @@ function Js({
   style: r,
   ...o
 }) {
-  const i = G(), l = K.Children.toArray(t).filter(Boolean);
+  const i = K(), l = X.Children.toArray(t).filter(Boolean);
   return /* @__PURE__ */ e.jsx(
     "nav",
     {
@@ -1669,7 +1682,7 @@ function Zs({
   style: c,
   ...u
 }) {
-  const d = G(), { t: p } = ye(), h = Ut(t, s, a);
+  const d = K(), { t: p } = ye(), h = Ut(t, s, a);
   return /* @__PURE__ */ e.jsxs(
     "nav",
     {
@@ -1736,24 +1749,24 @@ function Qs({
   closeLabel: u,
   ...d
 }) {
-  const p = G(), h = I(null), f = K.useId(), [v, j] = L(!1), g = () => {
-    !n || v || (j(!0), setTimeout(() => {
-      j(!1), n();
+  const p = K(), h = I(null), f = X.useId(), [v, N] = L(!1), g = () => {
+    !n || v || (N(!0), setTimeout(() => {
+      N(!1), n();
     }, Vt));
   };
   z(() => {
     const b = (B) => {
       B.key === "Escape" && g();
     }, S = (B) => {
-      var W, w, P, U;
-      const D = ((w = (W = B.composedPath) == null ? void 0 : W.call(B)) == null ? void 0 : w[0]) ?? B.target;
-      (P = c == null ? void 0 : c.current) != null && P.contains(D) || h.current && !h.current.contains(D) && !((U = D.closest) != null && U.call(D, "[data-ds-portal]")) && g();
+      var W, E, P, O;
+      const D = ((E = (W = B.composedPath) == null ? void 0 : W.call(B)) == null ? void 0 : E[0]) ?? B.target;
+      (P = c == null ? void 0 : c.current) != null && P.contains(D) || h.current && !h.current.contains(D) && !((O = D.closest) != null && O.call(D, "[data-ds-portal]")) && g();
     };
     return document.addEventListener("keydown", b), document.addEventListener("mousedown", S), () => {
       document.removeEventListener("keydown", b), document.removeEventListener("mousedown", S);
     };
   }, [n, v, c]);
-  const k = K.Children.toArray(t), y = k.find((b) => (b == null ? void 0 : b.type) === Ke || (b == null ? void 0 : b.type) === xe), E = k.filter((b) => (b == null ? void 0 : b.type) !== Ke && (b == null ? void 0 : b.type) !== xe), _ = /* @__PURE__ */ e.jsx(
+  const w = X.Children.toArray(t), y = w.find((b) => (b == null ? void 0 : b.type) === Ke || (b == null ? void 0 : b.type) === xe), k = w.filter((b) => (b == null ? void 0 : b.type) !== Ke && (b == null ? void 0 : b.type) !== xe), j = /* @__PURE__ */ e.jsx(
     "div",
     {
       className: ["ds-side-page-overlay", v && "ds-side-page-overlay--closing"].filter(Boolean).join(" "),
@@ -1777,7 +1790,7 @@ function Qs({
                 className: "ds-side-page__close",
                 variant: "ghost",
                 size: "small",
-                icon: /* @__PURE__ */ e.jsx(te, { size: C[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(te, { size: U[2], strokeWidth: 1.5 }),
                 onClick: g,
                 "aria-label": u ?? p.close
               }
@@ -1786,17 +1799,17 @@ function Qs({
               s && /* @__PURE__ */ e.jsx("h3", { id: f, className: "ds-side-page__title", children: s }),
               a && /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__subheader", children: a })
             ] }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__body ds-scrollable", children: E }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__body ds-scrollable", children: k }),
             y
           ]
         }
       )
     }
   );
-  return typeof document > "u" ? _ : oe.createPortal(_, document.body);
+  return typeof document > "u" ? j : oe.createPortal(j, document.body);
 }
 function Ke({ children: t }) {
-  return !t || K.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__footer", children: t });
+  return !t || X.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__footer", children: t });
 }
 const be = De({ collapsed: !1, side: "left" }), $e = De(!1), en = rt(function({
   children: s,
@@ -1848,7 +1861,7 @@ function tn({
   className: d = "",
   ...p
 }) {
-  const { collapsed: h, side: f } = ae(be), v = ae($e), k = {
+  const { collapsed: h, side: f } = ae(be), v = ae($e), w = {
     className: [
       "ds-nav-rail__item",
       d
@@ -1865,7 +1878,7 @@ function tn({
       "data-onboarding": u || void 0
     },
     ...p
-  }, y = i != null, E = f === "left" ? "right" : "left", _ = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }, y = i != null, k = f === "left" ? "right" : "left", j = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: t }),
     !h && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s }),
     !h && y && /* @__PURE__ */ e.jsx(
@@ -1879,8 +1892,8 @@ function tn({
     !h && l && (!y || i === 0) && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot ds-nav-rail__dot--inline", "aria-hidden": "true" }),
     h && y && i !== 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__count-collapsed", "data-updated": l || void 0, children: i > 99 ? "99+" : i }),
     h && l && (!y || i === 0) && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot", "aria-hidden": "true" })
-  ] }), b = r ? /* @__PURE__ */ e.jsx("a", { href: a ? void 0 : r, ...k, children: _ }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...k, children: _ });
-  return h && !v ? /* @__PURE__ */ e.jsx(Ce, { content: s, position: E, children: b }) : b;
+  ] }), b = r ? /* @__PURE__ */ e.jsx("a", { href: a ? void 0 : r, ...w, children: j }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...w, children: j });
+  return h && !v ? /* @__PURE__ */ e.jsx(Ce, { content: s, position: k, children: b }) : b;
 }
 function sn({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__body", "ds-scrollable", s].filter(Boolean).join(" "), ...n, children: t });
@@ -1895,7 +1908,7 @@ function an({ className: t = "", ...s }) {
   return /* @__PURE__ */ e.jsx("hr", { className: ["ds-nav-rail__divider", t].filter(Boolean).join(" "), ...s });
 }
 function on({ children: t, label: s, defaultOpen: n = !0, className: a = "", ...r }) {
-  const { collapsed: o } = ae(be), i = G(), l = s ?? i.recents, [c, u] = L(n);
+  const { collapsed: o } = ae(be), i = K(), l = s ?? i.recents, [c, u] = L(n);
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-nav-rail__recents", a].filter(Boolean).join(" "), ...r, children: [
     !o && /* @__PURE__ */ e.jsxs(
       "button",
@@ -1959,8 +1972,8 @@ function cn({ avatar: t, label: s, selected: n = !1, disabled: a = !1, href: r,
   }, v = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: t }),
     !c && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s })
-  ] }), j = u === "left" ? "right" : "left", g = r ? /* @__PURE__ */ e.jsx("a", { href: a ? void 0 : r, ...f, children: v }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...f, children: v });
-  return c && !d ? /* @__PURE__ */ e.jsx(Ce, { content: s, position: j, children: g }) : g;
+  ] }), N = u === "left" ? "right" : "left", g = r ? /* @__PURE__ */ e.jsx("a", { href: a ? void 0 : r, ...f, children: v }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...f, children: v });
+  return c && !d ? /* @__PURE__ */ e.jsx(Ce, { content: s, position: N, children: g }) : g;
 }
 const Xe = 240, Je = 6, Ze = 8;
 function dn({
@@ -1972,23 +1985,23 @@ function dn({
   defaultOpen: o = !1,
   closeLabel: i
 }) {
-  const l = G(), { side: c } = ae(be), [u, d] = L(o), p = a !== void 0, h = p ? a : u, [f, v] = L(!1), j = I(null), g = I(null), [k, y] = L({}), E = de(() => {
+  const l = K(), { side: c } = ae(be), [u, d] = L(o), p = a !== void 0, h = p ? a : u, [f, v] = L(!1), N = I(null), g = I(null), [w, y] = L({}), k = de(() => {
     p ? r == null || r(!0) : d(!0);
-  }, [p, r]), _ = de(() => {
+  }, [p, r]), j = de(() => {
     p ? r == null || r(!1) : d(!1);
-  }, [p, r]), b = de(() => h ? _() : E(), [h, E, _]), S = de(() => {
-    var X;
-    const D = j.current;
+  }, [p, r]), b = de(() => h ? j() : k(), [h, k, j]), S = de(() => {
+    var G;
+    const D = N.current;
     if (!D) return;
-    const W = D.getBoundingClientRect(), w = window.innerHeight, P = ((X = g.current) == null ? void 0 : X.offsetHeight) ?? 300, U = Math.max(Ze, Math.min(w - P - Ze, W.top));
+    const W = D.getBoundingClientRect(), E = window.innerHeight, P = ((G = g.current) == null ? void 0 : G.offsetHeight) ?? 300, O = Math.max(Ze, Math.min(E - P - Ze, W.top));
     y(c === "right" ? {
       position: "fixed",
-      top: U,
+      top: O,
       right: window.innerWidth - W.left + Je,
       width: Xe
     } : {
       position: "fixed",
-      top: U,
+      top: O,
       left: W.right + Je,
       width: Xe
     });
@@ -2003,16 +2016,16 @@ function dn({
     };
   }, [h, S]), z(() => {
     if (!h) return;
-    const D = (w) => {
-      var P, U;
-      !((P = g.current) != null && P.contains(w.target)) && !((U = j.current) != null && U.contains(w.target)) && _();
-    }, W = (w) => {
-      w.key === "Escape" && _();
+    const D = (E) => {
+      var P, O;
+      !((P = g.current) != null && P.contains(E.target)) && !((O = N.current) != null && O.contains(E.target)) && j();
+    }, W = (E) => {
+      E.key === "Escape" && j();
     };
     return document.addEventListener("mousedown", D), document.addEventListener("keydown", W), () => {
       document.removeEventListener("mousedown", D), document.removeEventListener("keydown", W);
     };
-  }, [h, _]);
+  }, [h, j]);
   const B = h && /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2022,7 +2035,7 @@ function dn({
         `ds-nav-rail-flyout--${c}`,
         f && "ds-nav-rail-flyout--visible"
       ].filter(Boolean).join(" "),
-      style: k,
+      style: w,
       "data-ds-portal": "",
       role: "dialog",
       "aria-modal": "false",
@@ -2034,7 +2047,7 @@ function dn({
             {
               type: "button",
               className: "ds-nav-rail-flyout__close",
-              onClick: _,
+              onClick: j,
               "aria-label": i ?? l.close,
               children: /* @__PURE__ */ e.jsx(te, { size: 16, strokeWidth: 2 })
             }
@@ -2045,7 +2058,7 @@ function dn({
     }
   );
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx($e.Provider, { value: h, children: /* @__PURE__ */ e.jsx("div", { ref: j, onClick: b, style: { display: "flex", flexDirection: "column", width: "100%" }, children: t }) }),
+    /* @__PURE__ */ e.jsx($e.Provider, { value: h, children: /* @__PURE__ */ e.jsx("div", { ref: N, onClick: b, style: { display: "flex", flexDirection: "column", width: "100%" }, children: t }) }),
     typeof document < "u" && oe.createPortal(B, document.body)
   ] });
 }
@@ -2065,7 +2078,7 @@ function un({
   dismissLabel: i,
   ...l
 }) {
-  const c = G(), u = Ht[s], d = o || (s === "error" ? "alert" : "status");
+  const c = K(), u = Ht[s], d = o || (s === "error" ? "alert" : "status");
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -2073,7 +2086,7 @@ function un({
       role: d,
       ...l,
       children: [
-        u && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(u, { size: C[2], strokeWidth: 1.5 }) }),
+        u && /* @__PURE__ */ e.jsx("span", { className: "ds-banner-icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(u, { size: U[2], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-banner-text", children: t }),
         n && /* @__PURE__ */ e.jsx(
           "button",
@@ -2091,7 +2104,7 @@ function un({
             className: "ds-banner-dismiss",
             onClick: r,
             "aria-label": i ?? c.dismiss,
-            children: /* @__PURE__ */ e.jsx(te, { size: C[2], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(te, { size: U[2], strokeWidth: 1.5 })
           }
         )
       ]
@@ -2109,7 +2122,7 @@ function fn({
   style: l,
   ...c
 }) {
-  const [u, d] = L(!1), [p, h] = L(!1), f = n !== void 0, v = f ? n : u, j = I(null), g = I(null), k = I(null), y = I(null), [E, _] = L({}), b = I(null), S = 150, B = () => {
+  const [u, d] = L(!1), [p, h] = L(!1), f = n !== void 0, v = f ? n : u, N = I(null), g = I(null), w = I(null), y = I(null), [k, j] = L({}), b = I(null), S = 150, B = () => {
     if (f)
       a == null || a(!1);
     else {
@@ -2119,19 +2132,19 @@ function fn({
       }, S);
     }
   }, D = () => {
-    const N = !v;
-    f ? a == null || a(N) : N ? (clearTimeout(b.current), h(!1), d(!0)) : B();
+    const _ = !v;
+    f ? a == null || a(_) : _ ? (clearTimeout(b.current), h(!1), d(!0)) : B();
   }, W = () => {
     v || (f ? a == null || a(!0) : (clearTimeout(b.current), h(!1), d(!0)));
   };
   z(() => () => clearTimeout(b.current), []), z(() => {
     if (!v) return;
-    const N = 300, A = () => {
-      var O;
-      const $ = (O = j.current) == null ? void 0 : O.getBoundingClientRect();
+    const _ = 300, A = () => {
+      var C;
+      const $ = (C = N.current) == null ? void 0 : C.getBoundingClientRect();
       if (!$) return;
-      const q = window.innerHeight - $.bottom, V = q < N + 8 && $.top > q;
-      _(
+      const q = window.innerHeight - $.bottom, V = q < _ + 8 && $.top > q;
+      j(
         r === "right" ? V ? { bottom: window.innerHeight - $.top + 4, top: "auto", right: window.innerWidth - $.right } : { top: $.bottom + 4, bottom: "auto", right: window.innerWidth - $.right } : V ? { bottom: window.innerHeight - $.top + 4, top: "auto", left: $.left } : { top: $.bottom + 4, bottom: "auto", left: $.left }
       );
     };
@@ -2139,57 +2152,57 @@ function fn({
       window.removeEventListener("scroll", A, !0), window.removeEventListener("resize", A);
     };
   }, [v, r]);
-  const w = () => {
+  const E = () => {
     var A;
-    const N = (A = k.current) == null ? void 0 : A.querySelector(
+    const _ = (A = w.current) == null ? void 0 : A.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
-    N == null || N.focus();
+    _ == null || _.focus();
   };
   z(() => {
     if (!v) return;
-    const N = ($) => {
+    const _ = ($) => {
       var q, V;
-      !((q = j.current) != null && q.contains($.target)) && !((V = g.current) != null && V.contains($.target)) && B();
+      !((q = N.current) != null && q.contains($.target)) && !((V = g.current) != null && V.contains($.target)) && B();
     }, A = ($) => {
-      $.key === "Escape" && (B(), w());
+      $.key === "Escape" && (B(), E());
     };
-    return document.addEventListener("mousedown", N), document.addEventListener("keydown", A), () => {
-      document.removeEventListener("mousedown", N), document.removeEventListener("keydown", A);
+    return document.addEventListener("mousedown", _), document.addEventListener("keydown", A), () => {
+      document.removeEventListener("mousedown", _), document.removeEventListener("keydown", A);
     };
   }, [v]), z(() => {
     if (!v || !y.current || !g.current) return;
-    const N = P(), A = y.current === "last" ? N[N.length - 1] : N[0];
+    const _ = P(), A = y.current === "last" ? _[_.length - 1] : _[0];
     A == null || A.focus(), y.current = null;
   }, [v]);
   const P = () => g.current ? [...g.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
-  )] : [], U = (N) => {
+  )] : [], O = (_) => {
     var A, $;
-    if (N.key === "ArrowDown")
-      N.preventDefault(), v ? (A = P()[0]) == null || A.focus() : (y.current = "first", W());
-    else if (N.key === "ArrowUp")
-      if (N.preventDefault(), !v)
+    if (_.key === "ArrowDown")
+      _.preventDefault(), v ? (A = P()[0]) == null || A.focus() : (y.current = "first", W());
+    else if (_.key === "ArrowUp")
+      if (_.preventDefault(), !v)
         y.current = "last", W();
       else {
         const q = P();
         ($ = q[q.length - 1]) == null || $.focus();
       }
-  }, X = (N) => {
-    var q, V, O, m;
+  }, G = (_) => {
+    var q, V, C, m;
     const A = P(), $ = A.findIndex((x) => x === document.activeElement);
-    switch (N.key) {
+    switch (_.key) {
       case "ArrowDown":
-        N.preventDefault(), (q = A[Math.min($ + 1, A.length - 1)]) == null || q.focus();
+        _.preventDefault(), (q = A[Math.min($ + 1, A.length - 1)]) == null || q.focus();
         break;
       case "ArrowUp":
-        N.preventDefault(), $ <= 0 ? w() : (V = A[$ - 1]) == null || V.focus();
+        _.preventDefault(), $ <= 0 ? E() : (V = A[$ - 1]) == null || V.focus();
         break;
       case "Home":
-        N.preventDefault(), (O = A[0]) == null || O.focus();
+        _.preventDefault(), (C = A[0]) == null || C.focus();
         break;
       case "End":
-        N.preventDefault(), (m = A[A.length - 1]) == null || m.focus();
+        _.preventDefault(), (m = A[A.length - 1]) == null || m.focus();
         break;
       case "Tab":
         B();
@@ -2206,34 +2219,34 @@ function fn({
         `ds-dropdown__menu--${r}`,
         p && "ds-dropdown__menu--closing"
       ].filter(Boolean).join(" "),
-      style: E,
-      onKeyDown: X,
-      children: s.map((N, A) => {
-        if (N.separator)
+      style: k,
+      onKeyDown: G,
+      children: s.map((_, A) => {
+        if (_.separator)
           return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, A);
-        if (N.type === "section")
+        if (_.type === "section")
           return /* @__PURE__ */ e.jsxs("div", { className: "ds-dropdown__section", children: [
-            N.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: N.label }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: N.content })
+            _.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: _.label }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: _.content })
           ] }, A);
-        const $ = !!N.href, q = $ ? "a" : "button", V = $ ? { href: N.disabled ? void 0 : N.href, "aria-disabled": N.disabled ? "true" : void 0 } : { type: "button", disabled: N.disabled };
+        const $ = !!_.href, q = $ ? "a" : "button", V = $ ? { href: _.disabled ? void 0 : _.href, "aria-disabled": _.disabled ? "true" : void 0 } : { type: "button", disabled: _.disabled };
         return /* @__PURE__ */ e.jsxs(
           q,
           {
             role: "menuitem",
             className: [
               "ds-dropdown__item",
-              N.danger && "ds-dropdown__item--danger"
+              _.danger && "ds-dropdown__item--danger"
             ].filter(Boolean).join(" "),
             ...V,
             onClick: () => {
-              var O;
-              (O = N.onClick) == null || O.call(N), B();
+              var C;
+              (C = _.onClick) == null || C.call(_), B();
             },
             children: [
-              N.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: N.icon }),
-              /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: N.label }),
-              N.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: N.shortcut })
+              _.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: _.icon }),
+              /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-label", children: _.label }),
+              _.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: _.shortcut })
             ]
           },
           A
@@ -2244,7 +2257,7 @@ function fn({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: j,
+      ref: N,
       className: ["ds-dropdown", o && "ds-dropdown--full-width", i].filter(Boolean).join(" "),
       style: l,
       ...c,
@@ -2252,10 +2265,10 @@ function fn({
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: k,
+            ref: w,
             className: "ds-dropdown__trigger",
             onClick: D,
-            onKeyDown: U,
+            onKeyDown: O,
             children: t
           }
         ),
@@ -2389,7 +2402,7 @@ function xn() {
   return t.success = (s, n) => t(s, { ...n, type: "success" }), t.error = (s, n) => t(s, { ...n, type: "error" }), t.warning = (s, n) => t(s, { ...n, type: "warning" }), { toast: t };
 }
 function Zt({ data: t, onDismiss: s }) {
-  const n = G(), [a, r] = L(!1), o = I(null);
+  const n = K(), [a, r] = L(!1), o = I(null);
   z(() => (requestAnimationFrame(() => r(!0)), t.duration > 0 && (o.current = setTimeout(() => i(), t.duration)), () => clearTimeout(o.current)), []);
   function i() {
     r(!1), setTimeout(() => s(t.id), 250);
@@ -2406,7 +2419,7 @@ function Zt({ data: t, onDismiss: s }) {
       role: t.type === "error" ? "alert" : "status",
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(l, { size: C[3], strokeWidth: 1.5 }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-toast__icon", children: /* @__PURE__ */ e.jsx(l, { size: U[3], strokeWidth: 1.5 }) }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-toast__message", children: t.message }),
         /* @__PURE__ */ e.jsx(
           "button",
@@ -2414,7 +2427,7 @@ function Zt({ data: t, onDismiss: s }) {
             className: "ds-toast__close",
             onClick: i,
             "aria-label": n.close,
-            children: /* @__PURE__ */ e.jsx(te, { size: C[3], strokeWidth: 1.5 })
+            children: /* @__PURE__ */ e.jsx(te, { size: U[3], strokeWidth: 1.5 })
           }
         )
       ]
@@ -2484,7 +2497,7 @@ function es({
   "aria-label": a,
   ...r
 }) {
-  const o = G(), [i, l] = L(!1), c = (u) => {
+  const o = K(), [i, l] = L(!1), c = (u) => {
     u.currentTarget.blur(), navigator.clipboard.writeText(t).then(() => {
       l(!0), setTimeout(() => l(!1), n);
     });
@@ -2495,7 +2508,7 @@ function es({
       variant: "ghost",
       size: s,
       state: i ? "success" : "idle",
-      icon: /* @__PURE__ */ e.jsx(_t, { size: C[1], strokeWidth: 1.5 }),
+      icon: /* @__PURE__ */ e.jsx(_t, { size: U[1], strokeWidth: 1.5 }),
       "aria-label": a ?? o.copyToClipboard,
       onClick: c,
       ...r
@@ -2513,7 +2526,7 @@ function _n({ content: t, streaming: s = !1, ...n }) {
       onToggle: r,
       padding: "s",
       title: /* @__PURE__ */ e.jsxs("div", { className: "ds-reasoning__title", children: [
-        /* @__PURE__ */ e.jsx(jt, { size: C[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
+        /* @__PURE__ */ e.jsx(jt, { size: U[1], strokeWidth: 1.5, className: "ds-reasoning__icon" }),
         /* @__PURE__ */ e.jsx(It, { secondary: !0, children: "Thinking" })
       ] }),
       ...n,
@@ -2534,10 +2547,10 @@ function jn({
   "aria-label": i,
   ...l
 }) {
-  const c = G(), { t: u } = ye();
+  const c = K(), { t: u } = ye();
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", o].filter(Boolean).join(" "), ...l, children: [
     /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i ?? c.steps, children: Array.from({ length: t }, (d, p) => {
-      const h = p === s, f = n.includes(p) && !h, v = a && (p <= s || n.includes(p)), j = [
+      const h = p === s, f = n.includes(p) && !h, v = a && (p <= s || n.includes(p)), N = [
         "ds-step-indicator__dot",
         h && "ds-step-indicator__dot--active",
         f && "ds-step-indicator__dot--done"
@@ -2546,7 +2559,7 @@ function jn({
         "button",
         {
           type: "button",
-          className: j,
+          className: N,
           role: "tab",
           "aria-selected": h,
           "aria-label": u("stepN", { n: p + 1 }),
@@ -2631,7 +2644,7 @@ function ts({
   betweenTime: o = 380,
   manualPauseMs: i = 5e3
 }) {
-  const [l, c] = L(0), [u, d] = L(""), p = I("typing"), h = I(0), f = I(0), v = I(null), j = I(0);
+  const [l, c] = L(0), [u, d] = L(""), p = I("typing"), h = I(0), f = I(0), v = I(null), N = I(0);
   z(() => {
     f.current = l;
   }, [l]), z(() => {
@@ -2639,25 +2652,25 @@ function ts({
       d(""), h.current = 0, p.current = "typing";
       return;
     }
-    const _ = () => {
+    const j = () => {
       const b = Date.now();
-      if (j.current > b) {
-        v.current = setTimeout(_, j.current - b);
+      if (N.current > b) {
+        v.current = setTimeout(j, N.current - b);
         return;
       }
       const S = t[f.current % t.length] ?? "";
-      p.current === "typing" ? (h.current += 1, d(S.slice(0, h.current)), h.current >= S.length ? (p.current = "holding", v.current = setTimeout(_, r)) : v.current = setTimeout(_, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", v.current = setTimeout(_, a)) : (h.current = Math.max(0, h.current - 1), d(S.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", f.current = (f.current + 1) % t.length, c(f.current), v.current = setTimeout(_, o)) : v.current = setTimeout(_, a));
+      p.current === "typing" ? (h.current += 1, d(S.slice(0, h.current)), h.current >= S.length ? (p.current = "holding", v.current = setTimeout(j, r)) : v.current = setTimeout(j, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", v.current = setTimeout(j, a)) : (h.current = Math.max(0, h.current - 1), d(S.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", f.current = (f.current + 1) % t.length, c(f.current), v.current = setTimeout(j, o)) : v.current = setTimeout(j, a));
     };
-    return v.current = setTimeout(_, 260), () => {
+    return v.current = setTimeout(j, 260), () => {
       v.current && clearTimeout(v.current);
     };
   }, [s, t, n, a, r, o]);
-  const g = (_) => {
+  const g = (j) => {
     if (t.length === 0) return;
-    const b = (_ % t.length + t.length) % t.length, S = t[b];
-    f.current = b, h.current = S.length, p.current = "holding", j.current = Date.now() + i, c(b), d(S);
-  }, k = () => g(f.current + 1), y = () => g(f.current - 1), E = t[l % t.length] ?? "";
-  return { displayed: u, currentPrompt: E, index: l, next: k, prev: y };
+    const b = (j % t.length + t.length) % t.length, S = t[b];
+    f.current = b, h.current = S.length, p.current = "holding", N.current = Date.now() + i, c(b), d(S);
+  }, w = () => g(f.current + 1), y = () => g(f.current - 1), k = t[l % t.length] ?? "";
+  return { displayed: u, currentPrompt: k, index: l, next: w, prev: y };
 }
 let ss = 0;
 function yn({
@@ -2676,21 +2689,21 @@ function yn({
   onAttachImages: h,
   onRemoveAttachment: f,
   onRemoveImage: v,
-  acceptImage: j,
+  acceptImage: N,
   acceptFile: g,
-  maxImages: k,
+  maxImages: w,
   maxImageSize: y,
-  leftSlot: E,
-  rightSlot: _,
+  leftSlot: k,
+  rightSlot: j,
   className: b = "",
   ...S
 }) {
-  const B = G(), { t: D } = ye(), W = I(null), w = I(null), P = I(0), [U, X] = L(!1), [Y, N] = L([]), A = l ?? B.promptPlaceholder, $ = (T) => {
+  const B = K(), { t: D } = ye(), W = I(null), E = I(null), P = I(0), [O, G] = L(!1), [Y, _] = L([]), A = l ?? B.promptPlaceholder, $ = (T) => {
     const M = ++ss;
-    N((J) => [...J, { id: M, msg: T }]), setTimeout(() => N((J) => J.filter((Q) => Q.id !== M)), 6e3);
-  }, q = (T) => N((M) => M.filter((J) => J.id !== T)), V = (T) => T.type.startsWith("image/"), O = () => !0, m = j ?? V, x = g ?? O, R = (T) => {
+    _((J) => [...J, { id: M, msg: T }]), setTimeout(() => _((J) => J.filter((Q) => Q.id !== M)), 6e3);
+  }, q = (T) => _((M) => M.filter((J) => J.id !== T)), V = (T) => T.type.startsWith("image/"), C = () => !0, m = N ?? V, x = g ?? C, R = (T) => {
     const M = [], J = [], Q = [], se = [];
-    let ne = 0, me = k != null ? k - ((d == null ? void 0 : d.length) ?? 0) : 1 / 0;
+    let ne = 0, me = w != null ? w - ((d == null ? void 0 : d.length) ?? 0) : 1 / 0;
     for (const re of T)
       m(re) ? y && re.size > y ? Q.push(re.name) : me > 0 ? (M.push(re), me--) : ne++ : x(re) ? J.push(re) : se.push(re.name);
     return { imageFiles: M, docFiles: J, tooLarge: Q, skipped: se, limitExceeded: ne };
@@ -2699,28 +2712,28 @@ function yn({
     $(D("fileTooLarge", { maxHint: M, names: T.join(", ") }));
   }, ee = (T) => {
     const { imageFiles: M, docFiles: J, tooLarge: Q, skipped: se, limitExceeded: ne } = R(T);
-    Q.length && F(Q), se.length && $(D("filesSkipped", { names: se.join(", ") })), ne && $(D("maxImages", { n: k })), h && M.length && h(M);
+    Q.length && F(Q), se.length && $(D("filesSkipped", { names: se.join(", ") })), ne && $(D("maxImages", { n: w })), h && M.length && h(M);
     const me = J.concat(h ? [] : M);
     p && me.length && p(me);
   };
   z(() => {
-    const T = w.current;
+    const T = E.current;
     T && (T.style.height = "auto", T.style.height = `${Math.min(T.scrollHeight, 200)}px`);
   }, [t]), z(() => {
     const T = (M) => {
       var Q, se, ne;
       if (o || i) return;
       const J = (Q = M.target) == null ? void 0 : Q.tagName;
-      J === "INPUT" || J === "TEXTAREA" || J === "SELECT" || (se = M.target) != null && se.isContentEditable || M.ctrlKey || M.metaKey || M.altKey || M.key.length !== 1 && M.key !== "Backspace" && M.key !== "Delete" || (ne = w.current) == null || ne.focus();
+      J === "INPUT" || J === "TEXTAREA" || J === "SELECT" || (se = M.target) != null && se.isContentEditable || M.ctrlKey || M.metaKey || M.altKey || M.key.length !== 1 && M.key !== "Backspace" && M.key !== "Delete" || (ne = E.current) == null || ne.focus();
     };
     return document.addEventListener("keydown", T), () => document.removeEventListener("keydown", T);
   }, [o, i]);
   const ie = (T) => {
-    T.preventDefault(), P.current++, T.dataTransfer.types.includes("Files") && X(!0);
+    T.preventDefault(), P.current++, T.dataTransfer.types.includes("Files") && G(!0);
   }, H = (T) => {
-    T.preventDefault(), P.current--, P.current === 0 && X(!1);
+    T.preventDefault(), P.current--, P.current === 0 && G(!1);
   }, Z = (T) => T.preventDefault(), fe = (T) => {
-    T.preventDefault(), P.current = 0, X(!1);
+    T.preventDefault(), P.current = 0, G(!1);
     const M = Array.from(T.dataTransfer.files);
     M.length && ee(M);
   }, _e = (T) => {
@@ -2738,7 +2751,7 @@ function yn({
     }
     if (J.length === 0) return;
     const { imageFiles: Q, tooLarge: se, skipped: ne, limitExceeded: me } = R(J);
-    se.length && F(se), ne.length && $(D("filesSkipped", { names: ne.join(", ") })), me && $(D("maxImages", { n: k })), Q.length && (T.preventDefault(), h(Q));
+    se.length && F(se), ne.length && $(D("filesSkipped", { names: ne.join(", ") })), me && $(D("maxImages", { n: w })), Q.length && (T.preventDefault(), h(Q));
   }, je = !o && !i && !!(c != null && c.length) && t.length === 0, ke = ts({
     prompts: c ?? [],
     enabled: je
@@ -2774,17 +2787,17 @@ function yn({
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: ["ds-prompt-input__box", U && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
+        className: ["ds-prompt-input__box", O && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
         onDragEnter: ie,
         onDragLeave: H,
         onDragOver: Z,
         onDrop: fe,
         children: [
-          U && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: B.dropFilesHere }),
+          O && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: B.dropFilesHere }),
           /* @__PURE__ */ e.jsx(
             "textarea",
             {
-              ref: w,
+              ref: E,
               value: t,
               onChange: (T) => s == null ? void 0 : s(T.target.value),
               onKeyDown: lt,
@@ -2821,12 +2834,12 @@ function yn({
                 className: "ds-prompt-input__warning-close",
                 onClick: () => q(T.id),
                 "aria-label": B.dismiss,
-                children: /* @__PURE__ */ e.jsx(te, { size: C[1], strokeWidth: 1.5 })
+                children: /* @__PURE__ */ e.jsx(te, { size: U[1], strokeWidth: 1.5 })
               }
             )
           ] }, T.id)) }),
           u && u.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: u.map((T, M) => /* @__PURE__ */ e.jsx(he, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
-            T.uploading ? /* @__PURE__ */ e.jsx(Nt, { size: C[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(He, { size: C[1], strokeWidth: 1.5 }),
+            T.uploading ? /* @__PURE__ */ e.jsx(Nt, { size: U[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(He, { size: U[1], strokeWidth: 1.5 }),
             T.filename,
             T.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: B.uploading }) : /* @__PURE__ */ e.jsx(
               "button",
@@ -2835,7 +2848,7 @@ function yn({
                 className: "ds-prompt-input__remove-btn",
                 onClick: () => f == null ? void 0 : f(M),
                 "aria-label": B.removeAttachment,
-                children: /* @__PURE__ */ e.jsx(te, { size: C[1], strokeWidth: 1.5 })
+                children: /* @__PURE__ */ e.jsx(te, { size: U[1], strokeWidth: 1.5 })
               }
             )
           ] }) }, M)) }),
@@ -2845,7 +2858,7 @@ function yn({
               {
                 variant: "ghost",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(He, { size: C[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(He, { size: U[2], strokeWidth: 1.5 }),
                 "aria-label": B.attachFiles,
                 onClick: () => {
                   var T;
@@ -2853,15 +2866,15 @@ function yn({
                 }
               }
             ),
-            E,
-            _,
+            k,
+            j,
             /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__spacer" }),
             o ? /* @__PURE__ */ e.jsx(
               ce,
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(gt, { size: C[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(gt, { size: U[2], strokeWidth: 1.5 }),
                 onClick: a,
                 "aria-label": B.stop
               }
@@ -2870,7 +2883,7 @@ function yn({
               {
                 variant: "primary",
                 size: "xs",
-                icon: /* @__PURE__ */ e.jsx(wt, { size: C[2], strokeWidth: 1.5 }),
+                icon: /* @__PURE__ */ e.jsx(wt, { size: U[2], strokeWidth: 1.5 }),
                 onClick: n,
                 disabled: !ct,
                 "aria-label": B.send
@@ -2894,15 +2907,15 @@ function kn({
   className: l = "",
   ...c
 }) {
-  const [u, d] = L(!1), p = I(null), h = I(null), f = I(null), [v, j] = L({}), g = t.filter((w) => !r || w.name === "auto" ? !0 : (et[w.tier] ?? 1) >= (et[r] ?? 1)), k = g.find((w) => w.name === "auto"), y = g.filter((w) => w.name !== "auto"), E = t.find((w) => w.name === s), b = new Set(y.map((w) => w.tier).filter(Boolean)).size > 1;
+  const [u, d] = L(!1), p = I(null), h = I(null), f = I(null), [v, N] = L({}), g = t.filter((E) => !r || E.name === "auto" ? !0 : (et[E.tier] ?? 1) >= (et[r] ?? 1)), w = g.find((E) => E.name === "auto"), y = g.filter((E) => E.name !== "auto"), k = t.find((E) => E.name === s), b = new Set(y.map((E) => E.tier).filter(Boolean)).size > 1;
   z(() => {
     if (!u) return;
-    const w = 320, P = () => {
+    const E = 320, P = () => {
       var $;
       const Y = ($ = h.current) == null ? void 0 : $.getBoundingClientRect();
       if (!Y) return;
-      const N = window.innerHeight - Y.bottom, A = N < w + 8 && Y.top > N;
-      j({
+      const _ = window.innerHeight - Y.bottom, A = _ < E + 8 && Y.top > _;
+      N({
         position: "fixed",
         zIndex: "var(--z-dropdown, 500)",
         left: Y.left,
@@ -2910,42 +2923,42 @@ function kn({
       });
     };
     P(), window.addEventListener("scroll", P, !0), window.addEventListener("resize", P);
-    const U = (Y) => {
-      var N, A;
-      !((N = p.current) != null && N.contains(Y.target)) && !((A = f.current) != null && A.contains(Y.target)) && d(!1);
-    }, X = (Y) => {
+    const O = (Y) => {
+      var _, A;
+      !((_ = p.current) != null && _.contains(Y.target)) && !((A = f.current) != null && A.contains(Y.target)) && d(!1);
+    }, G = (Y) => {
       Y.key === "Escape" && d(!1);
     };
-    return document.addEventListener("mousedown", U), document.addEventListener("keydown", X), () => {
-      window.removeEventListener("scroll", P, !0), window.removeEventListener("resize", P), document.removeEventListener("mousedown", U), document.removeEventListener("keydown", X);
+    return document.addEventListener("mousedown", O), document.addEventListener("keydown", G), () => {
+      window.removeEventListener("scroll", P, !0), window.removeEventListener("resize", P), document.removeEventListener("mousedown", O), document.removeEventListener("keydown", G);
     };
   }, [u]);
-  const S = (w) => {
-    n == null || n(w), d(!1);
-  }, B = (w) => /* @__PURE__ */ e.jsxs(
+  const S = (E) => {
+    n == null || n(E), d(!1);
+  }, B = (E) => /* @__PURE__ */ e.jsxs(
     "button",
     {
       type: "button",
       className: [
         "ds-model-picker__item",
-        w.name === s && "ds-model-picker__item--active"
+        E.name === s && "ds-model-picker__item--active"
       ].filter(Boolean).join(" "),
-      onClick: () => S(w.name),
+      onClick: () => S(E.name),
       children: [
-        w.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: w.icon }) : /* @__PURE__ */ e.jsx(Ye, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
-        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: w.displayName || w.name }),
-        b && w.tier && /* @__PURE__ */ e.jsx(he, { size: "xs", variant: tt[w.tier] || "default", children: w.tier })
+        E.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: E.icon }) : /* @__PURE__ */ e.jsx(Ye, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
+        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: E.displayName || E.name }),
+        b && E.tier && /* @__PURE__ */ e.jsx(he, { size: "xs", variant: tt[E.tier] || "default", children: E.tier })
       ]
     },
-    w.name
-  ), D = () => !i || !b ? y.map(B) : ["fast", "standard", "premium"].flatMap((w) => {
-    const P = y.filter((U) => U.tier === w);
+    E.name
+  ), D = () => !i || !b ? y.map(B) : ["fast", "standard", "premium"].flatMap((E) => {
+    const P = y.filter((O) => O.tier === E);
     return P.length ? [
-      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": w, children: w.charAt(0).toUpperCase() + w.slice(1) }, `lbl-${w}`),
+      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": E, children: E.charAt(0).toUpperCase() + E.slice(1) }, `lbl-${E}`),
       ...P.map(B)
     ] : [];
   }), W = u && /* @__PURE__ */ e.jsxs("div", { ref: f, className: "ds-model-picker__menu ds-scrollable", "data-ds-portal": "", style: v, children: [
-    o && k && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    o && w && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(
         "button",
         {
@@ -2979,13 +2992,13 @@ function kn({
             ref: h,
             type: "button",
             className: "ds-model-picker__trigger",
-            onClick: () => d((w) => !w),
+            onClick: () => d((E) => !E),
             "aria-haspopup": "listbox",
             "aria-expanded": u,
             children: [
-              E != null && E.icon ? /* @__PURE__ */ e.jsx("span", { children: E.icon }) : /* @__PURE__ */ e.jsx(Ye, { size: 12, strokeWidth: 1.5 }),
-              /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (E == null ? void 0 : E.displayName) || (E == null ? void 0 : E.name) || s }),
-              b && (E == null ? void 0 : E.tier) && /* @__PURE__ */ e.jsx(he, { size: "xs", variant: tt[E.tier] || "default", children: E.tier })
+              k != null && k.icon ? /* @__PURE__ */ e.jsx("span", { children: k.icon }) : /* @__PURE__ */ e.jsx(Ye, { size: 12, strokeWidth: 1.5 }),
+              /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (k == null ? void 0 : k.displayName) || (k == null ? void 0 : k.name) || s }),
+              b && (k == null ? void 0 : k.tier) && /* @__PURE__ */ e.jsx(he, { size: "xs", variant: tt[k.tier] || "default", children: k.tier })
             ]
           }
         ),
@@ -3011,59 +3024,59 @@ function En({
   maxVisible: a = 5,
   onSourceClick: r
 }) {
-  const o = G(), { t: i } = ye(), l = n ?? o.sources, [c, u] = L(!1), d = rs(t), p = d.length > a, h = c ? d : d.slice(0, a), f = t.some((k) => k.snippet), v = (k) => k != null && k.length ? i("pageAbbrev", { pages: k.join(", ") }) : null, j = i("moreSources", { n: d.length - a }), g = ["ds-sources-panel", s === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
+  const o = K(), { t: i } = ye(), l = n ?? o.sources, [c, u] = L(!1), d = rs(t), p = d.length > a, h = c ? d : d.slice(0, a), f = t.some((w) => w.snippet), v = (w) => w != null && w.length ? i("pageAbbrev", { pages: w.join(", ") }) : null, N = i("moreSources", { n: d.length - a }), g = ["ds-sources-panel", s === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
   return s === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: g, children: [
-    h.map((k) => {
-      const y = k.items.map((b) => b.page).filter(Boolean), E = v(y), _ = !!r;
+    h.map((w) => {
+      const y = w.items.map((b) => b.page).filter(Boolean), k = v(y), j = !!r;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__compact-row${_ ? " ds-sources-panel__compact-row--clickable" : ""}`,
-          onClick: _ ? () => r(k.items[0]) : void 0,
+          className: `ds-sources-panel__compact-row${j ? " ds-sources-panel__compact-row--clickable" : ""}`,
+          onClick: j ? () => r(w.items[0]) : void 0,
           children: [
-            /* @__PURE__ */ e.jsx(kt, { size: C[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
-            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: k.filename }),
-            E && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: E })
+            /* @__PURE__ */ e.jsx(kt, { size: U[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
+            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: w.filename }),
+            k && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: k })
           ]
         },
-        k.filename
+        w.filename
       );
     }),
-    p && !c && /* @__PURE__ */ e.jsx("button", { className: "ds-sources-panel__more", onClick: () => u(!0), children: j })
+    p && !c && /* @__PURE__ */ e.jsx("button", { className: "ds-sources-panel__more", onClick: () => u(!0), children: N })
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: g, children: [
     l && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: l }),
-    h.map((k) => {
-      const y = k.items.map((b) => b.page).filter(Boolean), E = v(y), _ = !!r;
+    h.map((w) => {
+      const y = w.items.map((b) => b.page).filter(Boolean), k = v(y), j = !!r;
       return f ? /* @__PURE__ */ e.jsx(
         Oe,
         {
-          title: /* @__PURE__ */ e.jsx(ns, { filename: k.filename, pagesLabel: E }),
+          title: /* @__PURE__ */ e.jsx(ns, { filename: w.filename, pagesLabel: k }),
           padding: "s",
-          children: k.items.map((b, S) => /* @__PURE__ */ e.jsx(
+          children: w.items.map((b, S) => /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: `ds-sources-panel__snippet${_ ? " ds-sources-panel__snippet--clickable" : ""}`,
-              onClick: _ ? () => r(b) : void 0,
+              className: `ds-sources-panel__snippet${j ? " ds-sources-panel__snippet--clickable" : ""}`,
+              onClick: j ? () => r(b) : void 0,
               children: b.snippet ?? i("pageAbbrev", { pages: b.page })
             },
             S
           ))
         },
-        k.filename
+        w.filename
       ) : /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__row${_ ? " ds-sources-panel__row--clickable" : ""}`,
-          onClick: _ ? () => r(k.items[0]) : void 0,
+          className: `ds-sources-panel__row${j ? " ds-sources-panel__row--clickable" : ""}`,
+          onClick: j ? () => r(w.items[0]) : void 0,
           children: [
-            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: k.filename }),
-            E && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: E })
+            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: w.filename }),
+            k && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: k })
           ]
         },
-        k.filename
+        w.filename
       );
     }),
-    p && !c && /* @__PURE__ */ e.jsx("button", { className: "ds-sources-panel__more", onClick: () => u(!0), children: j })
+    p && !c && /* @__PURE__ */ e.jsx("button", { className: "ds-sources-panel__more", onClick: () => u(!0), children: N })
   ] });
 }
 function st(t) {
@@ -3181,7 +3194,7 @@ function is({
   dislikeLabel: o,
   ...i
 }) {
-  const l = G(), c = t !== "idle";
+  const l = K(), c = t !== "idle";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -3206,7 +3219,7 @@ function is({
             children: /* @__PURE__ */ e.jsx(
               Et,
               {
-                size: C[1],
+                size: U[1],
                 strokeWidth: 1.5,
                 fill: t === "liked" ? "currentColor" : "none"
               }
@@ -3227,7 +3240,7 @@ function is({
             children: /* @__PURE__ */ e.jsx(
               Tt,
               {
-                size: C[1],
+                size: U[1],
                 strokeWidth: 1.5,
                 fill: t === "disliked" ? "currentColor" : "none"
               }
@@ -3379,15 +3392,15 @@ function Dn({
   statePrimary: h = "idle",
   stateBack: f = "idle"
 }) {
-  const v = G(), { t: j } = ye(), g = c ?? v.next, k = u ?? v.back, y = d ?? v.skipTour, E = p ?? v.done, _ = I(null), b = I(t), S = I(s), B = I(l);
+  const v = K(), { t: N } = ye(), g = c ?? v.next, w = u ?? v.back, y = d ?? v.skipTour, k = p ?? v.done, j = I(null), b = I(t), S = I(s), B = I(l);
   b.current = t, S.current = s, B.current = l;
-  const [D, W] = L(!1), [w, P] = L({ position: "fixed", visibility: "hidden", width: Ae }), [U, X] = L("bottom"), [Y, N] = L(null), A = I(!1), $ = t[s], q = s === t.length - 1, V = de(() => {
-    const O = b.current[S.current];
-    if (!O || !_.current) return;
-    const m = fs(O.target);
+  const [D, W] = L(!1), [E, P] = L({ position: "fixed", visibility: "hidden", width: Ae }), [O, G] = L("bottom"), [Y, _] = L(null), A = I(!1), $ = t[s], q = s === t.length - 1, V = de(() => {
+    const C = b.current[S.current];
+    if (!C || !j.current) return;
+    const m = fs(C.target);
     if (!m) return;
-    const x = m.getBoundingClientRect(), F = _.current.getBoundingClientRect().height || 160, ee = Ae, ie = B.current ? cs : ds, H = O.position || ms(x, F, ee, ie), { top: Z, left: fe, arrowOffset: _e, arrowOffsetY: Re } = ps(H, x, F, ee, ie);
-    X(H), P({
+    const x = m.getBoundingClientRect(), F = j.current.getBoundingClientRect().height || 160, ee = Ae, ie = B.current ? cs : ds, H = C.position || ms(x, F, ee, ie), { top: Z, left: fe, arrowOffset: _e, arrowOffsetY: Re } = ps(H, x, F, ee, ie);
+    G(H), P({
       position: "fixed",
       top: Z,
       left: fe,
@@ -3395,7 +3408,7 @@ function Dn({
       visibility: "visible",
       "--arrow-offset": `${_e}px`,
       "--arrow-offset-y": `${Re}px`
-    }), N({
+    }), _({
       top: x.top - Ee,
       left: x.left - Ee,
       width: x.width + Ee * 2,
@@ -3404,40 +3417,40 @@ function Dn({
   }, []);
   return z(() => {
     window.addEventListener("scroll", V, !0), window.addEventListener("resize", V);
-    const O = requestAnimationFrame(() => {
+    const C = requestAnimationFrame(() => {
       V(), W(!0), A.current = !0;
     });
     return () => {
-      cancelAnimationFrame(O), window.removeEventListener("scroll", V, !0), window.removeEventListener("resize", V);
+      cancelAnimationFrame(C), window.removeEventListener("scroll", V, !0), window.removeEventListener("resize", V);
     };
   }, []), z(() => {
     if (!A.current) return;
     W(!1);
-    const O = setTimeout(() => {
+    const C = setTimeout(() => {
       P((m) => ({ ...m, visibility: "hidden" })), requestAnimationFrame(() => {
         V(), W(!0);
       });
     }, us + 20);
-    return () => clearTimeout(O);
+    return () => clearTimeout(C);
   }, [s]), z(() => {
-    D && _.current && _.current.focus({ preventScroll: !0 });
+    D && j.current && j.current.focus({ preventScroll: !0 });
   }, [D]), z(() => {
-    const O = (m) => {
+    const C = (m) => {
       m.key === "Escape" && r();
     };
-    return document.addEventListener("keydown", O), () => document.removeEventListener("keydown", O);
+    return document.addEventListener("keydown", C), () => document.removeEventListener("keydown", C);
   }, [r]), z(() => {
     if (!D) return;
-    const O = (m) => {
-      if (m.key !== "Tab" || !_.current) return;
+    const C = (m) => {
+      if (m.key !== "Tab" || !j.current) return;
       const x = Array.from(
-        _.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])')
+        j.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])')
       );
       if (!x.length) return;
       const R = x[0], F = x[x.length - 1];
       m.shiftKey && document.activeElement === R ? (m.preventDefault(), F.focus()) : !m.shiftKey && document.activeElement === F && (m.preventDefault(), R.focus());
     };
-    return document.addEventListener("keydown", O), () => document.removeEventListener("keydown", O);
+    return document.addEventListener("keydown", C), () => document.removeEventListener("keydown", C);
   }, [D]), !$ || typeof document > "u" ? null : oe.createPortal(
     /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       Y && /* @__PURE__ */ e.jsx(
@@ -3456,18 +3469,18 @@ function Dn({
       /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: _,
+          ref: j,
           "data-ds-portal": "",
           role: "dialog",
           "aria-modal": "false",
           "aria-live": "polite",
-          "aria-label": $.title ?? j("stepOf", { current: s + 1, total: t.length }),
+          "aria-label": $.title ?? N("stepOf", { current: s + 1, total: t.length }),
           className: [
             "ds-coachmark__bubble",
-            `ds-coachmark__bubble--${U}`,
+            `ds-coachmark__bubble--${O}`,
             D && "ds-coachmark__bubble--visible"
           ].filter(Boolean).join(" "),
-          style: w,
+          style: E,
           tabIndex: -1,
           children: [
             /* @__PURE__ */ e.jsx(
@@ -3489,8 +3502,8 @@ function Dn({
                 t.length
               ] }),
               /* @__PURE__ */ e.jsxs("div", { className: "ds-coachmark__footer-nav", children: [
-                s > 0 && /* @__PURE__ */ e.jsx(ce, { variant: "secondary", size: "s", state: f, onClick: a, children: k }),
-                /* @__PURE__ */ e.jsx(ce, { variant: "primary", size: "s", state: h, onClick: q ? o : n, children: q ? E : g })
+                s > 0 && /* @__PURE__ */ e.jsx(ce, { variant: "secondary", size: "s", state: f, onClick: a, children: w }),
+                /* @__PURE__ */ e.jsx(ce, { variant: "primary", size: "s", state: h, onClick: q ? o : n, children: q ? k : g })
               ] })
             ] })
           ]
@@ -3613,7 +3626,7 @@ export {
   Ce as Tooltip,
   Te as defaultStrings,
   at as formatString,
-  C as iconSizes,
+  U as iconSizes,
   Gt as useAnimatedNumber,
   ts as useAnimatedPlaceholder,
   Ln as useCoachmark,
@@ -3621,6 +3634,6 @@ export {
   ye as useLocale,
   Pn as useShake,
   wn as useStreamScroll,
-  G as useStrings,
+  K as useStrings,
   xn as useToast
 };