@donkit-ai/design-system 1.4.74 → 1.4.75

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import q, { useState as I, useRef as R, useEffect as P, useLayoutEffect as nt, forwardRef as Je, useCallback as le, useContext as de, createContext as Ze } from "react";
+import q, { useState as B, useRef as R, useEffect as P, useLayoutEffect as nt, forwardRef as Je, useCallback as ce, useContext as ue, createContext as Ze } from "react";
 import { Check as Re, X as ee, ChevronDown as je, Minus as rt, Plus as at, XCircle as Se, AlertTriangle as Ae, CheckCircle as De, Info as Ie, ChevronUp as ot, ChevronsUpDown as it, ChevronLeft as lt, ChevronRight as ct, Copy as dt, Brain as ut, Loader as ft, Paperclip as ze, Square as mt, ArrowUp as pt, Zap as ht, Cpu as Fe, FileText as xt, ThumbsUp as vt, ThumbsDown as _t } from "lucide-react";
-import me from "react-dom";
+import re from "react-dom";
 const C = {
   1: 16,
   2: 20,
@@ -59,13 +59,13 @@ function jt() {
         return f.$$typeof === F ? null : f.displayName || f.name || null;
       if (typeof f == "string") return f;
       switch (f) {
-        case g:
+        case b:
           return "Fragment";
-        case _:
+        case N:
           return "Profiler";
         case $:
           return "StrictMode";
-        case B:
+        case D:
           return "Suspense";
         case M:
           return "SuspenseList";
@@ -76,11 +76,11 @@ function jt() {
         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 b:
+          case w:
             return "Portal";
           case y:
             return f.displayName || "Context";
-          case N:
+          case _:
             return (f._context.displayName || "Context") + ".Consumer";
           case S:
             var T = f.render;
@@ -117,7 +117,7 @@ function jt() {
       }
     }
     function r(f) {
-      if (f === g) return "<>";
+      if (f === b) return "<>";
       if (typeof f == "object" && f !== null && f.$$typeof === z)
         return "<...>";
       try {
@@ -159,10 +159,10 @@ function jt() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), f = this.props.ref, f !== void 0 ? f : null;
     }
-    function d(f, T, O, Y, te, oe) {
+    function d(f, T, O, Y, te, ie) {
       var H = O.ref;
       return f = {
-        $$typeof: x,
+        $$typeof: h,
         type: f,
         key: T,
         props: O,
@@ -189,22 +189,22 @@ function jt() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: oe
+        value: ie
       }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     }
-    function u(f, T, O, Y, te, oe) {
+    function u(f, T, O, Y, te, ie) {
       var H = T.children;
       if (H !== void 0)
         if (Y)
-          if (D(H)) {
+          if (I(H)) {
             for (Y = 0; Y < H.length; Y++)
-              p(H[Y]);
+              m(H[Y]);
             Object.freeze && Object.freeze(H);
           } else
             console.error(
               "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);
+        else m(H);
       if (V.call(T, "key")) {
         H = t(f);
         var Q = Object.keys(T).filter(function(ge) {
@@ -225,8 +225,8 @@ React keys must be passed directly to JSX without using spread:
       }
       if (H = null, O !== void 0 && (n(O), H = "" + O), i(T) && (n(T.key), H = "" + T.key), "key" in T) {
         O = {};
-        for (var ie in T)
-          ie !== "key" && (O[ie] = T[ie]);
+        for (var le in T)
+          le !== "key" && (O[le] = T[le]);
       } else O = T;
       return H && l(
         O,
@@ -237,28 +237,28 @@ React keys must be passed directly to JSX without using spread:
         O,
         a(),
         te,
-        oe
+        ie
       );
     }
-    function p(f) {
-      h(f) ? f._store && (f._store.validated = 1) : typeof f == "object" && f !== null && f.$$typeof === z && (f._payload.status === "fulfilled" ? h(f._payload.value) && f._payload.value._store && (f._payload.value._store.validated = 1) : f._store && (f._store.validated = 1));
+    function m(f) {
+      x(f) ? f._store && (f._store.validated = 1) : typeof f == "object" && f !== null && f.$$typeof === z && (f._payload.status === "fulfilled" ? x(f._payload.value) && f._payload.value._store && (f._payload.value._store.validated = 1) : f._store && (f._store.validated = 1));
     }
-    function h(f) {
-      return typeof f == "object" && f !== null && f.$$typeof === x;
+    function x(f) {
+      return typeof f == "object" && f !== null && f.$$typeof === h;
     }
-    var m = q, x = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), _ = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), y = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), M = Symbol.for("react.suspense_list"), W = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), j = Symbol.for("react.activity"), F = Symbol.for("react.client.reference"), K = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, D = Array.isArray, v = console.createTask ? console.createTask : function() {
+    var p = q, h = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), N = Symbol.for("react.profiler"), _ = Symbol.for("react.consumer"), y = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), D = Symbol.for("react.suspense"), M = Symbol.for("react.suspense_list"), W = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), j = Symbol.for("react.activity"), F = Symbol.for("react.client.reference"), K = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, I = Array.isArray, v = console.createTask ? console.createTask : function() {
       return null;
     };
-    m = {
+    p = {
       react_stack_bottom_frame: function(f) {
         return f();
       }
     };
-    var k, A = {}, U = m.react_stack_bottom_frame.bind(
-      m,
+    var k, A = {}, U = p.react_stack_bottom_frame.bind(
+      p,
       o
     )(), G = v(r(o)), E = {};
-    be.Fragment = g, be.jsx = function(f, T, O) {
+    be.Fragment = b, be.jsx = function(f, T, O) {
       var Y = 1e4 > K.recentlyCreatedOwnerStacks++;
       return u(
         f,
@@ -295,7 +295,7 @@ function Nt({ size: t = "m", color: s = "default", className: n = "", ...r }) {
   );
 }
 const wt = { xs: 12, s: 14, m: 16, l: 20 };
-function ae({
+function oe({
   children: t,
   variant: s = "primary",
   size: n = "m",
@@ -307,23 +307,23 @@ function ae({
   type: c = "button",
   href: d,
   "aria-label": u,
-  className: p = "",
-  ...h
+  className: m = "",
+  ...x
 }) {
-  const m = a && !t, x = i === "loading", b = i === "success", g = i === "error", $ = x || b || g, _ = n === "xs" ? "s" : "m", N = s === "danger" ? "on-accent" : "default", y = wt[n] ?? 16, S = x ? /* @__PURE__ */ e.jsx(Nt, { size: _, color: N }) : b ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Re, { size: y, strokeWidth: 2.5 }) }) : g ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ee, { size: y, strokeWidth: 2.5 }) }) : null, B = [
+  const p = a && !t, h = i === "loading", w = i === "success", b = i === "error", $ = h || w || b, N = n === "xs" ? "s" : "m", _ = s === "danger" ? "on-accent" : "default", y = wt[n] ?? 16, S = h ? /* @__PURE__ */ e.jsx(Nt, { size: N, color: _ }) : w ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Re, { size: y, strokeWidth: 2.5 }) }) : b ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(ee, { size: y, strokeWidth: 2.5 }) }) : null, D = [
     "ds-button",
     `ds-button--${s}`,
     `ds-button--${n}`,
     r && "ds-button--full",
-    m && "ds-button--icon-only",
-    p
+    p && "ds-button--icon-only",
+    m
   ].filter(Boolean).join(" "), M = i !== "idle" ? i : void 0, W = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     $ ? S : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
     t
   ] });
   if (d) {
     const z = (j) => {
-      if (o || x) {
+      if (o || h) {
         j.preventDefault();
         return;
       }
@@ -332,14 +332,14 @@ function ae({
     return /* @__PURE__ */ e.jsx(
       "a",
       {
-        className: B,
-        href: o || x ? void 0 : d,
+        className: D,
+        href: o || h ? void 0 : d,
         onClick: z,
         "aria-label": u,
-        "aria-disabled": o || x ? "true" : void 0,
-        "aria-busy": x ? "true" : void 0,
+        "aria-disabled": o || h ? "true" : void 0,
+        "aria-busy": h ? "true" : void 0,
         "data-state": M,
-        ...h,
+        ...x,
         children: W
       }
     );
@@ -348,13 +348,13 @@ function ae({
     "button",
     {
       type: c,
-      className: B,
+      className: D,
       disabled: o,
-      onClick: x ? void 0 : l,
+      onClick: h ? void 0 : l,
       "aria-label": u,
-      "aria-busy": x ? "true" : void 0,
+      "aria-busy": h ? "true" : void 0,
       "data-state": M,
-      ...h,
+      ...x,
       children: W
     }
   );
@@ -372,19 +372,19 @@ function cs({
   id: d,
   ...u
 }) {
-  const p = d || `input-${q.useId()}`, h = n ? `${p}-hint` : void 0, m = s ? `${p}-error` : void 0, x = m || h;
+  const m = d || `input-${q.useId()}`, x = n ? `${m}-hint` : void 0, p = s ? `${m}-error` : void 0, h = p || x;
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-input-wrapper ${r ? "ds-input-wrapper--full" : ""} ${c ? "ds-input-wrapper--disabled" : ""} ${s ? "ds-input-wrapper--error" : ""}`, children: [
-    t && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: p, children: t }),
+    t && /* @__PURE__ */ e.jsx("label", { className: "ds-input-label", htmlFor: m, children: t }),
     /* @__PURE__ */ e.jsxs("div", { className: "ds-input-container", children: [
       a && /* @__PURE__ */ e.jsx("span", { className: `ds-input-icon ds-input-icon--${l}`, "aria-hidden": "true", children: a }),
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          id: p,
+          id: m,
           className: `ds-input ds-input--${l} ${a ? "ds-input--with-icon" : ""} ${o ? "ds-input--with-icon-right" : ""} ${s ? "ds-input--error" : ""}`,
           disabled: c,
           "aria-invalid": s ? "true" : "false",
-          "aria-describedby": x,
+          "aria-describedby": h,
           ...u
         }
       ),
@@ -400,8 +400,8 @@ function cs({
         }
       )
     ] }),
-    n && !s && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-input-hint", children: n }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: s && /* @__PURE__ */ e.jsx("span", { id: m, className: "ds-input-error", role: "alert", children: s }) }) })
+    n && !s && /* @__PURE__ */ e.jsx("span", { id: x, className: "ds-input-hint", children: n }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-wrap", children: /* @__PURE__ */ e.jsx("div", { className: "ds-input-error-inner", children: s && /* @__PURE__ */ e.jsx("span", { id: p, className: "ds-input-error", role: "alert", children: s }) }) })
   ] });
 }
 function ds({
@@ -416,7 +416,7 @@ function ds({
   rows: c = 3,
   ...d
 }) {
-  const u = i || `textarea-${q.useId()}`, p = n ? `${u}-hint` : void 0, h = s ? `${u}-error` : void 0, m = h || p;
+  const u = i || `textarea-${q.useId()}`, m = n ? `${u}-hint` : void 0, x = s ? `${u}-error` : void 0, p = x || m;
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-textarea-wrapper ${r ? "ds-textarea-wrapper--full" : ""} ${o ? "ds-textarea-wrapper--disabled" : ""}`, children: [
     t && /* @__PURE__ */ e.jsx("label", { className: "ds-textarea-label", htmlFor: u, children: t }),
     /* @__PURE__ */ e.jsx(
@@ -426,13 +426,13 @@ function ds({
         className: `ds-textarea ds-textarea--${a} ${s ? "ds-textarea--error" : ""} ${l ? "" : "ds-textarea--no-resize"}`,
         disabled: o,
         "aria-invalid": s ? "true" : "false",
-        "aria-describedby": m,
+        "aria-describedby": p,
         rows: c,
         ...d
       }
     ),
-    n && !s && /* @__PURE__ */ e.jsx("span", { id: p, className: "ds-textarea-hint", children: n }),
-    s && /* @__PURE__ */ e.jsx("span", { id: h, className: "ds-textarea-error", role: "alert", children: s })
+    n && !s && /* @__PURE__ */ e.jsx("span", { id: m, className: "ds-textarea-hint", children: n }),
+    s && /* @__PURE__ */ e.jsx("span", { id: x, className: "ds-textarea-error", role: "alert", children: s })
   ] });
 }
 function us({
@@ -448,70 +448,70 @@ function us({
   id: d,
   ...u
 }) {
-  const [p, h] = I(!1), [m, x] = I(!1), [b, g] = I({}), [$, _] = I("down"), [N, y] = I(-1), S = R(null), B = R(null), M = R(null), W = R(null), z = d || `select-${q.useId()}`, j = `${z}-label`, F = o ? `${z}-error` : void 0, K = 150, V = (E = !1) => {
-    m || (x(!0), y(-1), W.current = setTimeout(() => {
+  const [m, x] = B(!1), [p, h] = B(!1), [w, b] = B({}), [$, N] = B("down"), [_, y] = B(-1), S = R(null), D = R(null), M = R(null), W = R(null), z = d || `select-${q.useId()}`, j = `${z}-label`, F = o ? `${z}-error` : void 0, K = 150, V = (E = !1) => {
+    p || (h(!0), y(-1), W.current = setTimeout(() => {
       var f;
-      h(!1), x(!1), E && ((f = M.current) == null || f.focus());
+      x(!1), h(!1), E && ((f = M.current) == null || f.focus());
     }, K));
-  }, D = (E) => {
-    clearTimeout(W.current), x(!1);
+  }, I = (E) => {
+    clearTimeout(W.current), h(!1);
     const f = E !== void 0 ? E : Math.max(r.findIndex((T) => T.value === s), 0);
-    y(f), h(!0);
+    y(f), x(!0);
   };
   P(() => () => clearTimeout(W.current), []);
   const v = () => {
-    var oe;
-    const E = (oe = S.current) == null ? void 0 : oe.getBoundingClientRect();
+    var ie;
+    const E = (ie = S.current) == null ? void 0 : ie.getBoundingClientRect();
     if (!E) return;
     const f = window.innerHeight, T = f - E.bottom, O = E.top, te = T < 300 && O > T;
-    _(te ? "up" : "down"), g(
+    N(te ? "up" : "down"), b(
       te ? { bottom: f - E.top + 4, left: E.left, width: E.width } : { top: E.bottom + 4, left: E.left, width: E.width }
     );
   };
   P(() => {
-    if (p)
+    if (m)
       return v(), window.addEventListener("scroll", v, !0), window.addEventListener("resize", v), () => {
         window.removeEventListener("scroll", v, !0), window.removeEventListener("resize", v);
       };
-  }, [p]), P(() => {
+  }, [m]), P(() => {
     const E = (f) => {
-      S.current && !S.current.contains(f.target) && B.current && !B.current.contains(f.target) && V();
+      S.current && !S.current.contains(f.target) && D.current && !D.current.contains(f.target) && V();
     };
     return document.addEventListener("mousedown", E), () => document.removeEventListener("mousedown", E);
-  }, [m]), P(() => {
+  }, [p]), P(() => {
     var f;
-    if (!p || N < 0 || !B.current) return;
-    (f = B.current.querySelectorAll(".ds-select-option")[N]) == null || f.scrollIntoView({ block: "nearest" });
-  }, [N, p]);
+    if (!m || _ < 0 || !D.current) return;
+    (f = D.current.querySelectorAll(".ds-select-option")[_]) == null || f.scrollIntoView({ block: "nearest" });
+  }, [_, m]);
   const k = (E) => {
     switch (E.key) {
       case "ArrowDown":
-        E.preventDefault(), p ? y((f) => Math.min(f + 1, r.length - 1)) : D();
+        E.preventDefault(), m ? y((f) => Math.min(f + 1, r.length - 1)) : I();
         break;
       case "ArrowUp":
-        E.preventDefault(), p ? y((f) => Math.max(f - 1, 0)) : D(r.length - 1);
+        E.preventDefault(), m ? y((f) => Math.max(f - 1, 0)) : I(r.length - 1);
         break;
       case "Home":
-        p && (E.preventDefault(), y(0));
+        m && (E.preventDefault(), y(0));
         break;
       case "End":
-        p && (E.preventDefault(), y(r.length - 1));
+        m && (E.preventDefault(), y(r.length - 1));
         break;
       case "Enter":
       case " ":
-        E.preventDefault(), p ? N >= 0 && (n == null || n(r[N].value), V(!0)) : D();
+        E.preventDefault(), m ? _ >= 0 && (n == null || n(r[_].value), V(!0)) : I();
         break;
       case "Escape":
-        p && (E.preventDefault(), V(!0));
+        m && (E.preventDefault(), V(!0));
         break;
       case "Tab":
-        p && V(!1);
+        m && V(!1);
         break;
     }
-  }, A = r.find((E) => E.value === s), U = l === "xs" ? C[1] : l === "small" ? C[2] : C[3], G = p && /* @__PURE__ */ e.jsx(
+  }, A = r.find((E) => E.value === s), U = l === "xs" ? C[1] : l === "small" ? C[2] : C[3], G = m && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: B,
+      ref: D,
       "data-ds-portal": "",
       role: "listbox",
       "aria-labelledby": t ? j : void 0,
@@ -520,9 +520,9 @@ function us({
         "ds-select-dropdown ds-scrollable",
         `ds-select-dropdown--${l}`,
         `ds-select-dropdown--${$}`,
-        m && "ds-select-dropdown--closing"
+        p && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
-      style: b,
+      style: w,
       children: r.map((E, f) => /* @__PURE__ */ e.jsx(
         "button",
         {
@@ -535,7 +535,7 @@ function us({
             "ds-select-option",
             `ds-select-option--${l}`,
             s === E.value && "ds-select-option--selected",
-            f === N && "ds-select-option--active"
+            f === _ && "ds-select-option--active"
           ].filter(Boolean).join(" "),
           onClick: () => {
             n == null || n(E.value), V(!0);
@@ -556,14 +556,14 @@ function us({
         id: z,
         role: "combobox",
         "aria-haspopup": "listbox",
-        "aria-expanded": p,
-        "aria-activedescendant": p && N >= 0 ? `${z}-opt-${N}` : void 0,
+        "aria-expanded": m,
+        "aria-activedescendant": m && _ >= 0 ? `${z}-opt-${_}` : void 0,
         "aria-labelledby": t ? j : void 0,
         "aria-invalid": o ? "true" : "false",
         "aria-describedby": F,
         className: `ds-select-trigger ds-select-trigger--${l} ${o ? "ds-select-trigger--error" : ""}`,
         onClick: () => {
-          c || (p ? V() : D());
+          c || (m ? V() : I());
         },
         onKeyDown: k,
         disabled: c,
@@ -575,7 +575,7 @@ function us({
             {
               size: U,
               strokeWidth: 1.5,
-              className: `ds-select-icon ${p && $ === "down" ? "ds-select-icon--open" : ""} ${p && $ === "up" ? "ds-select-icon--up" : ""}`,
+              className: `ds-select-icon ${m && $ === "down" ? "ds-select-icon--open" : ""} ${m && $ === "up" ? "ds-select-icon--up" : ""}`,
               "aria-hidden": "true"
             }
           )
@@ -583,7 +583,7 @@ function us({
       }
     ) }),
     o && /* @__PURE__ */ e.jsx("span", { id: F, className: "ds-select-error", role: "alert", children: o }),
-    typeof document < "u" && me.createPortal(G, document.body)
+    typeof document < "u" && re.createPortal(G, document.body)
   ] });
 }
 function fs({
@@ -599,47 +599,47 @@ function fs({
   error: d,
   ...u
 }) {
-  const p = () => {
+  const m = () => {
     if (l) return;
     const $ = Math.min(Number(s) + o, a);
     n == null || n($);
-  }, h = () => {
+  }, x = () => {
     if (l) return;
     const $ = Math.max(Number(s) - o, r);
     n == null || n($);
-  }, m = ($) => {
+  }, p = ($) => {
     if (l) return;
-    const _ = $.target.value;
-    if (_ === "") {
+    const N = $.target.value;
+    if (N === "") {
       n == null || n(r);
       return;
     }
-    const N = Number(_);
-    if (!isNaN(N)) {
-      const y = Math.min(Math.max(N, r), a);
+    const _ = Number(N);
+    if (!isNaN(_)) {
+      const y = Math.min(Math.max(_, r), a);
       n == null || n(y);
     }
-  }, x = [
+  }, h = [
     "ds-stepper-wrapper",
     l && "ds-stepper-wrapper--disabled",
     d && "ds-stepper-wrapper--error"
-  ].filter(Boolean).join(" "), b = [
+  ].filter(Boolean).join(" "), w = [
     "ds-stepper",
     `ds-stepper--${i}`,
     l && "ds-stepper--disabled"
-  ].filter(Boolean).join(" "), g = i === "xs" ? C[1] : i === "small" ? C[2] : C[3];
-  return /* @__PURE__ */ e.jsxs("div", { className: x, children: [
+  ].filter(Boolean).join(" "), b = i === "xs" ? C[1] : i === "small" ? C[2] : C[3];
+  return /* @__PURE__ */ e.jsxs("div", { className: h, children: [
     t && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: t }),
-    /* @__PURE__ */ e.jsxs("div", { className: b, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: w, children: [
       /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--minus",
-          onClick: h,
+          onClick: x,
           disabled: l || s <= r,
           "aria-label": "Decrease",
-          children: /* @__PURE__ */ e.jsx(rt, { size: g, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(rt, { size: b, strokeWidth: 1.5 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -648,7 +648,7 @@ function fs({
           type: "number",
           className: "ds-stepper-input",
           value: s,
-          onChange: m,
+          onChange: p,
           min: r,
           max: a,
           step: o,
@@ -661,10 +661,10 @@ function fs({
         {
           type: "button",
           className: "ds-stepper-button ds-stepper-button--plus",
-          onClick: p,
+          onClick: m,
           disabled: l || s >= a,
           "aria-label": "Increase",
-          children: /* @__PURE__ */ e.jsx(at, { size: g, strokeWidth: 1.5 })
+          children: /* @__PURE__ */ e.jsx(at, { size: b, strokeWidth: 1.5 })
         }
       )
     ] }),
@@ -689,36 +689,36 @@ function ms({
     d && "ds-card--interactive"
   ].filter(Boolean).join(" ");
   if (o) {
-    const m = (x) => {
+    const p = (h) => {
       if (i) {
-        x.preventDefault();
+        h.preventDefault();
         return;
       }
-      x.metaKey || x.ctrlKey || x.button === 1 || (x.preventDefault(), a == null || a(x));
+      h.metaKey || h.ctrlKey || h.button === 1 || (h.preventDefault(), a == null || a(h));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
         className: u,
         href: i ? void 0 : o,
-        onClick: m,
+        onClick: p,
         "aria-disabled": i ? "true" : void 0,
         ...l,
         children: t
       }
     );
   }
-  const p = d && a ? "button" : "div", h = d && a ? {
+  const m = d && a ? "button" : "div", x = d && a ? {
     type: "button",
     onClick: a,
     disabled: i
   } : {};
   return /* @__PURE__ */ e.jsx(
-    p,
+    m,
     {
       className: u,
       role: d && !a ? "article" : void 0,
-      ...h,
+      ...x,
       ...l,
       children: t
     }
@@ -745,7 +745,7 @@ function gt({ children: t, secondary: s = !1, ...n }) {
 function Qe({ children: t, secondary: s = !1, ...n }) {
   return /* @__PURE__ */ e.jsx("p", { className: `ds-p3 ${s ? "ds-p3--secondary" : ""}`, ...n, children: t });
 }
-function fe({
+function me({
   children: t,
   variant: s = "default",
   size: n = "m",
@@ -800,25 +800,24 @@ function js({
   subHeader: o,
   ...i
 }) {
-  const l = R(null), c = q.useId(), [d, u] = I(!1), p = () => {
+  const l = R(null), c = q.useId(), [d, u] = B(!1), m = () => {
     !n || d || (u(!0), setTimeout(() => {
       u(!1), n();
     }, kt));
   };
   P(() => {
-    const b = ($) => {
-      $.key === "Escape" && p();
-    }, g = ($) => {
-      var N, y, S;
-      const _ = ((y = (N = $.composedPath) == null ? void 0 : N.call($)) == null ? void 0 : y[0]) ?? $.target;
-      l.current && !l.current.contains(_) && !((S = _.closest) != null && S.call(_, "[data-ds-portal]")) && p();
+    const b = (N) => {
+      N.key === "Escape" && m();
+    }, $ = (N) => {
+      var y, S, D;
+      const _ = ((S = (y = N.composedPath) == null ? void 0 : y.call(N)) == null ? void 0 : S[0]) ?? N.target;
+      l.current && !l.current.contains(_) && !((D = _.closest) != null && D.call(_, "[data-ds-portal]")) && m();
     };
-    return document.addEventListener("keydown", b), document.addEventListener("mousedown", g), () => {
-      document.removeEventListener("keydown", b), document.removeEventListener("mousedown", g);
+    return document.addEventListener("keydown", b), document.addEventListener("mousedown", $), () => {
+      document.removeEventListener("keydown", b), document.removeEventListener("mousedown", $);
     };
   }, [n, d]);
-  const h = q.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", d && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...i, children: /* @__PURE__ */ e.jsxs(
+  const x = q.Children.toArray(t), p = x.find((b) => (b == null ? void 0 : b.type) === he), h = x.filter((b) => (b == null ? void 0 : b.type) !== he), w = /* @__PURE__ */ e.jsx("div", { className: ["ds-modal-overlay", d && "ds-modal-overlay--closing"].filter(Boolean).join(" "), ...i, children: /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: [`ds-modal ds-modal--${r}`, a && "ds-modal--scrollable"].filter(Boolean).join(" "),
@@ -828,13 +827,13 @@ function js({
       "aria-labelledby": s ? c : void 0,
       children: [
         n && /* @__PURE__ */ e.jsx(
-          ae,
+          oe,
           {
             className: "ds-modal__close",
             variant: "ghost",
             size: "small",
             icon: /* @__PURE__ */ e.jsx(ee, { size: C[2], strokeWidth: 1.5 }),
-            onClick: p,
+            onClick: m,
             "aria-label": "Close modal"
           }
         ),
@@ -842,11 +841,12 @@ function js({
           s && /* @__PURE__ */ e.jsx("h3", { id: c, className: "ds-modal__title", children: s }),
           o && /* @__PURE__ */ e.jsx("div", { className: "ds-modal__subheader", children: o })
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: x }),
-        m
+        /* @__PURE__ */ e.jsx("div", { className: "ds-modal__body ds-scrollable", children: h }),
+        p
       ]
     }
   ) });
+  return typeof document > "u" ? w : re.createPortal(w, document.body);
 }
 function he({ children: t }) {
   return !t || q.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-modal__footer", children: t });
@@ -859,25 +859,24 @@ function Ns({
   subHeader: r,
   ...a
 }) {
-  const o = R(null), i = q.useId(), [l, c] = I(!1), d = () => {
+  const o = R(null), i = q.useId(), [l, c] = B(!1), d = () => {
     !n || l || (c(!0), setTimeout(() => {
       c(!1), n();
     }, Et));
   };
   P(() => {
-    const m = (b) => {
+    const h = (b) => {
       b.key === "Escape" && d();
-    }, x = (b) => {
-      var $, _, N;
-      const g = ((_ = ($ = b.composedPath) == null ? void 0 : $.call(b)) == null ? void 0 : _[0]) ?? b.target;
-      o.current && !o.current.contains(g) && !((N = g.closest) != null && N.call(g, "[data-ds-portal]")) && d();
+    }, w = (b) => {
+      var N, _, y;
+      const $ = ((_ = (N = b.composedPath) == null ? void 0 : N.call(b)) == null ? void 0 : _[0]) ?? b.target;
+      o.current && !o.current.contains($) && !((y = $.closest) != null && y.call($, "[data-ds-portal]")) && d();
     };
-    return document.addEventListener("keydown", m), document.addEventListener("mousedown", x), () => {
-      document.removeEventListener("keydown", m), document.removeEventListener("mousedown", x);
+    return document.addEventListener("keydown", h), document.addEventListener("mousedown", w), () => {
+      document.removeEventListener("keydown", h), document.removeEventListener("mousedown", w);
     };
   }, [n, l]);
-  const u = q.Children.toArray(t), p = u.find((m) => (m == null ? void 0 : m.type) === he), h = u.filter((m) => (m == null ? void 0 : m.type) !== he);
-  return /* @__PURE__ */ e.jsx(
+  const u = q.Children.toArray(t), m = u.find((h) => (h == null ? void 0 : h.type) === he), x = u.filter((h) => (h == null ? void 0 : h.type) !== he), p = /* @__PURE__ */ e.jsx(
     "div",
     {
       className: ["ds-bottom-sheet-overlay", l && "ds-bottom-sheet-overlay--closing"].filter(Boolean).join(" "),
@@ -893,7 +892,7 @@ function Ns({
           children: [
             /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__handle", "aria-hidden": "true" }),
             n && /* @__PURE__ */ e.jsx(
-              ae,
+              oe,
               {
                 className: "ds-bottom-sheet__close",
                 variant: "ghost",
@@ -907,13 +906,14 @@ function Ns({
               s && /* @__PURE__ */ e.jsx("h3", { id: i, className: "ds-bottom-sheet__title", children: s }),
               r && /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__subheader", children: r })
             ] }),
-            /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__body ds-scrollable", children: h }),
-            p
+            /* @__PURE__ */ e.jsx("div", { className: "ds-bottom-sheet__body ds-scrollable", children: x }),
+            m
           ]
         }
       )
     }
   );
+  return typeof document > "u" ? p : re.createPortal(p, document.body);
 }
 function $t({
   children: t,
@@ -925,22 +925,22 @@ function $t({
   className: i = "",
   ...l
 }) {
-  const [c, d] = I(n), u = r !== void 0, p = u ? r : c, h = () => {
-    u ? a == null || a(!r) : d((x) => !x);
-  }, m = [
+  const [c, d] = B(n), u = r !== void 0, m = u ? r : c, x = () => {
+    u ? a == null || a(!r) : d((h) => !h);
+  }, p = [
     "ds-code-accordion",
     `ds-code-accordion--${o}`,
-    p && "ds-code-accordion--expanded",
+    m && "ds-code-accordion--expanded",
     i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: m, ...l, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: p, ...l, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         className: "ds-code-accordion__header",
-        onClick: h,
-        "aria-expanded": p,
+        onClick: x,
+        "aria-expanded": m,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-code-accordion__title", children: s }),
           /* @__PURE__ */ e.jsx(
@@ -948,7 +948,7 @@ function $t({
             {
               size: C[2],
               strokeWidth: 1.5,
-              className: `ds-code-accordion__icon ${p ? "ds-code-accordion__icon--expanded" : ""}`
+              className: `ds-code-accordion__icon ${m ? "ds-code-accordion__icon--expanded" : ""}`
             }
           )
         ]
@@ -985,17 +985,17 @@ function ks({ children: t, selected: s = !1, onClick: n, size: r = "m", variant:
     `ds-tab--${a}`,
     s && "ds-tab--selected",
     d && "ds-tab--icon-only"
-  ].filter(Boolean).join(" "), p = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  ].filter(Boolean).join(" "), m = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     i && /* @__PURE__ */ e.jsx("span", { className: "ds-tab-icon", children: i }),
     t
   ] });
   if (l) {
-    const h = (m) => {
+    const x = (p) => {
       if (o) {
-        m.preventDefault();
+        p.preventDefault();
         return;
       }
-      m.metaKey || m.ctrlKey || m.button === 1 || (m.preventDefault(), n == null || n(m));
+      p.metaKey || p.ctrlKey || p.button === 1 || (p.preventDefault(), n == null || n(p));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
@@ -1005,9 +1005,9 @@ function ks({ children: t, selected: s = !1, onClick: n, size: r = "m", variant:
         "aria-disabled": o ? "true" : void 0,
         className: u,
         href: o ? void 0 : l,
-        onClick: h,
+        onClick: x,
         ...c,
-        children: p
+        children: m
       }
     );
   }
@@ -1020,33 +1020,33 @@ function ks({ children: t, selected: s = !1, onClick: n, size: r = "m", variant:
       onClick: n,
       disabled: o,
       ...c,
-      children: p
+      children: m
     }
   );
 }
 function Es({ options: t, value: s, onChange: n, size: r = "m", disabled: a = !1 }) {
-  const o = R(null), i = R(null), [l, c] = I(!1), d = R(!1), u = R(null), p = R(null), h = () => {
+  const o = R(null), i = R(null), [l, c] = B(!1), d = R(!1), u = R(null), m = R(null), x = () => {
     if (!o.current) return;
-    const m = o.current.querySelector(`[data-value="${s}"]`);
-    if (!m) return;
-    const x = o.current.getBoundingClientRect(), b = m.getBoundingClientRect(), g = b.left - x.left, $ = b.width;
-    i.current ? (i.current.style.transition = d.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = g + "px", i.current.style.width = $ + "px", d.current = !1) : (c(!0), requestAnimationFrame(() => {
+    const p = o.current.querySelector(`[data-value="${s}"]`);
+    if (!p) return;
+    const h = o.current.getBoundingClientRect(), w = p.getBoundingClientRect(), b = w.left - h.left, $ = w.width;
+    i.current ? (i.current.style.transition = d.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", i.current.style.left = b + "px", i.current.style.width = $ + "px", d.current = !1) : (c(!0), requestAnimationFrame(() => {
       if (!i.current || !o.current) return;
-      const _ = o.current.querySelector(`[data-value="${s}"]`);
-      if (!_) return;
-      const N = o.current.getBoundingClientRect(), y = _.getBoundingClientRect();
-      i.current.style.transition = "none", i.current.style.left = y.left - N.left + "px", i.current.style.width = y.width + "px";
+      const N = o.current.querySelector(`[data-value="${s}"]`);
+      if (!N) return;
+      const _ = o.current.getBoundingClientRect(), y = N.getBoundingClientRect();
+      i.current.style.transition = "none", i.current.style.left = y.left - _.left + "px", i.current.style.width = y.width + "px";
     }));
   };
-  return p.current = h, nt(() => {
-    const m = u.current !== s;
-    u.current = s, d.current = l && m, h();
+  return m.current = x, nt(() => {
+    const p = u.current !== s;
+    u.current = s, d.current = l && p, x();
   }), P(() => {
     if (!o.current) return;
-    const m = new ResizeObserver(() => {
-      d.current = !1, p.current();
+    const p = new ResizeObserver(() => {
+      d.current = !1, m.current();
     });
-    return m.observe(o.current), () => m.disconnect();
+    return p.observe(o.current), () => p.disconnect();
   }, []), /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1066,21 +1066,21 @@ function Es({ options: t, value: s, onChange: n, size: r = "m", disabled: a = !1
             "aria-hidden": "true"
           }
         ),
-        t.map((m) => /* @__PURE__ */ e.jsxs(
+        t.map((p) => /* @__PURE__ */ e.jsxs(
           "button",
           {
             type: "button",
-            "data-value": m.value,
-            className: ["ds-seg__btn", s === m.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
-            onClick: () => !a && n(m.value),
-            "aria-pressed": s === m.value,
+            "data-value": p.value,
+            className: ["ds-seg__btn", s === p.value && "ds-seg__btn--active"].filter(Boolean).join(" "),
+            onClick: () => !a && n(p.value),
+            "aria-pressed": s === p.value,
             disabled: a,
             children: [
-              m.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: m.icon }),
-              m.label
+              p.icon && /* @__PURE__ */ e.jsx("span", { className: "ds-seg__btn-icon", "aria-hidden": "true", children: p.icon }),
+              p.label
             ]
           },
-          m.value
+          p.value
         ))
       ]
     }
@@ -1095,20 +1095,20 @@ function Be({
   padding: o = "m",
   ...i
 }) {
-  const [l, c] = I(n), d = r !== void 0, u = d ? r : l, p = () => {
-    d ? a == null || a(!r) : c((m) => !m);
-  }, h = [
+  const [l, c] = B(n), d = r !== void 0, u = d ? r : l, m = () => {
+    d ? a == null || a(!r) : c((p) => !p);
+  }, x = [
     "ds-accordion",
     `ds-accordion--${o}`,
     u && "ds-accordion--expanded"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("div", { className: h, ...i, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: x, ...i, children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         className: "ds-accordion__header",
-        onClick: p,
+        onClick: m,
         "aria-expanded": u,
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "ds-accordion__title", children: s }),
@@ -1126,46 +1126,46 @@ function Be({
     /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-inner", children: /* @__PURE__ */ e.jsx("div", { className: "ds-accordion__content-body", children: t }) }) })
   ] });
 }
-const re = 8, pe = 8;
+const ae = 8, pe = 8;
 function Tt(t, s, n) {
   const r = window.innerWidth;
   let a, o;
   switch (t) {
     case "top":
-      a = s.top - n.height - re, o = s.left + s.width / 2 - n.width / 2;
+      a = s.top - n.height - ae, o = s.left + s.width / 2 - n.width / 2;
       break;
     case "bottom":
-      a = s.bottom + re, o = s.left + s.width / 2 - n.width / 2;
+      a = s.bottom + ae, o = s.left + s.width / 2 - n.width / 2;
       break;
     case "left":
-      a = s.top + s.height / 2 - n.height / 2, o = s.left - n.width - re;
+      a = s.top + s.height / 2 - n.height / 2, o = s.left - n.width - ae;
       break;
     case "right":
-      a = s.top + s.height / 2 - n.height / 2, o = s.right + re;
+      a = s.top + s.height / 2 - n.height / 2, o = s.right + ae;
       break;
     default:
-      a = s.bottom + re, o = s.left;
+      a = s.bottom + ae, o = s.left;
   }
   const i = Math.max(pe, Math.min(r - n.width - pe, o)), l = o - i;
   return { top: a, left: i, arrowOffset: l };
 }
 function Rt(t, s, n) {
   const r = window.innerWidth, a = window.innerHeight;
-  if (t.top >= s + re + pe) return "top";
-  if (a - t.bottom >= s + re + pe) return "bottom";
-  if (r - t.right >= n + re + pe) return "right";
-  if (t.left >= n + re + pe) return "left";
+  if (t.top >= s + ae + pe) return "top";
+  if (a - t.bottom >= s + ae + pe) return "bottom";
+  if (r - t.right >= n + ae + pe) return "right";
+  if (t.left >= n + ae + pe) return "left";
   const o = Math.max(t.top, a - t.bottom, t.left, r - t.right);
   return o === t.top ? "top" : o === a - t.bottom ? "bottom" : o === r - t.right ? "right" : "left";
 }
 function Le({ children: t, content: s, position: n, ...r }) {
-  const [a, o] = I(!1), [i, l] = I({ visibility: "hidden" }), [c, d] = I(n || "top"), u = R(null), p = R(null), h = R(!1), m = () => {
-    if (!u.current || !p.current) return;
-    const b = u.current.getBoundingClientRect(), g = p.current.getBoundingClientRect(), $ = n || Rt(b, g.height, g.width), { top: _, left: N, arrowOffset: y } = Tt($, b, g);
+  const [a, o] = B(!1), [i, l] = B({ visibility: "hidden" }), [c, d] = B(n || "top"), u = R(null), m = R(null), x = R(!1), p = () => {
+    if (!u.current || !m.current) return;
+    const w = u.current.getBoundingClientRect(), b = m.current.getBoundingClientRect(), $ = n || Rt(w, b.height, b.width), { top: N, left: _, arrowOffset: y } = Tt($, w, b);
     d($), l({
       position: "fixed",
-      top: _,
-      left: N,
+      top: N,
+      left: _,
       visibility: "visible",
       "--arrow-offset": `${y}px`
     });
@@ -1173,21 +1173,21 @@ function Le({ children: t, content: s, position: n, ...r }) {
   if (P(() => {
     if (!a) return;
     l({ position: "fixed", visibility: "hidden" });
-    const b = requestAnimationFrame(m);
-    return window.addEventListener("scroll", m, !0), window.addEventListener("resize", m), () => {
-      cancelAnimationFrame(b), window.removeEventListener("scroll", m, !0), window.removeEventListener("resize", m);
+    const w = requestAnimationFrame(p);
+    return window.addEventListener("scroll", p, !0), window.addEventListener("resize", p), () => {
+      cancelAnimationFrame(w), window.removeEventListener("scroll", p, !0), window.removeEventListener("resize", p);
     };
   }, [a, n]), P(() => {
     if (!a) return;
-    const b = (g) => {
-      u.current && !u.current.contains(g.target) && o(!1);
+    const w = (b) => {
+      u.current && !u.current.contains(b.target) && o(!1);
     };
-    return document.addEventListener("touchstart", b), () => document.removeEventListener("touchstart", b);
+    return document.addEventListener("touchstart", w), () => document.removeEventListener("touchstart", w);
   }, [a]), !s) return t;
-  const x = a && /* @__PURE__ */ e.jsx(
+  const h = a && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: p,
+      ref: m,
       "data-ds-portal": "",
       className: `ds-tooltip ds-tooltip--${c}`,
       role: "tooltip",
@@ -1201,18 +1201,18 @@ function Le({ children: t, content: s, position: n, ...r }) {
       ref: u,
       className: "ds-tooltip-wrapper",
       onMouseEnter: () => {
-        h.current || o(!0);
+        x.current || o(!0);
       },
       onMouseLeave: () => {
-        h.current || o(!1);
+        x.current || o(!1);
       },
       onTouchStart: () => {
-        h.current = !0, o((b) => !b);
+        x.current = !0, o((w) => !w);
       },
       ...r,
       children: [
         t,
-        typeof document < "u" && me.createPortal(x, document.body)
+        typeof document < "u" && re.createPortal(h, document.body)
       ]
     }
   );
@@ -1310,7 +1310,7 @@ function Rs({
         id: d,
         className: "ds-radio__input",
         checked: t,
-        onChange: (p) => s == null ? void 0 : s(p.target.checked),
+        onChange: (m) => s == null ? void 0 : s(m.target.checked),
         disabled: r,
         name: o,
         value: i,
@@ -1364,7 +1364,7 @@ function It(t) {
   return s.length >= 2 ? (s[0][0] + s[1][0]).toUpperCase() : t[0].toUpperCase();
 }
 function Ss({ seed: t, icon: s, src: n, size: r = 32, className: a = "", style: o = {}, ...i }) {
-  const l = Dt(t ?? ""), [c, d] = I(!1), u = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: It(t) });
+  const l = Dt(t ?? ""), [c, d] = B(!1), u = s ?? /* @__PURE__ */ e.jsx("span", { className: "ds-avatar__initials", children: It(t) });
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -1509,7 +1509,7 @@ function Fs({
   style: c,
   ...d
 }) {
-  const u = q.useId(), p = o ?? u, h = `${p}-hint`, m = `${p}-error`;
+  const u = q.useId(), m = o ?? u, x = `${m}-hint`, p = `${m}-error`;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1520,10 +1520,10 @@ function Fs({
       style: c,
       ...d,
       children: [
-        t && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: p, children: t }),
+        t && /* @__PURE__ */ e.jsx("label", { className: "ds-field-label", htmlFor: m, children: t }),
         /* @__PURE__ */ e.jsx("div", { className: "ds-field-control", children: i }),
-        s && !n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: h, children: s }),
-        n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: m, role: "alert", children: n })
+        s && !n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-hint", id: x, children: s }),
+        n && /* @__PURE__ */ e.jsx("p", { className: "ds-field-error", id: p, role: "alert", children: n })
       ]
     }
   );
@@ -1648,28 +1648,27 @@ function Us({
   keepOpenRef: c,
   ...d
 }) {
-  const u = R(null), p = q.useId(), [h, m] = I(!1), x = () => {
-    !n || h || (m(!0), setTimeout(() => {
-      m(!1), n();
+  const u = R(null), m = q.useId(), [x, p] = B(!1), h = () => {
+    !n || x || (p(!0), setTimeout(() => {
+      p(!1), n();
     }, Lt));
   };
   P(() => {
-    const _ = (y) => {
-      y.key === "Escape" && x();
-    }, N = (y) => {
-      var B, M, W, z;
-      const S = ((M = (B = y.composedPath) == null ? void 0 : B.call(y)) == null ? void 0 : M[0]) ?? y.target;
-      (W = c == null ? void 0 : c.current) != null && W.contains(S) || u.current && !u.current.contains(S) && !((z = S.closest) != null && z.call(S, "[data-ds-portal]")) && x();
+    const _ = (S) => {
+      S.key === "Escape" && h();
+    }, y = (S) => {
+      var M, W, z, j;
+      const D = ((W = (M = S.composedPath) == null ? void 0 : M.call(S)) == null ? void 0 : W[0]) ?? S.target;
+      (z = c == null ? void 0 : c.current) != null && z.contains(D) || u.current && !u.current.contains(D) && !((j = D.closest) != null && j.call(D, "[data-ds-portal]")) && h();
     };
-    return document.addEventListener("keydown", _), document.addEventListener("mousedown", N), () => {
-      document.removeEventListener("keydown", _), document.removeEventListener("mousedown", N);
+    return document.addEventListener("keydown", _), document.addEventListener("mousedown", y), () => {
+      document.removeEventListener("keydown", _), document.removeEventListener("mousedown", y);
     };
-  }, [n, h, c]);
-  const b = q.Children.toArray(t), g = b.find((_) => (_ == null ? void 0 : _.type) === Oe || (_ == null ? void 0 : _.type) === he), $ = b.filter((_) => (_ == null ? void 0 : _.type) !== Oe && (_ == null ? void 0 : _.type) !== he);
-  return /* @__PURE__ */ e.jsx(
+  }, [n, x, c]);
+  const w = q.Children.toArray(t), b = w.find((_) => (_ == null ? void 0 : _.type) === Oe || (_ == null ? void 0 : _.type) === he), $ = w.filter((_) => (_ == null ? void 0 : _.type) !== Oe && (_ == null ? void 0 : _.type) !== he), N = /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: ["ds-side-page-overlay", h && "ds-side-page-overlay--closing"].filter(Boolean).join(" "),
+      className: ["ds-side-page-overlay", x && "ds-side-page-overlay--closing"].filter(Boolean).join(" "),
       "data-side": a,
       style: { "--ds-side-page-offset-left": `${i}px`, "--ds-side-page-offset-right": `${l}px` },
       ...d,
@@ -1677,35 +1676,36 @@ function Us({
         "div",
         {
           ref: u,
-          className: ["ds-side-page", h && "ds-side-page--closing"].filter(Boolean).join(" "),
+          className: ["ds-side-page", x && "ds-side-page--closing"].filter(Boolean).join(" "),
           "data-side": a,
           "data-size": o,
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": s ? p : void 0,
+          "aria-labelledby": s ? m : void 0,
           children: [
             n && /* @__PURE__ */ e.jsx(
-              ae,
+              oe,
               {
                 className: "ds-side-page__close",
                 variant: "ghost",
                 size: "small",
                 icon: /* @__PURE__ */ e.jsx(ee, { size: C[2], strokeWidth: 1.5 }),
-                onClick: x,
+                onClick: h,
                 "aria-label": "Close"
               }
             ),
             (s || r) && /* @__PURE__ */ e.jsxs("div", { className: "ds-side-page__header", children: [
-              s && /* @__PURE__ */ e.jsx("h3", { id: p, className: "ds-side-page__title", children: s }),
+              s && /* @__PURE__ */ e.jsx("h3", { id: m, 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: $ }),
-            g
+            b
           ]
         }
       )
     }
   );
+  return typeof document > "u" ? N : re.createPortal(N, document.body);
 }
 function Oe({ children: t }) {
   return !t || q.Children.count(t) === 0 ? null : /* @__PURE__ */ e.jsx("div", { className: "ds-side-page__footer", children: t });
@@ -1724,8 +1724,8 @@ const ve = Ze({ collapsed: !1, side: "left" }), we = Ze(!1), Vs = Je(function({
     n && "ds-nav-rail--collapsed",
     `ds-nav-rail--${r}`,
     i
-  ].filter(Boolean).join(" "), u = le((p) => {
-    if (!p.target.closest('button, a, input, select, textarea, [role="button"], [tabindex]')) {
+  ].filter(Boolean).join(" "), u = ce((m) => {
+    if (!m.target.closest('button, a, input, select, textarea, [role="button"], [tabindex]')) {
       if (n && a) {
         a();
         return;
@@ -1758,9 +1758,9 @@ function Ys({
   open: c = !1,
   onboarding: d = !1,
   className: u = "",
-  ...p
+  ...m
 }) {
-  const { collapsed: h, side: m } = de(ve), x = de(we), $ = {
+  const { collapsed: x, side: p } = ue(ve), h = ue(we), $ = {
     className: [
       "ds-nav-rail__item",
       u
@@ -1768,7 +1768,7 @@ function Ys({
     onClick: r ? void 0 : o,
     "aria-current": n ? "page" : void 0,
     "aria-disabled": r ? "true" : void 0,
-    "aria-label": h ? s : void 0,
+    "aria-label": x ? s : void 0,
     tabIndex: r ? -1 : void 0,
     ...{
       "data-selected": n || void 0,
@@ -1776,15 +1776,15 @@ function Ys({
       "data-open": c || void 0,
       "data-onboarding": d || void 0
     },
-    ...p
-  }, _ = i != null, N = m === "left" ? "right" : "left", y = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    ...m
+  }, N = i != null, _ = p === "left" ? "right" : "left", y = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: t }),
-    !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 && _ && /* @__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" })
+    !x && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: s }),
+    !x && l && /* @__PURE__ */ e.jsx(me, { size: "xs", variant: "accent", className: "ds-nav-rail__badge-expanded", children: "New" }),
+    !x && N && /* @__PURE__ */ e.jsx("span", { className: ["ds-nav-rail__count", i === 0 && "ds-nav-rail__count--zero"].filter(Boolean).join(" "), children: i }),
+    x && l && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__dot", "aria-hidden": "true" })
   ] }), S = a ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : a, ...$, children: y }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...$, children: y });
-  return h && !x ? /* @__PURE__ */ e.jsx(Le, { content: s, position: N, children: S }) : S;
+  return x && !h ? /* @__PURE__ */ e.jsx(Le, { content: s, position: _, children: S }) : S;
 }
 function Hs({ children: t, className: s = "", ...n }) {
   return /* @__PURE__ */ e.jsx("div", { className: ["ds-nav-rail__body", "ds-scrollable", s].filter(Boolean).join(" "), ...n, children: t });
@@ -1799,7 +1799,7 @@ function Ks({ className: t = "", ...s }) {
   return /* @__PURE__ */ e.jsx("hr", { className: ["ds-nav-rail__divider", t].filter(Boolean).join(" "), ...s });
 }
 function Xs({ children: t, label: s = "Recents", defaultOpen: n = !0, className: r = "", ...a }) {
-  const { collapsed: o } = de(ve), [i, l] = I(n);
+  const { collapsed: o } = ue(ve), [i, l] = B(n);
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-nav-rail__recents", r].filter(Boolean).join(" "), ...a, children: [
     !o && /* @__PURE__ */ e.jsxs(
       "button",
@@ -1824,28 +1824,28 @@ const Js = Je(function({
   className: a = "",
   ...o
 }, i) {
-  const { collapsed: l, side: c } = de(ve), d = de(we), u = c === "left" ? "right" : "left", p = [
+  const { collapsed: l, side: c } = ue(ve), d = ue(we), u = c === "left" ? "right" : "left", m = [
     "ds-nav-rail__item",
     "ds-nav-rail__agent",
     a
-  ].filter(Boolean).join(" "), h = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  ].filter(Boolean).join(" "), x = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__icon", "aria-hidden": "true", children: n }),
     !l && /* @__PURE__ */ e.jsx("span", { className: "ds-nav-rail__label", children: r })
-  ] }), m = /* @__PURE__ */ e.jsx(
+  ] }), p = /* @__PURE__ */ e.jsx(
     s,
     {
       ref: i,
-      className: p,
+      className: m,
       "aria-label": l ? r : void 0,
       ...s === "button" ? { type: "button" } : {},
       ...o,
-      children: h
+      children: x
     }
   );
-  return l && !d ? /* @__PURE__ */ e.jsx(Le, { content: r, position: u, children: m }) : m;
+  return l && !d ? /* @__PURE__ */ e.jsx(Le, { content: r, position: u, children: p }) : p;
 });
 function Zs({ avatar: t, label: s, selected: n = !1, disabled: r = !1, href: a, onClick: o, className: i = "", ...l }) {
-  const { collapsed: c, side: d } = de(ve), u = de(we), m = {
+  const { collapsed: c, side: d } = ue(ve), u = ue(we), p = {
     className: [
       "ds-nav-rail__item",
       "ds-nav-rail__agent",
@@ -1860,11 +1860,11 @@ function Zs({ avatar: t, label: s, selected: n = !1, disabled: r = !1, href: a,
       "data-disabled": r || void 0
     },
     ...l
-  }, x = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }, h = /* @__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 })
-  ] }), b = d === "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 c && !u ? /* @__PURE__ */ e.jsx(Le, { content: s, position: b, children: g }) : g;
+  ] }), w = d === "left" ? "right" : "left", b = a ? /* @__PURE__ */ e.jsx("a", { href: r ? void 0 : a, ...p, children: h }) : /* @__PURE__ */ e.jsx("button", { type: "button", ...p, children: h });
+  return c && !u ? /* @__PURE__ */ e.jsx(Le, { content: s, position: w, children: b }) : b;
 }
 const Ue = 240, Ve = 6, Ye = 8;
 function Qs({
@@ -1875,16 +1875,16 @@ function Qs({
   onOpenChange: a,
   defaultOpen: o = !1
 }) {
-  const { side: i } = de(ve), [l, c] = I(o), d = r !== void 0, u = d ? r : l, [p, h] = I(!1), m = R(null), x = R(null), [b, g] = I({}), $ = le(() => {
+  const { side: i } = ue(ve), [l, c] = B(o), d = r !== void 0, u = d ? r : l, [m, x] = B(!1), p = R(null), h = R(null), [w, b] = B({}), $ = ce(() => {
     d ? a == null || a(!0) : c(!0);
-  }, [d, a]), _ = le(() => {
+  }, [d, a]), N = ce(() => {
     d ? a == null || a(!1) : c(!1);
-  }, [d, a]), N = le(() => u ? _() : $(), [u, $, _]), y = le(() => {
+  }, [d, a]), _ = ce(() => u ? N() : $(), [u, $, N]), y = ce(() => {
     var F;
-    const B = m.current;
-    if (!B) return;
-    const M = B.getBoundingClientRect(), W = window.innerHeight, z = ((F = x.current) == null ? void 0 : F.offsetHeight) ?? 300, j = Math.max(Ye, Math.min(W - z - Ye, M.top));
-    g(i === "right" ? {
+    const D = p.current;
+    if (!D) return;
+    const M = D.getBoundingClientRect(), W = window.innerHeight, z = ((F = h.current) == null ? void 0 : F.offsetHeight) ?? 300, j = Math.max(Ye, Math.min(W - z - Ye, M.top));
+    b(i === "right" ? {
       position: "fixed",
       top: j,
       right: window.innerWidth - M.left + Ve,
@@ -1898,34 +1898,34 @@ function Qs({
   }, [i]);
   P(() => {
     if (!u) {
-      h(!1);
+      x(!1);
       return;
     }
-    return y(), requestAnimationFrame(() => h(!0)), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y), () => {
+    return y(), requestAnimationFrame(() => x(!0)), window.addEventListener("scroll", y, !0), window.addEventListener("resize", y), () => {
       window.removeEventListener("scroll", y, !0), window.removeEventListener("resize", y);
     };
   }, [u, y]), P(() => {
     if (!u) return;
-    const B = (W) => {
+    const D = (W) => {
       var z, j;
-      !((z = x.current) != null && z.contains(W.target)) && !((j = m.current) != null && j.contains(W.target)) && _();
+      !((z = h.current) != null && z.contains(W.target)) && !((j = p.current) != null && j.contains(W.target)) && N();
     }, M = (W) => {
-      W.key === "Escape" && _();
+      W.key === "Escape" && N();
     };
-    return document.addEventListener("mousedown", B), document.addEventListener("keydown", M), () => {
-      document.removeEventListener("mousedown", B), document.removeEventListener("keydown", M);
+    return document.addEventListener("mousedown", D), document.addEventListener("keydown", M), () => {
+      document.removeEventListener("mousedown", D), document.removeEventListener("keydown", M);
     };
-  }, [u, _]);
+  }, [u, N]);
   const S = u && /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: x,
+      ref: h,
       className: [
         "ds-nav-rail-flyout",
         `ds-nav-rail-flyout--${i}`,
-        p && "ds-nav-rail-flyout--visible"
+        m && "ds-nav-rail-flyout--visible"
       ].filter(Boolean).join(" "),
-      style: b,
+      style: w,
       "data-ds-portal": "",
       role: "dialog",
       "aria-modal": "false",
@@ -1937,7 +1937,7 @@ function Qs({
             {
               type: "button",
               className: "ds-nav-rail-flyout__close",
-              onClick: _,
+              onClick: N,
               "aria-label": "Close",
               children: /* @__PURE__ */ e.jsx(ee, { size: 16, strokeWidth: 2 })
             }
@@ -1948,8 +1948,8 @@ function Qs({
     }
   );
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(we.Provider, { value: u, children: /* @__PURE__ */ e.jsx("div", { ref: m, onClick: N, style: { display: "flex", flexDirection: "column", width: "100%" }, children: t }) }),
-    typeof document < "u" && me.createPortal(S, document.body)
+    /* @__PURE__ */ e.jsx(we.Provider, { value: u, children: /* @__PURE__ */ e.jsx("div", { ref: p, onClick: _, style: { display: "flex", flexDirection: "column", width: "100%" }, children: t }) }),
+    typeof document < "u" && re.createPortal(S, document.body)
   ] });
 }
 const Pt = {
@@ -2011,26 +2011,26 @@ function tn({
   style: l,
   ...c
 }) {
-  const [d, u] = I(!1), [p, h] = I(!1), m = n !== void 0, x = m ? n : d, b = R(null), g = R(null), $ = R(null), _ = R(null), [N, y] = I({}), S = R(null), B = 150, M = () => {
-    if (m)
+  const [d, u] = B(!1), [m, x] = B(!1), p = n !== void 0, h = p ? n : d, w = R(null), b = R(null), $ = R(null), N = R(null), [_, y] = B({}), S = R(null), D = 150, M = () => {
+    if (p)
       r == null || r(!1);
     else {
-      if (p) return;
-      h(!0), S.current = setTimeout(() => {
-        u(!1), h(!1);
-      }, B);
+      if (m) return;
+      x(!0), S.current = setTimeout(() => {
+        u(!1), x(!1);
+      }, D);
     }
   }, W = () => {
-    const v = !x;
-    m ? r == null || r(v) : v ? (clearTimeout(S.current), h(!1), u(!0)) : M();
+    const v = !h;
+    p ? r == null || r(v) : v ? (clearTimeout(S.current), x(!1), u(!0)) : M();
   }, z = () => {
-    x || (m ? r == null || r(!0) : (clearTimeout(S.current), h(!1), u(!0)));
+    h || (p ? r == null || r(!0) : (clearTimeout(S.current), x(!1), u(!0)));
   };
   P(() => () => clearTimeout(S.current), []), P(() => {
-    if (!x) return;
+    if (!h) return;
     const v = 300, k = () => {
       var E;
-      const A = (E = b.current) == null ? void 0 : E.getBoundingClientRect();
+      const A = (E = w.current) == null ? void 0 : E.getBoundingClientRect();
       if (!A) return;
       const U = window.innerHeight - A.bottom, G = U < v + 8 && A.top > U;
       y(
@@ -2040,7 +2040,7 @@ function tn({
     return k(), window.addEventListener("scroll", k, !0), window.addEventListener("resize", k), () => {
       window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", k);
     };
-  }, [x, a]);
+  }, [h, a]);
   const j = () => {
     var k;
     const v = (k = $.current) == null ? void 0 : k.querySelector(
@@ -2049,30 +2049,30 @@ function tn({
     v == null || v.focus();
   };
   P(() => {
-    if (!x) return;
+    if (!h) return;
     const v = (A) => {
       var U, G;
-      !((U = b.current) != null && U.contains(A.target)) && !((G = g.current) != null && G.contains(A.target)) && M();
+      !((U = w.current) != null && U.contains(A.target)) && !((G = b.current) != null && G.contains(A.target)) && M();
     }, k = (A) => {
       A.key === "Escape" && (M(), j());
     };
     return document.addEventListener("mousedown", v), document.addEventListener("keydown", k), () => {
       document.removeEventListener("mousedown", v), document.removeEventListener("keydown", k);
     };
-  }, [x]), P(() => {
-    if (!x || !_.current || !g.current) return;
-    const v = F(), k = _.current === "last" ? v[v.length - 1] : v[0];
-    k == null || k.focus(), _.current = null;
-  }, [x]);
-  const F = () => g.current ? [...g.current.querySelectorAll(
+  }, [h]), P(() => {
+    if (!h || !N.current || !b.current) return;
+    const v = F(), k = N.current === "last" ? v[v.length - 1] : v[0];
+    k == null || k.focus(), N.current = null;
+  }, [h]);
+  const F = () => b.current ? [...b.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
   )] : [], K = (v) => {
     var k, A;
     if (v.key === "ArrowDown")
-      v.preventDefault(), x ? (k = F()[0]) == null || k.focus() : (_.current = "first", z());
+      v.preventDefault(), h ? (k = F()[0]) == null || k.focus() : (N.current = "first", z());
     else if (v.key === "ArrowUp")
-      if (v.preventDefault(), !x)
-        _.current = "last", z();
+      if (v.preventDefault(), !h)
+        N.current = "last", z();
       else {
         const U = F();
         (A = U[U.length - 1]) == null || A.focus();
@@ -2097,18 +2097,18 @@ function tn({
         M();
         break;
     }
-  }, D = x && /* @__PURE__ */ e.jsx(
+  }, I = h && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: g,
+      ref: b,
       role: "menu",
       "data-ds-portal": "",
       className: [
         "ds-dropdown__menu",
         `ds-dropdown__menu--${a}`,
-        p && "ds-dropdown__menu--closing"
+        m && "ds-dropdown__menu--closing"
       ].filter(Boolean).join(" "),
-      style: N,
+      style: _,
       onKeyDown: V,
       children: s.map((v, k) => {
         if (v.separator)
@@ -2146,7 +2146,7 @@ function tn({
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: b,
+      ref: w,
       className: ["ds-dropdown", o && "ds-dropdown--full-width", i].filter(Boolean).join(" "),
       style: l,
       ...c,
@@ -2161,7 +2161,7 @@ function tn({
             children: t
           }
         ),
-        typeof document < "u" && me.createPortal(D, document.body)
+        typeof document < "u" && re.createPortal(I, document.body)
       ]
     }
   );
@@ -2205,7 +2205,7 @@ function sn({
 }
 const Mt = (t) => 1 - Math.pow(1 - t, 3), zt = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 function Ft(t, { duration: s = 600 } = {}) {
-  const [n, r] = I(t), a = R(t), o = R(null);
+  const [n, r] = B(t), a = R(t), o = R(null);
   return P(() => {
     if (zt()) {
       r(t), a.current = t;
@@ -2216,8 +2216,8 @@ function Ft(t, { duration: s = 600 } = {}) {
     let c = null;
     const d = (u) => {
       c || (c = u);
-      const p = Math.min((u - c) / s, 1);
-      r(i + l * Mt(p)), p < 1 ? o.current = requestAnimationFrame(d) : a.current = t;
+      const m = Math.min((u - c) / s, 1);
+      r(i + l * Mt(m)), m < 1 ? o.current = requestAnimationFrame(d) : a.current = t;
     };
     return o.current = requestAnimationFrame(d), () => cancelAnimationFrame(o.current);
   }, [t, s]), n;
@@ -2233,7 +2233,7 @@ function nn({
   return `${r}${i}${a}`;
 }
 function Wt({ threshold: t = 0.1, rootMargin: s = "0px", once: n = !1 } = {}) {
-  const r = R(null), [a, o] = I(!1);
+  const r = R(null), [a, o] = B(!1);
   return P(() => {
     const i = r.current;
     if (!i) return;
@@ -2291,7 +2291,7 @@ function an() {
   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 Ut({ data: t, onDismiss: s }) {
-  const [n, r] = I(!1), a = R(null);
+  const [n, r] = B(!1), a = R(null);
   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);
@@ -2324,16 +2324,16 @@ function Ut({ data: t, onDismiss: s }) {
   );
 }
 function on({ position: t = "bottom-right" }) {
-  const [s, n] = I(() => [...xe]);
-  return P(() => ($e.add(n), () => $e.delete(n)), []), !s.length || typeof document > "u" ? null : me.createPortal(
+  const [s, n] = B(() => [...xe]);
+  return P(() => ($e.add(n), () => $e.delete(n)), []), !s.length || typeof document > "u" ? null : re.createPortal(
     /* @__PURE__ */ e.jsx("div", { "data-ds-portal": "", className: ["ds-toast-container", `ds-toast-container--${t}`].join(" "), children: s.map((r) => /* @__PURE__ */ e.jsx(Ut, { data: r, onDismiss: Ot }, r.id)) }),
     document.body
   );
 }
 const Vt = {
-  running: /* @__PURE__ */ e.jsx(fe, { size: "xs", variant: "info", children: "Running..." }),
-  success: /* @__PURE__ */ e.jsx(fe, { size: "xs", variant: "success", children: "Done" }),
-  error: /* @__PURE__ */ e.jsx(fe, { size: "xs", variant: "error", children: "Error" })
+  running: /* @__PURE__ */ e.jsx(me, { size: "xs", variant: "info", children: "Running..." }),
+  success: /* @__PURE__ */ e.jsx(me, { size: "xs", variant: "success", children: "Done" }),
+  error: /* @__PURE__ */ e.jsx(me, { size: "xs", variant: "error", children: "Error" })
 };
 function ln({
   label: t,
@@ -2347,7 +2347,7 @@ function ln({
   className: c = "",
   ...d
 }) {
-  const u = s === "running", p = /* @__PURE__ */ e.jsxs("span", { className: "ds-tool-card__title-row", children: [
+  const u = s === "running", m = /* @__PURE__ */ e.jsxs("span", { className: "ds-tool-card__title-row", children: [
     n && /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__icon", children: n }),
     /* @__PURE__ */ e.jsx("span", { className: "ds-tool-card__label", children: t }),
     Vt[s],
@@ -2361,7 +2361,7 @@ function ln({
       children: /* @__PURE__ */ e.jsx(
         Be,
         {
-          title: p,
+          title: m,
           padding: "s",
           defaultExpanded: a,
           expanded: u ? !1 : o,
@@ -2375,7 +2375,7 @@ function ln({
     {
       className: ["ds-tool-card", "ds-tool-card--bubble", c].filter(Boolean).join(" "),
       ...d,
-      children: p
+      children: m
     }
   );
 }
@@ -2386,13 +2386,13 @@ function Yt({
   "aria-label": r = "Copy to clipboard",
   ...a
 }) {
-  const [o, i] = I(!1), l = (c) => {
+  const [o, i] = B(!1), l = (c) => {
     c.currentTarget.blur(), navigator.clipboard.writeText(t).then(() => {
       i(!0), setTimeout(() => i(!1), n);
     });
   };
   return /* @__PURE__ */ e.jsx(
-    ae,
+    oe,
     {
       variant: "ghost",
       size: s,
@@ -2405,7 +2405,7 @@ function Yt({
   );
 }
 function cn({ content: t, streaming: s = !1, ...n }) {
-  const [r, a] = I(s);
+  const [r, a] = B(s);
   return P(() => {
     a(!!s);
   }, [s]), /* @__PURE__ */ e.jsx(
@@ -2438,22 +2438,22 @@ function dn({
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: ["ds-step-indicator", o].filter(Boolean).join(" "), ...l, children: [
     /* @__PURE__ */ e.jsx("div", { className: "ds-step-indicator__dots", role: "tablist", "aria-label": i, children: Array.from({ length: t }, (c, d) => {
-      const u = d === s, p = n.includes(d) && !u, h = r && (d <= s || n.includes(d)), m = [
+      const u = d === s, m = n.includes(d) && !u, x = r && (d <= s || n.includes(d)), p = [
         "ds-step-indicator__dot",
         u && "ds-step-indicator__dot--active",
-        p && "ds-step-indicator__dot--done"
+        m && "ds-step-indicator__dot--done"
       ].filter(Boolean).join(" ");
       return /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
-          className: m,
+          className: p,
           role: "tab",
           "aria-selected": u,
           "aria-label": `Step ${d + 1}`,
-          disabled: !h || d === s,
+          disabled: !x || d === s,
           onClick: () => r == null ? void 0 : r(d),
-          children: p ? /* @__PURE__ */ e.jsx(Re, { size: 8, strokeWidth: 3 }) : null
+          children: m ? /* @__PURE__ */ e.jsx(Re, { size: 8, strokeWidth: 3 }) : null
         },
         d
       );
@@ -2532,33 +2532,33 @@ function Ht({
   betweenTime: o = 380,
   manualPauseMs: i = 5e3
 }) {
-  const [l, c] = I(0), [d, u] = I(""), p = R("typing"), h = R(0), m = R(0), x = R(null), b = R(0);
+  const [l, c] = B(0), [d, u] = B(""), m = R("typing"), x = R(0), p = R(0), h = R(null), w = R(0);
   P(() => {
-    m.current = l;
+    p.current = l;
   }, [l]), P(() => {
-    if (x.current && (clearTimeout(x.current), x.current = null), !s || t.length === 0) {
-      u(""), h.current = 0, p.current = "typing";
+    if (h.current && (clearTimeout(h.current), h.current = null), !s || t.length === 0) {
+      u(""), x.current = 0, m.current = "typing";
       return;
     }
     const y = () => {
       const S = Date.now();
-      if (b.current > S) {
-        x.current = setTimeout(y, b.current - S);
+      if (w.current > S) {
+        h.current = setTimeout(y, w.current - S);
         return;
       }
-      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(y, a)) : x.current = setTimeout(y, n + Math.random() * 28)) : p.current === "holding" ? (p.current = "erasing", x.current = setTimeout(y, 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, c(m.current), x.current = setTimeout(y, o)) : x.current = setTimeout(y, r));
+      const D = t[p.current % t.length] ?? "";
+      m.current === "typing" ? (x.current += 1, u(D.slice(0, x.current)), x.current >= D.length ? (m.current = "holding", h.current = setTimeout(y, a)) : h.current = setTimeout(y, n + Math.random() * 28)) : m.current === "holding" ? (m.current = "erasing", h.current = setTimeout(y, r)) : (x.current = Math.max(0, x.current - 1), u(D.slice(0, x.current)), x.current <= 0 ? (m.current = "typing", p.current = (p.current + 1) % t.length, c(p.current), h.current = setTimeout(y, o)) : h.current = setTimeout(y, r));
     };
-    return x.current = setTimeout(y, 260), () => {
-      x.current && clearTimeout(x.current);
+    return h.current = setTimeout(y, 260), () => {
+      h.current && clearTimeout(h.current);
     };
   }, [s, t, n, r, a, o]);
-  const g = (y) => {
+  const b = (y) => {
     if (t.length === 0) return;
-    const S = (y % t.length + t.length) % t.length, B = t[S];
-    m.current = S, h.current = B.length, p.current = "holding", b.current = Date.now() + i, c(S), u(B);
-  }, $ = () => g(m.current + 1), _ = () => g(m.current - 1), N = t[l % t.length] ?? "";
-  return { displayed: d, currentPrompt: N, index: l, next: $, prev: _ };
+    const S = (y % t.length + t.length) % t.length, D = t[S];
+    p.current = S, x.current = D.length, m.current = "holding", w.current = Date.now() + i, c(S), u(D);
+  }, $ = () => b(p.current + 1), N = () => b(p.current - 1), _ = t[l % t.length] ?? "";
+  return { displayed: d, currentPrompt: _, index: l, next: $, prev: N };
 }
 let qt = 0;
 function pn({
@@ -2573,61 +2573,61 @@ function pn({
   animatedPlaceholders: c,
   attachments: d,
   images: u,
-  onAttachFiles: p,
-  onAttachImages: h,
-  onRemoveAttachment: m,
-  onRemoveImage: x,
-  acceptImage: b,
-  acceptFile: g,
+  onAttachFiles: m,
+  onAttachImages: x,
+  onRemoveAttachment: p,
+  onRemoveImage: h,
+  acceptImage: w,
+  acceptFile: b,
   maxImages: $,
-  maxImageSize: _,
-  leftSlot: N,
+  maxImageSize: N,
+  leftSlot: _,
   rightSlot: y,
   className: S = "",
-  ...B
+  ...D
 }) {
-  const M = R(null), W = R(null), z = R(0), [j, F] = I(!1), [K, V] = I([]), D = (w) => {
+  const M = R(null), W = R(null), z = R(0), [j, F] = B(!1), [K, V] = B([]), I = (g) => {
     const L = ++qt;
-    V((X) => [...X, { id: L, msg: w }]), setTimeout(() => V((X) => X.filter((J) => J.id !== L)), 6e3);
-  }, v = (w) => V((L) => L.filter((X) => X.id !== w)), k = (w) => w.type.startsWith("image/"), A = () => !0, U = b ?? k, G = g ?? A, E = (w) => {
+    V((X) => [...X, { id: L, msg: g }]), setTimeout(() => V((X) => X.filter((J) => J.id !== L)), 6e3);
+  }, v = (g) => V((L) => L.filter((X) => X.id !== g)), k = (g) => g.type.startsWith("image/"), A = () => !0, U = w ?? k, G = b ?? A, E = (g) => {
     const L = [], X = [], J = [], Z = [];
-    let se = 0, ue = $ != null ? $ - ((u == null ? void 0 : u.length) ?? 0) : 1 / 0;
-    for (const ne of w)
-      U(ne) ? _ && ne.size > _ ? J.push(ne.name) : ue > 0 ? (L.push(ne), ue--) : se++ : G(ne) ? X.push(ne) : Z.push(ne.name);
+    let se = 0, fe = $ != null ? $ - ((u == null ? void 0 : u.length) ?? 0) : 1 / 0;
+    for (const ne of g)
+      U(ne) ? N && ne.size > N ? J.push(ne.name) : fe > 0 ? (L.push(ne), fe--) : se++ : G(ne) ? X.push(ne) : Z.push(ne.name);
     return { imageFiles: L, docFiles: X, tooLarge: J, skipped: Z, limitExceeded: se };
-  }, f = (w) => {
-    const { imageFiles: L, docFiles: X, tooLarge: J, skipped: Z, limitExceeded: se } = E(w);
-    J.length && D(`File${J.length > 1 ? "s" : ""} too large${_ ? ` (max ${_ / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && D(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`), se && D(`Max ${$} images per message`), h && L.length && h(L);
-    const ue = X.concat(h ? [] : L);
-    p && ue.length && p(ue);
+  }, f = (g) => {
+    const { imageFiles: L, docFiles: X, tooLarge: J, skipped: Z, limitExceeded: se } = E(g);
+    J.length && I(`File${J.length > 1 ? "s" : ""} too large${N ? ` (max ${N / 1024 / 1024}MB)` : ""}: ${J.join(", ")}`), Z.length && I(`Skipped unsupported file${Z.length > 1 ? "s" : ""}: ${Z.join(", ")}`), se && I(`Max ${$} images per message`), x && L.length && x(L);
+    const fe = X.concat(x ? [] : L);
+    m && fe.length && m(fe);
   };
   P(() => {
-    const w = W.current;
-    w && (w.style.height = "auto", w.style.height = `${Math.min(w.scrollHeight, 200)}px`);
+    const g = W.current;
+    g && (g.style.height = "auto", g.style.height = `${Math.min(g.scrollHeight, 200)}px`);
   }, [t]), P(() => {
-    const w = (L) => {
+    const g = (L) => {
       var J, Z, se;
       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" || (se = W.current) == null || se.focus();
     };
-    return document.addEventListener("keydown", w), () => document.removeEventListener("keydown", w);
+    return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
   }, [o, i]);
-  const T = (w) => {
-    w.preventDefault(), z.current++, w.dataTransfer.types.includes("Files") && F(!0);
-  }, O = (w) => {
-    w.preventDefault(), z.current--, z.current === 0 && F(!1);
-  }, Y = (w) => w.preventDefault(), te = (w) => {
-    w.preventDefault(), z.current = 0, F(!1);
-    const L = Array.from(w.dataTransfer.files);
+  const T = (g) => {
+    g.preventDefault(), z.current++, g.dataTransfer.types.includes("Files") && F(!0);
+  }, O = (g) => {
+    g.preventDefault(), z.current--, z.current === 0 && F(!1);
+  }, Y = (g) => g.preventDefault(), te = (g) => {
+    g.preventDefault(), z.current = 0, F(!1);
+    const L = Array.from(g.dataTransfer.files);
     L.length && f(L);
-  }, oe = (w) => {
-    const L = Array.from(w.target.files || []);
+  }, ie = (g) => {
+    const L = Array.from(g.target.files || []);
     M.current && (M.current.value = ""), L.length && f(L);
-  }, H = (w) => {
+  }, H = (g) => {
     var ne;
-    if (!h) return;
-    const L = (ne = w.clipboardData) == null ? void 0 : ne.items;
+    if (!x) return;
+    const L = (ne = g.clipboardData) == null ? void 0 : ne.items;
     if (!L) return;
     const X = [];
     for (const st of L) {
@@ -2635,29 +2635,29 @@ function pn({
       Me && X.push(Me);
     }
     if (X.length === 0) return;
-    const { imageFiles: J, tooLarge: Z, skipped: se, limitExceeded: ue } = E(X);
-    Z.length && D(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), se.length && D(`Skipped unsupported file${se.length > 1 ? "s" : ""}: ${se.join(", ")}`), ue && D(`Max ${$} images per message`), J.length && (w.preventDefault(), h(J));
-  }, Q = !o && !i && !!(c != null && c.length) && t.length === 0, ie = Ht({
+    const { imageFiles: J, tooLarge: Z, skipped: se, limitExceeded: fe } = E(X);
+    Z.length && I(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), se.length && I(`Skipped unsupported file${se.length > 1 ? "s" : ""}: ${se.join(", ")}`), fe && I(`Max ${$} images per message`), J.length && (g.preventDefault(), x(J));
+  }, Q = !o && !i && !!(c != null && c.length) && t.length === 0, le = Ht({
     prompts: c ?? [],
     enabled: Q
-  }), ge = (w) => {
+  }), ge = (g) => {
     if (Q) {
-      if (w.key === "ArrowDown" || w.key === "ArrowRight") {
-        w.preventDefault(), ie.next();
+      if (g.key === "ArrowDown" || g.key === "ArrowRight") {
+        g.preventDefault(), le.next();
         return;
       }
-      if (w.key === "ArrowUp" || w.key === "ArrowLeft") {
-        w.preventDefault(), ie.prev();
+      if (g.key === "ArrowUp" || g.key === "ArrowLeft") {
+        g.preventDefault(), le.prev();
         return;
       }
-      if (w.key === "Tab" && !w.shiftKey) {
-        w.preventDefault(), s == null || s(ie.currentPrompt);
+      if (g.key === "Tab" && !g.shiftKey) {
+        g.preventDefault(), s == null || s(le.currentPrompt);
         return;
       }
     }
-    a == null || a(w);
-  }, tt = (t.trim() || (u == null ? void 0 : u.length) > 0 || (d == null ? void 0 : d.length) > 0) && !i, Pe = p || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", S].filter(Boolean).join(" "), ...B, children: [
+    a == null || a(g);
+  }, tt = (t.trim() || (u == null ? void 0 : u.length) > 0 || (d == null ? void 0 : d.length) > 0) && !i, Pe = m || x;
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", S].filter(Boolean).join(" "), ...D, children: [
     Pe && /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -2666,7 +2666,7 @@ function pn({
         multiple: !0,
         accept: "*/*",
         className: "ds-prompt-input__file-input",
-        onChange: oe
+        onChange: ie
       }
     ),
     /* @__PURE__ */ e.jsxs(
@@ -2684,7 +2684,7 @@ function pn({
             {
               ref: W,
               value: t,
-              onChange: (w) => s == null ? void 0 : s(w.target.value),
+              onChange: (g) => s == null ? void 0 : s(g.target.value),
               onKeyDown: ge,
               onPaste: H,
               placeholder: Q ? "" : l,
@@ -2694,67 +2694,67 @@ function pn({
             }
           ),
           Q && /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__anim", "aria-hidden": "true", children: [
-            /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-text", children: ie.displayed }),
+            /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-text", children: le.displayed }),
             /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__anim-cursor" })
           ] }),
-          u && u.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: u.map((w, L) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
-            /* @__PURE__ */ e.jsx("img", { src: w.preview, alt: "" }),
+          u && u.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__images", children: u.map((g, L) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__image-thumb", children: [
+            /* @__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: () => h == null ? void 0 : h(L),
                 "aria-label": "Remove image",
                 type: "button",
                 children: /* @__PURE__ */ e.jsx(ee, { size: 12, strokeWidth: 2 })
               }
             )
           ] }, L)) }),
-          K.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__warnings", children: K.map((w) => /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__warning", role: "alert", children: [
-            /* @__PURE__ */ e.jsx("span", { children: w.msg }),
+          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: () => v(w.id),
+                onClick: () => v(g.id),
                 "aria-label": "Dismiss",
                 children: /* @__PURE__ */ e.jsx(ee, { size: C[1], strokeWidth: 1.5 })
               }
             )
-          ] }, w.id)) }),
-          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: d.map((w, L) => /* @__PURE__ */ e.jsx(fe, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
-            w.uploading ? /* @__PURE__ */ e.jsx(ft, { size: C[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(ze, { size: C[1], strokeWidth: 1.5 }),
-            w.filename,
-            w.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: "Uploading..." }) : /* @__PURE__ */ e.jsx(
+          ] }, g.id)) }),
+          d && d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__attachments", children: d.map((g, L) => /* @__PURE__ */ e.jsx(me, { size: "xs", children: /* @__PURE__ */ e.jsxs("span", { className: "ds-prompt-input__badge-content", children: [
+            g.uploading ? /* @__PURE__ */ e.jsx(ft, { size: C[1], strokeWidth: 1.5, className: "spin" }) : /* @__PURE__ */ e.jsx(ze, { size: C[1], strokeWidth: 1.5 }),
+            g.filename,
+            g.uploading ? /* @__PURE__ */ e.jsx("span", { className: "ds-prompt-input__uploading", children: "Uploading..." }) : /* @__PURE__ */ e.jsx(
               "button",
               {
                 type: "button",
                 className: "ds-prompt-input__remove-btn",
-                onClick: () => m == null ? void 0 : m(L),
+                onClick: () => p == null ? void 0 : p(L),
                 children: /* @__PURE__ */ e.jsx(ee, { size: C[1], strokeWidth: 1.5 })
               }
             )
           ] }) }, L)) }),
           /* @__PURE__ */ e.jsxs("div", { className: "ds-prompt-input__toolbar", children: [
             Pe && /* @__PURE__ */ e.jsx(
-              ae,
+              oe,
               {
                 variant: "ghost",
                 size: "xs",
                 icon: /* @__PURE__ */ e.jsx(ze, { size: C[2], strokeWidth: 1.5 }),
                 "aria-label": "Attach files",
                 onClick: () => {
-                  var w;
-                  return (w = M.current) == null ? void 0 : w.click();
+                  var g;
+                  return (g = M.current) == null ? void 0 : g.click();
                 }
               }
             ),
-            N,
+            _,
             y,
             /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__spacer" }),
             o ? /* @__PURE__ */ e.jsx(
-              ae,
+              oe,
               {
                 variant: "primary",
                 size: "xs",
@@ -2763,7 +2763,7 @@ function pn({
                 "aria-label": "Stop"
               }
             ) : /* @__PURE__ */ e.jsx(
-              ae,
+              oe,
               {
                 variant: "primary",
                 size: "xs",
@@ -2791,33 +2791,33 @@ function hn({
   className: l = "",
   ...c
 }) {
-  const [d, u] = I(!1), p = R(null), h = R(null), m = R(null), [x, b] = I({}), g = t.filter((j) => !a || j.name === "auto" ? !0 : (qe[j.tier] ?? 1) >= (qe[a] ?? 1)), $ = g.find((j) => j.name === "auto"), _ = g.filter((j) => j.name !== "auto"), N = t.find((j) => j.name === s), S = new Set(_.map((j) => j.tier).filter(Boolean)).size > 1;
+  const [d, u] = B(!1), m = R(null), x = R(null), p = R(null), [h, w] = B({}), b = t.filter((j) => !a || j.name === "auto" ? !0 : (qe[j.tier] ?? 1) >= (qe[a] ?? 1)), $ = b.find((j) => j.name === "auto"), N = b.filter((j) => j.name !== "auto"), _ = t.find((j) => j.name === s), S = new Set(N.map((j) => j.tier).filter(Boolean)).size > 1;
   P(() => {
     if (!d) return;
     const j = 320, F = () => {
       var A;
-      const D = (A = h.current) == null ? void 0 : A.getBoundingClientRect();
-      if (!D) return;
-      const v = window.innerHeight - D.bottom, k = v < j + 8 && D.top > v;
-      b({
+      const I = (A = x.current) == null ? void 0 : A.getBoundingClientRect();
+      if (!I) return;
+      const v = window.innerHeight - I.bottom, k = v < j + 8 && I.top > v;
+      w({
         position: "fixed",
         zIndex: "var(--z-dropdown, 500)",
-        left: D.left,
-        ...k ? { bottom: window.innerHeight - D.top + 4, top: "auto" } : { top: D.bottom + 4, bottom: "auto" }
+        left: I.left,
+        ...k ? { bottom: window.innerHeight - I.top + 4, top: "auto" } : { top: I.bottom + 4, bottom: "auto" }
       });
     };
     F(), window.addEventListener("scroll", F, !0), window.addEventListener("resize", F);
-    const K = (D) => {
+    const K = (I) => {
       var v, k;
-      !((v = p.current) != null && v.contains(D.target)) && !((k = m.current) != null && k.contains(D.target)) && u(!1);
-    }, V = (D) => {
-      D.key === "Escape" && u(!1);
+      !((v = m.current) != null && v.contains(I.target)) && !((k = p.current) != null && k.contains(I.target)) && u(!1);
+    }, V = (I) => {
+      I.key === "Escape" && u(!1);
     };
     return document.addEventListener("mousedown", K), document.addEventListener("keydown", V), () => {
       window.removeEventListener("scroll", F, !0), window.removeEventListener("resize", F), document.removeEventListener("mousedown", K), document.removeEventListener("keydown", V);
     };
   }, [d]);
-  const B = (j) => {
+  const D = (j) => {
     n == null || n(j), u(!1);
   }, M = (j) => /* @__PURE__ */ e.jsxs(
     "button",
@@ -2827,21 +2827,21 @@ function hn({
         "ds-model-picker__item",
         j.name === s && "ds-model-picker__item--active"
       ].filter(Boolean).join(" "),
-      onClick: () => B(j.name),
+      onClick: () => D(j.name),
       children: [
         j.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: j.icon }) : /* @__PURE__ */ e.jsx(Fe, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
         /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: j.displayName || j.name }),
-        S && j.tier && /* @__PURE__ */ e.jsx(fe, { size: "xs", variant: Ge[j.tier] || "default", children: j.tier })
+        S && j.tier && /* @__PURE__ */ e.jsx(me, { size: "xs", variant: Ge[j.tier] || "default", children: j.tier })
       ]
     },
     j.name
-  ), W = () => !i || !S ? _.map(M) : ["fast", "standard", "premium"].flatMap((j) => {
-    const F = _.filter((K) => K.tier === j);
+  ), W = () => !i || !S ? N.map(M) : ["fast", "standard", "premium"].flatMap((j) => {
+    const F = N.filter((K) => K.tier === j);
     return F.length ? [
       /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": j, children: j.charAt(0).toUpperCase() + j.slice(1) }, `lbl-${j}`),
       ...F.map(M)
     ] : [];
-  }), z = d && /* @__PURE__ */ e.jsxs("div", { ref: m, className: "ds-model-picker__menu ds-scrollable", "data-ds-portal": "", style: x, children: [
+  }), z = d && /* @__PURE__ */ e.jsxs("div", { ref: p, className: "ds-model-picker__menu ds-scrollable", "data-ds-portal": "", style: h, children: [
     o && $ && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(
         "button",
@@ -2852,41 +2852,41 @@ function hn({
             "ds-model-picker__item--auto",
             s === "auto" && "ds-model-picker__item--active"
           ].filter(Boolean).join(" "),
-          onClick: () => B("auto"),
+          onClick: () => D("auto"),
           children: [
             /* @__PURE__ */ e.jsx(ht, { 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)" })
           ]
         }
       ),
-      _.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
+      N.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
     ] }),
     W()
   ] });
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: p,
+      ref: m,
       className: ["ds-model-picker", l].filter(Boolean).join(" "),
       ...c,
       children: [
         /* @__PURE__ */ e.jsxs(
           "button",
           {
-            ref: h,
+            ref: x,
             type: "button",
             className: "ds-model-picker__trigger",
             onClick: () => u((j) => !j),
             "aria-haspopup": "listbox",
             "aria-expanded": d,
             children: [
-              N != null && N.icon ? /* @__PURE__ */ e.jsx("span", { children: N.icon }) : /* @__PURE__ */ e.jsx(Fe, { size: 12, strokeWidth: 1.5 }),
-              /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (N == null ? void 0 : N.displayName) || (N == null ? void 0 : N.name) || s }),
-              S && (N == null ? void 0 : N.tier) && /* @__PURE__ */ e.jsx(fe, { size: "xs", variant: Ge[N.tier] || "default", children: N.tier })
+              _ != null && _.icon ? /* @__PURE__ */ e.jsx("span", { children: _.icon }) : /* @__PURE__ */ e.jsx(Fe, { size: 12, strokeWidth: 1.5 }),
+              /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (_ == null ? void 0 : _.displayName) || (_ == null ? void 0 : _.name) || s }),
+              S && (_ == null ? void 0 : _.tier) && /* @__PURE__ */ e.jsx(me, { size: "xs", variant: Ge[_.tier] || "default", children: _.tier })
             ]
           }
         ),
-        typeof document < "u" && me.createPortal(z, document.body)
+        typeof document < "u" && re.createPortal(z, document.body)
       ]
     }
   );
@@ -2911,22 +2911,22 @@ function xn({
   maxVisible: r = 5,
   onSourceClick: a
 }) {
-  const [o, i] = I(!1), l = Kt(t), c = l.length > r, d = 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: [
-    d.map((h) => {
-      const m = h.items.map((b) => b.page).filter(Boolean), x = !!a;
+  const [o, i] = B(!1), l = Kt(t), c = l.length > r, d = o ? l : l.slice(0, r), u = t.some((x) => x.snippet), m = ["ds-sources-panel", s === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
+  return s === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: m, children: [
+    d.map((x) => {
+      const p = x.items.map((w) => w.page).filter(Boolean), h = !!a;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__compact-row${x ? " ds-sources-panel__compact-row--clickable" : ""}`,
-          onClick: x ? () => a(h.items[0]) : void 0,
+          className: `ds-sources-panel__compact-row${h ? " ds-sources-panel__compact-row--clickable" : ""}`,
+          onClick: h ? () => a(x.items[0]) : void 0,
           children: [
             /* @__PURE__ */ e.jsx(xt, { size: C[1], strokeWidth: 1.5, className: "ds-sources-panel__compact-icon" }),
-            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
-            m.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Te(m) })
+            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: x.filename }),
+            p.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Te(p) })
           ]
         },
-        h.filename
+        x.filename
       );
     }),
     c && !o && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
@@ -2934,37 +2934,37 @@ function xn({
       l.length - r,
       " more sources"
     ] })
-  ] }) : /* @__PURE__ */ e.jsxs("div", { className: p, children: [
+  ] }) : /* @__PURE__ */ e.jsxs("div", { className: m, children: [
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: n }),
-    d.map((h) => {
-      const m = h.items.map((b) => b.page).filter(Boolean), x = !!a;
+    d.map((x) => {
+      const p = x.items.map((w) => w.page).filter(Boolean), h = !!a;
       return u ? /* @__PURE__ */ e.jsx(
         Be,
         {
-          title: /* @__PURE__ */ e.jsx(Gt, { filename: h.filename, pages: m }),
+          title: /* @__PURE__ */ e.jsx(Gt, { filename: x.filename, pages: p }),
           padding: "s",
-          children: h.items.map((b, g) => /* @__PURE__ */ e.jsx(
+          children: x.items.map((w, b) => /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: `ds-sources-panel__snippet${x ? " ds-sources-panel__snippet--clickable" : ""}`,
-              onClick: x ? () => a(b) : void 0,
-              children: b.snippet ?? `p. ${b.page}`
+              className: `ds-sources-panel__snippet${h ? " ds-sources-panel__snippet--clickable" : ""}`,
+              onClick: h ? () => a(w) : void 0,
+              children: w.snippet ?? `p. ${w.page}`
             },
-            g
+            b
           ))
         },
-        h.filename
+        x.filename
       ) : /* @__PURE__ */ e.jsxs(
         "div",
         {
-          className: `ds-sources-panel__row${x ? " ds-sources-panel__row--clickable" : ""}`,
-          onClick: x ? () => a(h.items[0]) : void 0,
+          className: `ds-sources-panel__row${h ? " ds-sources-panel__row--clickable" : ""}`,
+          onClick: h ? () => a(x.items[0]) : void 0,
           children: [
-            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: h.filename }),
-            m.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Te(m) })
+            /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__filename", children: x.filename }),
+            p.length > 0 && /* @__PURE__ */ e.jsx("span", { className: "ds-sources-panel__pages", children: Te(p) })
           ]
         },
-        h.filename
+        x.filename
       );
     }),
     c && !o && /* @__PURE__ */ e.jsxs("button", { className: "ds-sources-panel__more", onClick: () => i(!0), children: [
@@ -3070,8 +3070,8 @@ function bn({
     return /* @__PURE__ */ e.jsxs("div", { className: i, children: [
       o && /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__title", children: o }),
       /* @__PURE__ */ e.jsxs("div", { className: "ds-diff-view__body ds-scrollable", style: l, children: [
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: c.map((u, p) => /* @__PURE__ */ e.jsx(ye, { line: u, lineNumbers: r }, p)) }),
-        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: d.map((u, p) => /* @__PURE__ */ e.jsx(ye, { line: u, lineNumbers: r }, p)) })
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: c.map((u, m) => /* @__PURE__ */ e.jsx(ye, { line: u, lineNumbers: r }, m)) }),
+        /* @__PURE__ */ e.jsx("div", { className: "ds-diff-view__split-col ds-scrollable", children: d.map((u, m) => /* @__PURE__ */ e.jsx(ye, { line: u, lineNumbers: r }, m)) })
       ] })
     ] });
   }
@@ -3237,16 +3237,16 @@ function gn({ children: t, axis: s = "y", style: n, className: r = "", ...a }) {
     }
   );
 }
-const ke = 280, es = 22, ts = 14, ce = 8, Ne = 6, ss = 200;
+const ke = 280, es = 22, ts = 14, de = 8, Ne = 6, ss = 200;
 function ns(t) {
   return t ? typeof t == "function" ? t() : typeof t == "string" ? document.querySelector(t) : null : null;
 }
 function rs(t, s, n, r) {
   const a = window.innerWidth, o = window.innerHeight;
-  if (o - t.bottom >= s + r + ce) return "bottom";
-  if (t.top >= s + r + ce) return "top";
-  if (a - t.right >= n + r + ce) return "right";
-  if (t.left >= n + r + ce) return "left";
+  if (o - t.bottom >= s + r + de) return "bottom";
+  if (t.top >= s + r + de) return "top";
+  if (a - t.right >= n + r + de) return "right";
+  if (t.left >= n + r + de) return "left";
   const i = Math.max(t.top, o - t.bottom, a - t.right, t.left);
   return i === o - t.bottom ? "bottom" : i === t.top ? "top" : i === a - t.right ? "right" : "left";
 }
@@ -3266,7 +3266,7 @@ function as(t, s, n, r, a) {
     default:
       l = s.top + s.height / 2 - n / 2, c = s.right + a;
   }
-  const d = Math.max(ce, Math.min(o - r - ce, c)), u = Math.max(ce, Math.min(i - n - ce, l));
+  const d = Math.max(de, Math.min(o - r - de, c)), u = Math.max(de, Math.min(i - n - de, l));
   return { top: u, left: d, arrowOffset: c - d, arrowOffsetY: l - u };
 }
 function yn({
@@ -3281,18 +3281,18 @@ function yn({
   labelNext: c = "Next",
   labelBack: d = "Back",
   labelSkip: u = "Skip tour",
-  labelFinish: p = "Done",
-  statePrimary: h = "idle",
-  stateBack: m = "idle"
+  labelFinish: m = "Done",
+  statePrimary: x = "idle",
+  stateBack: p = "idle"
 }) {
-  const x = R(null), b = R(t), g = R(s), $ = R(l);
-  b.current = t, g.current = s, $.current = l;
-  const [_, N] = I(!1), [y, S] = I({ position: "fixed", visibility: "hidden", width: ke }), [B, M] = I("bottom"), [W, z] = I(null), j = R(!1), F = t[s], K = s === t.length - 1, V = le(() => {
-    const D = b.current[g.current];
-    if (!D || !x.current) return;
-    const v = ns(D.target);
+  const h = R(null), w = R(t), b = R(s), $ = R(l);
+  w.current = t, b.current = s, $.current = l;
+  const [N, _] = B(!1), [y, S] = B({ position: "fixed", visibility: "hidden", width: ke }), [D, M] = B("bottom"), [W, z] = B(null), j = R(!1), F = t[s], K = s === t.length - 1, V = ce(() => {
+    const I = w.current[b.current];
+    if (!I || !h.current) return;
+    const v = ns(I.target);
     if (!v) return;
-    const k = v.getBoundingClientRect(), U = x.current.getBoundingClientRect().height || 160, G = ke, E = $.current ? es : ts, f = D.position || rs(k, U, G, E), { top: T, left: O, arrowOffset: Y, arrowOffsetY: te } = as(f, k, U, G, E);
+    const k = v.getBoundingClientRect(), U = h.current.getBoundingClientRect().height || 160, G = ke, E = $.current ? es : ts, f = I.position || rs(k, U, G, E), { top: T, left: O, arrowOffset: Y, arrowOffsetY: te } = as(f, k, U, G, E);
     M(f), S({
       position: "fixed",
       top: T,
@@ -3310,41 +3310,41 @@ function yn({
   }, []);
   return P(() => {
     window.addEventListener("scroll", V, !0), window.addEventListener("resize", V);
-    const D = requestAnimationFrame(() => {
-      V(), N(!0), j.current = !0;
+    const I = requestAnimationFrame(() => {
+      V(), _(!0), j.current = !0;
     });
     return () => {
-      cancelAnimationFrame(D), window.removeEventListener("scroll", V, !0), window.removeEventListener("resize", V);
+      cancelAnimationFrame(I), window.removeEventListener("scroll", V, !0), window.removeEventListener("resize", V);
     };
   }, []), P(() => {
     if (!j.current) return;
-    N(!1);
-    const D = setTimeout(() => {
+    _(!1);
+    const I = setTimeout(() => {
       S((v) => ({ ...v, visibility: "hidden" })), requestAnimationFrame(() => {
-        V(), N(!0);
+        V(), _(!0);
       });
     }, ss + 20);
-    return () => clearTimeout(D);
+    return () => clearTimeout(I);
   }, [s]), P(() => {
-    _ && x.current && x.current.focus({ preventScroll: !0 });
-  }, [_]), P(() => {
-    const D = (v) => {
+    N && h.current && h.current.focus({ preventScroll: !0 });
+  }, [N]), P(() => {
+    const I = (v) => {
       v.key === "Escape" && a();
     };
-    return document.addEventListener("keydown", D), () => document.removeEventListener("keydown", D);
+    return document.addEventListener("keydown", I), () => document.removeEventListener("keydown", I);
   }, [a]), P(() => {
-    if (!_) return;
-    const D = (v) => {
-      if (v.key !== "Tab" || !x.current) return;
+    if (!N) return;
+    const I = (v) => {
+      if (v.key !== "Tab" || !h.current) return;
       const k = Array.from(
-        x.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])')
+        h.current.querySelectorAll('button:not([disabled]), [href], [tabindex]:not([tabindex="-1"])')
       );
       if (!k.length) return;
       const A = k[0], U = k[k.length - 1];
       v.shiftKey && document.activeElement === A ? (v.preventDefault(), U.focus()) : !v.shiftKey && document.activeElement === U && (v.preventDefault(), A.focus());
     };
-    return document.addEventListener("keydown", D), () => document.removeEventListener("keydown", D);
-  }, [_]), !F || typeof document > "u" ? null : me.createPortal(
+    return document.addEventListener("keydown", I), () => document.removeEventListener("keydown", I);
+  }, [N]), !F || typeof document > "u" ? null : re.createPortal(
     /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       W && /* @__PURE__ */ e.jsx(
         "div",
@@ -3353,7 +3353,7 @@ function yn({
             "ds-coachmark__spotlight",
             i && "ds-coachmark__spotlight--overlay",
             !l && "ds-coachmark__spotlight--no-ring",
-            _ && "ds-coachmark__spotlight--visible"
+            N && "ds-coachmark__spotlight--visible"
           ].filter(Boolean).join(" "),
           style: W,
           "aria-hidden": "true"
@@ -3362,7 +3362,7 @@ function yn({
       /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: x,
+          ref: h,
           "data-ds-portal": "",
           role: "dialog",
           "aria-modal": "false",
@@ -3370,8 +3370,8 @@ function yn({
           "aria-label": F.title ?? `Step ${s + 1} of ${t.length}`,
           className: [
             "ds-coachmark__bubble",
-            `ds-coachmark__bubble--${B}`,
-            _ && "ds-coachmark__bubble--visible"
+            `ds-coachmark__bubble--${D}`,
+            N && "ds-coachmark__bubble--visible"
           ].filter(Boolean).join(" "),
           style: y,
           tabIndex: -1,
@@ -3395,8 +3395,8 @@ function yn({
                 t.length
               ] }),
               /* @__PURE__ */ e.jsxs("div", { className: "ds-coachmark__footer-nav", children: [
-                s > 0 && /* @__PURE__ */ e.jsx(ae, { variant: "secondary", size: "s", state: m, onClick: r, children: d }),
-                /* @__PURE__ */ e.jsx(ae, { variant: "primary", size: "s", state: h, onClick: K ? o : n, children: K ? p : c })
+                s > 0 && /* @__PURE__ */ e.jsx(oe, { variant: "secondary", size: "s", state: p, onClick: r, children: d }),
+                /* @__PURE__ */ e.jsx(oe, { variant: "primary", size: "s", state: x, onClick: K ? o : n, children: K ? m : c })
               ] })
             ] })
           ]
@@ -3407,7 +3407,7 @@ function yn({
   );
 }
 function kn(t, s = {}) {
-  const { storageKey: n } = s, [r, a] = I(0), [o, i] = I(!1), l = () => n && typeof localStorage < "u" && localStorage.getItem(n) === "done", c = le(() => {
+  const { storageKey: n } = s, [r, a] = B(0), [o, i] = B(!1), l = () => n && typeof localStorage < "u" && localStorage.getItem(n) === "done", c = ce(() => {
     i(!1), n && typeof localStorage < "u" && localStorage.setItem(n, "done");
   }, [n]);
   return {
@@ -3423,7 +3423,7 @@ function kn(t, s = {}) {
   };
 }
 function En() {
-  const t = R(null), s = le(() => {
+  const t = R(null), s = ce(() => {
     const n = t.current;
     if (!n) return;
     n.classList.remove("ds-shake"), n.offsetWidth, n.classList.add("ds-shake");
@@ -3439,11 +3439,11 @@ export {
   bs as Alert,
   nn as AnimatedNumber,
   Ss as Avatar,
-  fe as Badge,
+  me as Badge,
   en as Banner,
   Ns as BottomSheet,
   Cs as Breadcrumb,
-  ae as Button,
+  oe as Button,
   ms as Card,
   fn as ChatMessage,
   Ts as Checkbox,