@donkit-ai/design-system 1.4.69 → 1.4.70

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import H, { useState as I, useRef as R, useEffect as B, useLayoutEffect as nt, useCallback as le, useContext as de, forwardRef as rt, createContext as Ze } from "react";
+import H, { useState as I, useRef as R, useEffect as P, useLayoutEffect as rt, forwardRef as Ze, useCallback as le, useContext as de, createContext as Qe } from "react";
 import { Check as Re, X as Q, ChevronDown as je, Minus as at, Plus as ot, XCircle as Se, AlertTriangle as Ae, CheckCircle as Ie, Info as De, ChevronUp as it, ChevronsUpDown as lt, ChevronLeft as ct, ChevronRight as dt, Copy as ut, Brain as ft, Loader as mt, Paperclip as ze, Square as pt, ArrowUp as ht, Zap as xt, Cpu as Fe, FileText as vt, ThumbsUp as _t, ThumbsDown as bt } from "lucide-react";
 import me from "react-dom";
 const F = {
@@ -56,18 +56,18 @@ function Nt() {
     function t(f) {
       if (f == null) return null;
       if (typeof f == "function")
-        return f.$$typeof === M ? null : f.displayName || f.name || null;
+        return f.$$typeof === z ? null : f.displayName || f.name || null;
       if (typeof f == "string") return f;
       switch (f) {
-        case g:
+        case v:
           return "Fragment";
-        case b:
-          return "Profiler";
         case j:
+          return "Profiler";
+        case y:
           return "StrictMode";
-        case P:
+        case B:
           return "Suspense";
-        case z:
+        case L:
           return "SuspenseList";
         case w:
           return "Activity";
@@ -76,7 +76,7 @@ function Nt() {
         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 v:
+          case b:
             return "Portal";
           case k:
             return f.displayName || "Context";
@@ -117,7 +117,7 @@ function Nt() {
       }
     }
     function r(f) {
-      if (f === g) return "<>";
+      if (f === v) return "<>";
       if (typeof f == "object" && f !== null && f.$$typeof === C)
         return "<...>";
       try {
@@ -246,7 +246,7 @@ React keys must be passed directly to JSX without using spread:
     function h(f) {
       return typeof f == "object" && f !== null && f.$$typeof === x;
     }
-    var m = H, x = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), k = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), z = Symbol.for("react.suspense_list"), O = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), w = Symbol.for("react.activity"), M = Symbol.for("react.client.reference"), K = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, D = Array.isArray, _ = console.createTask ? console.createTask : function() {
+    var m = H, x = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), k = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), L = Symbol.for("react.suspense_list"), O = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), w = Symbol.for("react.activity"), z = Symbol.for("react.client.reference"), K = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, D = Array.isArray, _ = console.createTask ? console.createTask : function() {
       return null;
     };
     m = {
@@ -258,7 +258,7 @@ React keys must be passed directly to JSX without using spread:
       m,
       o
     )(), G = _(r(o)), $ = {};
-    be.Fragment = g, be.jsx = function(f, T, W) {
+    be.Fragment = v, be.jsx = function(f, T, W) {
       var Y = 1e4 > K.recentlyCreatedOwnerStacks++;
       return u(
         f,
@@ -310,15 +310,15 @@ function ae({
   className: p = "",
   ...h
 }) {
-  const m = a && !t, x = i === "loading", v = i === "success", g = i === "error", j = x || v || g, b = n === "xs" ? "s" : "m", N = s === "danger" ? "on-accent" : "default", k = gt[n] ?? 16, S = x ? /* @__PURE__ */ e.jsx(wt, { size: b, color: N }) : v ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Re, { size: k, strokeWidth: 2.5 }) }) : g ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Q, { size: k, strokeWidth: 2.5 }) }) : null, P = [
+  const m = a && !t, x = i === "loading", b = i === "success", v = i === "error", y = x || b || v, j = n === "xs" ? "s" : "m", N = s === "danger" ? "on-accent" : "default", k = gt[n] ?? 16, S = x ? /* @__PURE__ */ e.jsx(wt, { size: j, color: N }) : b ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Re, { size: k, strokeWidth: 2.5 }) }) : v ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Q, { size: k, strokeWidth: 2.5 }) }) : null, B = [
     "ds-button",
     `ds-button--${s}`,
     `ds-button--${n}`,
     r && "ds-button--full",
     m && "ds-button--icon-only",
     p
-  ].filter(Boolean).join(" "), z = i !== "idle" ? i : void 0, O = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    j ? S : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
+  ].filter(Boolean).join(" "), L = i !== "idle" ? i : void 0, O = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    y ? S : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
     t
   ] });
   if (c) {
@@ -332,13 +332,13 @@ function ae({
     return /* @__PURE__ */ e.jsx(
       "a",
       {
-        className: P,
+        className: B,
         href: o || x ? void 0 : c,
         onClick: C,
         "aria-label": u,
         "aria-disabled": o || x ? "true" : void 0,
         "aria-busy": x ? "true" : void 0,
-        "data-state": z,
+        "data-state": L,
         ...h,
         children: O
       }
@@ -348,12 +348,12 @@ function ae({
     "button",
     {
       type: d,
-      className: P,
+      className: B,
       disabled: o,
       onClick: x ? void 0 : l,
       "aria-label": u,
       "aria-busy": x ? "true" : void 0,
-      "data-state": z,
+      "data-state": L,
       ...h,
       children: O
     }
@@ -448,40 +448,40 @@ function ms({
   id: c,
   ...u
 }) {
-  const [p, h] = I(!1), [m, x] = I(!1), [v, g] = I({}), [j, b] = I("down"), [N, k] = I(-1), S = R(null), P = R(null), z = R(null), O = R(null), C = c || `select-${H.useId()}`, w = `${C}-label`, M = o ? `${C}-error` : void 0, K = 150, V = ($ = !1) => {
+  const [p, h] = I(!1), [m, x] = I(!1), [b, v] = I({}), [y, j] = I("down"), [N, k] = I(-1), S = R(null), B = R(null), L = R(null), O = R(null), C = c || `select-${H.useId()}`, w = `${C}-label`, z = o ? `${C}-error` : void 0, K = 150, V = ($ = !1) => {
     m || (x(!0), k(-1), O.current = setTimeout(() => {
       var f;
-      h(!1), x(!1), $ && ((f = z.current) == null || f.focus());
+      h(!1), x(!1), $ && ((f = L.current) == null || f.focus());
     }, K));
   }, D = ($) => {
     clearTimeout(O.current), x(!1);
     const f = $ !== void 0 ? $ : Math.max(r.findIndex((T) => T.value === s), 0);
     k(f), h(!0);
   };
-  B(() => () => clearTimeout(O.current), []);
+  P(() => () => clearTimeout(O.current), []);
   const _ = () => {
     var oe;
     const $ = (oe = S.current) == null ? void 0 : oe.getBoundingClientRect();
     if (!$) return;
     const f = window.innerHeight, T = f - $.bottom, W = $.top, ne = T < 300 && W > T;
-    b(ne ? "up" : "down"), g(
+    j(ne ? "up" : "down"), v(
       ne ? { bottom: f - $.top + 4, left: $.left, width: $.width } : { top: $.bottom + 4, left: $.left, width: $.width }
     );
   };
-  B(() => {
+  P(() => {
     if (p)
       return _(), window.addEventListener("scroll", _, !0), window.addEventListener("resize", _), () => {
         window.removeEventListener("scroll", _, !0), window.removeEventListener("resize", _);
       };
-  }, [p]), B(() => {
+  }, [p]), P(() => {
     const $ = (f) => {
-      S.current && !S.current.contains(f.target) && P.current && !P.current.contains(f.target) && V();
+      S.current && !S.current.contains(f.target) && B.current && !B.current.contains(f.target) && V();
     };
     return document.addEventListener("mousedown", $), () => document.removeEventListener("mousedown", $);
-  }, [m]), B(() => {
+  }, [m]), P(() => {
     var f;
-    if (!p || N < 0 || !P.current) return;
-    (f = P.current.querySelectorAll(".ds-select-option")[N]) == null || f.scrollIntoView({ block: "nearest" });
+    if (!p || N < 0 || !B.current) return;
+    (f = B.current.querySelectorAll(".ds-select-option")[N]) == null || f.scrollIntoView({ block: "nearest" });
   }, [N, p]);
   const E = ($) => {
     switch ($.key) {
@@ -511,7 +511,7 @@ function ms({
   }, A = r.find(($) => $.value === s), U = l === "xs" ? F[1] : l === "small" ? F[2] : F[3], G = p && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: P,
+      ref: B,
       "data-ds-portal": "",
       role: "listbox",
       "aria-labelledby": t ? w : void 0,
@@ -519,10 +519,10 @@ function ms({
       className: [
         "ds-select-dropdown ds-scrollable",
         `ds-select-dropdown--${l}`,
-        `ds-select-dropdown--${j}`,
+        `ds-select-dropdown--${y}`,
         m && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
-      style: v,
+      style: b,
       children: r.map(($, f) => /* @__PURE__ */ e.jsx(
         "button",
         {
@@ -551,7 +551,7 @@ function ms({
     /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: S, children: /* @__PURE__ */ e.jsxs(
       "button",
       {
-        ref: z,
+        ref: L,
         type: "button",
         id: C,
         role: "combobox",
@@ -560,7 +560,7 @@ function ms({
         "aria-activedescendant": p && N >= 0 ? `${C}-opt-${N}` : void 0,
         "aria-labelledby": t ? w : void 0,
         "aria-invalid": o ? "true" : "false",
-        "aria-describedby": M,
+        "aria-describedby": z,
         className: `ds-select-trigger ds-select-trigger--${l} ${o ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
           d || (p ? V() : D());
@@ -575,14 +575,14 @@ function ms({
             {
               size: U,
               strokeWidth: 1.5,
-              className: `ds-select-icon ${p && j === "down" ? "ds-select-icon--open" : ""} ${p && j === "up" ? "ds-select-icon--up" : ""}`,
+              className: `ds-select-icon ${p && y === "down" ? "ds-select-icon--open" : ""} ${p && y === "up" ? "ds-select-icon--up" : ""}`,
               "aria-hidden": "true"
             }
           )
         ]
       }
     ) }),
-    o && /* @__PURE__ */ e.jsx("span", { id: M, className: "ds-select-error", role: "alert", children: o }),
+    o && /* @__PURE__ */ e.jsx("span", { id: z, className: "ds-select-error", role: "alert", children: o }),
     typeof document < "u" && me.createPortal(G, document.body)
   ] });
 }
@@ -601,20 +601,20 @@ function ps({
 }) {
   const p = () => {
     if (l) return;
-    const j = Math.min(Number(s) + o, a);
-    n == null || n(j);
+    const y = Math.min(Number(s) + o, a);
+    n == null || n(y);
   }, h = () => {
     if (l) return;
-    const j = Math.max(Number(s) - o, r);
-    n == null || n(j);
-  }, m = (j) => {
+    const y = Math.max(Number(s) - o, r);
+    n == null || n(y);
+  }, m = (y) => {
     if (l) return;
-    const b = j.target.value;
-    if (b === "") {
+    const j = y.target.value;
+    if (j === "") {
       n == null || n(r);
       return;
     }
-    const N = Number(b);
+    const N = Number(j);
     if (!isNaN(N)) {
       const k = Math.min(Math.max(N, r), a);
       n == null || n(k);
@@ -623,14 +623,14 @@ function ps({
     "ds-stepper-wrapper",
     l && "ds-stepper-wrapper--disabled",
     c && "ds-stepper-wrapper--error"
-  ].filter(Boolean).join(" "), v = [
+  ].filter(Boolean).join(" "), b = [
     "ds-stepper",
     `ds-stepper--${i}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), g = i === "xs" ? F[1] : i === "small" ? F[2] : F[3];
+  ].filter(Boolean).join(" "), v = i === "xs" ? F[1] : i === "small" ? F[2] : F[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: v, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: b, children: [
       /* @__PURE__ */ e.jsx(
         "button",
         {
@@ -639,7 +639,7 @@ function ps({
           onClick: h,
           disabled: l || s <= r,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ e.jsx(at, { size: g, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(at, { size: v, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -664,7 +664,7 @@ function ps({
           onClick: p,
           disabled: l || s >= a,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ e.jsx(ot, { size: g, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(ot, { size: v, strokeWidth: 1.5 })
         }
       )
     ] }),
@@ -742,7 +742,7 @@ function js({ children: t, secondary: s = !1, ...n }) {
 function yt({ children: t, secondary: s = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p2 ${s ? "ds-p2--secondary" : ""}`, ...n, children: t });
 }
-function Qe({ children: t, secondary: s = !1, ...n }) {
+function et({ children: t, secondary: s = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${s ? "ds-p3--secondary" : ""}`, ...n, children: t });
 }
 function fe({
@@ -805,19 +805,19 @@ function ws({
       u(!1), n();
     }, Et));
   };
-  B(() => {
-    const v = (j) => {
-      j.key === "Escape" && p();
-    }, g = (j) => {
+  P(() => {
+    const b = (y) => {
+      y.key === "Escape" && p();
+    }, v = (y) => {
       var N, k, S;
-      const b = ((k = (N = j.composedPath) == null ? void 0 : N.call(j)) == null ? void 0 : k[0]) ?? j.target;
-      l.current && !l.current.contains(b) && !((S = b.closest) != null && S.call(b, "[data-ds-portal]")) && p();
+      const j = ((k = (N = y.composedPath) == null ? void 0 : N.call(y)) == null ? void 0 : k[0]) ?? y.target;
+      l.current && !l.current.contains(j) && !((S = j.closest) != null && S.call(j, "[data-ds-portal]")) && p();
     };
-    return document.addEventListener("keydown", v), document.addEventListener("mousedown", g), () => {
-      document.removeEventListener("keydown", v), document.removeEventListener("mousedown", g);
+    return document.addEventListener("keydown", b), document.addEventListener("mousedown", v), () => {
+      document.removeEventListener("keydown", b), document.removeEventListener("mousedown", v);
     };
   }, [n, c]);
-  const h = H.Children.toArray(t), m = h.find((v) => (v == null ? void 0 : v.type) === he), x = h.filter((v) => (v == null ? void 0 : v.type) !== he);
+  const h = H.Children.toArray(t), m = h.find((b) => (b == null ? void 0 : b.type) === he), x = h.filter((b) => (b == null ? void 0 : b.type) !== he);
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", c && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...i, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -864,13 +864,13 @@ function gs({
       d(!1), n();
     }, $t));
   };
-  B(() => {
-    const m = (v) => {
-      v.key === "Escape" && c();
-    }, x = (v) => {
-      var j, b, N;
-      const g = ((b = (j = v.composedPath) == null ? void 0 : j.call(v)) == null ? void 0 : b[0]) ?? v.target;
-      o.current && !o.current.contains(g) && !((N = g.closest) != null && N.call(g, "[data-ds-portal]")) && c();
+  P(() => {
+    const m = (b) => {
+      b.key === "Escape" && c();
+    }, x = (b) => {
+      var y, j, N;
+      const v = ((j = (y = b.composedPath) == null ? void 0 : y.call(b)) == null ? void 0 : j[0]) ?? b.target;
+      o.current && !o.current.contains(v) && !((N = v.closest) != null && N.call(v, "[data-ds-portal]")) && c();
     };
     return document.addEventListener("keydown", m), document.addEventListener("mousedown", x), () => {
       document.removeEventListener("keydown", m), document.removeEventListener("mousedown", x);
@@ -1029,19 +1029,19 @@ function Ts({ options: t, value: s, onChange: n, size: r = "m", disabled: a = !1
     if (!o.current) return;
     const m = o.current.querySelector(`[data-value="${s}"]`);
     if (!m) return;
-    const x = o.current.getBoundingClientRect(), v = m.getBoundingClientRect(), g = v.left - x.left, j = v.width;
-    i.current ? (i.current.style.transition = c.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = g + "px", i.current.style.width = j + "px", c.current = !1) : (d(!0), requestAnimationFrame(() => {
+    const x = o.current.getBoundingClientRect(), b = m.getBoundingClientRect(), v = b.left - x.left, y = b.width;
+    i.current ? (i.current.style.transition = c.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = v + "px", i.current.style.width = y + "px", c.current = !1) : (d(!0), requestAnimationFrame(() => {
       if (!i.current || !o.current) return;
-      const b = o.current.querySelector(`[data-value="${s}"]`);
-      if (!b) return;
-      const N = o.current.getBoundingClientRect(), k = b.getBoundingClientRect();
+      const j = o.current.querySelector(`[data-value="${s}"]`);
+      if (!j) return;
+      const N = o.current.getBoundingClientRect(), k = j.getBoundingClientRect();
       i.current.style.transition = "none", i.current.style.left = k.left - N.left + "px", i.current.style.width = k.width + "px";
     }));
   };
-  return p.current = h, nt(() => {
+  return p.current = h, rt(() => {
     const m = u.current !== s;
     u.current = s, c.current = l && m, h();
-  }), B(() => {
+  }), P(() => {
     if (!o.current) return;
     const m = new ResizeObserver(() => {
       c.current = !1, p.current();
@@ -1161,28 +1161,28 @@ function St(t, s, n) {
 function Le({ children: t, content: s, position: n, ...r }) {
   const [a, o] = I(!1), [i, l] = I({ visibility: "hidden" }), [d, c] = I(n || "top"), u = R(null), p = R(null), h = R(!1), m = () => {
     if (!u.current || !p.current) return;
-    const v = u.current.getBoundingClientRect(), g = p.current.getBoundingClientRect(), j = n || St(v, g.height, g.width), { top: b, left: N, arrowOffset: k } = Rt(j, v, g);
-    c(j), l({
+    const b = u.current.getBoundingClientRect(), v = p.current.getBoundingClientRect(), y = n || St(b, v.height, v.width), { top: j, left: N, arrowOffset: k } = Rt(y, b, v);
+    c(y), l({
       position: "fixed",
-      top: b,
+      top: j,
       left: N,
       visibility: "visible",
       "--arrow-offset": `${k}px`
     });
   };
-  if (B(() => {
+  if (P(() => {
     if (!a) return;
     l({ position: "fixed", visibility: "hidden" });
-    const v = requestAnimationFrame(m);
+    const b = requestAnimationFrame(m);
     return window.addEventListener("scroll", m, !0), window.addEventListener("resize", m), () => {
-      cancelAnimationFrame(v), window.removeEventListener("scroll", m, !0), window.removeEventListener("resize", m);
+      cancelAnimationFrame(b), window.removeEventListener("scroll", m, !0), window.removeEventListener("resize", m);
     };
-  }, [a, n]), B(() => {
+  }, [a, n]), P(() => {
     if (!a) return;
-    const v = (g) => {
-      u.current && !u.current.contains(g.target) && o(!1);
+    const b = (v) => {
+      u.current && !u.current.contains(v.target) && o(!1);
     };
-    return document.addEventListener("touchstart", v), () => document.removeEventListener("touchstart", v);
+    return document.addEventListener("touchstart", b), () => document.removeEventListener("touchstart", b);
   }, [a]), !s) return t;
   const x = a && /* @__PURE__ */ e.jsx(
     "div",
@@ -1207,7 +1207,7 @@ function Le({ children: t, content: s, position: n, ...r }) {
         h.current || o(!1);
       },
       onTouchStart: () => {
-        h.current = !0, o((v) => !v);
+        h.current = !0, o((b) => !b);
       },
       ...r,
       children: [
@@ -1643,48 +1643,49 @@ function Ys({
   side: r = "right",
   offsetLeft: a = 0,
   offsetRight: o = 0,
-  ...i
+  keepOpenRef: i,
+  ...l
 }) {
-  const l = R(null), d = H.useId(), [c, u] = I(!1), p = () => {
-    !n || c || (u(!0), setTimeout(() => {
-      u(!1), n();
+  const d = R(null), c = H.useId(), [u, p] = I(!1), h = () => {
+    !n || u || (p(!0), setTimeout(() => {
+      p(!1), n();
     }, Pt));
   };
-  B(() => {
+  P(() => {
     const v = (j) => {
-      j.key === "Escape" && p();
-    }, g = (j) => {
-      var N, k, S;
-      const b = ((k = (N = j.composedPath) == null ? void 0 : N.call(j)) == null ? void 0 : k[0]) ?? j.target;
-      l.current && !l.current.contains(b) && !((S = b.closest) != null && S.call(b, "[data-ds-portal]")) && p();
+      j.key === "Escape" && h();
+    }, y = (j) => {
+      var k, S, B, L;
+      const N = ((S = (k = j.composedPath) == null ? void 0 : k.call(j)) == null ? void 0 : S[0]) ?? j.target;
+      (B = i == null ? void 0 : i.current) != null && B.contains(N) || d.current && !d.current.contains(N) && !((L = N.closest) != null && L.call(N, "[data-ds-portal]")) && h();
     };
-    return document.addEventListener("keydown", v), document.addEventListener("mousedown", g), () => {
-      document.removeEventListener("keydown", v), document.removeEventListener("mousedown", g);
+    return document.addEventListener("keydown", v), document.addEventListener("mousedown", y), () => {
+      document.removeEventListener("keydown", v), document.removeEventListener("mousedown", y);
     };
-  }, [n, c]);
-  const h = H.Children.toArray(t), m = h.find((v) => (v == null ? void 0 : v.type) === Oe), x = h.filter((v) => (v == null ? void 0 : v.type) !== Oe);
+  }, [n, u, i]);
+  const m = H.Children.toArray(t), x = m.find((v) => (v == null ? void 0 : v.type) === Oe), b = m.filter((v) => (v == null ? void 0 : v.type) !== Oe);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-drawer-overlay", c && "ds-drawer-overlay--closing"].filter(Boolean).join(" "),
+      className: ["ds-drawer-overlay", u && "ds-drawer-overlay--closing"].filter(Boolean).join(" "),
       style: { "--ds-drawer-offset-left": `${a}px`, "--ds-drawer-offset-right": `${o}px` },
-      ...i,
+      ...l,
       children: /* @__PURE__ */ e.jsxs(
         "aside",
         {
-          className: ["ds-drawer", c && "ds-drawer--closing"].filter(Boolean).join(" "),
+          className: ["ds-drawer", u && "ds-drawer--closing"].filter(Boolean).join(" "),
           "data-side": r,
-          ref: l,
+          ref: d,
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": s ? d : void 0,
+          "aria-labelledby": s ? c : void 0,
           children: [
             /* @__PURE__ */ e.jsxs("header", { className: "ds-drawer-header", children: [
-              s && /* @__PURE__ */ e.jsx("h3", { id: d, className: "ds-drawer-title", children: s }),
-              n && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: p, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(Q, { size: F[2], strokeWidth: 1.5 }) })
+              s && /* @__PURE__ */ e.jsx("h3", { id: c, className: "ds-drawer-title", children: s }),
+              n && /* @__PURE__ */ e.jsx("button", { className: "ds-drawer-close", onClick: h, "aria-label": "Close drawer", children: /* @__PURE__ */ e.jsx(Q, { size: F[2], strokeWidth: 1.5 }) })
             ] }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body ds-scrollable", children: x }),
-            m
+            /* @__PURE__ */ e.jsx("div", { className: "ds-drawer-body ds-scrollable", children: b }),
+            x
           ]
         }
       )
@@ -1702,40 +1703,41 @@ function Hs({
   subHeader: r,
   offsetLeft: a = 0,
   offsetRight: o = 0,
-  ...i
+  keepOpenRef: i,
+  ...l
 }) {
-  const l = R(null), d = H.useId(), [c, u] = I(!1), p = () => {
-    !n || c || (u(!0), setTimeout(() => {
-      u(!1), n();
+  const d = R(null), c = H.useId(), [u, p] = I(!1), h = () => {
+    !n || u || (p(!0), setTimeout(() => {
+      p(!1), n();
     }, Mt));
   };
-  B(() => {
+  P(() => {
     const v = (j) => {
-      j.key === "Escape" && p();
-    }, g = (j) => {
-      var N, k, S;
-      const b = ((k = (N = j.composedPath) == null ? void 0 : N.call(j)) == null ? void 0 : k[0]) ?? j.target;
-      l.current && !l.current.contains(b) && !((S = b.closest) != null && S.call(b, "[data-ds-portal]")) && p();
+      j.key === "Escape" && h();
+    }, y = (j) => {
+      var k, S, B, L;
+      const N = ((S = (k = j.composedPath) == null ? void 0 : k.call(j)) == null ? void 0 : S[0]) ?? j.target;
+      (B = i == null ? void 0 : i.current) != null && B.contains(N) || d.current && !d.current.contains(N) && !((L = N.closest) != null && L.call(N, "[data-ds-portal]")) && h();
     };
-    return document.addEventListener("keydown", v), document.addEventListener("mousedown", g), () => {
-      document.removeEventListener("keydown", v), document.removeEventListener("mousedown", g);
+    return document.addEventListener("keydown", v), document.addEventListener("mousedown", y), () => {
+      document.removeEventListener("keydown", v), document.removeEventListener("mousedown", y);
     };
-  }, [n, c]);
-  const h = H.Children.toArray(t), m = h.find((v) => (v == null ? void 0 : v.type) === Ue || (v == null ? void 0 : v.type) === he), x = h.filter((v) => (v == null ? void 0 : v.type) !== Ue && (v == null ? void 0 : v.type) !== he);
+  }, [n, u, i]);
+  const m = H.Children.toArray(t), x = m.find((v) => (v == null ? void 0 : v.type) === Ue || (v == null ? void 0 : v.type) === he), b = m.filter((v) => (v == null ? void 0 : v.type) !== Ue && (v == null ? void 0 : v.type) !== he);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-side-page-overlay", c && "ds-side-page-overlay--closing"].filter(Boolean).join(" "),
+      className: ["ds-side-page-overlay", u && "ds-side-page-overlay--closing"].filter(Boolean).join(" "),
       style: { "--ds-side-page-offset-left": `${a}px`, "--ds-side-page-offset-right": `${o}px` },
-      ...i,
+      ...l,
       children: /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: l,
-          className: ["ds-side-page", c && "ds-side-page--closing"].filter(Boolean).join(" "),
+          ref: d,
+          className: ["ds-side-page", u && "ds-side-page--closing"].filter(Boolean).join(" "),
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": s ? d : void 0,
+          "aria-labelledby": s ? c : void 0,
           children: [
             n && /* @__PURE__ */ e.jsx(
               ae,
@@ -1744,16 +1746,16 @@ function Hs({
                 variant: "ghost",
                 size: "small",
                 icon: /* @__PURE__ */ e.jsx(Q, { size: F[2], strokeWidth: 1.5 }),
-                onClick: p,
+                onClick: h,
                 "aria-label": "Close"
               }
             ),
             (s || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-side-page__header", children: [
-              s && /* @__PURE__ */ e.jsx("h3", { id: d, className: "ds-side-page__title", children: s }),
+              s && /* @__PURE__ */ e.jsx("h3", { id: c, className: "ds-side-page__title", children: s }),
               r && /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__subheader", children: r })
             ] }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__body ds-scrollable", children: x }),
-            m
+            /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__body ds-scrollable", children: b }),
+            x
           ]
         }
       )
@@ -1763,34 +1765,34 @@ function Hs({
 function Ue({ children: t }) {
   return !t || H.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__footer", children: t });
 }
-const ve = Ze({ collapsed: !1, side: "left" }), we = Ze(!1);
-function qs({
-  children: t,
-  collapsed: s = !1,
-  side: n = "left",
-  onExpand: r,
-  className: a = "",
-  ...o
-}) {
-  const i = [
+const ve = Qe({ collapsed: !1, side: "left" }), we = Qe(!1), qs = Ze(function({
+  children: s,
+  collapsed: n = !1,
+  side: r = "left",
+  onExpand: a,
+  className: o = "",
+  ...i
+}, l) {
+  const d = [
     "ds-nav-rail",
-    s && "ds-nav-rail--collapsed",
-    `ds-nav-rail--${n}`,
-    a
-  ].filter(Boolean).join(" "), l = le((d) => {
-    !s || !r || d.target.closest('button, a, input, select, textarea, [role="button"], [tabindex]') || r();
-  }, [s, r]);
-  return /* @__PURE__ */ e.jsx(ve.Provider, { value: { collapsed: s, side: n }, children: /* @__PURE__ */ e.jsx(
+    n && "ds-nav-rail--collapsed",
+    `ds-nav-rail--${r}`,
+    o
+  ].filter(Boolean).join(" "), c = le((u) => {
+    !n || !a || u.target.closest('button, a, input, select, textarea, [role="button"], [tabindex]') || a();
+  }, [n, a]);
+  return /* @__PURE__ */ e.jsx(ve.Provider, { value: { collapsed: n, side: r }, children: /* @__PURE__ */ e.jsx(
     "nav",
     {
-      className: i,
-      onClick: l,
-      "data-expandable": s && r ? "" : void 0,
-      ...o,
-      children: t
+      ref: l,
+      className: d,
+      onClick: c,
+      "data-expandable": n && a ? "" : void 0,
+      ...i,
+      children: s
     }
   ) });
-}
+});
 function Gs({
   icon: t,
   label: s,
@@ -1805,7 +1807,7 @@ function Gs({
   className: u = "",
   ...p
 }) {
-  const { collapsed: h, side: m } = de(ve), x = de(we), j = {
+  const { collapsed: h, side: m } = de(ve), x = de(we), y = {
     className: [
       "ds-nav-rail__item",
       u
@@ -1822,13 +1824,13 @@ function Gs({
       "data-onboarding": c || void 0
     },
     ...p
-  }, b = i != null, N = m === "left" ? "right" : "left", k = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }, j = i != null, N = m === "left" ? "right" : "left", k = /* @__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 && l && /* @__PURE__ */ e.jsx(fe, { size: "xs", variant: "accent", className: "ds-nav-rail__badge-expanded", children: "New" }),
-    !h && b && /* @__PURE__ */ e.jsx("span", { className: ["ds-nav-rail__count", i === 0 && "ds-nav-rail__count--zero"].filter(Boolean).join(" "), children: i }),
+    !h && j && /* @__PURE__ */ e.jsx("span", { className: ["ds-nav-rail__count", i === 0 && "ds-nav-rail__count--zero"].filter(Boolean).join(" "), children: i }),
     h && l && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot", "aria-hidden": "true" })
-  ] }), S = a ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : a, ...j, children: k }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...j, children: k });
+  ] }), S = a ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : a, ...y, children: k }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...y, children: k });
   return h && !x ? /* @__PURE__ */ e.jsx(Le, { content: s, position: N, children: S }) : S;
 }
 function Ks({ children: t, className: s = "", ...n }) {
@@ -1862,7 +1864,7 @@ function Qs({ children: t, label: s = "Recents", defaultOpen: n = !0, className:
     (i || o) && /* @__PURE__ */ e.jsx("div", { className: "ds-nav-rail__recents-body", children: t })
   ] });
 }
-const en = rt(function({
+const en = Ze(function({
   as: s = "button",
   avatar: n,
   label: r,
@@ -1908,8 +1910,8 @@ function tn({ avatar: t, label: s, selected: n = !1, disabled: r = !1, href: a,
   }, x = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: t }),
     !d && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s })
-  ] }), v = c === "left" ? "right" : "left", g = a ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : a, ...m, children: x }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...m, children: x });
-  return d && !u ? /* @__PURE__ */ e.jsx(Le, { content: s, position: v, children: g }) : g;
+  ] }), b = c === "left" ? "right" : "left", v = a ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : a, ...m, children: x }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...m, children: x });
+  return d && !u ? /* @__PURE__ */ e.jsx(Le, { content: s, position: b, children: v }) : v;
 }
 const Ve = 240, Ye = 6, He = 8;
 function sn({
@@ -1920,28 +1922,28 @@ function sn({
   onOpenChange: a,
   defaultOpen: o = !1
 }) {
-  const { side: i } = de(ve), [l, d] = I(o), c = r !== void 0, u = c ? r : l, [p, h] = I(!1), m = R(null), x = R(null), [v, g] = I({}), j = le(() => {
+  const { side: i } = de(ve), [l, d] = I(o), c = r !== void 0, u = c ? r : l, [p, h] = I(!1), m = R(null), x = R(null), [b, v] = I({}), y = le(() => {
     c ? a == null || a(!0) : d(!0);
-  }, [c, a]), b = le(() => {
+  }, [c, a]), j = le(() => {
     c ? a == null || a(!1) : d(!1);
-  }, [c, a]), N = le(() => u ? b() : j(), [u, j, b]), k = le(() => {
-    var M;
-    const P = m.current;
-    if (!P) return;
-    const z = P.getBoundingClientRect(), O = window.innerHeight, C = ((M = x.current) == null ? void 0 : M.offsetHeight) ?? 300, w = Math.max(He, Math.min(O - C - He, z.top));
-    g(i === "right" ? {
+  }, [c, a]), N = le(() => u ? j() : y(), [u, y, j]), k = le(() => {
+    var z;
+    const B = m.current;
+    if (!B) return;
+    const L = B.getBoundingClientRect(), O = window.innerHeight, C = ((z = x.current) == null ? void 0 : z.offsetHeight) ?? 300, w = Math.max(He, Math.min(O - C - He, L.top));
+    v(i === "right" ? {
       position: "fixed",
       top: w,
-      right: window.innerWidth - z.left + Ye,
+      right: window.innerWidth - L.left + Ye,
       width: Ve
     } : {
       position: "fixed",
       top: w,
-      left: z.right + Ye,
+      left: L.right + Ye,
       width: Ve
     });
   }, [i]);
-  B(() => {
+  P(() => {
     if (!u) {
       h(!1);
       return;
@@ -1949,18 +1951,18 @@ function sn({
     return k(), requestAnimationFrame(() => h(!0)), window.addEventListener("scroll", k, !0), window.addEventListener("resize", k), () => {
       window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", k);
     };
-  }, [u, k]), B(() => {
+  }, [u, k]), P(() => {
     if (!u) return;
-    const P = (O) => {
+    const B = (O) => {
       var C, w;
-      !((C = x.current) != null && C.contains(O.target)) && !((w = m.current) != null && w.contains(O.target)) && b();
-    }, z = (O) => {
-      O.key === "Escape" && b();
+      !((C = x.current) != null && C.contains(O.target)) && !((w = m.current) != null && w.contains(O.target)) && j();
+    }, L = (O) => {
+      O.key === "Escape" && j();
     };
-    return document.addEventListener("mousedown", P), document.addEventListener("keydown", z), () => {
-      document.removeEventListener("mousedown", P), document.removeEventListener("keydown", z);
+    return document.addEventListener("mousedown", B), document.addEventListener("keydown", L), () => {
+      document.removeEventListener("mousedown", B), document.removeEventListener("keydown", L);
     };
-  }, [u, b]);
+  }, [u, j]);
   const S = u && /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1970,7 +1972,7 @@ function sn({
         `ds-nav-rail-flyout--${i}`,
         p && "ds-nav-rail-flyout--visible"
       ].filter(Boolean).join(" "),
-      style: v,
+      style: b,
       "data-ds-portal": "",
       role: "dialog",
       "aria-modal": "false",
@@ -1982,7 +1984,7 @@ function sn({
             {
               type: "button",
               className: "ds-nav-rail-flyout__close",
-              onClick: b,
+              onClick: j,
               "aria-label": "Close",
               children: /* @__PURE__ */ e.jsx(Q, { size: 16, strokeWidth: 2 })
             }
@@ -2056,26 +2058,26 @@ function rn({
   style: l,
   ...d
 }) {
-  const [c, u] = I(!1), [p, h] = I(!1), m = n !== void 0, x = m ? n : c, v = R(null), g = R(null), j = R(null), b = R(null), [N, k] = I({}), S = R(null), P = 150, z = () => {
+  const [c, u] = I(!1), [p, h] = I(!1), m = n !== void 0, x = m ? n : c, b = R(null), v = R(null), y = R(null), j = R(null), [N, k] = I({}), S = R(null), B = 150, L = () => {
     if (m)
       r == null || r(!1);
     else {
       if (p) return;
       h(!0), S.current = setTimeout(() => {
         u(!1), h(!1);
-      }, P);
+      }, B);
     }
   }, O = () => {
     const _ = !x;
-    m ? r == null || r(_) : _ ? (clearTimeout(S.current), h(!1), u(!0)) : z();
+    m ? r == null || r(_) : _ ? (clearTimeout(S.current), h(!1), u(!0)) : L();
   }, C = () => {
     x || (m ? r == null || r(!0) : (clearTimeout(S.current), h(!1), u(!0)));
   };
-  B(() => () => clearTimeout(S.current), []), B(() => {
+  P(() => () => clearTimeout(S.current), []), P(() => {
     if (!x) return;
     const _ = 300, E = () => {
       var $;
-      const A = ($ = v.current) == null ? void 0 : $.getBoundingClientRect();
+      const A = ($ = b.current) == null ? void 0 : $.getBoundingClientRect();
       if (!A) return;
       const U = window.innerHeight - A.bottom, G = U < _ + 8 && A.top > U;
       k(
@@ -2088,43 +2090,43 @@ function rn({
   }, [x, a]);
   const w = () => {
     var E;
-    const _ = (E = j.current) == null ? void 0 : E.querySelector(
+    const _ = (E = y.current) == null ? void 0 : E.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
     _ == null || _.focus();
   };
-  B(() => {
+  P(() => {
     if (!x) return;
     const _ = (A) => {
       var U, G;
-      !((U = v.current) != null && U.contains(A.target)) && !((G = g.current) != null && G.contains(A.target)) && z();
+      !((U = b.current) != null && U.contains(A.target)) && !((G = v.current) != null && G.contains(A.target)) && L();
     }, E = (A) => {
-      A.key === "Escape" && (z(), w());
+      A.key === "Escape" && (L(), w());
     };
     return document.addEventListener("mousedown", _), document.addEventListener("keydown", E), () => {
       document.removeEventListener("mousedown", _), document.removeEventListener("keydown", E);
     };
-  }, [x]), B(() => {
-    if (!x || !b.current || !g.current) return;
-    const _ = M(), E = b.current === "last" ? _[_.length - 1] : _[0];
-    E == null || E.focus(), b.current = null;
+  }, [x]), P(() => {
+    if (!x || !j.current || !v.current) return;
+    const _ = z(), E = j.current === "last" ? _[_.length - 1] : _[0];
+    E == null || E.focus(), j.current = null;
   }, [x]);
-  const M = () => g.current ? [...g.current.querySelectorAll(
+  const z = () => v.current ? [...v.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
   )] : [], K = (_) => {
     var E, A;
     if (_.key === "ArrowDown")
-      _.preventDefault(), x ? (E = M()[0]) == null || E.focus() : (b.current = "first", C());
+      _.preventDefault(), x ? (E = z()[0]) == null || E.focus() : (j.current = "first", C());
     else if (_.key === "ArrowUp")
       if (_.preventDefault(), !x)
-        b.current = "last", C();
+        j.current = "last", C();
       else {
-        const U = M();
+        const U = z();
         (A = U[U.length - 1]) == null || A.focus();
       }
   }, V = (_) => {
     var U, G, $, f;
-    const E = M(), A = E.findIndex((T) => T === document.activeElement);
+    const E = z(), A = E.findIndex((T) => T === document.activeElement);
     switch (_.key) {
       case "ArrowDown":
         _.preventDefault(), (U = E[Math.min(A + 1, E.length - 1)]) == null || U.focus();
@@ -2139,13 +2141,13 @@ function rn({
         _.preventDefault(), (f = E[E.length - 1]) == null || f.focus();
         break;
       case "Tab":
-        z();
+        L();
         break;
     }
   }, D = x && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: g,
+      ref: v,
       role: "menu",
       "data-ds-portal": "",
       className: [
@@ -2175,7 +2177,7 @@ function rn({
             ...G,
             onClick: () => {
               var $;
-              ($ = _.onClick) == null || $.call(_), z();
+              ($ = _.onClick) == null || $.call(_), L();
             },
             children: [
               _.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-icon", children: _.icon }),
@@ -2191,7 +2193,7 @@ function rn({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: v,
+      ref: b,
       className: ["ds-dropdown", o && "ds-dropdown--full-width", i].filter(Boolean).join(" "),
       style: l,
       ...d,
@@ -2199,7 +2201,7 @@ function rn({
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            ref: j,
+            ref: y,
             className: "ds-dropdown__trigger",
             onClick: O,
             onKeyDown: K,
@@ -2251,7 +2253,7 @@ function an({
 const Ft = (t) => 1 - Math.pow(1 - t, 3), Ct = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 function Wt(t, { duration: s = 600 } = {}) {
   const [n, r] = I(t), a = R(t), o = R(null);
-  return B(() => {
+  return P(() => {
     if (Ct()) {
       r(t), a.current = t;
       return;
@@ -2279,7 +2281,7 @@ function on({
 }
 function Ot({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
   const r = R(null), [a, o] = I(!1);
-  return B(() => {
+  return P(() => {
     const i = r.current;
     if (!i) return;
     const l = new IntersectionObserver(
@@ -2302,7 +2304,7 @@ function ln({
   ...l
 }) {
   const { ref: d, inView: c } = Ot({ threshold: r, rootMargin: a, once: n }), u = R(!1);
-  return B(() => {
+  return P(() => {
     c && !u.current && (o == null || o()), !c && u.current && (i == null || i()), u.current = c;
   }, [c]), /* @__PURE__ */ e.jsx(s, { ref: d, ...l, children: typeof t == "function" ? t(c) : t });
 }
@@ -2314,14 +2316,14 @@ const qe = {
 };
 let xe = [];
 const $e = /* @__PURE__ */ new Set();
-function et() {
+function tt() {
   $e.forEach((t) => t([...xe]));
 }
 function Ut(t) {
-  xe = [...xe, t], et();
+  xe = [...xe, t], tt();
 }
 function Vt(t) {
-  xe = xe.filter((s) => s.id !== t), et();
+  xe = xe.filter((s) => s.id !== t), tt();
 }
 function cn() {
   const t = (s, n = {}) => {
@@ -2337,7 +2339,7 @@ function cn() {
 }
 function Yt({ data: t, onDismiss: s }) {
   const [n, r] = I(!1), a = R(null);
-  B(() => (requestAnimationFrame(() => r(!0)), t.duration > 0 && (a.current = setTimeout(() => o(), t.duration)), () => clearTimeout(a.current)), []);
+  P(() => (requestAnimationFrame(() => r(!0)), t.duration > 0 && (a.current = setTimeout(() => o(), t.duration)), () => clearTimeout(a.current)), []);
   function o() {
     r(!1), setTimeout(() => s(t.id), 250);
   }
@@ -2370,7 +2372,7 @@ function Yt({ data: t, onDismiss: s }) {
 }
 function dn({ position: t = "bottom-right" }) {
   const [s, n] = I(() => [...xe]);
-  return B(() => ($e.add(n), () => $e.delete(n)), []), !s.length || typeof document > "u" ? null : me.createPortal(
+  return P(() => ($e.add(n), () => $e.delete(n)), []), !s.length || typeof document > "u" ? null : me.createPortal(
     /* @__PURE__ */ e.jsx("div", { "data-ds-portal": "", className: ["ds-toast-container", `ds-toast-container--${t}`].join(" "), children: s.map((r) => /* @__PURE__ */ e.jsx(Yt, { data: r, onDismiss: Vt }, r.id)) }),
     document.body
   );
@@ -2451,7 +2453,7 @@ function qt({
 }
 function fn({ content: t, streaming: s = !1, ...n }) {
   const [r, a] = I(s);
-  return B(() => {
+  return P(() => {
     a(!!s);
   }, [s]), /* @__PURE__ */ e.jsx(
     Be,
@@ -2464,7 +2466,7 @@ function fn({ content: t, streaming: s = !1, ...n }) {
         /* @__PURE__ */ e.jsx(yt, { secondary: !0, children: "Thinking" })
       ] }),
       ...n,
-      children: /* @__PURE__ */ e.jsxs(Qe, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
+      children: /* @__PURE__ */ e.jsxs(et, { secondary: !0, style: { whiteSpace: "pre-wrap" }, children: [
         t,
         s && /* @__PURE__ */ e.jsx("span", { className: "ds-cursor ds-cursor--line" })
       ] })
@@ -2503,7 +2505,7 @@ function mn({
         c
       );
     }) }),
-    a && /* @__PURE__ */ e.jsxs(Qe, { secondary: !0, className: "ds-step-indicator__counter", children: [
+    a && /* @__PURE__ */ e.jsxs(et, { secondary: !0, className: "ds-step-indicator__counter", children: [
       s + 1,
       " / ",
       t
@@ -2519,7 +2521,7 @@ function pn({
   ...o
 }) {
   const i = R(t);
-  return B(() => {
+  return P(() => {
     t !== i.current && (r == null || r(t), i.current = t);
   }, [t, r]), /* @__PURE__ */ e.jsxs("span", { className: ["ds-streaming-text", a].filter(Boolean).join(" "), ...o, children: [
     t,
@@ -2555,7 +2557,7 @@ function hn({
 }
 function xn(t, { containerRef: s, smartPause: n = !0 } = {}) {
   const r = R(!1), a = R(0);
-  B(() => {
+  P(() => {
     const o = s == null ? void 0 : s.current;
     if (!o) return;
     const i = () => {
@@ -2563,7 +2565,7 @@ function xn(t, { containerRef: s, smartPause: n = !0 } = {}) {
       !l && o.scrollTop < a.current && (r.current = !0), l && (r.current = !1), a.current = o.scrollTop;
     };
     return o.addEventListener("scroll", i, { passive: !0 }), () => o.removeEventListener("scroll", i);
-  }, [s]), B(() => {
+  }, [s]), P(() => {
     const o = s == null ? void 0 : s.current;
     o && (n && r.current || (o.scrollTop = o.scrollHeight));
   }, t);
@@ -2577,33 +2579,33 @@ function Gt({
   betweenTime: o = 380,
   manualPauseMs: i = 5e3
 }) {
-  const [l, d] = I(0), [c, u] = I(""), p = R("typing"), h = R(0), m = R(0), x = R(null), v = R(0);
-  B(() => {
+  const [l, d] = I(0), [c, u] = I(""), p = R("typing"), h = R(0), m = R(0), x = R(null), b = R(0);
+  P(() => {
     m.current = l;
-  }, [l]), B(() => {
+  }, [l]), P(() => {
     if (x.current && (clearTimeout(x.current), x.current = null), !s || t.length === 0) {
       u(""), h.current = 0, p.current = "typing";
       return;
     }
     const k = () => {
       const S = Date.now();
-      if (v.current > S) {
-        x.current = setTimeout(k, v.current - S);
+      if (b.current > S) {
+        x.current = setTimeout(k, b.current - S);
         return;
       }
-      const P = t[m.current % t.length] ?? "";
-      p.current === "typing" ? (h.current += 1, u(P.slice(0, h.current)), h.current >= P.length ? (p.current = "holding", x.current = setTimeout(k, a)) : x.current = setTimeout(k, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", x.current = setTimeout(k, r)) : (h.current = Math.max(0, h.current - 1), u(P.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", m.current = (m.current + 1) % t.length, d(m.current), x.current = setTimeout(k, o)) : x.current = setTimeout(k, r));
+      const B = t[m.current % t.length] ?? "";
+      p.current === "typing" ? (h.current += 1, u(B.slice(0, h.current)), h.current >= B.length ? (p.current = "holding", x.current = setTimeout(k, a)) : x.current = setTimeout(k, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", x.current = setTimeout(k, r)) : (h.current = Math.max(0, h.current - 1), u(B.slice(0, h.current)), h.current <= 0 ? (p.current = "typing", m.current = (m.current + 1) % t.length, d(m.current), x.current = setTimeout(k, o)) : x.current = setTimeout(k, r));
     };
     return x.current = setTimeout(k, 260), () => {
       x.current && clearTimeout(x.current);
     };
   }, [s, t, n, r, a, o]);
-  const g = (k) => {
+  const v = (k) => {
     if (t.length === 0) return;
-    const S = (k % t.length + t.length) % t.length, P = t[S];
-    m.current = S, h.current = P.length, p.current = "holding", v.current = Date.now() + i, d(S), u(P);
-  }, j = () => g(m.current + 1), b = () => g(m.current - 1), N = t[l % t.length] ?? "";
-  return { displayed: c, currentPrompt: N, index: l, next: j, prev: b };
+    const S = (k % t.length + t.length) % t.length, B = t[S];
+    m.current = S, h.current = B.length, p.current = "holding", b.current = Date.now() + i, d(S), u(B);
+  }, y = () => v(m.current + 1), j = () => v(m.current - 1), N = t[l % t.length] ?? "";
+  return { displayed: c, currentPrompt: N, index: l, next: y, prev: j };
 }
 let Kt = 0;
 function vn({
@@ -2622,91 +2624,91 @@ function vn({
   onAttachImages: h,
   onRemoveAttachment: m,
   onRemoveImage: x,
-  acceptImage: v,
-  acceptFile: g,
-  maxImages: j,
-  maxImageSize: b,
+  acceptImage: b,
+  acceptFile: v,
+  maxImages: y,
+  maxImageSize: j,
   leftSlot: N,
   rightSlot: k,
   className: S = "",
-  ...P
+  ...B
 }) {
-  const z = R(null), O = R(null), C = R(0), [w, M] = I(!1), [K, V] = I([]), D = (y) => {
-    const L = ++Kt;
-    V((X) => [...X, { id: L, msg: y }]), setTimeout(() => V((X) => X.filter((J) => J.id !== L)), 6e3);
-  }, _ = (y) => V((L) => L.filter((X) => X.id !== y)), E = (y) => y.type.startsWith("image/"), A = () => !0, U = v ?? E, G = g ?? A, $ = (y) => {
-    const L = [], X = [], J = [], Z = [];
-    let te = 0, ue = j != null ? j - ((u == null ? void 0 : u.length) ?? 0) : 1 / 0;
-    for (const se of y)
-      U(se) ? b && se.size > b ? J.push(se.name) : ue > 0 ? (L.push(se), ue--) : te++ : G(se) ? X.push(se) : Z.push(se.name);
-    return { imageFiles: L, docFiles: X, tooLarge: J, skipped: Z, limitExceeded: te };
-  }, f = (y) => {
-    const { imageFiles: L, docFiles: X, tooLarge: J, skipped: Z, limitExceeded: te } = $(y);
-    J.length && D(`File${J.length > 1 ? "s" : ""} too large${b ? ` (max ${b / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && D(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`), te && D(`Max ${j} images per message`), h && L.length && h(L);
-    const ue = X.concat(h ? [] : L);
+  const L = R(null), O = R(null), C = R(0), [w, z] = I(!1), [K, V] = I([]), D = (g) => {
+    const M = ++Kt;
+    V((X) => [...X, { id: M, msg: g }]), setTimeout(() => V((X) => X.filter((J) => J.id !== M)), 6e3);
+  }, _ = (g) => V((M) => M.filter((X) => X.id !== g)), E = (g) => g.type.startsWith("image/"), A = () => !0, U = b ?? E, G = v ?? A, $ = (g) => {
+    const M = [], X = [], J = [], Z = [];
+    let te = 0, ue = y != null ? y - ((u == null ? void 0 : u.length) ?? 0) : 1 / 0;
+    for (const se of g)
+      U(se) ? j && se.size > j ? J.push(se.name) : ue > 0 ? (M.push(se), ue--) : te++ : G(se) ? X.push(se) : Z.push(se.name);
+    return { imageFiles: M, docFiles: X, tooLarge: J, skipped: Z, limitExceeded: te };
+  }, f = (g) => {
+    const { imageFiles: M, docFiles: X, tooLarge: J, skipped: Z, limitExceeded: te } = $(g);
+    J.length && D(`File${J.length > 1 ? "s" : ""} too large${j ? ` (max ${j / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && D(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`), te && D(`Max ${y} images per message`), h && M.length && h(M);
+    const ue = X.concat(h ? [] : M);
     p && ue.length && p(ue);
   };
-  B(() => {
-    const y = O.current;
-    y && (y.style.height = "auto", y.style.height = `${Math.min(y.scrollHeight, 200)}px`);
-  }, [t]), B(() => {
-    const y = (L) => {
+  P(() => {
+    const g = O.current;
+    g && (g.style.height = "auto", g.style.height = `${Math.min(g.scrollHeight, 200)}px`);
+  }, [t]), P(() => {
+    const g = (M) => {
       var J, Z, te;
       if (o || i) return;
-      const X = (J = L.target) == null ? void 0 : J.tagName;
-      X === "INPUT" || X === "TEXTAREA" || X === "SELECT" || (Z = L.target) != null && Z.isContentEditable || L.ctrlKey || L.metaKey || L.altKey || L.key.length !== 1 && L.key !== "Backspace" && L.key !== "Delete" || (te = O.current) == null || te.focus();
+      const X = (J = M.target) == null ? void 0 : J.tagName;
+      X === "INPUT" || X === "TEXTAREA" || X === "SELECT" || (Z = M.target) != null && Z.isContentEditable || M.ctrlKey || M.metaKey || M.altKey || M.key.length !== 1 && M.key !== "Backspace" && M.key !== "Delete" || (te = O.current) == null || te.focus();
     };
-    return document.addEventListener("keydown", y), () => document.removeEventListener("keydown", y);
+    return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
   }, [o, i]);
-  const T = (y) => {
-    y.preventDefault(), C.current++, y.dataTransfer.types.includes("Files") && M(!0);
-  }, W = (y) => {
-    y.preventDefault(), C.current--, C.current === 0 && M(!1);
-  }, Y = (y) => y.preventDefault(), ne = (y) => {
-    y.preventDefault(), C.current = 0, M(!1);
-    const L = Array.from(y.dataTransfer.files);
-    L.length && f(L);
-  }, oe = (y) => {
-    const L = Array.from(y.target.files || []);
-    z.current && (z.current.value = ""), L.length && f(L);
-  }, q = (y) => {
+  const T = (g) => {
+    g.preventDefault(), C.current++, g.dataTransfer.types.includes("Files") && z(!0);
+  }, W = (g) => {
+    g.preventDefault(), C.current--, C.current === 0 && z(!1);
+  }, Y = (g) => g.preventDefault(), ne = (g) => {
+    g.preventDefault(), C.current = 0, z(!1);
+    const M = Array.from(g.dataTransfer.files);
+    M.length && f(M);
+  }, oe = (g) => {
+    const M = Array.from(g.target.files || []);
+    L.current && (L.current.value = ""), M.length && f(M);
+  }, q = (g) => {
     var se;
     if (!h) return;
-    const L = (se = y.clipboardData) == null ? void 0 : se.items;
-    if (!L) return;
+    const M = (se = g.clipboardData) == null ? void 0 : se.items;
+    if (!M) return;
     const X = [];
-    for (const st of L) {
-      const Me = st.getAsFile();
+    for (const nt of M) {
+      const Me = nt.getAsFile();
       Me && X.push(Me);
     }
     if (X.length === 0) return;
     const { imageFiles: J, tooLarge: Z, skipped: te, limitExceeded: ue } = $(X);
-    Z.length && D(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), te.length && D(`Skipped unsupported file${te.length > 1 ? "s" : ""}: ${te.join(", ")}`), ue && D(`Max ${j} images per message`), J.length && (y.preventDefault(), h(J));
+    Z.length && D(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), te.length && D(`Skipped unsupported file${te.length > 1 ? "s" : ""}: ${te.join(", ")}`), ue && D(`Max ${y} images per message`), J.length && (g.preventDefault(), h(J));
   }, ee = !o && !i && !!(d != null && d.length) && t.length === 0, ie = Gt({
     prompts: d ?? [],
     enabled: ee
-  }), ge = (y) => {
+  }), ge = (g) => {
     if (ee) {
-      if (y.key === "ArrowDown" || y.key === "ArrowRight") {
-        y.preventDefault(), ie.next();
+      if (g.key === "ArrowDown" || g.key === "ArrowRight") {
+        g.preventDefault(), ie.next();
         return;
       }
-      if (y.key === "ArrowUp" || y.key === "ArrowLeft") {
-        y.preventDefault(), ie.prev();
+      if (g.key === "ArrowUp" || g.key === "ArrowLeft") {
+        g.preventDefault(), ie.prev();
         return;
       }
-      if (y.key === "Tab" && !y.shiftKey) {
-        y.preventDefault(), s == null || s(ie.currentPrompt);
+      if (g.key === "Tab" && !g.shiftKey) {
+        g.preventDefault(), s == null || s(ie.currentPrompt);
         return;
       }
     }
-    a == null || a(y);
-  }, tt = (t.trim() || (u == null ? void 0 : u.length) > 0 || (c == null ? void 0 : c.length) > 0) && !i, Pe = p || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", S].filter(Boolean).join(" "), ...P, children: [
+    a == null || a(g);
+  }, st = (t.trim() || (u == null ? void 0 : u.length) > 0 || (c == null ? void 0 : c.length) > 0) && !i, Pe = p || h;
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", S].filter(Boolean).join(" "), ...B, children: [
     Pe && /* @__PURE__ */ e.jsx(
       "input",
       {
-        ref: z,
+        ref: L,
         type: "file",
         multiple: !0,
         accept: "*/*",
@@ -2729,7 +2731,7 @@ function vn({
             {
               ref: O,
               value: t,
-              onChange: (y) => s == null ? void 0 : s(y.target.value),
+              onChange: (g) => s == null ? void 0 : s(g.target.value),
               onKeyDown: ge,
               onPaste: q,
               placeholder: ee ? "" : l,
@@ -2742,45 +2744,45 @@ function vn({
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-text", children: ie.displayed }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-cursor" })
           ] }),
-          u && u.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: u.map((y, L) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
-            /* @__PURE__ */ e.jsx("img", { src: y.preview, alt: "" }),
+          u && u.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: u.map((g, M) => /* @__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: () => x == null ? void 0 : x(L),
+                onClick: () => x == null ? void 0 : x(M),
                 "aria-label": "Remove image",
                 type: "button",
                 children: /* @__PURE__ */ e.jsx(Q, { size: 12, strokeWidth: 2 })
               }
             )
-          ] }, L)) }),
-          K.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: K.map((y) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
-            /* @__PURE__ */ e.jsx("span", { children: y.msg }),
+          ] }, M)) }),
+          K.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: K.map((g) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
+            /* @__PURE__ */ e.jsx("span", { children: g.msg }),
             /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
                 className: "ds-prompt-input__warning-close",
-                onClick: () => _(y.id),
+                onClick: () => _(g.id),
                 "aria-label": "Dismiss",
                 children: /* @__PURE__ */ e.jsx(Q, { size: F[1], strokeWidth: 1.5 })
               }
             )
-          ] }, y.id)) }),
-          c && c.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: c.map((y, L) => /* @__PURE__ */ e.jsx(fe, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
-            y.uploading ? /* @__PURE__ */ e.jsx(mt, { size: F[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(ze, { size: F[1], strokeWidth: 1.5 }),
-            y.filename,
-            y.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: "Uploading..." }) : /* @__PURE__ */ e.jsx(
+          ] }, g.id)) }),
+          c && c.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: c.map((g, M) => /* @__PURE__ */ e.jsx(fe, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
+            g.uploading ? /* @__PURE__ */ e.jsx(mt, { size: F[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(ze, { size: F[1], strokeWidth: 1.5 }),
+            g.filename,
+            g.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: "Uploading..." }) : /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
                 className: "ds-prompt-input__remove-btn",
-                onClick: () => m == null ? void 0 : m(L),
+                onClick: () => m == null ? void 0 : m(M),
                 children: /* @__PURE__ */ e.jsx(Q, { size: F[1], strokeWidth: 1.5 })
               }
             )
-          ] }) }, L)) }),
+          ] }) }, M)) }),
           /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__toolbar", children: [
             Pe && /* @__PURE__ */ e.jsx(
               ae,
@@ -2790,8 +2792,8 @@ function vn({
                 icon: /* @__PURE__ */ e.jsx(ze, { size: F[2], strokeWidth: 1.5 }),
                 "aria-label": "Attach files",
                 onClick: () => {
-                  var y;
-                  return (y = z.current) == null ? void 0 : y.click();
+                  var g;
+                  return (g = L.current) == null ? void 0 : g.click();
                 }
               }
             ),
@@ -2814,7 +2816,7 @@ function vn({
                 size: "xs",
                 icon: /* @__PURE__ */ e.jsx(ht, { size: F[2], strokeWidth: 1.5 }),
                 onClick: n,
-                disabled: !tt,
+                disabled: !st,
                 "aria-label": "Send"
               }
             )
@@ -2836,22 +2838,22 @@ function _n({
   className: l = "",
   ...d
 }) {
-  const [c, u] = I(!1), p = R(null), h = R(null), m = R(null), [x, v] = I({}), g = t.filter((w) => !a || w.name === "auto" ? !0 : (Ge[w.tier] ?? 1) >= (Ge[a] ?? 1)), j = g.find((w) => w.name === "auto"), b = g.filter((w) => w.name !== "auto"), N = t.find((w) => w.name === s), S = new Set(b.map((w) => w.tier).filter(Boolean)).size > 1;
-  B(() => {
+  const [c, u] = I(!1), p = R(null), h = R(null), m = R(null), [x, b] = I({}), v = t.filter((w) => !a || w.name === "auto" ? !0 : (Ge[w.tier] ?? 1) >= (Ge[a] ?? 1)), y = v.find((w) => w.name === "auto"), j = v.filter((w) => w.name !== "auto"), N = t.find((w) => w.name === s), S = new Set(j.map((w) => w.tier).filter(Boolean)).size > 1;
+  P(() => {
     if (!c) return;
-    const w = 320, M = () => {
+    const w = 320, z = () => {
       var A;
       const D = (A = h.current) == null ? void 0 : A.getBoundingClientRect();
       if (!D) return;
       const _ = window.innerHeight - D.bottom, E = _ < w + 8 && D.top > _;
-      v({
+      b({
         position: "fixed",
         zIndex: "var(--z-dropdown, 500)",
         left: D.left,
         ...E ? { bottom: window.innerHeight - D.top + 4, top: "auto" } : { top: D.bottom + 4, bottom: "auto" }
       });
     };
-    M(), window.addEventListener("scroll", M, !0), window.addEventListener("resize", M);
+    z(), window.addEventListener("scroll", z, !0), window.addEventListener("resize", z);
     const K = (D) => {
       var _, E;
       !((_ = p.current) != null && _.contains(D.target)) && !((E = m.current) != null && E.contains(D.target)) && u(!1);
@@ -2859,12 +2861,12 @@ function _n({
       D.key === "Escape" && u(!1);
     };
     return document.addEventListener("mousedown", K), document.addEventListener("keydown", V), () => {
-      window.removeEventListener("scroll", M, !0), window.removeEventListener("resize", M), document.removeEventListener("mousedown", K), document.removeEventListener("keydown", V);
+      window.removeEventListener("scroll", z, !0), window.removeEventListener("resize", z), document.removeEventListener("mousedown", K), document.removeEventListener("keydown", V);
     };
   }, [c]);
-  const P = (w) => {
+  const B = (w) => {
     n == null || n(w), u(!1);
-  }, z = (w) => /* @__PURE__ */ e.jsxs(
+  }, L = (w) => /* @__PURE__ */ e.jsxs(
     "button",
     {
       type: "button",
@@ -2872,7 +2874,7 @@ function _n({
         "ds-model-picker__item",
         w.name === s && "ds-model-picker__item--active"
       ].filter(Boolean).join(" "),
-      onClick: () => P(w.name),
+      onClick: () => B(w.name),
       children: [
         w.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: w.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: w.displayName || w.name }),
@@ -2880,14 +2882,14 @@ function _n({
       ]
     },
     w.name
-  ), O = () => !i || !S ? b.map(z) : ["fast", "standard", "premium"].flatMap((w) => {
-    const M = b.filter((K) => K.tier === w);
-    return M.length ? [
+  ), O = () => !i || !S ? j.map(L) : ["fast", "standard", "premium"].flatMap((w) => {
+    const z = j.filter((K) => K.tier === w);
+    return z.length ? [
       /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": w, children: w.charAt(0).toUpperCase() + w.slice(1) }, `lbl-${w}`),
-      ...M.map(z)
+      ...z.map(L)
     ] : [];
   }), C = c && /* @__PURE__ */ e.jsxs("div", { ref: m, className: "ds-model-picker__menu ds-scrollable", "data-ds-portal": "", style: x, children: [
-    o && j && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    o && y && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(
         "button",
         {
@@ -2897,14 +2899,14 @@ function _n({
             "ds-model-picker__item--auto",
             s === "auto" && "ds-model-picker__item--active"
           ].filter(Boolean).join(" "),
-          onClick: () => P("auto"),
+          onClick: () => B("auto"),
           children: [
             /* @__PURE__ */ e.jsx(xt, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: "Auto (smart routing)" })
           ]
         }
       ),
-      b.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
+      j.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
     ] }),
     O()
   ] });
@@ -2959,7 +2961,7 @@ function bn({
   const [o, i] = I(!1), l = Jt(t), d = l.length > r, c = o ? l : l.slice(0, r), u = t.some((h) => h.snippet), p = ["ds-sources-panel", s === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
   return s === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: p, children: [
     c.map((h) => {
-      const m = h.items.map((v) => v.page).filter(Boolean), x = !!a;
+      const m = h.items.map((b) => b.page).filter(Boolean), x = !!a;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -2982,20 +2984,20 @@ function bn({
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: p, children: [
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: n }),
     c.map((h) => {
-      const m = h.items.map((v) => v.page).filter(Boolean), x = !!a;
+      const m = h.items.map((b) => b.page).filter(Boolean), x = !!a;
       return u ? /* @__PURE__ */ e.jsx(
         Be,
         {
           title: /* @__PURE__ */ e.jsx(Xt, { filename: h.filename, pages: m }),
           padding: "s",
-          children: h.items.map((v, g) => /* @__PURE__ */ e.jsx(
+          children: h.items.map((b, v) => /* @__PURE__ */ e.jsx(
             "div",
             {
               className: `ds-sources-panel__snippet${x ? " ds-sources-panel__snippet--clickable" : ""}`,
-              onClick: x ? () => a(v) : void 0,
-              children: v.snippet ?? `p. ${v.page}`
+              onClick: x ? () => a(b) : void 0,
+              children: b.snippet ?? `p. ${b.page}`
             },
-            g
+            v
           ))
         },
         h.filename
@@ -3330,15 +3332,15 @@ function $n({
   statePrimary: h = "idle",
   stateBack: m = "idle"
 }) {
-  const x = R(null), v = R(t), g = R(s), j = R(l);
-  v.current = t, g.current = s, j.current = l;
-  const [b, N] = I(!1), [k, S] = I({ position: "fixed", visibility: "hidden", width: ke }), [P, z] = I("bottom"), [O, C] = I(null), w = R(!1), M = t[s], K = s === t.length - 1, V = le(() => {
-    const D = v.current[g.current];
+  const x = R(null), b = R(t), v = R(s), y = R(l);
+  b.current = t, v.current = s, y.current = l;
+  const [j, N] = I(!1), [k, S] = I({ position: "fixed", visibility: "hidden", width: ke }), [B, L] = I("bottom"), [O, C] = I(null), w = R(!1), z = t[s], K = s === t.length - 1, V = le(() => {
+    const D = b.current[v.current];
     if (!D || !x.current) return;
     const _ = as(D.target);
     if (!_) return;
-    const E = _.getBoundingClientRect(), U = x.current.getBoundingClientRect().height || 160, G = ke, $ = j.current ? ss : ns, f = D.position || os(E, U, G, $), { top: T, left: W, arrowOffset: Y } = is(f, E, U, G, $);
-    z(f), S({
+    const E = _.getBoundingClientRect(), U = x.current.getBoundingClientRect().height || 160, G = ke, $ = y.current ? ss : ns, f = D.position || os(E, U, G, $), { top: T, left: W, arrowOffset: Y } = is(f, E, U, G, $);
+    L(f), S({
       position: "fixed",
       top: T,
       left: W,
@@ -3352,7 +3354,7 @@ function $n({
       height: E.height + Ne * 2
     });
   }, []);
-  return B(() => {
+  return P(() => {
     window.addEventListener("scroll", V, !0), window.addEventListener("resize", V);
     const D = requestAnimationFrame(() => {
       V(), N(!0), w.current = !0;
@@ -3360,7 +3362,7 @@ function $n({
     return () => {
       cancelAnimationFrame(D), window.removeEventListener("scroll", V, !0), window.removeEventListener("resize", V);
     };
-  }, []), B(() => {
+  }, []), P(() => {
     if (!w.current) return;
     N(!1);
     const D = setTimeout(() => {
@@ -3369,15 +3371,15 @@ function $n({
       });
     }, rs + 20);
     return () => clearTimeout(D);
-  }, [s]), B(() => {
-    b && x.current && x.current.focus({ preventScroll: !0 });
-  }, [b]), B(() => {
+  }, [s]), P(() => {
+    j && x.current && x.current.focus({ preventScroll: !0 });
+  }, [j]), P(() => {
     const D = (_) => {
       _.key === "Escape" && a();
     };
     return document.addEventListener("keydown", D), () => document.removeEventListener("keydown", D);
-  }, [a]), B(() => {
-    if (!b) return;
+  }, [a]), P(() => {
+    if (!j) return;
     const D = (_) => {
       if (_.key !== "Tab" || !x.current) return;
       const E = Array.from(
@@ -3388,7 +3390,7 @@ function $n({
       _.shiftKey && document.activeElement === A ? (_.preventDefault(), U.focus()) : !_.shiftKey && document.activeElement === U && (_.preventDefault(), A.focus());
     };
     return document.addEventListener("keydown", D), () => document.removeEventListener("keydown", D);
-  }, [b]), !M || typeof document > "u" ? null : me.createPortal(
+  }, [j]), !z || typeof document > "u" ? null : me.createPortal(
     /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       O && /* @__PURE__ */ e.jsx(
         "div",
@@ -3397,7 +3399,7 @@ function $n({
             "ds-coachmark__spotlight",
             i && "ds-coachmark__spotlight--overlay",
             !l && "ds-coachmark__spotlight--no-ring",
-            b && "ds-coachmark__spotlight--visible"
+            j && "ds-coachmark__spotlight--visible"
           ].filter(Boolean).join(" "),
           style: O,
           "aria-hidden": "true"
@@ -3411,11 +3413,11 @@ function $n({
           role: "dialog",
           "aria-modal": "false",
           "aria-live": "polite",
-          "aria-label": M.title ?? `Step ${s + 1} of ${t.length}`,
+          "aria-label": z.title ?? `Step ${s + 1} of ${t.length}`,
           className: [
             "ds-coachmark__bubble",
-            `ds-coachmark__bubble--${P}`,
-            b && "ds-coachmark__bubble--visible"
+            `ds-coachmark__bubble--${B}`,
+            j && "ds-coachmark__bubble--visible"
           ].filter(Boolean).join(" "),
           style: k,
           tabIndex: -1,
@@ -3430,8 +3432,8 @@ function $n({
                 children: /* @__PURE__ */ e.jsx(Q, { size: 16, strokeWidth: 2 })
               }
             ),
-            M.title && /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__title", children: M.title }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__body", children: M.content }),
+            z.title && /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__title", children: z.title }),
+            /* @__PURE__ */ e.jsx("div", { className: "ds-coachmark__body", children: z.content }),
             /* @__PURE__ */ e.jsxs("div", { className: "ds-coachmark__footer", children: [
               t.length > 1 && /* @__PURE__ */ e.jsxs("span", { className: "ds-coachmark__counter", children: [
                 s + 1,
@@ -3527,7 +3529,7 @@ export {
   Qs as NavRailRecents,
   js as P1,
   yt as P2,
-  Qe as P3,
+  et as P3,
   Vs as Pagination,
   an as ProgressBar,
   vn as PromptInput,