@donkit-ai/design-system 1.4.71 → 1.4.73

package/dist/index.es.js

@@ -159,7 +159,7 @@ 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, ne, oe) {
+    function d(f, T, O, Y, te, oe) {
       var H = O.ref;
       return f = {
         $$typeof: x,
@@ -184,7 +184,7 @@ function jt() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ne
+        value: te
       }), Object.defineProperty(f, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -192,7 +192,7 @@ function jt() {
         value: oe
       }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
     }
-    function u(f, T, O, Y, ne, oe) {
+    function u(f, T, O, Y, te, oe) {
       var H = T.children;
       if (H !== void 0)
         if (Y)
@@ -236,7 +236,7 @@ React keys must be passed directly to JSX without using spread:
         H,
         O,
         a(),
-        ne,
+        te,
         oe
       );
     }
@@ -463,9 +463,9 @@ function us({
     var oe;
     const E = (oe = S.current) == null ? void 0 : oe.getBoundingClientRect();
     if (!E) return;
-    const f = window.innerHeight, T = f - E.bottom, O = E.top, ne = T < 300 && O > T;
-    _(ne ? "up" : "down"), g(
-      ne ? { bottom: f - E.top + 4, left: E.left, width: E.width } : { top: E.bottom + 4, left: E.left, width: E.width }
+    const f = window.innerHeight, T = f - E.bottom, O = E.top, te = T < 300 && O > T;
+    _(te ? "up" : "down"), g(
+      te ? { bottom: f - E.top + 4, left: E.left, width: E.width } : { top: E.bottom + 4, left: E.left, width: E.width }
     );
   };
   P(() => {
@@ -1715,25 +1715,33 @@ const ve = Ze({ collapsed: !1, side: "left" }), we = Ze(!1), Vs = Je(function({
   collapsed: n = !1,
   side: r = "left",
   onExpand: a,
-  className: o = "",
-  ...i
-}, l) {
-  const c = [
+  onCollapse: o,
+  className: i = "",
+  ...l
+}, c) {
+  const d = [
     "ds-nav-rail",
     n && "ds-nav-rail--collapsed",
     `ds-nav-rail--${r}`,
-    o
-  ].filter(Boolean).join(" "), d = le((u) => {
-    !n || !a || u.target.closest('button, a, input, select, textarea, [role="button"], [tabindex]') || a();
-  }, [n, a]);
+    i
+  ].filter(Boolean).join(" "), u = le((p) => {
+    if (!p.target.closest('button, a, input, select, textarea, [role="button"], [tabindex]')) {
+      if (n && a) {
+        a();
+        return;
+      }
+      !n && o && o();
+    }
+  }, [n, a, o]);
   return /* @__PURE__ */ e.jsx(ve.Provider, { value: { collapsed: n, side: r }, children: /* @__PURE__ */ e.jsx(
     "nav",
     {
-      ref: l,
-      className: c,
-      onClick: d,
+      ref: c,
+      className: d,
+      onClick: u,
       "data-expandable": n && a ? "" : void 0,
-      ...i,
+      "data-collapsible": !n && o ? "" : void 0,
+      ...l,
       children: s
     }
   ) });
@@ -2583,13 +2591,13 @@ function pn({
     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) => {
     const L = [], X = [], J = [], Z = [];
-    let te = 0, ue = $ != null ? $ - ((u == null ? void 0 : u.length) ?? 0) : 1 / 0;
-    for (const se of w)
-      U(se) ? _ && se.size > _ ? J.push(se.name) : ue > 0 ? (L.push(se), ue--) : te++ : G(se) ? X.push(se) : Z.push(se.name);
-    return { imageFiles: L, docFiles: X, tooLarge: J, skipped: Z, limitExceeded: te };
+    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);
+    return { imageFiles: L, docFiles: X, tooLarge: J, skipped: Z, limitExceeded: se };
   }, f = (w) => {
-    const { imageFiles: L, docFiles: X, tooLarge: J, skipped: Z, limitExceeded: te } = 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(", ")}`), te && D(`Max ${$} images per message`), h && L.length && h(L);
+    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);
   };
@@ -2598,10 +2606,10 @@ function pn({
     w && (w.style.height = "auto", w.style.height = `${Math.min(w.scrollHeight, 200)}px`);
   }, [t]), P(() => {
     const w = (L) => {
-      var J, Z, te;
+      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" || (te = W.current) == null || te.focus();
+      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);
   }, [o, i]);
@@ -2609,7 +2617,7 @@ function pn({
     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(), ne = (w) => {
+  }, Y = (w) => w.preventDefault(), te = (w) => {
     w.preventDefault(), z.current = 0, F(!1);
     const L = Array.from(w.dataTransfer.files);
     L.length && f(L);
@@ -2617,9 +2625,9 @@ function pn({
     const L = Array.from(w.target.files || []);
     M.current && (M.current.value = ""), L.length && f(L);
   }, H = (w) => {
-    var se;
+    var ne;
     if (!h) return;
-    const L = (se = w.clipboardData) == null ? void 0 : se.items;
+    const L = (ne = w.clipboardData) == null ? void 0 : ne.items;
     if (!L) return;
     const X = [];
     for (const st of L) {
@@ -2627,8 +2635,8 @@ function pn({
       Me && X.push(Me);
     }
     if (X.length === 0) return;
-    const { imageFiles: J, tooLarge: Z, skipped: te, limitExceeded: ue } = E(X);
-    Z.length && D(`File${Z.length > 1 ? "s" : ""} too large: ${Z.join(", ")}`), te.length && D(`Skipped unsupported file${te.length > 1 ? "s" : ""}: ${te.join(", ")}`), ue && D(`Max ${$} images per message`), J.length && (w.preventDefault(), h(J));
+    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({
     prompts: c ?? [],
     enabled: Q
@@ -2668,7 +2676,7 @@ function pn({
         onDragEnter: T,
         onDragLeave: O,
         onDragOver: Y,
-        onDrop: ne,
+        onDrop: te,
         children: [
           j && /* @__PURE__ */ e.jsx("div", { className: "ds-prompt-input__drag-overlay", children: "Drop files here" }),
           /* @__PURE__ */ e.jsx(
@@ -3258,8 +3266,8 @@ function as(t, s, n, r, a) {
     default:
       l = s.top + s.height / 2 - n / 2, c = s.right + a;
   }
-  const d = Math.max(ce, Math.min(o - r - ce, c));
-  return { top: Math.max(ce, Math.min(i - n - ce, l)), left: d, arrowOffset: c - d };
+  const d = Math.max(ce, Math.min(o - r - ce, c)), u = Math.max(ce, Math.min(i - n - ce, l));
+  return { top: u, left: d, arrowOffset: c - d, arrowOffsetY: l - u };
 }
 function yn({
   steps: t,
@@ -3284,14 +3292,15 @@ function yn({
     if (!D || !x.current) return;
     const v = ns(D.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 } = as(f, k, U, G, E);
+    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);
     M(f), S({
       position: "fixed",
       top: T,
       left: O,
       width: ke,
       visibility: "visible",
-      "--arrow-offset": `${Y}px`
+      "--arrow-offset": `${Y}px`,
+      "--arrow-offset-y": `${te}px`
     }), z({
       top: k.top - Ne,
       left: k.left - Ne,