@studio-helga/once-ui-core 1.7.8

package/dist/hooks/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./useHeadingLinks";
+export * from "./useDebounce";
+export * from "./useFetchOg";
+export * from "./useStreamingData";
+export * from "./useStreamingViewport";
+export * from "./useInViewport";
+export * from "./useReducedMotion";
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC"}

package/dist/hooks/index.js

@@ -0,0 +1,8 @@
+export * from "./useHeadingLinks";
+export * from "./useDebounce";
+export * from "./useFetchOg";
+export * from "./useStreamingData";
+export * from "./useStreamingViewport";
+export * from "./useInViewport";
+export * from "./useReducedMotion";
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC"}

package/dist/hooks/useArrowNavigation.d.ts

@@ -0,0 +1,23 @@
+import { KeyboardEvent, RefObject } from "react";
+export type NavigationLayout = "row" | "column" | "grid";
+export interface ArrowNavigationOptions {
+    layout: NavigationLayout;
+    itemCount: number;
+    columns?: number;
+    containerRef?: RefObject<HTMLElement | HTMLDivElement | null>;
+    onSelect?: (index: number) => void;
+    onFocusChange?: (index: number) => void;
+    wrap?: boolean;
+    initialFocusedIndex?: number;
+    itemSelector?: string;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    disableHighlighting?: boolean;
+}
+export declare const useArrowNavigation: ({ layout, itemCount, columns, containerRef, onSelect, onFocusChange, wrap, initialFocusedIndex, itemSelector, autoFocus, disabled, disableHighlighting, }: ArrowNavigationOptions) => {
+    focusedIndex: number;
+    setFocusedIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+    handleKeyDown: (e: KeyboardEvent<HTMLElement>) => void;
+    applyHighlightedState: () => void;
+};
+//# sourceMappingURL=useArrowNavigation.d.ts.map

package/dist/hooks/useArrowNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useArrowNavigation.d.ts","sourceRoot":"","sources":["../../src/hooks/useArrowNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,aAAa,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAEnF,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEzD,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,gBAAgB,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,cAAc,GAAG,IAAI,CAAC,CAAC;IAC9D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,kBAAkB,GAAI,2JAahC,sBAAsB;;;uBA6HjB,aAAa,CAAC,WAAW,CAAC;;CAyHjC,CAAC"}

package/dist/hooks/useArrowNavigation.js

@@ -0,0 +1,205 @@
+import { useState, useCallback, useEffect } from "react";
+export const useArrowNavigation = ({ layout, itemCount, columns = 8, containerRef, onSelect, onFocusChange, wrap = true, initialFocusedIndex = -1, itemSelector = '[role="option"], [data-value], button, [tabindex]:not([tabindex="-1"])', autoFocus = false, disabled = false, disableHighlighting = false, }) => {
+    const [focusedIndex, setFocusedIndex] = useState(initialFocusedIndex);
+    // Reset focused index when item count changes
+    useEffect(() => {
+        if (focusedIndex >= itemCount) {
+            setFocusedIndex(itemCount > 0 ? 0 : -1);
+        }
+    }, [itemCount, focusedIndex]);
+    // Auto-focus first item if enabled
+    useEffect(() => {
+        if (autoFocus && itemCount > 0 && focusedIndex === -1) {
+            setFocusedIndex(0);
+        }
+    }, [autoFocus, itemCount, focusedIndex]);
+    // Update focus when focusedIndex changes
+    useEffect(() => {
+        if (focusedIndex >= 0 && containerRef?.current) {
+            const items = Array.from(containerRef.current.querySelectorAll(itemSelector));
+            if (items.length > focusedIndex) {
+                // Check if the item is disabled
+                const isDisabled = items[focusedIndex].hasAttribute("disabled") ||
+                    items[focusedIndex].getAttribute("aria-disabled") === "true";
+                if (!isDisabled) {
+                    // Focus the element without scrolling
+                    items[focusedIndex].focus({ preventScroll: true });
+                    // Don't call scrollIntoView to avoid unwanted scrolling
+                    // items[focusedIndex].scrollIntoView({ block: 'nearest', behavior: 'smooth' });
+                    // Call the focus change callback
+                    onFocusChange?.(focusedIndex);
+                }
+            }
+        }
+    }, [focusedIndex, containerRef, itemSelector, onFocusChange]);
+    // Helper function to find the next non-disabled item
+    const findNextEnabledItem = useCallback((currentIndex, direction) => {
+        if (!containerRef?.current)
+            return currentIndex;
+        const items = Array.from(containerRef.current.querySelectorAll(itemSelector));
+        let index = currentIndex;
+        let loopCount = 0;
+        // Prevent infinite loops by limiting to itemCount iterations
+        while (loopCount < itemCount) {
+            index += direction;
+            // Handle wrapping
+            if (index >= itemCount) {
+                if (wrap) {
+                    index = 0;
+                }
+                else {
+                    return currentIndex; // Can't move further
+                }
+            }
+            else if (index < 0) {
+                if (wrap) {
+                    index = itemCount - 1;
+                }
+                else {
+                    return currentIndex; // Can't move further
+                }
+            }
+            // Check if we've looped back to the start
+            if (index === currentIndex) {
+                return currentIndex;
+            }
+            // Check if item is enabled
+            if (index < items.length) {
+                const isDisabled = items[index].hasAttribute("disabled") ||
+                    items[index].getAttribute("aria-disabled") === "true";
+                if (!isDisabled) {
+                    return index;
+                }
+            }
+            loopCount++;
+        }
+        // If all items are disabled, return the original index
+        return currentIndex;
+    }, [containerRef, itemSelector, itemCount, wrap]);
+    // Helper function to find the next enabled item from a specific index
+    const findEnabledItemFromIndex = useCallback((startIndex) => {
+        if (!containerRef?.current)
+            return startIndex;
+        const items = Array.from(containerRef.current.querySelectorAll(itemSelector));
+        // First check the start index itself
+        if (startIndex < items.length) {
+            const isDisabled = items[startIndex].hasAttribute("disabled") ||
+                items[startIndex].getAttribute("aria-disabled") === "true";
+            if (!isDisabled) {
+                return startIndex;
+            }
+        }
+        // If start index is disabled, find the next enabled item
+        return findNextEnabledItem(startIndex, 1);
+    }, [containerRef, itemSelector, findNextEnabledItem]);
+    const handleKeyDown = useCallback((e) => {
+        if (disabled || itemCount === 0)
+            return;
+        let newIndex = focusedIndex;
+        switch (e.key) {
+            case "ArrowRight":
+                e.preventDefault();
+                if (layout === "row" || layout === "grid") {
+                    newIndex = findNextEnabledItem(focusedIndex, 1);
+                }
+                break;
+            case "ArrowLeft":
+                e.preventDefault();
+                if (layout === "row" || layout === "grid") {
+                    newIndex = findNextEnabledItem(focusedIndex, -1);
+                }
+                break;
+            case "ArrowDown":
+                e.preventDefault();
+                if (layout === "column") {
+                    newIndex = findNextEnabledItem(focusedIndex, 1);
+                }
+                else if (layout === "grid") {
+                    // Move down by the number of columns
+                    const nextIndex = focusedIndex + columns;
+                    if (nextIndex < itemCount) {
+                        newIndex = findEnabledItemFromIndex(nextIndex);
+                    }
+                    else if (wrap) {
+                        // Wrap to the beginning of the same column
+                        const column = focusedIndex % columns;
+                        newIndex = findEnabledItemFromIndex(column);
+                    }
+                }
+                break;
+            case "ArrowUp":
+                e.preventDefault();
+                if (layout === "column") {
+                    newIndex = findNextEnabledItem(focusedIndex, -1);
+                }
+                else if (layout === "grid") {
+                    // Move up by the number of columns
+                    const nextIndex = focusedIndex - columns;
+                    if (nextIndex >= 0) {
+                        newIndex = findEnabledItemFromIndex(nextIndex);
+                    }
+                    else if (wrap) {
+                        // Wrap to the end of the same column
+                        const column = focusedIndex % columns;
+                        const lastRow = Math.floor((itemCount - 1) / columns);
+                        const targetIndex = lastRow * columns + column;
+                        newIndex = findEnabledItemFromIndex(Math.min(targetIndex, itemCount - 1));
+                    }
+                }
+                break;
+            case "Home":
+                e.preventDefault();
+                newIndex = 0;
+                break;
+            case "End":
+                e.preventDefault();
+                newIndex = itemCount - 1;
+                break;
+            case 'Enter':
+            case ' ':
+                if (focusedIndex >= 0 && focusedIndex < itemCount) {
+                    e.preventDefault();
+                    onSelect?.(focusedIndex);
+                }
+                break;
+            default:
+                return;
+        }
+        if (newIndex !== focusedIndex) {
+            setFocusedIndex(newIndex);
+        }
+    }, [layout, itemCount, focusedIndex, columns, wrap, onSelect, disabled]);
+    /**
+     * Apply highlighted state to elements
+     */
+    const applyHighlightedState = useCallback(() => {
+        if (!containerRef?.current || disableHighlighting)
+            return;
+        const items = Array.from(containerRef.current.querySelectorAll(itemSelector));
+        items.forEach((item, index) => {
+            // Check if the item is disabled
+            const isDisabled = item.hasAttribute("disabled") || item.getAttribute("aria-disabled") === "true";
+            if (index === focusedIndex && !isDisabled) {
+                item.setAttribute("data-highlighted", "true");
+                item.classList.add("highlighted");
+                item.setAttribute("aria-selected", "true");
+            }
+            else {
+                item.removeAttribute("data-highlighted");
+                item.classList.remove("highlighted");
+                item.setAttribute("aria-selected", "false");
+            }
+        });
+    }, [containerRef, itemSelector, focusedIndex, disableHighlighting]);
+    // Apply highlighted state when focusedIndex changes
+    useEffect(() => {
+        applyHighlightedState();
+    }, [focusedIndex, applyHighlightedState]);
+    return {
+        focusedIndex,
+        setFocusedIndex,
+        handleKeyDown,
+        applyHighlightedState,
+    };
+};
+//# sourceMappingURL=useArrowNavigation.js.map

package/dist/hooks/useArrowNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useArrowNavigation.js","sourceRoot":"","sources":["../../src/hooks/useArrowNavigation.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useDebounce.d.ts

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

package/dist/hooks/useDebounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.d.ts","sourceRoot":"","sources":["../../src/hooks/useDebounce.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,OAcpD"}

package/dist/hooks/useDebounce.js

@@ -0,0 +1,15 @@
+"use client";
+import { useEffect, useState } from "react";
+export function useDebounce(value, delay) {
+    const [debouncedValue, setDebouncedValue] = useState(value);
+    useEffect(() => {
+        const handler = setTimeout(() => {
+            setDebouncedValue(value);
+        }, delay);
+        return () => {
+            clearTimeout(handler);
+        };
+    }, [value, delay]);
+    return debouncedValue;
+}
+//# sourceMappingURL=useDebounce.js.map

package/dist/hooks/useDebounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.js","sourceRoot":"","sources":["../../src/hooks/useDebounce.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,WAAW,CAAC,KAAU,EAAE,KAAa;IACnD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9B,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,EAAE,KAAK,CAAC,CAAC;QAEV,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,OAAO,cAAc,CAAC;AACxB,CAAC"}

package/dist/hooks/useFetchOg.d.ts

@@ -0,0 +1,17 @@
+interface OgData {
+    title: string;
+    description: string;
+    image: string;
+    url: string;
+    faviconUrl?: string;
+}
+export declare function useOgData(url: string | null, customFetchUrl?: string, customProxyUrl?: string): {
+    ogData: Partial<OgData> | null;
+    loading: boolean;
+};
+export declare function useOgImage(url: string | null, customFetchUrl?: string, customProxyUrl?: string): {
+    ogImage: string | null;
+    loading: boolean;
+};
+export {};
+//# sourceMappingURL=useFetchOg.d.ts.map

package/dist/hooks/useFetchOg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetchOg.d.ts","sourceRoot":"","sources":["../../src/hooks/useFetchOg.ts"],"names":[],"mappings":"AAIA,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,cAAc,CAAC,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM;;;EA6D7F;AAED,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,cAAc,CAAC,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM;;;EAG9F"}

package/dist/hooks/useFetchOg.js

@@ -0,0 +1,63 @@
+"use client";
+import { useState, useEffect } from "react";
+export function useOgData(url, customFetchUrl, customProxyUrl) {
+    const [ogData, setOgData] = useState(null);
+    const [loading, setLoading] = useState(!!url);
+    useEffect(() => {
+        const fetchOgData = async () => {
+            try {
+                const fetchUrl = customFetchUrl
+                    ? `${customFetchUrl}?url=${encodeURIComponent(url)}`
+                    : `/api/og/fetch?url=${encodeURIComponent(url)}`;
+                const response = await fetch(fetchUrl);
+                // Check if response is JSON
+                const contentType = response.headers.get("content-type");
+                if (!contentType || !contentType.includes("application/json")) {
+                    throw new Error(`Expected JSON response, got ${contentType}`);
+                }
+                if (!response.ok) {
+                    throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+                }
+                const data = await response.json();
+                if (data.error) {
+                    throw new Error(data.message || data.error);
+                }
+                if (data.image) {
+                    try {
+                        const imageUrl = new URL(data.image);
+                        if (imageUrl.origin !== window.location.origin) {
+                            const proxyUrl = customProxyUrl
+                                ? `${customProxyUrl}?url=${encodeURIComponent(data.image)}`
+                                : `/api/og/proxy?url=${encodeURIComponent(data.image)}`;
+                            data.image = proxyUrl;
+                        }
+                    }
+                    catch (e) {
+                        console.warn("Could not parse image URL for proxying:", e);
+                    }
+                }
+                setOgData(data);
+            }
+            catch (error) {
+                console.error("Error fetching og data:", error);
+                setOgData(null);
+            }
+            finally {
+                setLoading(false);
+            }
+        };
+        if (url) {
+            fetchOgData();
+        }
+        else {
+            setLoading(false);
+            setOgData(null);
+        }
+    }, [url, customFetchUrl, customProxyUrl]);
+    return { ogData, loading };
+}
+export function useOgImage(url, customFetchUrl, customProxyUrl) {
+    const { ogData, loading } = useOgData(url, customFetchUrl, customProxyUrl);
+    return { ogImage: ogData?.image || null, loading };
+}
+//# sourceMappingURL=useFetchOg.js.map

package/dist/hooks/useFetchOg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetchOg.js","sourceRoot":"","sources":["../../src/hooks/useFetchOg.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useHeadingLinks.d.ts

@@ -0,0 +1,6 @@
+export declare const useHeadingLinks: () => {
+    id: string;
+    text: string;
+    level: number;
+}[];
+//# sourceMappingURL=useHeadingLinks.d.ts.map

package/dist/hooks/useHeadingLinks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeadingLinks.d.ts","sourceRoot":"","sources":["../../src/hooks/useHeadingLinks.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe;QACqB,MAAM;UAAQ,MAAM;WAAS,MAAM;GAcnF,CAAC"}

package/dist/hooks/useHeadingLinks.js

@@ -0,0 +1,17 @@
+"use client";
+import { useEffect, useState } from "react";
+export const useHeadingLinks = () => {
+    const [headings, setHeadings] = useState([]);
+    useEffect(() => {
+        const elements = Array.from(document.querySelectorAll("h2, h3, h4, h5, h6"))
+            .filter((elem) => !elem.hasAttribute("data-exclude-nav"))
+            .map((elem, index) => ({
+            id: elem.id || `heading-${index}`,
+            text: elem.textContent || "",
+            level: Number(elem.tagName.substring(1)),
+        }));
+        setHeadings(elements);
+    }, []);
+    return headings;
+};
+//# sourceMappingURL=useHeadingLinks.js.map

package/dist/hooks/useHeadingLinks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeadingLinks.js","sourceRoot":"","sources":["../../src/hooks/useHeadingLinks.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAgD,EAAE,CAAC,CAAC;IAE5F,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;aACzE,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;aACxD,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;YACrB,EAAE,EAAE,IAAI,CAAC,EAAE,IAAI,WAAW,KAAK,EAAE;YACjC,IAAI,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE;YAC5B,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;SACzC,CAAC,CAAC,CAAC;QACN,WAAW,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC"}

package/dist/hooks/useInViewport.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from "react";
+export declare function useInViewport(ref: RefObject<HTMLElement | null>, options?: IntersectionObserverInit): boolean;
+//# sourceMappingURL=useInViewport.d.ts.map

package/dist/hooks/useInViewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInViewport.d.ts","sourceRoot":"","sources":["../../src/hooks/useInViewport.ts"],"names":[],"mappings":"AAEA,OAAO,EAAuB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,wBAAgB,aAAa,CAC3B,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAClC,OAAO,CAAC,EAAE,wBAAwB,GACjC,OAAO,CAsBT"}

package/dist/hooks/useInViewport.js

@@ -0,0 +1,19 @@
+"use client";
+import { useEffect, useState } from "react";
+export function useInViewport(ref, options) {
+    const [isInViewport, setIsInViewport] = useState(false);
+    useEffect(() => {
+        const element = ref.current;
+        if (!element)
+            return;
+        const observer = new IntersectionObserver(([entry]) => {
+            setIsInViewport(entry.isIntersecting);
+        }, { threshold: 0, ...options });
+        observer.observe(element);
+        return () => {
+            observer.disconnect();
+        };
+    }, [ref, options]);
+    return isInViewport;
+}
+//# sourceMappingURL=useInViewport.js.map

package/dist/hooks/useInViewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInViewport.js","sourceRoot":"","sources":["../../src/hooks/useInViewport.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AAEvD,MAAM,UAAU,aAAa,CAC3B,GAAkC,EAClC,OAAkC;IAElC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAC5B,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CACvC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE;YACV,eAAe,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QACxC,CAAC,EACD,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,OAAO,EAAE,CAC7B,CAAC;QAEF,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAE1B,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,UAAU,EAAE,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;IAEnB,OAAO,YAAY,CAAC;AACtB,CAAC"}

package/dist/hooks/useReducedMotion.d.ts

@@ -0,0 +1,8 @@
+interface MotionCapability {
+    prefersReducedMotion: boolean;
+    isLowEnd: boolean;
+    shouldAnimate: boolean;
+}
+export declare function useReducedMotion(override?: boolean | "auto"): MotionCapability;
+export {};
+//# sourceMappingURL=useReducedMotion.d.ts.map

package/dist/hooks/useReducedMotion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReducedMotion.d.ts","sourceRoot":"","sources":["../../src/hooks/useReducedMotion.ts"],"names":[],"mappings":"AAIA,UAAU,gBAAgB;IACxB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,OAAO,CAAC;CACxB;AAkBD,wBAAgB,gBAAgB,CAC9B,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAC1B,gBAAgB,CA8BlB"}

package/dist/hooks/useReducedMotion.js

@@ -0,0 +1,44 @@
+"use client";
+import { useEffect, useState } from "react";
+function detectLowEndDevice() {
+    if (typeof window === "undefined")
+        return false;
+    const nav = navigator;
+    // Check hardware concurrency (CPU cores)
+    const cores = nav.hardwareConcurrency;
+    if (typeof cores === "number" && cores <= 2)
+        return true;
+    // Check device memory (GB) — Chrome/Edge only
+    const memory = nav.deviceMemory;
+    if (typeof memory === "number" && memory <= 2)
+        return true;
+    return false;
+}
+export function useReducedMotion(override) {
+    const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);
+    const [isLowEnd] = useState(() => detectLowEndDevice());
+    useEffect(() => {
+        if (typeof window === "undefined")
+            return;
+        const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
+        setPrefersReducedMotion(mq.matches);
+        const handler = (e) => {
+            setPrefersReducedMotion(e.matches);
+        };
+        mq.addEventListener("change", handler);
+        return () => mq.removeEventListener("change", handler);
+    }, []);
+    const autoShouldAnimate = !prefersReducedMotion && !isLowEnd;
+    let shouldAnimate;
+    if (override === true) {
+        shouldAnimate = false; // force reduced
+    }
+    else if (override === false) {
+        shouldAnimate = true; // force full
+    }
+    else {
+        shouldAnimate = autoShouldAnimate; // auto
+    }
+    return { prefersReducedMotion, isLowEnd, shouldAnimate };
+}
+//# sourceMappingURL=useReducedMotion.js.map

package/dist/hooks/useReducedMotion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReducedMotion.js","sourceRoot":"","sources":["../../src/hooks/useReducedMotion.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQ5C,SAAS,kBAAkB;IACzB,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,KAAK,CAAC;IAEhD,MAAM,GAAG,GAAG,SAAgB,CAAC;IAE7B,yCAAyC;IACzC,MAAM,KAAK,GAAG,GAAG,CAAC,mBAAmB,CAAC;IACtC,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAEzD,8CAA8C;IAC9C,MAAM,MAAM,GAAG,GAAG,CAAC,YAAY,CAAC;IAChC,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAE3D,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC9B,QAA2B;IAE3B,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxE,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,kBAAkB,EAAE,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO;QAE1C,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC;QACjE,uBAAuB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;QAEpC,MAAM,OAAO,GAAG,CAAC,CAAsB,EAAE,EAAE;YACzC,uBAAuB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC,CAAC;QAEF,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QACvC,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,iBAAiB,GAAG,CAAC,oBAAoB,IAAI,CAAC,QAAQ,CAAC;IAE7D,IAAI,aAAsB,CAAC;IAC3B,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;QACtB,aAAa,GAAG,KAAK,CAAC,CAAC,gBAAgB;IACzC,CAAC;SAAM,IAAI,QAAQ,KAAK,KAAK,EAAE,CAAC;QAC9B,aAAa,GAAG,IAAI,CAAC,CAAC,aAAa;IACrC,CAAC;SAAM,CAAC;QACN,aAAa,GAAG,iBAAiB,CAAC,CAAC,OAAO;IAC5C,CAAC;IAED,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC;AAC3D,CAAC"}

package/dist/hooks/useResponsiveClasses.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export declare const useResponsiveClasses: (elementRef: React.RefObject<HTMLDivElement | null>, baseDirection: "row" | "column" | "row-reverse" | "column-reverse" | undefined, responsiveProps: {
+    xl?: any;
+    l?: any;
+    m?: any;
+    s?: any;
+    xs?: any;
+}, currentBreakpoint: string) => void;
+//# sourceMappingURL=useResponsiveClasses.d.ts.map

package/dist/hooks/useResponsiveClasses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResponsiveClasses.d.ts","sourceRoot":"","sources":["../../src/hooks/useResponsiveClasses.ts"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AA6KtC,eAAO,MAAM,oBAAoB,GAC/B,YAAY,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,EAClD,eAAe,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,GAAG,SAAS,EAC9E,iBAAiB;IAAE,EAAE,CAAC,EAAE,GAAG,CAAC;IAAC,CAAC,CAAC,EAAE,GAAG,CAAC;IAAC,CAAC,CAAC,EAAE,GAAG,CAAC;IAAC,CAAC,CAAC,EAAE,GAAG,CAAC;IAAC,EAAE,CAAC,EAAE,GAAG,CAAA;CAAE,EAClE,mBAAmB,MAAM,SAwM1B,CAAC"}