@rafal.lemieszewski/tide-ui 0.85.1 → 0.87.0

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

@@ -2,20 +2,21 @@ import { jsxs as s, jsx as e, Fragment as O } from "react/jsx-runtime";
 import * as r from "react";
 import { cn as X } from "../../lib/utils.js";
 import { Button as T } from "../fundamental/button.js";
-import { ButtonGroup as De } from "../fundamental/button-group.js";
+import { ButtonGroup as ze } from "../fundamental/button-group.js";
 import { Icon as w } from "../fundamental/icon.js";
-import { Separator as ue } from "../fundamental/separator.js";
-import { Select as Ne, SelectTrigger as Se, SelectContent as ye, SelectItem as de, SelectSeparator as Be, SelectGroup as ze, SelectLabel as Re } from "../fundamental/select.js";
-import { DropdownMenu as se, DropdownMenuTrigger as oe, DropdownMenuContent as le, DropdownMenuItem as L, DropdownMenuSeparator as Me } from "../fundamental/dropdown-menu.js";
-import { Popover as Oe, PopoverTrigger as Te, PopoverContent as Ee } from "../fundamental/popover.js";
-import { Dialog as Ae, DialogContent as Ue, DialogHeader as Ve, DialogTitle as Pe, DialogBody as We, DialogFooter as Ie } from "../fundamental/dialog.js";
-import { Input as Le } from "../fundamental/input.js";
-import { Label as Fe } from "../fundamental/label.js";
-import { Badge as je } from "../fundamental/badge.js";
-import { Skeleton as me } from "../fundamental/skeleton.js";
-const ae = r.createContext(null);
+import { Bookmark as re, MoreHorizontal as Re, Pencil as me, Trash2 as he, ChevronDown as pe, Star as fe, Check as Me } from "lucide-react";
+import { Separator as ve } from "../fundamental/separator.js";
+import { Select as Oe, SelectTrigger as Te, SelectContent as Ee, SelectItem as ue, SelectSeparator as Ae, SelectGroup as Pe, SelectLabel as Ue } from "../fundamental/select.js";
+import { DropdownMenu as oe, DropdownMenuTrigger as le, DropdownMenuContent as ie, DropdownMenuItem as L, DropdownMenuSeparator as Ve } from "../fundamental/dropdown-menu.js";
+import { Popover as We, PopoverTrigger as Ie, PopoverContent as Le } from "../fundamental/popover.js";
+import { Dialog as Fe, DialogContent as je, DialogHeader as $e, DialogTitle as He, DialogBody as Ke, DialogFooter as Ge } from "../fundamental/dialog.js";
+import { Input as _e } from "../fundamental/input.js";
+import { Label as qe } from "../fundamental/label.js";
+import { Badge as Je } from "../fundamental/badge.js";
+import { Skeleton as ge } from "../fundamental/skeleton.js";
+const se = r.createContext(null);
 function J() {
-  const t = r.useContext(ae);
+  const t = r.useContext(se);
   if (!t)
     throw new Error("useBookmarksActions must be used within Bookmarks");
   return t;
@@ -31,34 +32,34 @@ function te({
   r.useEffect(() => {
     t && S(c);
   }, [t, c]);
-  const k = () => {
+  const C = () => {
     g.trim() && (x(g.trim()), o(!1));
   };
-  return /* @__PURE__ */ e(Ae, { open: t, onOpenChange: o, children: /* @__PURE__ */ s(Ue, { children: [
-    /* @__PURE__ */ e(Ve, { children: /* @__PURE__ */ e(Pe, { children: u === "create" ? "Create bookmark" : "Rename bookmark" }) }),
-    /* @__PURE__ */ e(We, { children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-[var(--space-s)]", children: [
-      /* @__PURE__ */ e(Fe, { htmlFor: "bookmark-name", children: "Bookmark name" }),
+  return /* @__PURE__ */ e(Fe, { open: t, onOpenChange: o, children: /* @__PURE__ */ s(je, { children: [
+    /* @__PURE__ */ e($e, { children: /* @__PURE__ */ e(He, { children: u === "create" ? "Create bookmark" : "Rename bookmark" }) }),
+    /* @__PURE__ */ e(Ke, { children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-[var(--space-s)]", children: [
+      /* @__PURE__ */ e(qe, { htmlFor: "bookmark-name", children: "Bookmark name" }),
       /* @__PURE__ */ e(
-        Le,
+        _e,
         {
           id: "bookmark-name",
           value: g,
           onChange: (b) => S(b.target.value),
           placeholder: "Enter bookmark name...",
           onKeyDown: (b) => {
-            b.key === "Enter" && (b.preventDefault(), k());
+            b.key === "Enter" && (b.preventDefault(), C());
           },
           autoFocus: !0
         }
       )
     ] }) }),
-    /* @__PURE__ */ s(Ie, { children: [
+    /* @__PURE__ */ s(Ge, { children: [
       /* @__PURE__ */ e(T, { variant: "default", onClick: () => o(!1), children: "Cancel" }),
       /* @__PURE__ */ e(
         T,
         {
           variant: "primary",
-          onClick: k,
+          onClick: C,
           disabled: !g.trim(),
           children: u === "create" ? "Create" : "Save"
         }
@@ -66,7 +67,7 @@ function te({
     ] })
   ] }) });
 }
-function $e({
+function Qe({
   bookmarks: t,
   systemBookmarks: o,
   activeBookmarkId: u,
@@ -75,46 +76,46 @@ function $e({
   onDelete: g,
   onSetDefault: S
 }) {
-  const k = r.useMemo(
+  const C = r.useMemo(
     () => [...o, ...t],
     [o, t]
   ), b = r.useMemo(
-    () => k.find((d) => d.id === u),
-    [k, u]
+    () => C.find((d) => d.id === u),
+    [C, u]
   ), h = b?.type === "system";
-  return /* @__PURE__ */ s(De, { children: [
+  return /* @__PURE__ */ s(ze, { children: [
     /* @__PURE__ */ s(
-      Ne,
+      Oe,
       {
         value: u,
         onValueChange: (d) => {
-          const B = k.find((v) => v.id === d);
+          const B = C.find((v) => v.id === d);
           B && c(B);
         },
         children: [
           /* @__PURE__ */ s(
-            Se,
+            Te,
             {
               className: X(
                 "!text-label-md relative z-0 h-[var(--size-m)] w-auto gap-[var(--space-xs)] border border-[var(--color-border-action-outline)] bg-[var(--color-background-neutral-subtlest)] pr-[var(--space-m)] pl-[var(--space-s)] text-[var(--color-text-primary)] hover:border-[var(--color-border-action-outline-hovered)] hover:bg-[var(--color-background-neutral-subtlest-hovered)] hover:shadow-sm focus:border-[var(--color-border-action-outline)] focus:ring-0 focus:outline-none focus-visible:z-10 focus-visible:ring-2 focus-visible:ring-[var(--ring-color)] focus-visible:ring-offset-2 active:translate-y-px active:bg-[var(--grey-alpha-50)] active:shadow-xs data-[state=open]:ring-0",
                 h ? "rounded-m" : "rounded-l-m !rounded-r-none !border-r-0"
               ),
               children: [
-                /* @__PURE__ */ e(w, { name: "bookmark", size: "m", color: "primary" }),
+                /* @__PURE__ */ e(w, { name: re, size: "m", color: "primary" }),
                 b?.name || "Bookmarks"
               ]
             }
           ),
-          /* @__PURE__ */ s(ye, { align: "start", position: "popper", className: "min-w-[200px]", children: [
-            o.length > 0 && /* @__PURE__ */ e(O, { children: o.map((d) => /* @__PURE__ */ e(de, { value: d.id, children: /* @__PURE__ */ e("div", { className: "flex items-center gap-[var(--space-s)] pr-6", children: /* @__PURE__ */ e("span", { children: d.name }) }) }, d.id)) }),
-            o.length > 0 && t.length > 0 && /* @__PURE__ */ e(Be, {}),
-            t.length > 0 && /* @__PURE__ */ s(ze, { children: [
-              /* @__PURE__ */ e(Re, { children: "Custom Bookmarks" }),
-              t.map((d) => /* @__PURE__ */ e(de, { value: d.id, children: /* @__PURE__ */ s("div", { className: "flex items-center gap-[var(--space-s)] pr-6", children: [
+          /* @__PURE__ */ s(Ee, { align: "start", position: "popper", className: "min-w-[200px]", children: [
+            o.length > 0 && /* @__PURE__ */ e(O, { children: o.map((d) => /* @__PURE__ */ e(ue, { value: d.id, children: /* @__PURE__ */ e("div", { className: "flex items-center gap-[var(--space-s)] pr-6", children: /* @__PURE__ */ e("span", { children: d.name }) }) }, d.id)) }),
+            o.length > 0 && t.length > 0 && /* @__PURE__ */ e(Ae, {}),
+            t.length > 0 && /* @__PURE__ */ s(Pe, { children: [
+              /* @__PURE__ */ e(Ue, { children: "Custom Bookmarks" }),
+              t.map((d) => /* @__PURE__ */ e(ue, { value: d.id, children: /* @__PURE__ */ s("div", { className: "flex items-center gap-[var(--space-s)] pr-6", children: [
                 /* @__PURE__ */ e(
                   w,
                   {
-                    name: "bookmark",
+                    name: re,
                     className: "h-[var(--size-2xs)] w-[var(--size-2xs)]"
                   }
                 ),
@@ -122,7 +123,7 @@ function $e({
                 d.isDefault && /* @__PURE__ */ e(
                   w,
                   {
-                    name: "star",
+                    name: fe,
                     className: "h-[var(--size-2xs)] w-[var(--size-2xs)] flex-shrink-0 text-[var(--color-icon-warning-bold)]"
                   }
                 )
@@ -132,8 +133,8 @@ function $e({
         ]
       }
     ),
-    !h && /* @__PURE__ */ s(se, { children: [
-      /* @__PURE__ */ e(oe, { asChild: !0, children: /* @__PURE__ */ e(
+    !h && /* @__PURE__ */ s(oe, { children: [
+      /* @__PURE__ */ e(le, { asChild: !0, children: /* @__PURE__ */ e(
         T,
         {
           icon: "more-horizontal",
@@ -141,7 +142,7 @@ function $e({
           className: "!rounded-l-none rounded-r-md !border-l !border-l-[var(--color-border-action-outline)] focus:ring-0 data-[state=open]:ring-0"
         }
       ) }),
-      /* @__PURE__ */ s(le, { align: "end", children: [
+      /* @__PURE__ */ s(ie, { align: "end", children: [
         /* @__PURE__ */ s(
           L,
           {
@@ -154,7 +155,7 @@ function $e({
             },
             disabled: h,
             children: [
-              /* @__PURE__ */ e(w, { name: "pencil", className: "mr-2 h-4 w-4" }),
+              /* @__PURE__ */ e(w, { name: me, className: "mr-2 h-4 w-4" }),
               "Rename"
             ]
           }
@@ -172,13 +173,13 @@ function $e({
             disabled: h,
             destructive: !0,
             children: [
-              /* @__PURE__ */ e(w, { name: "trash-2", className: "mr-2 h-4 w-4" }),
+              /* @__PURE__ */ e(w, { name: he, className: "mr-2 h-4 w-4" }),
               "Delete"
             ]
           }
         ),
         !h && /* @__PURE__ */ s(O, { children: [
-          /* @__PURE__ */ e(Me, {}),
+          /* @__PURE__ */ e(Ve, {}),
           /* @__PURE__ */ s(L, { onClick: S, children: [
             /* @__PURE__ */ e(
               w,
@@ -197,9 +198,9 @@ function $e({
     ] })
   ] });
 }
-function Ke({ onUpdate: t, onCreate: o }) {
-  return /* @__PURE__ */ s(se, { children: [
-    /* @__PURE__ */ e(oe, { asChild: !0, children: /* @__PURE__ */ s(
+function Xe({ onUpdate: t, onCreate: o }) {
+  return /* @__PURE__ */ s(oe, { children: [
+    /* @__PURE__ */ e(le, { asChild: !0, children: /* @__PURE__ */ s(
       T,
       {
         variant: "ghost",
@@ -209,20 +210,20 @@ function Ke({ onUpdate: t, onCreate: o }) {
           /* @__PURE__ */ e(
             w,
             {
-              name: "chevron-down",
+              name: pe,
               className: "h-[var(--size-2xs)] w-[var(--size-2xs)]"
             }
           )
         ]
       }
     ) }),
-    /* @__PURE__ */ s(le, { align: "end", children: [
+    /* @__PURE__ */ s(ie, { align: "end", children: [
       /* @__PURE__ */ e(L, { onClick: t, children: "Update bookmark" }),
       /* @__PURE__ */ e(L, { onClick: o, children: "Create new bookmark" })
     ] })
   ] });
 }
-const he = /* @__PURE__ */ r.memo(
+const be = /* @__PURE__ */ r.memo(
   /* @__PURE__ */ r.forwardRef(
     ({
       bookmark: t,
@@ -232,7 +233,7 @@ const he = /* @__PURE__ */ r.memo(
       totalTabs: x,
       onSelect: g,
       onRename: S,
-      onDelete: k,
+      onDelete: C,
       onSetDefault: b,
       onNavigate: h,
       onNavigateFirst: d,
@@ -243,11 +244,11 @@ const he = /* @__PURE__ */ r.memo(
         g(t);
       }, [g, t]), F = r.useCallback(() => {
         v?.(t);
-      }, [v, t]), U = r.useCallback(() => {
+      }, [v, t]), P = r.useCallback(() => {
         S(t.id);
-      }, [S, t.id]), C = r.useCallback(() => {
-        k(t.id);
-      }, [k, t.id]), f = r.useCallback(
+      }, [S, t.id]), k = r.useCallback(() => {
+        C(t.id);
+      }, [C, t.id]), f = r.useCallback(
         (a) => {
           switch (a.key) {
             case "Enter":
@@ -294,7 +295,7 @@ const he = /* @__PURE__ */ r.memo(
                 A && /* @__PURE__ */ e(
                   w,
                   {
-                    name: "bookmark",
+                    name: re,
                     size: "s",
                     color: "secondary",
                     className: "flex-shrink-0"
@@ -302,8 +303,8 @@ const he = /* @__PURE__ */ r.memo(
                 ),
                 /* @__PURE__ */ e("div", { className: "text-body-md whitespace-nowrap text-[var(--color-text-primary)]", children: t.name })
               ] }),
-              A && /* @__PURE__ */ s(se, { children: [
-                /* @__PURE__ */ e(oe, { asChild: !0, children: /* @__PURE__ */ e(
+              A && /* @__PURE__ */ s(oe, { children: [
+                /* @__PURE__ */ e(le, { asChild: !0, children: /* @__PURE__ */ e(
                   T,
                   {
                     variant: "ghost",
@@ -315,21 +316,21 @@ const he = /* @__PURE__ */ r.memo(
                     children: /* @__PURE__ */ e(
                       w,
                       {
-                        name: "more-horizontal",
+                        name: Re,
                         className: "h-[var(--size-2xs)] w-[var(--size-2xs)]"
                       }
                     )
                   }
                 ) }),
-                /* @__PURE__ */ s(le, { align: "end", children: [
+                /* @__PURE__ */ s(ie, { align: "end", children: [
                   /* @__PURE__ */ s(
                     L,
                     {
                       onClick: (a) => {
-                        a.stopPropagation(), U();
+                        a.stopPropagation(), P();
                       },
                       children: [
-                        /* @__PURE__ */ e(w, { name: "pencil", className: "mr-2 h-4 w-4" }),
+                        /* @__PURE__ */ e(w, { name: me, className: "mr-2 h-4 w-4" }),
                         "Rename"
                       ]
                     }
@@ -338,11 +339,11 @@ const he = /* @__PURE__ */ r.memo(
                     L,
                     {
                       onClick: (a) => {
-                        a.stopPropagation(), C();
+                        a.stopPropagation(), k();
                       },
                       destructive: !0,
                       children: [
-                        /* @__PURE__ */ e(w, { name: "trash-2", className: "mr-2 h-4 w-4" }),
+                        /* @__PURE__ */ e(w, { name: he, className: "mr-2 h-4 w-4" }),
                         "Delete"
                       ]
                     }
@@ -350,15 +351,15 @@ const he = /* @__PURE__ */ r.memo(
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ e("div", { className: "text-heading-lg text-[var(--color-text-primary)]", children: t.isLoadingCount ? /* @__PURE__ */ e(me, { height: 32, width: 40 }) : t.count ?? " " })
+            /* @__PURE__ */ e("div", { className: "text-heading-lg text-[var(--color-text-primary)]", children: t.isLoadingCount ? /* @__PURE__ */ e(ge, { height: 32, width: 40 }) : t.count ?? " " })
           ]
         }
       );
     }
   )
 );
-he.displayName = "BookmarkTab";
-function Ge({
+be.displayName = "BookmarkTab";
+function Ye({
   bookmarks: t,
   systemBookmarks: o,
   activeBookmarkId: u,
@@ -366,7 +367,7 @@ function Ge({
   onSelect: x,
   onRename: g,
   onDelete: S,
-  onSetDefault: k,
+  onSetDefault: C,
   onBookmarkHover: b,
   onOverflowMenuChange: h
 }) {
@@ -375,43 +376,43 @@ function Ge({
       B(n), h?.(n);
     },
     [h]
-  ), [y, F] = r.useState(null), U = r.useRef(null), C = r.useRef(/* @__PURE__ */ new Map()), f = r.useMemo(
+  ), [y, F] = r.useState(null), P = r.useRef(null), k = r.useRef(/* @__PURE__ */ new Map()), f = r.useMemo(
     () => [...o, ...t],
     [o, t]
   );
   r.useEffect(() => {
     v && !f.some((n) => n.id === v) && W(null);
   }, [f, v]), r.useEffect(() => {
-    if (!U.current || f.length === 0) return;
+    if (!P.current || f.length === 0) return;
     let n = null;
     const m = () => {
       n && clearTimeout(n), n = setTimeout(() => {
-        const p = U.current;
-        if (!p || C.current.size < f.length)
+        const p = P.current;
+        if (!p || k.current.size < f.length)
           return;
         const M = p.offsetWidth, D = /* @__PURE__ */ new Map();
-        f.forEach((P) => {
-          const ne = C.current.get(P.id);
-          ne && D.set(P.id, ne.offsetWidth);
+        f.forEach((V) => {
+          const ne = k.current.get(V.id);
+          ne && D.set(V.id, ne.offsetWidth);
         });
-        const V = 8, i = 32, z = 52;
+        const U = 8, i = 32, z = 52;
         let q = 0, R = 0, N = !1;
-        const ie = o.length, ke = t.length > 0, Ce = ie > 0 && ke ? ie : -1;
-        for (let P = 0; P < f.length; P++) {
-          const ne = f[P], ce = D.get(ne.id);
-          if (ce === void 0) continue;
-          P === Ce && (N = !0, q += i + V);
-          const re = q + ce + (R > 0 || N ? V : 0);
-          if ((P < f.length - 1 ? re + V + z : re) > M)
+        const ce = o.length, ye = t.length > 0, Be = 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;
+          V === Be && (N = !0, q += i + U);
+          const ae = q + de + (R > 0 || N ? U : 0);
+          if ((V < f.length - 1 ? ae + U + z : ae) > M)
             break;
-          q = re, R++;
+          q = ae, R++;
         }
         R === 0 && f.length > 0 && (R = 1), F(R);
       }, 100);
     };
     m();
     const l = new ResizeObserver(m);
-    return l.observe(U.current), () => {
+    return l.observe(P.current), () => {
       n && clearTimeout(n), l.disconnect();
     };
   }, [f, o.length, t.length]);
@@ -425,7 +426,7 @@ function Ge({
         l
       ], D = [
         p,
-        ...m.filter((V) => V.id !== v)
+        ...m.filter((U) => U.id !== v)
       ];
       return { visibleBookmarks: M, overflowBookmarks: D };
     }
@@ -435,7 +436,7 @@ function Ge({
       let l = n + m;
       l < 0 ? l = a.length - 1 : l >= a.length && (l = 0);
       const p = a[l];
-      p && C.current.get(p.id)?.focus();
+      p && k.current.get(p.id)?.focus();
     },
     [a]
   ), $ = r.useCallback(
@@ -443,13 +444,13 @@ function Ge({
       x(n);
     },
     [x]
-  ), K = r.useCallback(() => {
+  ), H = r.useCallback(() => {
     const n = a[0];
-    n && C.current.get(n.id)?.focus();
+    n && k.current.get(n.id)?.focus();
   }, [a]), Q = r.useCallback(() => {
     const n = a[a.length - 1];
-    n && C.current.get(n.id)?.focus();
-  }, [a]), Y = a.length, G = r.useMemo(() => {
+    n && k.current.get(n.id)?.focus();
+  }, [a]), Y = a.length, K = r.useMemo(() => {
     for (let n = 0; n < a.length - 1; n++)
       if (a[n].type === "system" && a[n + 1].type === "user")
         return n;
@@ -464,23 +465,23 @@ function Ge({
       W(n.id), x(n), A(!1);
     },
     [x, A]
-  ), H = r.useMemo(() => [...a, ...I], [a, I]), _ = r.useMemo(() => new Set(a.map((n) => n.id)), [a]);
+  ), G = r.useMemo(() => [...a, ...I], [a, I]), _ = r.useMemo(() => new Set(a.map((n) => n.id)), [a]);
   return /* @__PURE__ */ s(
     "div",
     {
-      ref: U,
+      ref: P,
       role: "tablist",
       "aria-label": c,
       className: "flex items-center gap-[var(--space-s)]",
       children: [
-        H.map((n, m) => {
-          const l = _.has(n.id), p = l ? a.findIndex((D) => D.id === n.id) : -1, M = l && p === G;
+        G.map((n, m) => {
+          const l = _.has(n.id), p = l ? a.findIndex((D) => D.id === n.id) : -1, M = l && p === K;
           return /* @__PURE__ */ s(r.Fragment, { children: [
             /* @__PURE__ */ e(
-              he,
+              be,
               {
                 ref: (D) => {
-                  D ? C.current.set(n.id, D) : C.current.delete(n.id);
+                  D ? k.current.set(n.id, D) : k.current.delete(n.id);
                 },
                 bookmark: n,
                 isActive: u === n.id,
@@ -490,15 +491,15 @@ function Ge({
                 onSelect: l ? Z : $,
                 onRename: g,
                 onDelete: S,
-                onSetDefault: k,
+                onSetDefault: C,
                 onNavigate: j,
-                onNavigateFirst: K,
+                onNavigateFirst: H,
                 onNavigateLast: Q,
                 onHover: b
               }
             ),
             M && /* @__PURE__ */ e(
-              ue,
+              ve,
               {
                 type: "line",
                 layout: "horizontal",
@@ -508,8 +509,8 @@ function Ge({
             )
           ] }, n.id);
         }),
-        I.length > 0 && /* @__PURE__ */ s(Oe, { open: d, onOpenChange: A, children: [
-          /* @__PURE__ */ e(Te, { asChild: !0, children: /* @__PURE__ */ e(
+        I.length > 0 && /* @__PURE__ */ s(We, { open: d, onOpenChange: A, children: [
+          /* @__PURE__ */ e(Ie, { asChild: !0, children: /* @__PURE__ */ e(
             "button",
             {
               "aria-label": `Show ${I.length} more bookmarks`,
@@ -523,14 +524,14 @@ function Ge({
               children: /* @__PURE__ */ e(
                 w,
                 {
-                  name: "chevron-down",
+                  name: pe,
                   className: "h-[var(--size-2xs)] w-[var(--size-2xs)]"
                 }
               )
             }
           ) }),
           /* @__PURE__ */ e(
-            Ee,
+            Le,
             {
               align: "end",
               side: "bottom",
@@ -554,7 +555,7 @@ function Ge({
                       l && /* @__PURE__ */ e(
                         w,
                         {
-                          name: "bookmark",
+                          name: re,
                           className: "h-[var(--size-2xs)] w-[var(--size-2xs)]",
                           "aria-hidden": "true"
                         }
@@ -562,12 +563,12 @@ function Ge({
                       !l && /* @__PURE__ */ e("div", { className: "w-[var(--size-2xs)]", "aria-hidden": "true" }),
                       /* @__PURE__ */ s("div", { className: "flex flex-1 items-center gap-[var(--space-xs)]", children: [
                         /* @__PURE__ */ e("span", { className: "truncate", children: n.name }),
-                        (n.count !== void 0 || n.isLoadingCount) && /* @__PURE__ */ e(je, { size: "s", intent: "neutral", appearance: "subtle", children: n.isLoadingCount ? /* @__PURE__ */ e(me, { height: 16, width: 24 }) : n.count })
+                        (n.count !== void 0 || n.isLoadingCount) && /* @__PURE__ */ e(Je, { size: "s", intent: "neutral", appearance: "subtle", children: n.isLoadingCount ? /* @__PURE__ */ e(ge, { height: 16, width: 24 }) : n.count })
                       ] }),
                       n.isDefault && /* @__PURE__ */ e(
                         w,
                         {
-                          name: "star",
+                          name: fe,
                           className: "h-[var(--size-2xs)] w-[var(--size-2xs)] text-[var(--color-icon-warning-bold)]",
                           "aria-hidden": "true"
                         }
@@ -575,7 +576,7 @@ function Ge({
                       m && /* @__PURE__ */ e(
                         w,
                         {
-                          name: "check",
+                          name: Me,
                           className: "h-[var(--size-2xs)] w-[var(--size-2xs)] text-[var(--color-icon-primary)]",
                           "aria-hidden": "true"
                         }
@@ -592,51 +593,51 @@ function Ge({
     }
   );
 }
-function pe({ children: t }) {
+function xe({ children: t }) {
   return /* @__PURE__ */ e(O, { children: t });
 }
-function fe({ children: t }) {
+function we({ children: t }) {
   return /* @__PURE__ */ e(O, { children: t });
 }
-function ve({ children: t }) {
+function Ce({ children: t }) {
   return /* @__PURE__ */ e(O, { children: t });
 }
-function ge() {
+function ke() {
   const { isDirty: t, handleRevert: o } = J();
   return t ? /* @__PURE__ */ e(T, { variant: "ghost", onClick: o, className: "h-[var(--size-m)]", children: "Revert changes" }) : null;
 }
-function be() {
+function De() {
   const { isDirty: t, isSystemBookmark: o, openCreateDialog: u } = J();
   return !t || !o ? null : /* @__PURE__ */ e(T, { variant: "ghost", onClick: u, className: "h-[var(--size-m)]", children: "Create bookmark" });
 }
-function He() {
+function Ze() {
   const { isDirty: t, isSystemBookmark: o, handleUpdate: u } = J();
   return !t || o ? null : /* @__PURE__ */ e(T, { variant: "ghost", onClick: u, className: "h-[var(--size-m)]", children: "Update bookmark" });
 }
-function xe() {
+function Ne() {
   const { isDirty: t, isSystemBookmark: o, handleRevert: u } = J();
   return !t || !o ? null : /* @__PURE__ */ e(T, { variant: "ghost", onClick: u, className: "h-[var(--size-m)]", children: "Reset" });
 }
-function we() {
+function Se() {
   const { isDirty: t, isSystemBookmark: o, handleUpdate: u, openCreateDialog: c } = J();
   return !t || o ? null : /* @__PURE__ */ e(
-    Ke,
+    Xe,
     {
       onUpdate: u,
       onCreate: c
     }
   );
 }
-function _e() {
+function en() {
   const { isDirty: t, isSystemBookmark: o } = J();
   return t ? /* @__PURE__ */ s(O, { children: [
-    /* @__PURE__ */ e(ue, { type: "dot", layout: "horizontal" }),
+    /* @__PURE__ */ e(ve, { type: "dot", layout: "horizontal" }),
     o ? /* @__PURE__ */ s(O, { children: [
-      /* @__PURE__ */ e(xe, {}),
-      /* @__PURE__ */ e(be, {})
+      /* @__PURE__ */ e(Ne, {}),
+      /* @__PURE__ */ e(De, {})
     ] }) : /* @__PURE__ */ s(O, { children: [
-      /* @__PURE__ */ e(ge, {}),
-      /* @__PURE__ */ e(we, {})
+      /* @__PURE__ */ e(ke, {}),
+      /* @__PURE__ */ e(Se, {})
     ] })
   ] }) : null;
 }
@@ -648,7 +649,7 @@ function E({
   isDirty: x,
   children: g,
   "aria-label": S = "Bookmarks",
-  onSelect: k,
+  onSelect: C,
   onRevert: b,
   onSave: h,
   onRename: d,
@@ -658,57 +659,57 @@ function E({
   onOverflowMenuChange: A,
   onDialogChange: y
 }) {
-  const [F, U] = r.useState(!1), [C, f] = r.useState(!1), [a, I] = r.useState(), j = r.useCallback(
+  const [F, P] = r.useState(!1), [k, f] = r.useState(!1), [a, I] = r.useState(), j = r.useCallback(
     (i) => {
       f(i), y?.(i ? "create" : null);
     },
     [y]
   ), $ = r.useCallback(
     (i) => {
-      U(i), y?.(i ? "rename" : null);
+      P(i), y?.(i ? "rename" : null);
     },
     [y]
-  ), K = r.useMemo(
+  ), H = r.useMemo(
     () => [...u, ...o],
     [u, o]
   ), Q = r.useMemo(
-    () => K.find((i) => i.id === c),
-    [K, c]
-  ), Y = Q?.type === "system", G = r.useCallback((i) => {
+    () => H.find((i) => i.id === c),
+    [H, c]
+  ), Y = Q?.type === "system", K = r.useCallback((i) => {
     I(i || c), $(!0);
   }, [c, $]), Z = r.useCallback(async (i) => {
     a && await d(a, i);
   }, [a, d]), ee = r.useCallback(async (i) => {
     await h("create", i);
-  }, [h]), H = r.useCallback(async (i) => {
+  }, [h]), G = r.useCallback(async (i) => {
     const z = i || c;
     z && await B(z);
   }, [c, B]), _ = r.useCallback(async (i) => {
     const z = i || c;
     z && await v(z);
   }, [c, v]), n = r.useMemo(
-    () => K.find((i) => i.id === a),
-    [K, a]
+    () => H.find((i) => i.id === a),
+    [H, a]
   ), { contentSlot: m, actionsSlot: l, settingsSlot: p } = r.useMemo(() => {
     let i = null, z = null, q = null;
     const R = [];
     return r.Children.forEach(g, (N) => {
-      r.isValidElement(N) ? N.type === pe ? i = N.props.children : N.type === fe ? z = N.props.children : N.type === ve ? q = N.props.children : R.push(N) : R.push(N);
+      r.isValidElement(N) ? N.type === xe ? i = N.props.children : N.type === we ? z = N.props.children : N.type === Ce ? q = N.props.children : R.push(N) : R.push(N);
     }), !i && R.length > 0 && (i = R), {
       contentSlot: i,
       actionsSlot: z,
       settingsSlot: q
     };
-  }, [g]), M = r.useCallback(() => j(!0), [j]), D = r.useCallback(() => h("update"), [h]), V = r.useMemo(
+  }, [g]), M = r.useCallback(() => j(!0), [j]), D = r.useCallback(() => h("update"), [h]), U = r.useMemo(
     () => ({
       isDirty: x,
       isSystemBookmark: Y,
       activeBookmark: Q,
       openCreateDialog: M,
-      openRenameDialog: G,
+      openRenameDialog: K,
       handleRevert: b,
       handleUpdate: D,
-      handleDelete: H,
+      handleDelete: G,
       handleSetDefault: _
     }),
     [
@@ -716,24 +717,24 @@ function E({
       Y,
       Q,
       M,
-      G,
+      K,
       b,
       D,
-      H,
+      G,
       _
     ]
   );
-  return t === "tabs" ? /* @__PURE__ */ s(ae.Provider, { value: V, children: [
+  return t === "tabs" ? /* @__PURE__ */ s(se.Provider, { value: U, children: [
     /* @__PURE__ */ e(
-      Ge,
+      Ye,
       {
         bookmarks: o,
         systemBookmarks: u,
         activeBookmarkId: c,
         "aria-label": S,
-        onSelect: k,
-        onRename: G,
-        onDelete: H,
+        onSelect: C,
+        onRename: K,
+        onDelete: G,
         onSetDefault: _,
         onBookmarkHover: W,
         onOverflowMenuChange: A
@@ -752,7 +753,7 @@ function E({
     /* @__PURE__ */ e(
       te,
       {
-        open: C,
+        open: k,
         onOpenChange: j,
         mode: "create",
         onSave: ee
@@ -768,17 +769,17 @@ function E({
         onSave: Z
       }
     )
-  ] }) : /* @__PURE__ */ s(ae.Provider, { value: V, children: [
+  ] }) : /* @__PURE__ */ s(se.Provider, { value: U, children: [
     /* @__PURE__ */ s("div", { className: "flex items-center gap-[var(--space-m)]", children: [
       /* @__PURE__ */ e(
-        $e,
+        Qe,
         {
           bookmarks: o,
           systemBookmarks: u,
           activeBookmarkId: c,
-          onSelect: k,
-          onRename: () => G(),
-          onDelete: () => H(),
+          onSelect: C,
+          onRename: () => K(),
+          onDelete: () => G(),
           onSetDefault: () => _()
         }
       ),
@@ -791,7 +792,7 @@ function E({
     /* @__PURE__ */ e(
       te,
       {
-        open: C,
+        open: k,
         onOpenChange: j,
         mode: "create",
         onSave: ee
@@ -809,25 +810,25 @@ function E({
     )
   ] });
 }
-E.Content = pe;
-E.Actions = fe;
-E.Settings = ve;
-E.DefaultActions = _e;
-E.RevertButton = ge;
-E.CreateButton = be;
-E.SaveButton = He;
-E.ResetButton = xe;
-E.SaveDropdown = we;
+E.Content = xe;
+E.Actions = we;
+E.Settings = Ce;
+E.DefaultActions = en;
+E.RevertButton = ke;
+E.CreateButton = De;
+E.SaveButton = Ze;
+E.ResetButton = Ne;
+E.SaveDropdown = Se;
 export {
   E as Bookmarks,
-  fe as BookmarksActions,
-  pe as BookmarksContent,
-  be as BookmarksCreateButton,
-  _e as BookmarksDefaultActions,
-  xe as BookmarksResetButton,
-  ge as BookmarksRevertButton,
-  He as BookmarksSaveButton,
-  we as BookmarksSaveDropdown,
-  ve as BookmarksSettings,
+  we as BookmarksActions,
+  xe as BookmarksContent,
+  De as BookmarksCreateButton,
+  en as BookmarksDefaultActions,
+  Ne as BookmarksResetButton,
+  ke as BookmarksRevertButton,
+  Ze as BookmarksSaveButton,
+  Se as BookmarksSaveDropdown,
+  Ce as BookmarksSettings,
   J as useBookmarksActions
 };