@hanzo/ui 5.3.26 → 5.3.29

package/docs/utils/use-copy-button.ts

@@ -0,0 +1,39 @@
+'use client';
+import {
+  type MouseEventHandler,
+  useCallback,
+  useEffect,
+  useRef,
+  useState,
+} from 'react';
+
+export function useCopyButton(
+  onCopy: () => void | Promise<void>,
+): [checked: boolean, onClick: MouseEventHandler] {
+  const [checked, setChecked] = useState(false);
+  const callbackRef = useRef(onCopy);
+  const timeoutRef = useRef<number | null>(null);
+
+  callbackRef.current = onCopy;
+
+  const onClick: MouseEventHandler = useCallback(() => {
+    if (timeoutRef.current) window.clearTimeout(timeoutRef.current);
+    const res = Promise.resolve(callbackRef.current());
+
+    void res.then(() => {
+      setChecked(true);
+      timeoutRef.current = window.setTimeout(() => {
+        setChecked(false);
+      }, 1500);
+    });
+  }, []);
+
+  // Avoid updates after being unmounted
+  useEffect(() => {
+    return () => {
+      if (timeoutRef.current) window.clearTimeout(timeoutRef.current);
+    };
+  }, []);
+
+  return [checked, onClick];
+}

package/docs/utils/use-footer-items.ts

@@ -0,0 +1,27 @@
+import { useTreeContext } from '@/contexts/tree';
+import type * as PageTree from '@hanzo/docs-core/page-tree';
+
+const footerCache = new Map<string, PageTree.Item[]>();
+
+/**
+ * @returns a list of page tree items (linear), that you can obtain footer items
+ */
+export function useFooterItems(): PageTree.Item[] {
+  const { root } = useTreeContext();
+  const cached = footerCache.get(root.$id);
+  if (cached) return cached;
+
+  const list: PageTree.Item[] = [];
+  function onNode(node: PageTree.Node) {
+    if (node.type === 'folder') {
+      if (node.index) onNode(node.index);
+      for (const child of node.children) onNode(child);
+    } else if (node.type === 'page' && !node.external) {
+      list.push(node);
+    }
+  }
+
+  for (const child of root.children) onNode(child);
+  footerCache.set(root.$id, list);
+  return list;
+}

package/docs/utils/use-is-scroll-top.ts

@@ -0,0 +1,21 @@
+import { useEffect, useState } from 'react';
+
+export function useIsScrollTop({ enabled = true }: { enabled?: boolean }) {
+  const [isTop, setIsTop] = useState<boolean | undefined>();
+
+  useEffect(() => {
+    if (!enabled) return;
+
+    const listener = () => {
+      setIsTop(window.scrollY < 10);
+    };
+
+    listener();
+    window.addEventListener('scroll', listener);
+    return () => {
+      window.removeEventListener('scroll', listener);
+    };
+  }, [enabled]);
+
+  return isTop;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "5.3.26",
+  "version": "5.3.29",
   "description": "Multi-framework UI library with React, Vue, Svelte, and React Native support. Based on shadcn/ui with comprehensive framework coverage.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
@@ -15,6 +15,8 @@
   "sideEffects": false,
   "files": [
     "dist",
+    "docs",
+    "content",
     "style",
     "bin",
     "finance",
@@ -567,7 +569,7 @@
     }
   },
   "dependencies": {
-    "@hanzo/docs-core": "^16.2.5",
+    "@hanzo/docs-core": "^16.2.6",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",