@hanzo/ui 5.3.34 → 5.3.36

package/dist/src/hooks/use-combined-refs.js

@@ -0,0 +1,18 @@
+import { useEffect, useRef } from 'react';
+function useCombinedRefs(...refs) {
+    const targetRef = useRef(null);
+    useEffect(() => {
+        refs.forEach((ref) => {
+            if (!ref)
+                return;
+            if (typeof ref === 'function') {
+                ref(targetRef.current);
+            }
+            else {
+                ref.current = targetRef.current;
+            }
+        });
+    }, [refs]);
+    return targetRef;
+}
+export { useCombinedRefs };

package/dist/src/hooks/use-copy-clipboard.d.ts

@@ -0,0 +1,10 @@
+type UseCopyClipboardProps = {
+    string?: string;
+    onCopyClipboard?: () => void;
+};
+export declare const useCopyClipboard: ({ string, onCopyClipboard, }: UseCopyClipboardProps) => {
+    isCopied: boolean;
+    onCopy: () => Promise<void>;
+};
+export {};
+//# sourceMappingURL=use-copy-clipboard.d.ts.map

package/dist/src/hooks/use-copy-clipboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-copy-clipboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-copy-clipboard.ts"],"names":[],"mappings":"AAGA,KAAK,qBAAqB,GAAG;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,iCAG1B,qBAAqB;;;CAkBvB,CAAC"}

package/dist/src/hooks/use-copy-clipboard.js

@@ -0,0 +1,21 @@
+import { useState } from 'react';
+import { copyToClipboard } from '../../util/copy-to-clipboard';
+export const useCopyClipboard = ({ string, onCopyClipboard, }) => {
+    const [isCopied, setIsCopied] = useState(false);
+    let timeout;
+    const onCopy = async () => {
+        if (!string)
+            return;
+        const string_ = string.trim();
+        if (onCopyClipboard && typeof onCopyClipboard === 'function') {
+            onCopyClipboard();
+        }
+        else {
+            await copyToClipboard(string_);
+        }
+        setIsCopied(true);
+        clearTimeout(timeout);
+        timeout = setTimeout(() => setIsCopied(false), 1000);
+    };
+    return { isCopied, onCopy };
+};

package/dist/src/hooks/use-debounce.d.ts

@@ -0,0 +1,2 @@
+export declare function useDebounce(value: string, delay?: number): string;
+//# sourceMappingURL=use-debounce.d.ts.map

package/dist/src/hooks/use-debounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounce.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-debounce.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,SAAM,UAcrD"}

package/dist/src/hooks/use-debounce.js

@@ -0,0 +1,13 @@
+import React from 'react';
+export function useDebounce(value, delay = 500) {
+    const [debouncedValue, setDebouncedValue] = React.useState(value);
+    React.useEffect(() => {
+        const handler = setTimeout(() => {
+            setDebouncedValue(value);
+        }, delay);
+        return () => {
+            clearTimeout(handler);
+        };
+    }, [value, delay]);
+    return debouncedValue;
+}

package/dist/src/hooks/use-fill-ids.d.ts

@@ -0,0 +1,9 @@
+export declare const useFillId: (namespace: string) => {
+    fill: string;
+    id: string;
+};
+export declare const useFillIds: (namespace: string, length: number) => {
+    fill: string;
+    id: string;
+}[];
+//# sourceMappingURL=use-fill-ids.d.ts.map

package/dist/src/hooks/use-fill-ids.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-fill-ids.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-fill-ids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,cAAe,MAAM;;;CAS1C,CAAC;AAEF,eAAO,MAAM,UAAU,cAAe,MAAM,UAAU,MAAM;;;GAW3D,CAAC"}

package/dist/src/hooks/use-fill-ids.js

@@ -0,0 +1,20 @@
+import { useMemo } from 'react';
+export const useFillId = (namespace) => {
+    const id = `lobe-icons-${namespace.toLowerCase()}-fill`;
+    return useMemo(() => ({
+        fill: `url(#${id})`,
+        id,
+    }), [namespace]);
+};
+export const useFillIds = (namespace, length) => {
+    return useMemo(() => {
+        const ids = Array.from({ length }, (_, i) => {
+            const id = `lobe-icons-${namespace.toLowerCase()}-fill-${i}`;
+            return {
+                fill: `url(#${id})`,
+                id,
+            };
+        });
+        return ids;
+    }, [namespace]);
+};

package/dist/src/hooks/use-map.d.ts

@@ -0,0 +1,2 @@
+export declare function useMap<Key, Value>(initialState?: [Key, Value][]): Map<Key, Value>;
+//# sourceMappingURL=use-map.d.ts.map

package/dist/src/hooks/use-map.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-map.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-map.ts"],"names":[],"mappings":"AAEA,wBAAgB,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,YAAY,GAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAO,mBAuBnE"}

package/dist/src/hooks/use-map.js

@@ -0,0 +1,20 @@
+import React from 'react';
+export function useMap(initialState = []) {
+    const mapRef = React.useRef(new Map(initialState));
+    const [, reRender] = React.useReducer((x) => x + 1, 0);
+    mapRef.current.set = (...args) => {
+        Map.prototype.set.apply(mapRef.current, args);
+        reRender();
+        return mapRef.current;
+    };
+    mapRef.current.clear = (...args) => {
+        Map.prototype.clear.apply(mapRef.current, args);
+        reRender();
+    };
+    mapRef.current.delete = (...args) => {
+        const res = Map.prototype.delete.apply(mapRef.current, args);
+        reRender();
+        return res;
+    };
+    return mapRef.current;
+}

package/dist/src/hooks/use-measure.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare function useMeasure<T extends Element>(): [
+    React.RefCallback<T>,
+    {
+        width: number | null;
+        height: number | null;
+    }
+];
+//# sourceMappingURL=use-measure.d.ts.map

package/dist/src/hooks/use-measure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-measure.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-measure.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,UAAU,CAAC,CAAC,SAAS,OAAO,KAAK;IAC/C,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IACpB;QACE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QACrB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;KACvB;CACF,CAiCA"}

package/dist/src/hooks/use-measure.js

@@ -0,0 +1,25 @@
+import React from 'react';
+export function useMeasure() {
+    const [dimensions, setDimensions] = React.useState({
+        width: null,
+        height: null,
+    });
+    const previousObserver = React.useRef(null);
+    const customRef = React.useCallback((node) => {
+        if (previousObserver.current) {
+            previousObserver.current.disconnect();
+            previousObserver.current = null;
+        }
+        if (node?.nodeType === Node.ELEMENT_NODE) {
+            const observer = new ResizeObserver(([entry]) => {
+                if (entry && entry.borderBoxSize) {
+                    const { inlineSize: width, blockSize: height } = entry.borderBoxSize[0];
+                    setDimensions({ width, height });
+                }
+            });
+            observer.observe(node);
+            previousObserver.current = observer;
+        }
+    }, []);
+    return [customRef, dimensions];
+}

package/dist/src/hooks/use-reverse-video-playback.d.ts

@@ -0,0 +1,2 @@
+export declare const useReverseVideoPlayback: () => import("react").RefObject<HTMLVideoElement | null>;
+//# sourceMappingURL=use-reverse-video-playback.d.ts.map

package/dist/src/hooks/use-reverse-video-playback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-reverse-video-playback.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-reverse-video-playback.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,0DAwCnC,CAAC"}

package/dist/src/hooks/use-reverse-video-playback.js

@@ -0,0 +1,41 @@
+import { useEffect, useRef, useState } from 'react';
+export const useReverseVideoPlayback = () => {
+    const videoRef = useRef(null);
+    const [isReversing, setIsReversing] = useState(false);
+    const playReverse = () => {
+        if (!videoRef.current)
+            return;
+        const video = videoRef.current;
+        const reversePlayback = () => {
+            if (video.currentTime <= 0) {
+                setIsReversing(false);
+                void video.play();
+                return;
+            }
+            video.currentTime -= 0.023;
+            requestAnimationFrame(reversePlayback);
+        };
+        reversePlayback();
+    };
+    useEffect(() => {
+        const videoElement = videoRef.current;
+        if (videoElement) {
+            const handleVideoEnd = () => {
+                if (isReversing) {
+                    setIsReversing(false);
+                    videoElement.currentTime = 0;
+                    void videoElement.play();
+                }
+                else {
+                    setIsReversing(true);
+                    playReverse();
+                }
+            };
+            videoElement.addEventListener('ended', handleVideoEnd);
+            return () => {
+                videoElement.removeEventListener('ended', handleVideoEnd);
+            };
+        }
+    }, [isReversing]);
+    return videoRef;
+};

package/dist/src/hooks/use-scroll-restoration.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const useScrollRestoration: ({ key, containerRef, scrollTopStateRef, }: {
+    key: string;
+    containerRef: React.RefObject<HTMLElement | null>;
+    scrollTopStateRef: React.RefObject<{
+        [key: string]: number;
+    } | null>;
+}) => void;
+//# sourceMappingURL=use-scroll-restoration.d.ts.map

package/dist/src/hooks/use-scroll-restoration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scroll-restoration.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-scroll-restoration.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,oBAAoB,8CAI9B;IACD,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAClD,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC,CAAC;CACtE,KAAG,IAuCH,CAAC"}

package/dist/src/hooks/use-scroll-restoration.js

@@ -0,0 +1,36 @@
+import React from 'react';
+export const useScrollRestoration = ({ key, containerRef, scrollTopStateRef, }) => {
+    const saveScroll = React.useCallback(() => {
+        if (scrollTopStateRef.current) {
+            scrollTopStateRef.current[`${key}-scrollTop`] =
+                containerRef?.current?.scrollTop ?? 0;
+        }
+    }, [containerRef, scrollTopStateRef, key]);
+    const restoreScroll = React.useCallback(() => {
+        if (containerRef.current) {
+            containerRef.current.scrollTo({
+                top: scrollTopStateRef?.current?.[`${key}-scrollTop`] ?? 0,
+            });
+        }
+    }, [containerRef, key, scrollTopStateRef]);
+    React.useLayoutEffect(() => {
+        return () => {
+            saveScroll();
+        };
+    }, [saveScroll]);
+    React.useEffect(() => {
+        // Small delay to ensure content is rendered
+        const timeoutId = setTimeout(restoreScroll, 100);
+        return () => clearTimeout(timeoutId);
+    }, [restoreScroll]);
+    React.useEffect(() => {
+        restoreScroll();
+    }, [restoreScroll]);
+    React.useEffect(() => {
+        const element = containerRef?.current;
+        element?.addEventListener('scroll', saveScroll);
+        return () => {
+            element?.removeEventListener('scroll', saveScroll);
+        };
+    }, [containerRef, saveScroll]);
+};

package/dist/src/kanban/index.d.ts

@@ -0,0 +1,3 @@
+export { default as KanbanBoard } from '../project/kanban';
+export * from '../project/kanban';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/kanban/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/kanban/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1D,cAAc,mBAAmB,CAAA"}

package/dist/src/kanban/index.js

@@ -0,0 +1,4 @@
+// @hanzo/ui/kanban - Kanban and drag-drop components
+// Requires: npm install @dnd-kit/core @dnd-kit/sortable @dnd-kit/modifiers @dnd-kit/utilities
+export { default as KanbanBoard } from '../project/kanban';
+export * from '../project/kanban';

package/dist/src/mcp/enhanced-server.d.ts

@@ -0,0 +1,41 @@
+import { Server } from "@modelcontextprotocol/sdk/server/index.js";
+/**
+ * Enhanced MCP Server implementation for @hanzo/ui registry
+ * Provides comprehensive tools, resources, and prompts for AI-assisted development
+ */
+export declare const server: Server<{
+    method: string;
+    params?: {
+        [x: string]: unknown;
+        _meta?: {
+            [x: string]: unknown;
+            progressToken?: string | number | undefined;
+            "io.modelcontextprotocol/related-task"?: {
+                taskId: string;
+            } | undefined;
+        } | undefined;
+    } | undefined;
+}, {
+    method: string;
+    params?: {
+        [x: string]: unknown;
+        _meta?: {
+            [x: string]: unknown;
+            progressToken?: string | number | undefined;
+            "io.modelcontextprotocol/related-task"?: {
+                taskId: string;
+            } | undefined;
+        } | undefined;
+    } | undefined;
+}, {
+    [x: string]: unknown;
+    _meta?: {
+        [x: string]: unknown;
+        progressToken?: string | number | undefined;
+        "io.modelcontextprotocol/related-task"?: {
+            taskId: string;
+        } | undefined;
+    } | undefined;
+}>;
+export default server;
+//# sourceMappingURL=enhanced-server.d.ts.map

package/dist/src/mcp/enhanced-server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enhanced-server.d.ts","sourceRoot":"","sources":["../../../src/mcp/enhanced-server.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,2CAA2C,CAAA;AAyBlE;;;GAGG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYlB,CAAA;AAuoCD,eAAe,MAAM,CAAA"}