@flamingo-stack/openframe-frontend-core 0.0.499 → 0.0.500

package/dist/{chunk-QL5YB4F7.js → chunk-P7IOCYGD.js}

@@ -543,8 +543,12 @@ function useIsTruncated(value, options) {
   return { ref, isTruncated };
 }
 
+// src/hooks/ui/use-isomorphic-layout-effect.ts
+import { useEffect as useEffect8, useLayoutEffect } from "react";
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect8;
+
 // src/hooks/ui/use-local-storage.ts
-import { useEffect as useEffect8, useRef as useRef4, useState as useState8 } from "react";
+import { useEffect as useEffect9, useRef as useRef4, useState as useState8 } from "react";
 function useLocalStorage(key, initialValue) {
   const [storedValue, setStoredValue] = useState8(() => {
     try {
@@ -559,7 +563,7 @@ function useLocalStorage(key, initialValue) {
   });
   const isInitialized = useRef4(true);
   const isFromStorageEvent = useRef4(false);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!isInitialized.current) return;
     const handleStorageChange = (e) => {
       if (e.key === key && e.newValue !== null) {
@@ -598,7 +602,7 @@ function useLocalStorage(key, initialValue) {
       window.removeEventListener("localStorageUpdate", handleCustomStorageUpdate);
     };
   }, [key]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (!isInitialized.current) return;
     if (isFromStorageEvent.current) {
       isFromStorageEvent.current = false;
@@ -624,7 +628,7 @@ function useLocalStorage(key, initialValue) {
 }
 
 // src/hooks/ui/use-marquee-engine.ts
-import { useCallback as useCallback5, useEffect as useEffect9, useRef as useRef5 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect10, useRef as useRef5 } from "react";
 var RESYNC_EPSILON = 1.5;
 function useMarqueeEngine(options) {
   const posRef = useRef5(0);
@@ -644,7 +648,7 @@ function useMarqueeEngine(options) {
     glideRemainingRef.current += px;
   }, []);
   const active = options.active;
-  useEffect9(() => {
+  useEffect10(() => {
     if (!active) return;
     let raf = 0;
     let last = performance.now();
@@ -689,10 +693,10 @@ function useMarqueeEngine(options) {
 }
 
 // src/hooks/ui/use-media-query.ts
-import { useLayoutEffect, useState as useState9 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useState as useState9 } from "react";
 function useMediaQuery(query) {
   const [matches, setMatches] = useState9(void 0);
-  useLayoutEffect(() => {
+  useLayoutEffect2(() => {
     const matchMedia = window.matchMedia(query);
     const handleChange = () => {
       setMatches(matchMedia.matches);
@@ -737,11 +741,11 @@ function useMemoizedCallback(callback, dependencies) {
 }
 
 // src/hooks/ui/use-notification-permission.ts
-import { useCallback as useCallback7, useEffect as useEffect10, useState as useState10 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect11, useState as useState10 } from "react";
 function useNotificationPermission() {
   const [supported, setSupported] = useState10(false);
   const [permission, setPermission] = useState10("default");
-  useEffect10(() => {
+  useEffect11(() => {
     if (typeof window === "undefined" || !("Notification" in window)) return;
     setSupported(true);
     const sync = () => setPermission(Notification.permission);
@@ -777,7 +781,7 @@ function useNotificationPermission() {
 }
 
 // src/hooks/ui/use-onboarding-state.ts
-import { useState as useState11, useEffect as useEffect11, useCallback as useCallback8 } from "react";
+import { useState as useState11, useEffect as useEffect12, useCallback as useCallback8 } from "react";
 
 // src/utils/onboarding-storage.ts
 var DEFAULT_STATE = {
@@ -854,7 +858,7 @@ function dismissOnboarding(key) {
 function useOnboardingState(storageKey = "openframe-onboarding-state") {
   const [state, setState] = useState11(() => loadOnboardingState(storageKey));
   const [, forceUpdate] = useState11(0);
-  useEffect11(() => {
+  useEffect12(() => {
     const handleStorageUpdate = (e) => {
       if (e.detail.key === storageKey) {
         const newState = loadOnboardingState(storageKey);
@@ -915,9 +919,9 @@ function useOnboardingState(storageKey = "openframe-onboarding-state") {
 }
 
 // src/hooks/ui/use-reset-on-page-hidden.ts
-import { useEffect as useEffect12 } from "react";
+import { useEffect as useEffect13 } from "react";
 function useResetOnPageHidden(reset) {
-  useEffect12(() => {
+  useEffect13(() => {
     const onVisibility = () => {
       if (document.visibilityState === "hidden") reset();
     };
@@ -931,7 +935,7 @@ function useResetOnPageHidden(reset) {
 }
 
 // src/hooks/ui/use-search.ts
-import { useState as useState12, useEffect as useEffect13, useCallback as useCallback9 } from "react";
+import { useState as useState12, useEffect as useEffect14, useCallback as useCallback9 } from "react";
 function useSearch(config) {
   const { searchFn, mapResult, debounceMs = 300, minQueryLength = 2 } = config;
   const [query, setQuery] = useState12("");
@@ -943,7 +947,7 @@ function useSearch(config) {
     setResults([]);
     setError(null);
   }, []);
-  useEffect13(() => {
+  useEffect14(() => {
     if (!debouncedQuery || debouncedQuery.length < minQueryLength) {
       setResults([]);
       setIsLoading(false);
@@ -979,11 +983,11 @@ function useSearch(config) {
 }
 
 // src/hooks/ui/use-suppress-clone-focus.ts
-import { useEffect as useEffect14, useRef as useRef7 } from "react";
+import { useEffect as useEffect15, useRef as useRef7 } from "react";
 var CLONE_FOCUSABLE_SELECTOR = 'a[href],button,input,select,textarea,iframe,summary,audio[controls],video[controls],[tabindex],[contenteditable]:not([contenteditable="false"])';
 function useSuppressCloneFocus(active) {
   const ref = useRef7(null);
-  useEffect14(() => {
+  useEffect15(() => {
     const root = ref.current;
     if (!root || !active) return;
     const suppress = () => {
@@ -1042,11 +1046,11 @@ function useTablePagination(config) {
 }
 
 // src/hooks/ui/use-throttle.ts
-import { useState as useState13, useEffect as useEffect15, useRef as useRef8 } from "react";
+import { useState as useState13, useEffect as useEffect16, useRef as useRef8 } from "react";
 function useThrottle(value, limit = 200) {
   const [throttledValue, setThrottledValue] = useState13(value);
   const lastUpdated = useRef8(Date.now());
-  useEffect15(() => {
+  useEffect16(() => {
     const now = Date.now();
     const elapsed = now - lastUpdated.current;
     if (elapsed >= limit) {
@@ -1066,14 +1070,14 @@ function useThrottle(value, limit = 200) {
 }
 
 // src/hooks/ui/use-window-size.ts
-import { useLayoutEffect as useLayoutEffect2, useState as useState14 } from "react";
+import { useLayoutEffect as useLayoutEffect3, useState as useState14 } from "react";
 function useWindowSize() {
   const [windowSize, setWindowSize] = useState14({
     width: 0,
     height: 0
   });
   const [isClient, setIsClient] = useState14(false);
-  useLayoutEffect2(() => {
+  useLayoutEffect3(() => {
     setIsClient(true);
     if (!isClient) return;
     const handleResize = () => {
@@ -1093,7 +1097,7 @@ function useWindowSize() {
 import { usePreventScroll } from "@react-aria/overlays";
 
 // src/hooks/platform/use-platform-config.ts
-import { useState as useState15, useEffect as useEffect16 } from "react";
+import { useState as useState15, useEffect as useEffect17 } from "react";
 
 // src/utils/platform-config.tsx
 import { Globe } from "lucide-react";
@@ -1274,7 +1278,7 @@ function usePlatformConfig() {
   const [platforms, setPlatforms] = useState15(platformCache || []);
   const [isLoading, setIsLoading] = useState15(!platformCache);
   const [error, setError] = useState15(null);
-  useEffect16(() => {
+  useEffect17(() => {
     if (platformCache) {
       setPlatforms(platformCache);
       setIsLoading(false);
@@ -1723,7 +1727,7 @@ var useToast = () => ({
 });
 
 // src/hooks/use-contact-submission.ts
-import { useState as useState17, useCallback as useCallback10, useEffect as useEffect17 } from "react";
+import { useState as useState17, useCallback as useCallback10, useEffect as useEffect18 } from "react";
 init_next_navigation();
 
 // src/utils/local-storage-adapter.ts
@@ -2043,7 +2047,7 @@ function useContactSubmission(options = {}) {
       setIsSubmitting(false);
     }
   }, [isSubmitting, toast2, userId, successToastMessage, contactUrl]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (isSuccess && successRedirectUrl) {
       console.log("\u{1F680} Contact submission successful, redirecting to:", successRedirectUrl);
       const timer = setTimeout(() => {
@@ -2057,7 +2061,7 @@ function useContactSubmission(options = {}) {
       return () => clearTimeout(timer);
     }
   }, [isSuccess, successRedirectUrl, router]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (isSuccess && onSuccess) {
       onSuccess();
     }
@@ -2093,7 +2097,7 @@ function useCopyToClipboard({
 }
 
 // src/hooks/use-batch-images.ts
-import { useEffect as useEffect18, useMemo as useMemo2, useState as useState19, useRef as useRef9 } from "react";
+import { useEffect as useEffect19, useMemo as useMemo2, useState as useState19, useRef as useRef9 } from "react";
 var globalBatchImageConfig = {};
 function configureBatchImageFetch(config) {
   globalBatchImageConfig = { ...globalBatchImageConfig, ...config };
@@ -2173,7 +2177,7 @@ function useBatchImages(imageUrls, config) {
     [imageUrls]
   );
   const requestedUrls = useRef9(/* @__PURE__ */ new Set());
-  useEffect18(() => {
+  useEffect19(() => {
     if (uniqueUrls.length === 0) {
       setFetchedImages({});
       return;
@@ -2203,7 +2207,7 @@ function useBatchImages(imageUrls, config) {
 }
 
 // src/hooks/use-authenticated-image.ts
-import { useEffect as useEffect19, useState as useState20, useRef as useRef10 } from "react";
+import { useEffect as useEffect20, useState as useState20, useRef as useRef10 } from "react";
 var globalImageConfig = {};
 var imageCache = /* @__PURE__ */ new Map();
 var pendingRequests = /* @__PURE__ */ new Map();
@@ -2236,7 +2240,7 @@ function useAuthenticatedImage(imageUrl, refreshKey, config) {
   const [isLoading, setIsLoading] = useState20(false);
   const [error, setError] = useState20(null);
   const currentCacheKeyRef = useRef10(null);
-  useEffect19(() => {
+  useEffect20(() => {
     if (!imageUrl) {
       setFetchedImageUrl(void 0);
       setIsLoading(false);
@@ -2347,7 +2351,7 @@ function useAuthenticatedImage(imageUrl, refreshKey, config) {
     });
     pendingRequests.set(cacheKey, fetchPromise2);
   }, [imageUrl, refreshKey, config]);
-  useEffect19(() => {
+  useEffect20(() => {
     return () => {
       if (currentCacheKeyRef.current) {
         const entry = imageCache.get(currentCacheKeyRef.current);
@@ -2361,7 +2365,7 @@ function useAuthenticatedImage(imageUrl, refreshKey, config) {
 }
 
 // src/hooks/use-authed-image-src.ts
-import { useEffect as useEffect20, useReducer } from "react";
+import { useEffect as useEffect21, useReducer } from "react";
 var resolvedCache = /* @__PURE__ */ new Map();
 var inFlight = /* @__PURE__ */ new Map();
 var cacheGeneration = 0;
@@ -2393,7 +2397,7 @@ function fetchAsBlobUrl(src) {
 function useAuthedImageSrc(src) {
   const bearerSrc = src && needsBearerAssetFetch(src) ? src : null;
   const [, rerender] = useReducer((c) => c + 1, 0);
-  useEffect20(() => {
+  useEffect21(() => {
     if (!bearerSrc || resolvedCache.has(bearerSrc)) return;
     let cancelled = false;
     fetchAsBlobUrl(bearerSrc).catch(() => {
@@ -2411,7 +2415,7 @@ function useAuthedImageSrc(src) {
 
 // src/hooks/state/use-query-params.ts
 init_next_navigation();
-import { useEffect as useEffect21, useState as useState21, useMemo as useMemo3, useCallback as useCallback12 } from "react";
+import { useEffect as useEffect22, useState as useState21, useMemo as useMemo3, useCallback as useCallback12 } from "react";
 
 // src/hooks/state/graphql-parser.ts
 import {
@@ -2880,7 +2884,7 @@ function useQueryParams(query, options = {}) {
   const defaultValues = options.defaultValues || {};
   const skipIntrospection = options.skipIntrospection || false;
   const debug = options.debug || false;
-  useEffect21(() => {
+  useEffect22(() => {
     async function initialize() {
       try {
         if (debug) console.log("[useQueryParams] Initializing...");
@@ -3227,7 +3231,7 @@ function createSearchParams(params) {
 }
 
 // src/hooks/state/use-cursor-pagination-state.ts
-import { useCallback as useCallback14, useEffect as useEffect22, useRef as useRef12, useState as useState22 } from "react";
+import { useCallback as useCallback14, useEffect as useEffect23, useRef as useRef12, useState as useState22 } from "react";
 var urlSchema = {
   search: { type: "string", default: "" },
   cursor: { type: "string", default: "" }
@@ -3244,7 +3248,7 @@ function useCursorPaginationState(options) {
   const lastSearchRef = useRef12(null);
   const isSyncingFromUrl = useRef12(false);
   const isInitialLoadInProgress = useRef12(true);
-  useEffect22(() => {
+  useEffect23(() => {
     if (isInitialLoadInProgress.current) return;
     const urlSearch = params.search || "";
     if (urlSearch !== searchInput) {
@@ -3255,7 +3259,7 @@ function useCursorPaginationState(options) {
       }, 0);
     }
   }, [params.search, initialLoadCount]);
-  useEffect22(() => {
+  useEffect23(() => {
     if (isInitialLoadInProgress.current) return;
     if (isSyncingFromUrl.current) return;
     if (searchInput !== params.search) {
@@ -3266,7 +3270,7 @@ function useCursorPaginationState(options) {
       });
     }
   }, [searchInput, params.search, setParams, initialLoadCount]);
-  useEffect22(() => {
+  useEffect23(() => {
     if (initialLoadCount === 0) {
       const cursor = params.cursor || null;
       const search = params.search || "";
@@ -3280,7 +3284,7 @@ function useCursorPaginationState(options) {
       });
     }
   }, []);
-  useEffect22(() => {
+  useEffect23(() => {
     if (isInitialLoadInProgress.current) return;
     if (initialLoadCount === 0) return;
     const currentSearch = params.search || "";
@@ -3320,7 +3324,7 @@ function useCursorPaginationState(options) {
 }
 
 // src/hooks/nats/use-nats-client.ts
-import { useEffect as useEffect23, useMemo as useMemo5, useState as useState23 } from "react";
+import { useEffect as useEffect24, useMemo as useMemo5, useState as useState23 } from "react";
 function useNatsClient(clientOptions, options = {}) {
   const { autoConnect = true } = options;
   const client = useMemo5(() => {
@@ -3329,7 +3333,7 @@ function useNatsClient(clientOptions, options = {}) {
   }, [clientOptions]);
   const [status, setStatus] = useState23("disconnected");
   const [lastError, setLastError] = useState23(null);
-  useEffect23(() => {
+  useEffect24(() => {
     if (!client) {
       setStatus("disconnected");
       setLastError(null);
@@ -3360,7 +3364,7 @@ function useNatsClient(clientOptions, options = {}) {
 }
 
 // src/hooks/use-near-viewport.ts
-import { useEffect as useEffect24, useRef as useRef13, useState as useState24, useCallback as useCallback15 } from "react";
+import { useEffect as useEffect25, useRef as useRef13, useState as useState24, useCallback as useCallback15 } from "react";
 var observers = /* @__PURE__ */ new Map();
 var subscribers = /* @__PURE__ */ new WeakMap();
 var THRESHOLD_EPSILON = 0.01;
@@ -3412,7 +3416,7 @@ function useNearViewport(rootMargin = NEAR_VIEWPORT_ROOT_MARGIN, threshold = 0)
     },
     [key, rootMargin, threshold]
   );
-  useEffect24(() => {
+  useEffect25(() => {
     return () => {
       const el = elRef.current;
       if (!el) return;
@@ -3570,7 +3574,7 @@ function useOgPlaceholderUrl({
 }
 
 // src/hooks/use-scroll-to-hash.ts
-import { useEffect as useEffect25 } from "react";
+import { useEffect as useEffect26 } from "react";
 
 // src/utils/scroll-into-view.ts
 var activeRaf = 0;
@@ -3708,7 +3712,7 @@ function navigateSamePageHash(target, options = {}) {
 var MAX_POLL_FRAMES = 60;
 function useScrollToHash(readyDep = true, options) {
   const headerOffset = options?.headerOffset ?? 0;
-  useEffect25(() => {
+  useEffect26(() => {
     if (typeof window === "undefined") return;
     if (readyDep === null || readyDep === false) return;
     let rafId = null;
@@ -3797,6 +3801,7 @@ export {
   useHorizontalScrollbar,
   useImageEdgeColor,
   useIsTruncated,
+  useIsomorphicLayoutEffect,
   useLocalStorage,
   useMarqueeEngine,
   useMediaQuery,
@@ -3911,4 +3916,4 @@ export {
   splitCsvEnv,
   useHumanitySignals
 };
-//# sourceMappingURL=chunk-QL5YB4F7.js.map
+//# sourceMappingURL=chunk-P7IOCYGD.js.map