fictoan-react 2.0.0-beta.17 → 2.0.0-beta.18

package/dist/hooks/UseClickOutside.js

@@ -0,0 +1,17 @@
+"use client";
+import { useCallback as s, useEffect as u } from "react";
+const i = (t, o) => {
+  const n = s(o, [o]);
+  u(() => {
+    const e = (r) => {
+      !t.current || typeof n != "function" || t.current.contains(r.target) || n(r);
+    };
+    return document.addEventListener("mousedown", e), document.addEventListener("touchstart", e), () => {
+      document.removeEventListener("mousedown", e), document.removeEventListener("touchstart", e);
+    };
+  }, [t, n]);
+};
+export {
+  i as useClickOutside
+};
+//# sourceMappingURL=UseClickOutside.js.map

package/dist/hooks/UseClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseClickOutside.js","sources":["../../src/hooks/UseClickOutside.ts"],"sourcesContent":["import { RefObject, useCallback, useEffect } from \"react\";\n\nexport const useClickOutside = <T extends HTMLElement = HTMLElement>(\n    ref : RefObject<T | null>, handler : (e : Event) => void) => {\n    const memoizedHandler = useCallback(handler, [handler]);\n\n    useEffect(() => {\n        const listener = (event : Event) => {\n            // Skip processing if ref doesn't exist or handler is a no-op function\n            if (!ref.current || typeof memoizedHandler !== \"function\") {\n                return;\n            }\n\n            // Only call handler if click is outside the referenced element\n            if (!ref.current.contains(event.target as Node)) {\n                memoizedHandler(event);\n            }\n        };\n\n        document.addEventListener(\"mousedown\", listener);\n        document.addEventListener(\"touchstart\", listener);\n\n        return () => {\n            document.removeEventListener(\"mousedown\", listener);\n            document.removeEventListener(\"touchstart\", listener);\n        };\n    }, [ref, memoizedHandler]);\n};\n"],"names":["useClickOutside","ref","handler","memoizedHandler","useCallback","useEffect","listener","event"],"mappings":";AAEO,MAAMA,IAAkB,CAC3BC,GAA2BC,MAAkC;AAC7D,QAAMC,IAAkBC,EAAYF,GAAS,CAACA,CAAO,CAAC;AAEtD,EAAAG,EAAU,MAAM;AACZ,UAAMC,IAAW,CAACC,MAAkB;AAEhC,MAAI,CAACN,EAAI,WAAW,OAAOE,KAAoB,cAK1CF,EAAI,QAAQ,SAASM,EAAM,MAAc,KAC1CJ,EAAgBI,CAAK;AAAA,IAE7B;AAEA,oBAAS,iBAAiB,aAAaD,CAAQ,GAC/C,SAAS,iBAAiB,cAAcA,CAAQ,GAEzC,MAAM;AACT,eAAS,oBAAoB,aAAaA,CAAQ,GAClD,SAAS,oBAAoB,cAAcA,CAAQ;AAAA,IACvD;AAAA,EACJ,GAAG,CAACL,GAAKE,CAAe,CAAC;AAC7B;"}

package/dist/hooks/UseViewTransition.d.ts

@@ -0,0 +1,2 @@
+export declare const useViewTransition: () => ((mutation: () => void) => void);
+//# sourceMappingURL=UseViewTransition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UseViewTransition.d.ts","sourceRoot":"","sources":["../../src/hooks/UseViewTransition.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,iBAAiB,QAAQ,CAAC,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAmBpE,CAAC"}

package/dist/hooks/UseViewTransition.js

@@ -0,0 +1,17 @@
+"use client";
+import { useCallback as t } from "react";
+import { flushSync as o } from "react-dom";
+const s = () => t((e) => {
+  if (typeof document > "u") {
+    e();
+    return;
+  }
+  const n = document;
+  typeof n.startViewTransition == "function" ? n.startViewTransition(() => {
+    o(e);
+  }) : e();
+}, []);
+export {
+  s as useViewTransition
+};
+//# sourceMappingURL=UseViewTransition.js.map

package/dist/hooks/UseViewTransition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseViewTransition.js","sources":["../../src/hooks/UseViewTransition.ts"],"sourcesContent":["// REACT CORE ==========================================================================================================\nimport { useCallback } from \"react\";\nimport { flushSync } from \"react-dom\";\n\n// HOOK ================================================================================================================\n// Wraps a state-update callback in document.startViewTransition() when the\n// browser supports the API, otherwise calls through. flushSync makes any\n// React state set inside the callback synchronous so the browser captures the\n// post-update snapshot — without it, React batches the update and the\n// transition snapshots both look identical.\n//\n// Usage:\n//   const startTransition = useViewTransition();\n//   <button onClick={() => startTransition(() => setExpanded(prev => !prev))}>\n//\n// Browsers without the API (older Firefox) silently get an instant change.\nexport const useViewTransition = () : ((mutation: () => void) => void) => {\n    return useCallback((mutation : () => void) => {\n        if (typeof document === \"undefined\") {\n            mutation();\n            return;\n        }\n\n        const doc = document as Document & {\n            startViewTransition? : (cb : () => void) => unknown;\n        };\n\n        if (typeof doc.startViewTransition === \"function\") {\n            doc.startViewTransition(() => {\n                flushSync(mutation);\n            });\n        } else {\n            mutation();\n        }\n    }, []);\n};\n"],"names":["useViewTransition","useCallback","mutation","doc","flushSync"],"mappings":";;AAgBO,MAAMA,IAAoB,MACtBC,EAAY,CAACC,MAA0B;AAC1C,MAAI,OAAO,WAAa,KAAa;AACjC,IAAAA,EAAA;AACA;AAAA,EACJ;AAEA,QAAMC,IAAM;AAIZ,EAAI,OAAOA,EAAI,uBAAwB,aACnCA,EAAI,oBAAoB,MAAM;AAC1B,IAAAC,EAAUF,CAAQ;AAAA,EACtB,CAAC,IAEDA,EAAA;AAER,GAAG,CAAA,CAAE;"}