@donkit-ai/design-system 1.4.15 → 1.4.17

package/dist/index.es.js

@@ -69,25 +69,25 @@ function os() {
           return "Suspense";
         case Y:
           return "SuspenseList";
-        case N:
+        case b:
           return "Activity";
       }
       if (typeof c == "object")
         switch (typeof c.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), c.$$typeof) {
-          case b:
+          case v:
             return "Portal";
           case $:
             return c.displayName || "Context";
           case y:
             return (c._context.displayName || "Context") + ".Consumer";
-          case O:
+          case z:
             var w = c.render;
             return c = c.displayName, c || (c = w.displayName || w.name || "", c = c !== "" ? "ForwardRef(" + c + ")" : "ForwardRef"), c;
-          case q:
+          case H:
             return w = c.displayName || null, w !== null ? w : s(c.type) || "Memo";
-          case P:
+          case F:
             w = c._payload, c = c._init;
             try {
               return s(c(w));
@@ -108,17 +108,17 @@ function os() {
       }
       if (w) {
         w = console;
-        var z = w.error, F = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
-        return z.call(
+        var L = w.error, O = typeof Symbol == "function" && Symbol.toStringTag && c[Symbol.toStringTag] || c.constructor.name || "Object";
+        return L.call(
           w,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          F
+          O
         ), t(c);
       }
     }
     function i(c) {
       if (c === S) return "<>";
-      if (typeof c == "object" && c !== null && c.$$typeof === P)
+      if (typeof c == "object" && c !== null && c.$$typeof === F)
         return "<...>";
       try {
         var w = s(c);
@@ -142,31 +142,31 @@ function os() {
       return c.key !== void 0;
     }
     function l(c, w) {
-      function z() {
+      function L() {
         k || (k = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           w
         ));
       }
-      z.isReactWarning = !0, Object.defineProperty(c, "key", {
-        get: z,
+      L.isReactWarning = !0, Object.defineProperty(c, "key", {
+        get: L,
         configurable: !0
       });
     }
     function m() {
       var c = s(this.type);
-      return L[c] || (L[c] = !0, console.error(
+      return P[c] || (P[c] = !0, console.error(
         "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."
       )), c = this.props.ref, c !== void 0 ? c : null;
     }
-    function d(c, w, z, F, te, ae) {
-      var W = z.ref;
+    function d(c, w, L, O, te, ae) {
+      var W = L.ref;
       return c = {
         $$typeof: _,
         type: c,
         key: w,
-        props: z,
-        _owner: F
+        props: L,
+        _owner: O
       }, (W !== void 0 ? W : null) !== null ? Object.defineProperty(c, "ref", {
         enumerable: !1,
         get: m
@@ -192,13 +192,13 @@ function os() {
         value: ae
       }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
     }
-    function f(c, w, z, F, te, ae) {
+    function f(c, w, L, O, te, ae) {
       var W = w.children;
       if (W !== void 0)
-        if (F)
+        if (O)
           if (x(W)) {
-            for (F = 0; F < W.length; F++)
-              p(W[F]);
+            for (O = 0; O < W.length; O++)
+              p(W[O]);
             Object.freeze && Object.freeze(W);
           } else
             console.error(
@@ -210,43 +210,43 @@ function os() {
         var Q = Object.keys(w).filter(function(xe) {
           return xe !== "key";
         });
-        F = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", g[W + F] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
+        O = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", g[W + O] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          F,
+          O,
           W,
           Q,
           W
-        ), g[W + F] = !0);
+        ), g[W + O] = !0);
       }
-      if (W = null, z !== void 0 && (n(z), W = "" + z), o(w) && (n(w.key), W = "" + w.key), "key" in w) {
-        z = {};
+      if (W = null, L !== void 0 && (n(L), W = "" + L), o(w) && (n(w.key), W = "" + w.key), "key" in w) {
+        L = {};
         for (var ie in w)
-          ie !== "key" && (z[ie] = w[ie]);
-      } else z = w;
+          ie !== "key" && (L[ie] = w[ie]);
+      } else L = w;
       return W && l(
-        z,
+        L,
         typeof c == "function" ? c.displayName || c.name || "Unknown" : c
       ), d(
         c,
         W,
-        z,
+        L,
         a(),
         te,
         ae
       );
     }
     function p(c) {
-      h(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === P && (c._payload.status === "fulfilled" ? h(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
+      h(c) ? c._store && (c._store.validated = 1) : typeof c == "object" && c !== null && c.$$typeof === F && (c._payload.status === "fulfilled" ? h(c._payload.value) && c._payload.value._store && (c._payload.value._store.validated = 1) : c._store && (c._store.validated = 1));
     }
     function h(c) {
       return typeof c == "object" && c !== null && c.$$typeof === _;
     }
-    var u = K, _ = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), R = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), A = Symbol.for("react.suspense"), Y = Symbol.for("react.suspense_list"), q = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), N = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), X = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, x = Array.isArray, v = console.createTask ? console.createTask : function() {
+    var u = K, _ = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), R = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), A = Symbol.for("react.suspense"), Y = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), b = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), X = u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, x = Array.isArray, N = console.createTask ? console.createTask : function() {
       return null;
     };
     u = {
@@ -254,29 +254,29 @@ React keys must be passed directly to JSX without using spread:
         return c();
       }
     };
-    var k, L = {}, H = u.react_stack_bottom_frame.bind(
+    var k, P = {}, q = u.react_stack_bottom_frame.bind(
       u,
       r
-    )(), G = v(i(r)), g = {};
-    fe.Fragment = S, fe.jsx = function(c, w, z) {
-      var F = 1e4 > X.recentlyCreatedOwnerStacks++;
+    )(), G = N(i(r)), g = {};
+    fe.Fragment = S, fe.jsx = function(c, w, L) {
+      var O = 1e4 > X.recentlyCreatedOwnerStacks++;
       return f(
         c,
         w,
-        z,
+        L,
         !1,
-        F ? Error("react-stack-top-frame") : H,
-        F ? v(i(c)) : G
+        O ? Error("react-stack-top-frame") : q,
+        O ? N(i(c)) : G
       );
-    }, fe.jsxs = function(c, w, z) {
-      var F = 1e4 > X.recentlyCreatedOwnerStacks++;
+    }, fe.jsxs = function(c, w, L) {
+      var O = 1e4 > X.recentlyCreatedOwnerStacks++;
       return f(
         c,
         w,
-        z,
+        L,
         !0,
-        F ? Error("react-stack-top-frame") : H,
-        F ? v(i(c)) : G
+        O ? Error("react-stack-top-frame") : q,
+        O ? N(i(c)) : G
       );
     };
   }()), fe;
@@ -310,37 +310,37 @@ function me({
   className: p = "",
   ...h
 }) {
-  const u = a && !s, _ = o === "loading", b = o === "success", S = o === "error", R = _ || b || S, B = n === "xs" ? "s" : "m", y = cs[n] ?? 16, $ = _ ? /* @__PURE__ */ e.jsx(ls, { size: B }) : b ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Ne, { size: y, strokeWidth: 2.5 }) }) : S ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(re, { size: y, strokeWidth: 2.5 }) }) : null, O = [
+  const u = a && !s, _ = o === "loading", v = o === "success", S = o === "error", R = _ || v || S, B = n === "xs" ? "s" : "m", y = t === "danger" ? "on-accent" : "default", $ = cs[n] ?? 16, z = _ ? /* @__PURE__ */ e.jsx(ls, { size: B, color: y }) : v ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Ne, { size: $, strokeWidth: 2.5 }) }) : S ? /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(re, { size: $, strokeWidth: 2.5 }) }) : null, A = [
     "ds-button",
     `ds-button--${t}`,
     `ds-button--${n}`,
     i && "ds-button--full",
     u && "ds-button--icon-only",
     p
-  ].filter(Boolean).join(" "), A = o !== "idle" ? o : void 0, Y = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    R ? $ : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
+  ].filter(Boolean).join(" "), Y = o !== "idle" ? o : void 0, H = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    R ? z : a && /* @__PURE__ */ e.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: a }),
     s
   ] });
   if (d) {
-    const q = (P) => {
+    const F = (b) => {
       if (r || _) {
-        P.preventDefault();
+        b.preventDefault();
         return;
       }
-      P.metaKey || P.ctrlKey || P.button === 1 || (P.preventDefault(), l == null || l(P));
+      b.metaKey || b.ctrlKey || b.button === 1 || (b.preventDefault(), l == null || l(b));
     };
     return /* @__PURE__ */ e.jsx(
       "a",
       {
-        className: O,
+        className: A,
         href: r || _ ? void 0 : d,
-        onClick: q,
+        onClick: F,
         "aria-label": f,
         "aria-disabled": r || _ ? "true" : void 0,
         "aria-busy": _ ? "true" : void 0,
-        "data-state": A,
+        "data-state": Y,
         ...h,
-        children: Y
+        children: H
       }
     );
   }
@@ -348,14 +348,14 @@ function me({
     "button",
     {
       type: m,
-      className: O,
+      className: A,
       disabled: r,
       onClick: _ ? void 0 : l,
       "aria-label": f,
       "aria-busy": _ ? "true" : void 0,
-      "data-state": A,
+      "data-state": Y,
       ...h,
-      children: Y
+      children: H
     }
   );
 }
@@ -448,34 +448,34 @@ function Ys({
   id: d,
   ...f
 }) {
-  const [p, h] = D(!1), [u, _] = D(!1), [b, S] = D({}), [R, B] = D("down"), [y, $] = D(-1), O = E(null), A = E(null), Y = E(null), q = E(null), P = d || `select-${K.useId()}`, N = `${P}-label`, C = r ? `${P}-error` : void 0, X = 150, U = (g = !1) => {
-    u || (_(!0), $(-1), q.current = setTimeout(() => {
+  const [p, h] = D(!1), [u, _] = D(!1), [v, S] = D({}), [R, B] = D("down"), [y, $] = D(-1), z = E(null), A = E(null), Y = E(null), H = E(null), F = d || `select-${K.useId()}`, b = `${F}-label`, C = r ? `${F}-error` : void 0, X = 150, U = (g = !1) => {
+    u || (_(!0), $(-1), H.current = setTimeout(() => {
       var c;
       h(!1), _(!1), g && ((c = Y.current) == null || c.focus());
     }, X));
   }, x = (g) => {
-    clearTimeout(q.current), _(!1);
+    clearTimeout(H.current), _(!1);
     const c = g !== void 0 ? g : Math.max(i.findIndex((w) => w.value === t), 0);
     $(c), h(!0);
   };
-  M(() => () => clearTimeout(q.current), []);
-  const v = () => {
+  M(() => () => clearTimeout(H.current), []);
+  const N = () => {
     var ae;
-    const g = (ae = O.current) == null ? void 0 : ae.getBoundingClientRect();
+    const g = (ae = z.current) == null ? void 0 : ae.getBoundingClientRect();
     if (!g) return;
-    const c = window.innerHeight, w = c - g.bottom, z = g.top, te = w < 300 && z > w;
+    const c = window.innerHeight, w = c - g.bottom, L = g.top, te = w < 300 && L > w;
     B(te ? "up" : "down"), S(
       te ? { bottom: c - g.top + 4, left: g.left, width: g.width } : { top: g.bottom + 4, left: g.left, width: g.width }
     );
   };
   M(() => {
     if (p)
-      return v(), window.addEventListener("scroll", v, !0), window.addEventListener("resize", v), () => {
-        window.removeEventListener("scroll", v, !0), window.removeEventListener("resize", v);
+      return N(), window.addEventListener("scroll", N, !0), window.addEventListener("resize", N), () => {
+        window.removeEventListener("scroll", N, !0), window.removeEventListener("resize", N);
       };
   }, [p]), M(() => {
     const g = (c) => {
-      O.current && !O.current.contains(c.target) && A.current && !A.current.contains(c.target) && U();
+      z.current && !z.current.contains(c.target) && A.current && !A.current.contains(c.target) && U();
     };
     return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
   }, [u]), M(() => {
@@ -508,12 +508,12 @@ function Ys({
         p && U(!1);
         break;
     }
-  }, L = i.find((g) => g.value === t), H = l === "xs" ? I[1] : l === "small" ? I[2] : I[3], G = p && /* @__PURE__ */ e.jsx(
+  }, P = i.find((g) => g.value === t), q = l === "xs" ? I[1] : l === "small" ? I[2] : I[3], G = p && /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: A,
       role: "listbox",
-      "aria-labelledby": s ? N : void 0,
+      "aria-labelledby": s ? b : void 0,
       tabIndex: -1,
       className: [
         "ds-select-dropdown",
@@ -521,11 +521,11 @@ function Ys({
         `ds-select-dropdown--${R}`,
         u && "ds-select-dropdown--closing"
       ].filter(Boolean).join(" "),
-      style: b,
+      style: v,
       children: i.map((g, c) => /* @__PURE__ */ e.jsx(
         "button",
         {
-          id: `${P}-opt-${c}`,
+          id: `${F}-opt-${c}`,
           type: "button",
           role: "option",
           tabIndex: -1,
@@ -546,18 +546,18 @@ function Ys({
     }
   );
   return /* @__PURE__ */ e.jsxs("div", { className: `ds-select-wrapper ${o ? "ds-select-wrapper--full" : ""} ${m ? "ds-select-wrapper--disabled" : ""}`, children: [
-    s && /* @__PURE__ */ e.jsx("label", { id: N, className: "ds-select-label", children: s }),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: O, children: /* @__PURE__ */ e.jsxs(
+    s && /* @__PURE__ */ e.jsx("label", { id: b, className: "ds-select-label", children: s }),
+    /* @__PURE__ */ e.jsx("div", { className: "ds-select-container", ref: z, children: /* @__PURE__ */ e.jsxs(
       "button",
       {
         ref: Y,
         type: "button",
-        id: P,
+        id: F,
         role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": p,
-        "aria-activedescendant": p && y >= 0 ? `${P}-opt-${y}` : void 0,
-        "aria-labelledby": s ? N : void 0,
+        "aria-activedescendant": p && y >= 0 ? `${F}-opt-${y}` : void 0,
+        "aria-labelledby": s ? b : void 0,
         "aria-invalid": r ? "true" : "false",
         "aria-describedby": C,
         className: `ds-select-trigger ds-select-trigger--${l} ${r ? "ds-select-trigger--error" : ""}`,
@@ -568,11 +568,11 @@ function Ys({
         disabled: m,
         ...f,
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: L ? "" : "ds-select-placeholder", children: (L == null ? void 0 : L.label) || a }),
+          /* @__PURE__ */ e.jsx("span", { className: P ? "" : "ds-select-placeholder", children: (P == null ? void 0 : P.label) || a }),
           /* @__PURE__ */ e.jsx(
             he,
             {
-              size: H,
+              size: q,
               strokeWidth: 1.5,
               className: `ds-select-icon ${p && R === "down" ? "ds-select-icon--open" : ""} ${p && R === "up" ? "ds-select-icon--up" : ""}`,
               "aria-hidden": "true"
@@ -622,14 +622,14 @@ function Hs({
     "ds-stepper-wrapper",
     l && "ds-stepper-wrapper--disabled",
     d && "ds-stepper-wrapper--error"
-  ].filter(Boolean).join(" "), b = [
+  ].filter(Boolean).join(" "), v = [
     "ds-stepper",
     `ds-stepper--${o}`,
     l && "ds-stepper--disabled"
   ].filter(Boolean).join(" "), S = o === "xs" ? I[1] : o === "small" ? I[2] : I[3];
   return /* @__PURE__ */ e.jsxs("div", { className: _, children: [
     s && /* @__PURE__ */ e.jsx("label", { className: "ds-stepper-label", children: s }),
-    /* @__PURE__ */ e.jsxs("div", { className: b, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: v, children: [
       /* @__PURE__ */ e.jsx(
         "button",
         {
@@ -805,10 +805,10 @@ function et({
     }, fs));
   };
   M(() => {
-    const u = (b) => {
-      b.key === "Escape" && d();
-    }, _ = (b) => {
-      r.current && !r.current.contains(b.target) && d();
+    const u = (v) => {
+      v.key === "Escape" && d();
+    }, _ = (v) => {
+      r.current && !r.current.contains(v.target) && d();
     };
     return document.addEventListener("keydown", u), document.addEventListener("mousedown", _), () => {
       document.removeEventListener("keydown", u), document.removeEventListener("mousedown", _);
@@ -960,7 +960,7 @@ function at({ options: s, value: t, onChange: n, size: i = "m", disabled: a = !1
     if (!r.current) return;
     const u = r.current.querySelector(`[data-value="${t}"]`);
     if (!u) return;
-    const _ = r.current.getBoundingClientRect(), b = u.getBoundingClientRect(), S = b.left - _.left, R = b.width;
+    const _ = r.current.getBoundingClientRect(), v = u.getBoundingClientRect(), S = v.left - _.left, R = v.width;
     o.current ? (o.current.style.transition = d.current ? "left var(--transition-normal), width var(--transition-normal)" : "none", o.current.style.left = S + "px", o.current.style.width = R + "px", d.current = !1) : (m(!0), requestAnimationFrame(() => {
       if (!o.current || !r.current) return;
       const B = r.current.querySelector(`[data-value="${t}"]`);
@@ -1092,7 +1092,7 @@ function hs(s, t, n) {
 function it({ children: s, content: t, position: n, ...i }) {
   const [a, r] = D(!1), [o, l] = D({ visibility: "hidden" }), [m, d] = D(n || "top"), f = E(null), p = E(null), h = E(!1), u = () => {
     if (!f.current || !p.current) return;
-    const b = f.current.getBoundingClientRect(), S = p.current.getBoundingClientRect(), R = n || hs(b, S.height, S.width), { top: B, left: y, arrowOffset: $ } = ps(R, b, S);
+    const v = f.current.getBoundingClientRect(), S = p.current.getBoundingClientRect(), R = n || hs(v, S.height, S.width), { top: B, left: y, arrowOffset: $ } = ps(R, v, S);
     d(R), l({
       position: "fixed",
       top: B,
@@ -1104,16 +1104,16 @@ function it({ children: s, content: t, position: n, ...i }) {
   if (M(() => {
     if (!a) return;
     l({ position: "fixed", visibility: "hidden" });
-    const b = requestAnimationFrame(u);
+    const v = requestAnimationFrame(u);
     return window.addEventListener("scroll", u, !0), window.addEventListener("resize", u), () => {
-      cancelAnimationFrame(b), window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
+      cancelAnimationFrame(v), window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
     };
   }, [a, n]), M(() => {
     if (!a) return;
-    const b = (S) => {
+    const v = (S) => {
       f.current && !f.current.contains(S.target) && r(!1);
     };
-    return document.addEventListener("touchstart", b), () => document.removeEventListener("touchstart", b);
+    return document.addEventListener("touchstart", v), () => document.removeEventListener("touchstart", v);
   }, [a]), !t) return s;
   const _ = a && /* @__PURE__ */ e.jsx(
     "div",
@@ -1137,7 +1137,7 @@ function it({ children: s, content: t, position: n, ...i }) {
         h.current || r(!1);
       },
       onTouchStart: () => {
-        h.current = !0, r((b) => !b);
+        h.current = !0, r((v) => !v);
       },
       ...i,
       children: [
@@ -1579,10 +1579,10 @@ function gt({
     }, Ns));
   };
   M(() => {
-    const u = (b) => {
-      b.key === "Escape" && d();
-    }, _ = (b) => {
-      r.current && !r.current.contains(b.target) && d();
+    const u = (v) => {
+      v.key === "Escape" && d();
+    }, _ = (v) => {
+      r.current && !r.current.contains(v.target) && d();
     };
     return document.addEventListener("keydown", u), document.addEventListener("mousedown", _), () => {
       document.removeEventListener("keydown", u), document.removeEventListener("mousedown", _);
@@ -1677,39 +1677,39 @@ function kt({
   style: o,
   ...l
 }) {
-  const [m, d] = D(!1), [f, p] = D(!1), h = n !== void 0, u = h ? n : m, _ = E(null), b = E(null), S = E(null), R = E(null), [B, y] = D({}), $ = E(null), O = 150, A = () => {
+  const [m, d] = D(!1), [f, p] = D(!1), h = n !== void 0, u = h ? n : m, _ = E(null), v = E(null), S = E(null), R = E(null), [B, y] = D({}), $ = E(null), z = 150, A = () => {
     if (h)
       i == null || i(!1);
     else {
       if (f) return;
       p(!0), $.current = setTimeout(() => {
         d(!1), p(!1);
-      }, O);
+      }, z);
     }
   }, Y = () => {
     const x = !u;
     h ? i == null || i(x) : x ? (clearTimeout($.current), p(!1), d(!0)) : A();
-  }, q = () => {
+  }, H = () => {
     u || (h ? i == null || i(!0) : (clearTimeout($.current), p(!1), d(!0)));
   };
   M(() => () => clearTimeout($.current), []), M(() => {
     if (!u) return;
-    const x = 300, v = () => {
+    const x = 300, N = () => {
       var G;
       const k = (G = _.current) == null ? void 0 : G.getBoundingClientRect();
       if (!k) return;
-      const L = window.innerHeight - k.bottom, H = L < x + 8 && k.top > L;
+      const P = window.innerHeight - k.bottom, q = P < x + 8 && k.top > P;
       y(
-        a === "right" ? H ? { bottom: window.innerHeight - k.top + 4, top: "auto", right: window.innerWidth - k.right } : { top: k.bottom + 4, bottom: "auto", right: window.innerWidth - k.right } : H ? { bottom: window.innerHeight - k.top + 4, top: "auto", left: k.left } : { top: k.bottom + 4, bottom: "auto", left: k.left }
+        a === "right" ? q ? { bottom: window.innerHeight - k.top + 4, top: "auto", right: window.innerWidth - k.right } : { top: k.bottom + 4, bottom: "auto", right: window.innerWidth - k.right } : q ? { bottom: window.innerHeight - k.top + 4, top: "auto", left: k.left } : { top: k.bottom + 4, bottom: "auto", left: k.left }
       );
     };
-    return v(), window.addEventListener("scroll", v, !0), window.addEventListener("resize", v), () => {
-      window.removeEventListener("scroll", v, !0), window.removeEventListener("resize", v);
+    return N(), window.addEventListener("scroll", N, !0), window.addEventListener("resize", N), () => {
+      window.removeEventListener("scroll", N, !0), window.removeEventListener("resize", N);
     };
   }, [u, a]);
-  const P = () => {
-    var v;
-    const x = (v = S.current) == null ? void 0 : v.querySelector(
+  const F = () => {
+    var N;
+    const x = (N = S.current) == null ? void 0 : N.querySelector(
       'button:not([disabled]), [href], [tabindex]:not([tabindex="-1"]), input, select, textarea'
     );
     x == null || x.focus();
@@ -1717,47 +1717,47 @@ function kt({
   M(() => {
     if (!u) return;
     const x = (k) => {
-      var L, H;
-      !((L = _.current) != null && L.contains(k.target)) && !((H = b.current) != null && H.contains(k.target)) && A();
-    }, v = (k) => {
-      k.key === "Escape" && (A(), P());
+      var P, q;
+      !((P = _.current) != null && P.contains(k.target)) && !((q = v.current) != null && q.contains(k.target)) && A();
+    }, N = (k) => {
+      k.key === "Escape" && (A(), F());
     };
-    return document.addEventListener("mousedown", x), document.addEventListener("keydown", v), () => {
-      document.removeEventListener("mousedown", x), document.removeEventListener("keydown", v);
+    return document.addEventListener("mousedown", x), document.addEventListener("keydown", N), () => {
+      document.removeEventListener("mousedown", x), document.removeEventListener("keydown", N);
     };
   }, [u]), M(() => {
-    if (!u || !R.current || !b.current) return;
-    const x = N(), v = R.current === "last" ? x[x.length - 1] : x[0];
-    v == null || v.focus(), R.current = null;
+    if (!u || !R.current || !v.current) return;
+    const x = b(), N = R.current === "last" ? x[x.length - 1] : x[0];
+    N == null || N.focus(), R.current = null;
   }, [u]);
-  const N = () => b.current ? [...b.current.querySelectorAll(
+  const b = () => v.current ? [...v.current.querySelectorAll(
     'button:not([disabled]), a[href]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])'
   )] : [], C = (x) => {
-    var v, k;
+    var N, k;
     if (x.key === "ArrowDown")
-      x.preventDefault(), u ? (v = N()[0]) == null || v.focus() : (R.current = "first", q());
+      x.preventDefault(), u ? (N = b()[0]) == null || N.focus() : (R.current = "first", H());
     else if (x.key === "ArrowUp")
       if (x.preventDefault(), !u)
-        R.current = "last", q();
+        R.current = "last", H();
       else {
-        const L = N();
-        (k = L[L.length - 1]) == null || k.focus();
+        const P = b();
+        (k = P[P.length - 1]) == null || k.focus();
       }
   }, X = (x) => {
-    var L, H, G, g;
-    const v = N(), k = v.findIndex((c) => c === document.activeElement);
+    var P, q, G, g;
+    const N = b(), k = N.findIndex((c) => c === document.activeElement);
     switch (x.key) {
       case "ArrowDown":
-        x.preventDefault(), (L = v[Math.min(k + 1, v.length - 1)]) == null || L.focus();
+        x.preventDefault(), (P = N[Math.min(k + 1, N.length - 1)]) == null || P.focus();
         break;
       case "ArrowUp":
-        x.preventDefault(), k <= 0 ? P() : (H = v[k - 1]) == null || H.focus();
+        x.preventDefault(), k <= 0 ? F() : (q = N[k - 1]) == null || q.focus();
         break;
       case "Home":
-        x.preventDefault(), (G = v[0]) == null || G.focus();
+        x.preventDefault(), (G = N[0]) == null || G.focus();
         break;
       case "End":
-        x.preventDefault(), (g = v[v.length - 1]) == null || g.focus();
+        x.preventDefault(), (g = N[N.length - 1]) == null || g.focus();
         break;
       case "Tab":
         A();
@@ -1766,7 +1766,7 @@ function kt({
   }, U = u && /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: b,
+      ref: v,
       role: "menu",
       className: [
         "ds-dropdown__menu",
@@ -1775,24 +1775,24 @@ function kt({
       ].filter(Boolean).join(" "),
       style: B,
       onKeyDown: X,
-      children: t.map((x, v) => {
+      children: t.map((x, N) => {
         if (x.separator)
-          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, v);
+          return /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__separator" }, N);
         if (x.type === "section")
           return /* @__PURE__ */ e.jsxs("div", { className: "ds-dropdown__section", children: [
             x.label && /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-label", children: x.label }),
             /* @__PURE__ */ e.jsx("div", { className: "ds-dropdown__section-content", children: x.content })
-          ] }, v);
-        const k = !!x.href, L = k ? "a" : "button", H = k ? { href: x.disabled ? void 0 : x.href, "aria-disabled": x.disabled ? "true" : void 0 } : { type: "button", disabled: x.disabled };
+          ] }, N);
+        const k = !!x.href, P = k ? "a" : "button", q = k ? { href: x.disabled ? void 0 : x.href, "aria-disabled": x.disabled ? "true" : void 0 } : { type: "button", disabled: x.disabled };
         return /* @__PURE__ */ e.jsxs(
-          L,
+          P,
           {
             role: "menuitem",
             className: [
               "ds-dropdown__item",
               x.danger && "ds-dropdown__item--danger"
             ].filter(Boolean).join(" "),
-            ...H,
+            ...q,
             onClick: () => {
               var G;
               (G = x.onClick) == null || G.call(x), A();
@@ -1803,7 +1803,7 @@ function kt({
               x.shortcut && /* @__PURE__ */ e.jsx("span", { className: "ds-dropdown__item-shortcut", children: x.shortcut })
             ]
           },
-          v
+          N
         );
       })
     }
@@ -2197,7 +2197,7 @@ function As({
   betweenTime: r = 380,
   manualPauseMs: o = 5e3
 }) {
-  const [l, m] = D(0), [d, f] = D(""), p = E("typing"), h = E(0), u = E(0), _ = E(null), b = E(0);
+  const [l, m] = D(0), [d, f] = D(""), p = E("typing"), h = E(0), u = E(0), _ = E(null), v = E(0);
   M(() => {
     u.current = l;
   }, [l]), M(() => {
@@ -2206,9 +2206,9 @@ function As({
       return;
     }
     const $ = () => {
-      const O = Date.now();
-      if (b.current > O) {
-        _.current = setTimeout($, b.current - O);
+      const z = Date.now();
+      if (v.current > z) {
+        _.current = setTimeout($, v.current - z);
         return;
       }
       const A = s[u.current % s.length] ?? "";
@@ -2220,8 +2220,8 @@ function As({
   }, [t, s, n, i, a, r]);
   const S = ($) => {
     if (s.length === 0) return;
-    const O = ($ % s.length + s.length) % s.length, A = s[O];
-    u.current = O, h.current = A.length, p.current = "holding", b.current = Date.now() + o, m(O), f(A);
+    const z = ($ % s.length + s.length) % s.length, A = s[z];
+    u.current = z, h.current = A.length, p.current = "holding", v.current = Date.now() + o, m(z), f(A);
   }, R = () => S(u.current + 1), B = () => S(u.current - 1), y = s[l % s.length] ?? "";
   return { displayed: d, currentPrompt: y, index: l, next: R, prev: B };
 }
@@ -2242,23 +2242,23 @@ function Lt({
   onAttachImages: h,
   onRemoveAttachment: u,
   onRemoveImage: _,
-  acceptImage: b,
+  acceptImage: v,
   acceptFile: S,
   maxImages: R,
   maxImageSize: B,
   leftSlot: y,
   rightSlot: $,
-  className: O = "",
+  className: z = "",
   ...A
 }) {
-  const Y = E(null), q = E(null), P = E(0), [N, C] = D(!1), [X, U] = D([]), x = (j) => {
+  const Y = E(null), H = E(null), F = E(0), [b, C] = D(!1), [X, U] = D([]), x = (j) => {
     const T = ++Is;
     U((V) => [...V, { id: T, msg: j }]), setTimeout(() => U((V) => V.filter((J) => J.id !== T)), 6e3);
-  }, v = (j) => U((T) => T.filter((V) => V.id !== j)), k = (j) => j.type.startsWith("image/"), L = () => !0, H = b ?? k, G = S ?? L, g = (j) => {
+  }, N = (j) => U((T) => T.filter((V) => V.id !== j)), k = (j) => j.type.startsWith("image/"), P = () => !0, q = v ?? k, G = S ?? P, g = (j) => {
     const T = [], V = [], J = [], Z = [];
     let ee = 0, oe = R != null ? R - ((f == null ? void 0 : f.length) ?? 0) : 1 / 0;
     for (const se of j)
-      H(se) ? B && se.size > B ? J.push(se.name) : oe > 0 ? (T.push(se), oe--) : ee++ : G(se) ? V.push(se) : Z.push(se.name);
+      q(se) ? B && se.size > B ? J.push(se.name) : oe > 0 ? (T.push(se), oe--) : ee++ : G(se) ? V.push(se) : Z.push(se.name);
     return { imageFiles: T, docFiles: V, tooLarge: J, skipped: Z, limitExceeded: ee };
   }, c = (j) => {
     const { imageFiles: T, docFiles: V, tooLarge: J, skipped: Z, limitExceeded: ee } = g(j);
@@ -2267,23 +2267,23 @@ function Lt({
     p && oe.length && p(oe);
   };
   M(() => {
-    const j = q.current;
+    const j = H.current;
     j && (j.style.height = "auto", j.style.height = `${Math.min(j.scrollHeight, 200)}px`);
   }, [s]), M(() => {
     const j = (T) => {
       var J, Z, ee;
       if (r || o) return;
       const V = (J = T.target) == null ? void 0 : J.tagName;
-      V === "INPUT" || V === "TEXTAREA" || V === "SELECT" || (Z = T.target) != null && Z.isContentEditable || T.ctrlKey || T.metaKey || T.altKey || T.key.length !== 1 && T.key !== "Backspace" && T.key !== "Delete" || (ee = q.current) == null || ee.focus();
+      V === "INPUT" || V === "TEXTAREA" || V === "SELECT" || (Z = T.target) != null && Z.isContentEditable || T.ctrlKey || T.metaKey || T.altKey || T.key.length !== 1 && T.key !== "Backspace" && T.key !== "Delete" || (ee = H.current) == null || ee.focus();
     };
     return document.addEventListener("keydown", j), () => document.removeEventListener("keydown", j);
   }, [r, o]);
   const w = (j) => {
-    j.preventDefault(), P.current++, j.dataTransfer.types.includes("Files") && C(!0);
-  }, z = (j) => {
-    j.preventDefault(), P.current--, P.current === 0 && C(!1);
-  }, F = (j) => j.preventDefault(), te = (j) => {
-    j.preventDefault(), P.current = 0, C(!1);
+    j.preventDefault(), F.current++, j.dataTransfer.types.includes("Files") && C(!0);
+  }, L = (j) => {
+    j.preventDefault(), F.current--, F.current === 0 && C(!1);
+  }, O = (j) => j.preventDefault(), te = (j) => {
+    j.preventDefault(), F.current = 0, C(!1);
     const T = Array.from(j.dataTransfer.files);
     T.length && c(T);
   }, ae = (j) => {
@@ -2322,7 +2322,7 @@ function Lt({
     }
     a == null || a(j);
   }, Ce = (s.trim() || (f == null ? void 0 : f.length) > 0 || (d == null ? void 0 : d.length) > 0) && !o, $e = p || h;
-  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", O].filter(Boolean).join(" "), ...A, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: ["ds-prompt-input", z].filter(Boolean).join(" "), ...A, children: [
     $e && /* @__PURE__ */ e.jsx(
       "input",
       {
@@ -2337,17 +2337,17 @@ function Lt({
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: ["ds-prompt-input__box", N && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
+        className: ["ds-prompt-input__box", b && "ds-prompt-input__box--dragging"].filter(Boolean).join(" "),
         onDragEnter: w,
-        onDragLeave: z,
-        onDragOver: F,
+        onDragLeave: L,
+        onDragOver: O,
         onDrop: te,
         children: [
-          N && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
+          b && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
           /* @__PURE__ */ e.jsx(
             "textarea",
             {
-              ref: q,
+              ref: H,
               value: s,
               onChange: (j) => t == null ? void 0 : t(j.target.value),
               onKeyDown: xe,
@@ -2382,7 +2382,7 @@ function Lt({
               {
                 type: "button",
                 className: "ds-prompt-input__warning-close",
-                onClick: () => v(j.id),
+                onClick: () => N(j.id),
                 "aria-label": "Dismiss",
                 children: /* @__PURE__ */ e.jsx(re, { size: I[1], strokeWidth: 1.5 })
               }
@@ -2456,15 +2456,15 @@ function zt({
   className: l = "",
   ...m
 }) {
-  const [d, f] = D(!1), p = E(null), h = E(null), u = E(null), [_, b] = D({}), S = s.filter((N) => !a || N.name === "auto" ? !0 : (Pe[N.tier] ?? 1) >= (Pe[a] ?? 1)), R = S.find((N) => N.name === "auto"), B = S.filter((N) => N.name !== "auto"), y = s.find((N) => N.name === t), O = new Set(B.map((N) => N.tier).filter(Boolean)).size > 1;
+  const [d, f] = D(!1), p = E(null), h = E(null), u = E(null), [_, v] = D({}), S = s.filter((b) => !a || b.name === "auto" ? !0 : (Pe[b.tier] ?? 1) >= (Pe[a] ?? 1)), R = S.find((b) => b.name === "auto"), B = S.filter((b) => b.name !== "auto"), y = s.find((b) => b.name === t), z = new Set(B.map((b) => b.tier).filter(Boolean)).size > 1;
   M(() => {
     if (!d) return;
-    const N = 320, C = () => {
-      var L;
-      const x = (L = h.current) == null ? void 0 : L.getBoundingClientRect();
+    const b = 320, C = () => {
+      var P;
+      const x = (P = h.current) == null ? void 0 : P.getBoundingClientRect();
       if (!x) return;
-      const v = window.innerHeight - x.bottom, k = v < N + 8 && x.top > v;
-      b({
+      const N = window.innerHeight - x.bottom, k = N < b + 8 && x.top > N;
+      v({
         position: "fixed",
         zIndex: "var(--z-dropdown, 500)",
         left: x.left,
@@ -2473,8 +2473,8 @@ function zt({
     };
     C(), window.addEventListener("scroll", C, !0), window.addEventListener("resize", C);
     const X = (x) => {
-      var v, k;
-      !((v = p.current) != null && v.contains(x.target)) && !((k = u.current) != null && k.contains(x.target)) && f(!1);
+      var N, k;
+      !((N = p.current) != null && N.contains(x.target)) && !((k = u.current) != null && k.contains(x.target)) && f(!1);
     }, U = (x) => {
       x.key === "Escape" && f(!1);
     };
@@ -2482,31 +2482,31 @@ function zt({
       window.removeEventListener("scroll", C, !0), window.removeEventListener("resize", C), document.removeEventListener("mousedown", X), document.removeEventListener("keydown", U);
     };
   }, [d]);
-  const A = (N) => {
-    n == null || n(N), f(!1);
-  }, Y = (N) => /* @__PURE__ */ e.jsxs(
+  const A = (b) => {
+    n == null || n(b), f(!1);
+  }, Y = (b) => /* @__PURE__ */ e.jsxs(
     "button",
     {
       type: "button",
       className: [
         "ds-model-picker__item",
-        N.name === t && "ds-model-picker__item--active"
+        b.name === t && "ds-model-picker__item--active"
       ].filter(Boolean).join(" "),
-      onClick: () => A(N.name),
+      onClick: () => A(b.name),
       children: [
-        N.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: N.icon }) : /* @__PURE__ */ e.jsx(Se, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
-        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: N.displayName || N.name }),
-        O && N.tier && /* @__PURE__ */ e.jsx(ce, { size: "xs", variant: Le[N.tier] || "default", children: N.tier })
+        b.icon ? /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-icon", children: b.icon }) : /* @__PURE__ */ e.jsx(Se, { size: 12, strokeWidth: 1.5, className: "ds-model-picker__item-icon" }),
+        /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__item-name", children: b.displayName || b.name }),
+        z && b.tier && /* @__PURE__ */ e.jsx(ce, { size: "xs", variant: Le[b.tier] || "default", children: b.tier })
       ]
     },
-    N.name
-  ), q = () => !o || !O ? B.map(Y) : ["fast", "standard", "premium"].flatMap((N) => {
-    const C = B.filter((X) => X.tier === N);
+    b.name
+  ), H = () => !o || !z ? B.map(Y) : ["fast", "standard", "premium"].flatMap((b) => {
+    const C = B.filter((X) => X.tier === b);
     return C.length ? [
-      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": N, children: N.charAt(0).toUpperCase() + N.slice(1) }, `lbl-${N}`),
+      /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__group-label", "data-tier": b, children: b.charAt(0).toUpperCase() + b.slice(1) }, `lbl-${b}`),
       ...C.map(Y)
     ] : [];
-  }), P = d && /* @__PURE__ */ e.jsxs("div", { ref: u, className: "ds-model-picker__menu", style: _, children: [
+  }), F = d && /* @__PURE__ */ e.jsxs("div", { ref: u, className: "ds-model-picker__menu", style: _, children: [
     r && R && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(
         "button",
@@ -2526,7 +2526,7 @@ function zt({
       ),
       B.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ds-model-picker__separator" })
     ] }),
-    q()
+    H()
   ] });
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -2541,17 +2541,17 @@ function zt({
             ref: h,
             type: "button",
             className: "ds-model-picker__trigger",
-            onClick: () => f((N) => !N),
+            onClick: () => f((b) => !b),
             "aria-haspopup": "listbox",
             "aria-expanded": d,
             children: [
               y != null && y.icon ? /* @__PURE__ */ e.jsx("span", { children: y.icon }) : /* @__PURE__ */ e.jsx(Se, { size: 12, strokeWidth: 1.5 }),
               /* @__PURE__ */ e.jsx("span", { className: "ds-model-picker__trigger-name", children: (y == null ? void 0 : y.displayName) || (y == null ? void 0 : y.name) || t }),
-              O && (y == null ? void 0 : y.tier) && /* @__PURE__ */ e.jsx(ce, { size: "xs", variant: Le[y.tier] || "default", children: y.tier })
+              z && (y == null ? void 0 : y.tier) && /* @__PURE__ */ e.jsx(ce, { size: "xs", variant: Le[y.tier] || "default", children: y.tier })
             ]
           }
         ),
-        typeof document < "u" && pe.createPortal(P, document.body)
+        typeof document < "u" && pe.createPortal(F, document.body)
       ]
     }
   );
@@ -2579,7 +2579,7 @@ function Ot({
   const [r, o] = D(!1), l = Ms(s), m = l.length > i, d = r ? l : l.slice(0, i), f = s.some((h) => h.snippet), p = ["ds-sources-panel", t === "compact" && "ds-sources-panel--compact"].filter(Boolean).join(" ");
   return t === "compact" ? /* @__PURE__ */ e.jsxs("div", { className: p, children: [
     d.map((h) => {
-      const u = h.items.map((b) => b.page).filter(Boolean), _ = !!a;
+      const u = h.items.map((v) => v.page).filter(Boolean), _ = !!a;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -2602,18 +2602,18 @@ function Ot({
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: p, children: [
     n && /* @__PURE__ */ e.jsx("div", { className: "ds-sources-panel__title", children: n }),
     d.map((h) => {
-      const u = h.items.map((b) => b.page).filter(Boolean), _ = !!a;
+      const u = h.items.map((v) => v.page).filter(Boolean), _ = !!a;
       return f ? /* @__PURE__ */ e.jsx(
         Ee,
         {
           title: /* @__PURE__ */ e.jsx(Bs, { filename: h.filename, pages: u }),
           padding: "s",
-          children: h.items.map((b, S) => /* @__PURE__ */ e.jsx(
+          children: h.items.map((v, S) => /* @__PURE__ */ e.jsx(
             "div",
             {
               className: `ds-sources-panel__snippet${_ ? " ds-sources-panel__snippet--clickable" : ""}`,
-              onClick: _ ? () => a(b) : void 0,
-              children: b.snippet ?? `p. ${b.page}`
+              onClick: _ ? () => a(v) : void 0,
+              children: v.snippet ?? `p. ${v.page}`
             },
             S
           ))