@rafal.lemieszewski/tide-ui 0.88.1 → 0.89.0

package/dist/es/components/fundamental/file-upload.js

@@ -1,61 +1,68 @@
-import { jsx as s, jsxs as b } from "react/jsx-runtime";
-import * as n from "react";
-import { cn as v } from "../../lib/utils.js";
-import { cva as Q } from "class-variance-authority";
+import { jsx as s, jsxs as b, Fragment as Q } from "react/jsx-runtime";
+import * as i from "react";
+import { cn as f } from "../../lib/utils.js";
+import { cva as Y } from "class-variance-authority";
 import { Button as P } from "./button.js";
-import { Progress as Y } from "./progress.js";
+import { Progress as Z } from "./progress.js";
 import { Icon as z } from "./icon.js";
-import { X as Z } from "lucide-react";
-import { Badge as _ } from "./badge.js";
-const M = n.createContext(
+import { X as _ } from "lucide-react";
+import { Badge as ee } from "./badge.js";
+const M = i.createContext(
   null
 ), D = () => {
-  const r = n.useContext(M);
+  const r = i.useContext(M);
   if (!r)
     throw new Error("useFileUpload must be used within a FileUpload component");
   return r;
-}, j = /* @__PURE__ */ n.forwardRef(
+};
+function re(r) {
+  return r instanceof File;
+}
+const j = /* @__PURE__ */ i.forwardRef(
   ({
     className: r,
     files: e,
     onFilesChange: o,
     maxFiles: t = 10,
-    maxSize: l = 10 * 1024 * 1024,
+    maxSize: n = 10 * 1024 * 1024,
     // 10MB
-    accept: i,
-    disabled: m = !1,
-    multiple: c = !0,
-    onUpload: p,
-    children: u,
-    ...x
-  }, w) => {
-    const g = n.useMemo(
+    accept: l,
+    disabled: v = !1,
+    multiple: p = !0,
+    onUpload: c,
+    onDelete: u,
+    children: w,
+    ...N
+  }, g) => {
+    const F = i.useMemo(
       () => ({
         files: e,
         onFilesChange: o,
         maxFiles: t,
-        maxSize: l,
-        accept: i,
-        disabled: m,
-        multiple: c,
-        onUpload: p
+        maxSize: n,
+        accept: l,
+        disabled: v,
+        multiple: p,
+        onUpload: c,
+        onDelete: u
       }),
       [
         e,
         o,
         t,
+        n,
         l,
-        i,
-        m,
+        v,
+        p,
         c,
-        p
+        u
       ]
     );
-    return /* @__PURE__ */ s(M.Provider, { value: g, children: /* @__PURE__ */ s("div", { ref: w, className: v("space-y-4", r), ...x, children: u }) });
+    return /* @__PURE__ */ s(M.Provider, { value: F, children: /* @__PURE__ */ s("div", { ref: g, className: f("space-y-4", r), ...N, children: w }) });
   }
 );
 j.displayName = "FileUploadRoot";
-const ee = Q(
+const te = Y(
   "relative flex flex-col items-center justify-center rounded-[var(--border-radius-l)] border-2 border-dashed p-6 text-center transition-colors duration-200",
   {
     variants: {
@@ -73,54 +80,54 @@ const ee = Q(
       disabled: !1
     }
   }
-), k = /* @__PURE__ */ n.forwardRef(({ className: r, children: e, ...o }, t) => {
+), k = /* @__PURE__ */ i.forwardRef(({ className: r, children: e, ...o }, t) => {
   const {
-    files: l,
-    onFilesChange: i,
-    maxFiles: m,
-    maxSize: c,
-    accept: p,
+    files: n,
+    onFilesChange: l,
+    maxFiles: v,
+    maxSize: p,
+    accept: c,
     disabled: u,
-    multiple: x
-  } = D(), [w, g] = n.useState(!1), y = n.useRef(null), O = (a) => {
-    if (c && a.size > c)
-      return `File size must be less than ${E(c)}`;
-    if (p && p.length > 0) {
-      const d = a.type, N = `.${a.name.split(".").pop()?.toLowerCase()}`;
-      if (!p.some((f) => {
-        if (f.startsWith("."))
-          return f.toLowerCase() === N;
-        if (f.includes("*")) {
-          const F = f.split("/")[0];
-          return d.startsWith(F);
+    multiple: w
+  } = D(), [N, g] = i.useState(!1), F = i.useRef(null), O = (a) => {
+    if (p && a.size > p)
+      return `File size must be less than ${E(p)}`;
+    if (c && c.length > 0) {
+      const d = a.type, U = `.${a.name.split(".").pop()?.toLowerCase()}`;
+      if (!c.some((m) => {
+        if (m.startsWith("."))
+          return m.toLowerCase() === U;
+        if (m.includes("*")) {
+          const x = m.split("/")[0];
+          return d.startsWith(x);
         }
-        return d === f;
+        return d === m;
       }))
-        return `File type not supported. Accepted types: ${p.join(", ")}`;
+        return `File type not supported. Accepted types: ${c.join(", ")}`;
     }
     return null;
   }, I = (a) => {
-    const d = [], N = l.length;
-    Array.from(a).forEach((h, f) => {
-      if (m && N + d.length >= m) return;
-      const F = O(h), R = {
-        id: `${Date.now()}-${f}`,
+    const d = [], U = n.length;
+    Array.from(a).forEach((h, m) => {
+      if (v && U + d.length >= v) return;
+      const x = O(h), R = {
+        id: `${Date.now()}-${m}`,
         file: h,
-        status: F ? "error" : "pending",
-        error: F || void 0,
+        status: x ? "error" : "pending",
+        error: x || void 0,
         progress: 0
       };
       if (h.type.startsWith("image/")) {
         const C = new FileReader();
         C.onload = (H) => {
-          const J = l.map(
-            (U) => U.id === R.id ? { ...U, preview: H.target?.result } : U
+          const J = n.map(
+            (y) => y.id === R.id ? { ...y, preview: H.target?.result } : y
           );
-          i(J);
+          l(J);
         }, C.readAsDataURL(h);
       }
       d.push(R);
-    }), d.length > 0 && i([...l, ...d]);
+    }), d.length > 0 && l([...n, ...d]);
   }, S = (a) => {
     a.preventDefault(), a.stopPropagation(), u || g(!0);
   }, G = (a) => {
@@ -130,7 +137,7 @@ const ee = Q(
     const d = a.dataTransfer.files;
     d.length > 0 && I(d);
   }, X = () => {
-    u || y.current?.click();
+    u || F.current?.click();
   }, q = (a) => {
     const d = a.target.files;
     d && I(d), a.target.value = "";
@@ -139,7 +146,7 @@ const ee = Q(
     "div",
     {
       ref: t,
-      className: v(ee({ isDragActive: w, disabled: u }), r),
+      className: f(te({ isDragActive: N, disabled: u }), r),
       onDragOver: S,
       onDragLeave: G,
       onDrop: K,
@@ -152,10 +159,10 @@ const ee = Q(
         /* @__PURE__ */ s(
           "input",
           {
-            ref: y,
+            ref: F,
             type: "file",
-            multiple: x,
-            accept: p?.join(","),
+            multiple: w,
+            accept: c?.join(","),
             disabled: u,
             className: "hidden",
             onChange: q
@@ -167,21 +174,21 @@ const ee = Q(
   );
 });
 k.displayName = "FileUploadDropzone";
-const L = /* @__PURE__ */ n.forwardRef(({ children: r, ...e }, o) => {
+const L = /* @__PURE__ */ i.forwardRef(({ children: r, ...e }, o) => {
   const { disabled: t } = D();
   return /* @__PURE__ */ s(P, { ref: o, disabled: t, ...e, children: r });
 });
 L.displayName = "FileUploadTrigger";
-const A = /* @__PURE__ */ n.forwardRef(
-  ({ className: r, children: e, ...o }, t) => /* @__PURE__ */ s("div", { ref: t, className: v("space-y-2", r), ...o, children: e })
+const A = /* @__PURE__ */ i.forwardRef(
+  ({ className: r, children: e, ...o }, t) => /* @__PURE__ */ s("div", { ref: t, className: f("space-y-2", r), ...o, children: e })
 );
 A.displayName = "FileUploadList";
-const B = /* @__PURE__ */ n.forwardRef(
-  ({ className: r, file: e, children: o, ...t }, l) => /* @__PURE__ */ s(
+const B = /* @__PURE__ */ i.forwardRef(
+  ({ className: r, file: e, children: o, ...t }, n) => /* @__PURE__ */ s(
     "div",
     {
-      ref: l,
-      className: v(
+      ref: n,
+      className: f(
         "flex items-center gap-3 rounded-[var(--border-radius-l)] border p-3",
         "border-[var(--color-border-primary)]",
         e.status === "error" && "border-[var(--color-border-error-bold)] bg-[var(--color-background-error-subtle)]",
@@ -194,18 +201,18 @@ const B = /* @__PURE__ */ n.forwardRef(
   )
 );
 B.displayName = "FileUploadItem";
-const W = /* @__PURE__ */ n.forwardRef(({ className: r, file: e, ...o }, t) => {
-  const l = (i) => i.startsWith("image/") ? "image" : i.startsWith("video/") ? "video" : i.startsWith("audio/") ? "volume-2" : i.includes("pdf") || i.includes("text/") || i.includes("application/json") ? "file-text" : "file";
+const W = /* @__PURE__ */ i.forwardRef(({ className: r, file: e, ...o }, t) => {
+  const n = (l) => l.startsWith("image/") ? "image" : l.startsWith("video/") ? "video" : l.startsWith("audio/") ? "volume-2" : l.includes("pdf") || l.includes("text/") || l.includes("application/json") ? "file-text" : "file";
   return /* @__PURE__ */ s(
     "div",
     {
       ref: t,
-      className: v(
+      className: f(
         "flex h-10 w-10 items-center justify-center rounded",
         r
       ),
       ...o,
-      children: e.preview ? /* @__PURE__ */ s(
+      children: e.preview && re(e.file) ? /* @__PURE__ */ s(
         "img",
         {
           src: e.preview,
@@ -215,7 +222,7 @@ const W = /* @__PURE__ */ n.forwardRef(({ className: r, file: e, ...o }, t) => {
       ) : /* @__PURE__ */ s(
         z,
         {
-          name: l(e.file.type),
+          name: n(e.file.type ?? ""),
           className: "h-5 w-5 text-[var(--color-text-secondary)]"
         }
       )
@@ -223,38 +230,44 @@ const W = /* @__PURE__ */ n.forwardRef(({ className: r, file: e, ...o }, t) => {
   );
 });
 W.displayName = "FileUploadItemPreview";
-const $ = /* @__PURE__ */ n.forwardRef(({ className: r, file: e, ...o }, t) => /* @__PURE__ */ b("div", { ref: t, className: v("flex-1 space-y-1", r), ...o, children: [
+const $ = /* @__PURE__ */ i.forwardRef(({ className: r, file: e, children: o, ...t }, n) => /* @__PURE__ */ s("div", { ref: n, className: f("flex-1 space-y-1", r), ...t, children: o ?? /* @__PURE__ */ b(Q, { children: [
   /* @__PURE__ */ b("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ s("p", { className: "text-body-sm truncate font-medium", children: e.file.name }),
-    /* @__PURE__ */ s(_, { children: e.status })
+    /* @__PURE__ */ s(ee, { children: e.status })
   ] }),
   /* @__PURE__ */ s("p", { className: "text-caption-sm text-[var(--color-text-secondary)]", children: E(e.file.size) }),
   e.error && /* @__PURE__ */ s("p", { className: "text-caption-sm text-[var(--color-text-error-bold)]", children: e.error })
-] }));
+] }) }));
 $.displayName = "FileUploadItemMetadata";
-const V = /* @__PURE__ */ n.forwardRef(({ className: r, file: e, variant: o = "linear", ...t }, l) => e.status !== "uploading" || e.progress === void 0 ? null : /* @__PURE__ */ b("div", { ref: l, className: v("w-full", r), ...t, children: [
-  /* @__PURE__ */ s(Y, { value: e.progress, className: "h-2" }),
+const V = /* @__PURE__ */ i.forwardRef(({ className: r, file: e, variant: o = "linear", ...t }, n) => e.status !== "uploading" || e.progress === void 0 ? null : /* @__PURE__ */ b("div", { ref: n, className: f("w-full", r), ...t, children: [
+  /* @__PURE__ */ s(Z, { value: e.progress, className: "h-2" }),
   /* @__PURE__ */ b("p", { className: "text-caption-sm mt-1 text-[var(--color-text-secondary)]", children: [
     Math.round(e.progress),
     "%"
   ] })
 ] }));
 V.displayName = "FileUploadItemProgress";
-const T = /* @__PURE__ */ n.forwardRef(({ file: r, ...e }, o) => {
-  const { files: t, onFilesChange: l } = D();
+const T = /* @__PURE__ */ i.forwardRef(({ file: r, ...e }, o) => {
+  const { files: t, onFilesChange: n, onDelete: l } = D();
   return /* @__PURE__ */ s(
     P,
     {
       ref: o,
       variant: "ghost",
       size: "s",
-      onClick: () => {
-        const m = t.filter((c) => c.id !== r.id);
-        l(m);
+      onClick: async () => {
+        if (l)
+          try {
+            await l(r);
+          } catch {
+            return;
+          }
+        const p = t.filter((c) => c.id !== r.id);
+        n(p);
       },
       "aria-label": `Remove ${r.file.name}`,
       ...e,
-      children: /* @__PURE__ */ s(z, { name: Z, className: "h-4 w-4" })
+      children: /* @__PURE__ */ s(z, { name: _, className: "h-4 w-4" })
     }
   );
 });
@@ -263,7 +276,7 @@ const E = (r) => {
   if (r === 0) return "0 Bytes";
   const e = 1024, o = ["Bytes", "KB", "MB", "GB"], t = Math.floor(Math.log(r) / Math.log(e));
   return parseFloat((r / Math.pow(e, t)).toFixed(2)) + " " + o[t];
-}, de = {
+}, ue = {
   Root: j,
   Dropzone: k,
   Trigger: L,
@@ -275,7 +288,7 @@ const E = (r) => {
   ItemDelete: T
 };
 export {
-  de as FileUpload,
+  ue as FileUpload,
   k as FileUploadDropzone,
   B as FileUploadItem,
   T as FileUploadItemDelete,

package/dist/es/components/product/app-frame.js

@@ -259,7 +259,7 @@ function Ie({ navigationData: a, user: o, teams: u, onNavigate: n, navigationMod
               ) }),
               /* @__PURE__ */ e(N, { side: "right", className: "hidden group-data-[collapsible=icon]:block", children: H(r) })
             ] }) }, r.title)) }) }) }),
-            /* @__PURE__ */ e("div", { className: "my-2 hidden justify-center px-2 group-data-[collapsible=icon]:flex", children: /* @__PURE__ */ e(Q, { layout: "vertical" }) }),
+            /* @__PURE__ */ e("div", { className: "my-2 hidden justify-center px-2 group-data-[collapsible=icon]:flex", children: /* @__PURE__ */ e(Q, { type: "horizontal-line" }) }),
             /* @__PURE__ */ l(F, { className: "mt-1 p-[var(--space-s)]", children: [
               /* @__PURE__ */ e(_, { className: "py-1 pb-1.5 group-data-[collapsible=icon]:hidden", children: "Operations" }),
               /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(I, { children: a.operations.map((r) => /* @__PURE__ */ e(P, { children: r.items && r.items.length > 0 ? /* @__PURE__ */ l(G, { children: [
@@ -337,7 +337,7 @@ function Ie({ navigationData: a, user: o, teams: u, onNavigate: n, navigationMod
                 /* @__PURE__ */ e(N, { side: "right", className: "hidden group-data-[collapsible=icon]:block", children: H(r) })
               ] }) }, r.title)) }) })
             ] }),
-            /* @__PURE__ */ e("div", { className: "my-2 hidden justify-center px-2 group-data-[collapsible=icon]:flex", children: /* @__PURE__ */ e(Q, { layout: "vertical" }) }),
+            /* @__PURE__ */ e("div", { className: "my-2 hidden justify-center px-2 group-data-[collapsible=icon]:flex", children: /* @__PURE__ */ e(Q, { type: "horizontal-line" }) }),
             /* @__PURE__ */ l(F, { className: "mt-1 p-[var(--space-s)]", children: [
               /* @__PURE__ */ e(_, { className: "py-1 pb-1.5 group-data-[collapsible=icon]:hidden", children: "Intelligence" }),
               /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(I, { children: a.intelligence.map((r) => /* @__PURE__ */ e(P, { children: r.items && r.items.length > 0 ? /* @__PURE__ */ l(G, { children: [
@@ -1042,7 +1042,7 @@ function rr({
     /* @__PURE__ */ l(se, { children: [
       (d || b || f) && /* @__PURE__ */ l("header", { className: "flex h-12 shrink-0 items-center gap-2 border-b border-[var(--color-border-primary-subtle)] transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12 box-border px-[var(--space-m)]", children: [
         /* @__PURE__ */ e(Ze, {}),
-        /* @__PURE__ */ e(Q, { layout: "horizontal", className: "mr-2 h-4" }),
+        /* @__PURE__ */ e(Q, { type: "vertical-line", className: "mr-2 h-4" }),
         /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: d }),
         /* @__PURE__ */ l("div", { className: "flex items-center gap-2 ml-auto shrink-0", children: [
           f && /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: f }),

package/dist/es/components/product/bookmarks.js

@@ -89,8 +89,8 @@ function Qe({
       {
         value: u,
         onValueChange: (d) => {
-          const B = C.find((v) => v.id === d);
-          B && c(B);
+          const y = C.find((v) => v.id === d);
+          y && c(y);
         },
         children: [
           /* @__PURE__ */ s(
@@ -237,10 +237,10 @@ const xe = /* @__PURE__ */ t.memo(
       onSetDefault: b,
       onNavigate: h,
       onNavigateFirst: d,
-      onNavigateLast: B,
+      onNavigateLast: y,
       onHover: v
     }, W) => {
-      const A = r.type === "user", y = t.useCallback(() => {
+      const A = r.type === "user", B = t.useCallback(() => {
         g(r);
       }, [g, r]), F = t.useCallback(() => {
         v?.(r);
@@ -265,11 +265,11 @@ const xe = /* @__PURE__ */ t.memo(
               a.preventDefault(), d();
               break;
             case "End":
-              a.preventDefault(), B();
+              a.preventDefault(), y();
               break;
           }
         },
-        [r, c, g, h, d, B]
+        [r, c, g, h, d, y]
       );
       return /* @__PURE__ */ s(
         "div",
@@ -280,7 +280,7 @@ const xe = /* @__PURE__ */ t.memo(
           "aria-posinset": c + 1,
           "aria-setsize": x,
           tabIndex: o ? 0 : -1,
-          onClick: y,
+          onClick: B,
           onKeyDown: f,
           onMouseEnter: F,
           className: X(
@@ -371,12 +371,12 @@ function Ye({
   onBookmarkHover: b,
   onOverflowMenuChange: h
 }) {
-  const [d, B] = t.useState(!1), [v, W] = t.useState(null), A = t.useCallback(
+  const [d, y] = t.useState(!1), [v, W] = t.useState(null), A = t.useCallback(
     (n) => {
-      B(n), h?.(n);
+      y(n), h?.(n);
     },
     [h]
-  ), [y, F] = t.useState(null), P = t.useRef(null), k = t.useRef(/* @__PURE__ */ new Map()), f = t.useMemo(
+  ), [B, F] = t.useState(null), P = t.useRef(null), k = t.useRef(/* @__PURE__ */ new Map()), f = t.useMemo(
     () => [...o, ...r],
     [o, r]
   );
@@ -397,7 +397,7 @@ function Ye({
         });
         const U = 8, l = 32, z = 52;
         let q = 0, R = 0, N = !1;
-        const ce = o.length, Be = r.length > 0, ze = ce > 0 && Be ? ce : -1;
+        const ce = o.length, ye = r.length > 0, ze = ce > 0 && ye ? ce : -1;
         for (let V = 0; V < f.length; V++) {
           const ne = f[V], de = D.get(ne.id);
           if (de === void 0) continue;
@@ -417,9 +417,9 @@ function Ye({
     };
   }, [f, o.length, r.length]);
   const { visibleBookmarks: a, overflowBookmarks: I } = t.useMemo(() => {
-    if (y === null)
+    if (B === null)
       return { visibleBookmarks: f, overflowBookmarks: [] };
-    const n = f.slice(0, y), m = f.slice(y), i = v ? m.find((p) => p.id === v) : null;
+    const n = f.slice(0, B), m = f.slice(B), i = v ? m.find((p) => p.id === v) : null;
     if (i && n.length > 0) {
       const p = n[n.length - 1], M = [
         ...n.slice(0, -1),
@@ -431,7 +431,7 @@ function Ye({
       return { visibleBookmarks: M, overflowBookmarks: D };
     }
     return { visibleBookmarks: n, overflowBookmarks: m };
-  }, [f, y, v]), j = t.useCallback(
+  }, [f, B, v]), j = t.useCallback(
     (n, m) => {
       let i = n + m;
       i < 0 ? i = a.length - 1 : i >= a.length && (i = 0);
@@ -501,8 +501,7 @@ function Ye({
             M && /* @__PURE__ */ e(
               ge,
               {
-                type: "line",
-                layout: "horizontal",
+                type: "vertical-line",
                 className: "h-20 flex-shrink-0",
                 "aria-hidden": "true"
               }
@@ -618,7 +617,7 @@ function Se() {
   const { isDirty: r, isSystemBookmark: o, handleRevert: u } = J();
   return !r || !o ? null : /* @__PURE__ */ e(T, { variant: "ghost", onClick: u, className: "h-[var(--size-m)]", children: "Reset" });
 }
-function ye() {
+function Be() {
   const { isDirty: r, isSystemBookmark: o, handleUpdate: u, openCreateDialog: c } = J();
   return !r || o ? null : /* @__PURE__ */ e(
     Xe,
@@ -631,13 +630,13 @@ function ye() {
 function en() {
   const { isDirty: r, isSystemBookmark: o } = J();
   return r ? /* @__PURE__ */ s(O, { children: [
-    /* @__PURE__ */ e(ge, { type: "dot", layout: "horizontal" }),
+    /* @__PURE__ */ e(ge, { type: "dot" }),
     o ? /* @__PURE__ */ s(O, { children: [
       /* @__PURE__ */ e(Se, {}),
       /* @__PURE__ */ e(Ne, {})
     ] }) : /* @__PURE__ */ s(O, { children: [
       /* @__PURE__ */ e(De, {}),
-      /* @__PURE__ */ e(ye, {})
+      /* @__PURE__ */ e(Be, {})
     ] })
   ] }) : null;
 }
@@ -653,22 +652,22 @@ function E({
   onRevert: b,
   onSave: h,
   onRename: d,
-  onDelete: B,
+  onDelete: y,
   onSetDefault: v,
   onBookmarkHover: W,
   onOverflowMenuChange: A,
-  onDialogChange: y
+  onDialogChange: B
 }) {
   const [F, P] = t.useState(!1), [k, f] = t.useState(!1), [a, I] = t.useState(), j = t.useCallback(
     (l) => {
-      f(l), y?.(l ? "create" : null);
+      f(l), B?.(l ? "create" : null);
     },
-    [y]
+    [B]
   ), $ = t.useCallback(
     (l) => {
-      P(l), y?.(l ? "rename" : null);
+      P(l), B?.(l ? "rename" : null);
     },
-    [y]
+    [B]
   ), H = t.useMemo(
     () => [...u, ...o],
     [u, o]
@@ -683,8 +682,8 @@ function E({
     await h("create", l);
   }, [h]), G = t.useCallback(async (l) => {
     const z = l || c;
-    z && await B(z);
-  }, [c, B]), _ = t.useCallback(async (l) => {
+    z && await y(z);
+  }, [c, y]), _ = t.useCallback(async (l) => {
     const z = l || c;
     z && await v(z);
   }, [c, v]), n = t.useMemo(
@@ -818,7 +817,7 @@ E.RevertButton = De;
 E.CreateButton = Ne;
 E.SaveButton = Ze;
 E.ResetButton = Se;
-E.SaveDropdown = ye;
+E.SaveDropdown = Be;
 export {
   E as Bookmarks,
   Ce as BookmarksActions,
@@ -828,7 +827,7 @@ export {
   Se as BookmarksResetButton,
   De as BookmarksRevertButton,
   Ze as BookmarksSaveButton,
-  ye as BookmarksSaveDropdown,
+  Be as BookmarksSaveDropdown,
   ke as BookmarksSettings,
   J as useBookmarksActions
 };