@gardenfi/garden-book 0.1.85 → 0.1.86

package/dist/ui.es.js

@@ -14230,23 +14230,26 @@ const InfoBadge = ({ children: e, className: t, ...i }) => /* @__PURE__ */ jsx(
   className: t,
   height: i,
   gradientHeight: n = 24,
-  ...s
+  onClose: s = !1,
+  ...a
 }) => {
-  const [a, o] = useState(!0), [c, l] = useState(!0), f = useRef(null), u = useRef(null), m = () => {
-    if (f.current) {
-      const { scrollTop: p, scrollHeight: b, clientHeight: C } = f.current;
-      o(p + C < b), l(p > 0);
+  const [o, c] = useState(!0), [l, f] = useState(!0), u = useRef(null), m = useRef(null), p = () => {
+    if (u.current) {
+      const { scrollTop: b, scrollHeight: C, clientHeight: y } = u.current;
+      c(b + y < C), f(b > 0);
     }
   };
   return useEffect(() => {
-    const p = f.current, b = u.current;
-    if (!p || !b) return;
-    m();
-    const C = new ResizeObserver(() => {
-      m();
+    s && u.current && (u.current.scrollTop = 0);
+  }, [s]), useEffect(() => {
+    const b = u.current, C = m.current;
+    if (!b || !C) return;
+    p();
+    const y = new ResizeObserver(() => {
+      p();
     });
-    return C.observe(p), C.observe(b), () => {
-      C.disconnect();
+    return y.observe(b), y.observe(C), () => {
+      y.disconnect();
     };
   }, []), /* @__PURE__ */ jsxs(
     "div",
@@ -14256,18 +14259,18 @@ const InfoBadge = ({ children: e, className: t, ...i }) => /* @__PURE__ */ jsx(
         t
       ),
       style: { height: typeof i == "number" ? `${i}px` : i },
-      ...s,
+      ...a,
       children: [
         /* @__PURE__ */ jsx(
           "div",
           {
             className: "gf-h-full gf-w-full gf-overflow-auto gf-no-scrollbar",
-            onScroll: m,
-            ref: f,
-            children: /* @__PURE__ */ jsx("div", { ref: u, children: e })
+            onScroll: p,
+            ref: u,
+            children: /* @__PURE__ */ jsx("div", { ref: m, children: e })
           }
         ),
-        c && /* @__PURE__ */ jsx(
+        l && /* @__PURE__ */ jsx(
           "div",
           {
             className: " gf-w-full gf-absolute gf-top-0 gf-left-0 gf-z-40 gf-bg-gradient-to-b gf-from-white gf-via-white/80 gf-to-transparent gf-pointer-events-none",
@@ -14276,7 +14279,7 @@ const InfoBadge = ({ children: e, className: t, ...i }) => /* @__PURE__ */ jsx(
             }
           }
         ),
-        a && /* @__PURE__ */ jsx(
+        o && /* @__PURE__ */ jsx(
           "div",
           {
             className: " gf-w-full gf-absolute gf-bottom-0 gf-left-0 gf-z-40 gf-bg-gradient-to-t gf-from-white gf-via-white/80 gf-to-transparent gf-pointer-events-none",