jean-react-utils 0.2.2 → 0.2.3

package/dist/index.mjs

@@ -41,12 +41,12 @@ var require_use_sync_external_store_shim_production = __commonJS({
       return x2 === y3 && (0 !== x2 || 1 / x2 === 1 / y3) || x2 !== x2 && y3 !== y3;
     }
     var objectIs = "function" === typeof Object.is ? Object.is : is;
-    var useState4 = React3.useState;
-    var useEffect2 = React3.useEffect;
+    var useState5 = React3.useState;
+    var useEffect3 = React3.useEffect;
     var useLayoutEffect = React3.useLayoutEffect;
     var useDebugValue2 = React3.useDebugValue;
     function useSyncExternalStore$2(subscribe, getSnapshot) {
-      var value = getSnapshot(), _useState = useState4({ inst: { value, getSnapshot } }), inst = _useState[0].inst, forceUpdate = _useState[1];
+      var value = getSnapshot(), _useState = useState5({ inst: { value, getSnapshot } }), inst = _useState[0].inst, forceUpdate = _useState[1];
       useLayoutEffect(
         function() {
           inst.value = value;
@@ -55,7 +55,7 @@ var require_use_sync_external_store_shim_production = __commonJS({
         },
         [subscribe, value, getSnapshot]
       );
-      useEffect2(
+      useEffect3(
         function() {
           checkIfSnapshotChanged(inst) && forceUpdate({ inst });
           return subscribe(function() {
@@ -104,7 +104,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
             "The result of getSnapshot should be cached to avoid an infinite loop"
           ), didWarnUncachedGetSnapshot = true);
         }
-        cachedValue = useState4({
+        cachedValue = useState5({
           inst: { value, getSnapshot }
         });
         var inst = cachedValue[0].inst, forceUpdate = cachedValue[1];
@@ -116,7 +116,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
           },
           [subscribe, value, getSnapshot]
         );
-        useEffect2(
+        useEffect3(
           function() {
             checkIfSnapshotChanged(inst) && forceUpdate({ inst });
             return subscribe(function() {
@@ -142,7 +142,7 @@ var require_use_sync_external_store_shim_development = __commonJS({
         return getSnapshot();
       }
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React3 = __require("react"), objectIs = "function" === typeof Object.is ? Object.is : is, useState4 = React3.useState, useEffect2 = React3.useEffect, useLayoutEffect = React3.useLayoutEffect, useDebugValue2 = React3.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
+      var React3 = __require("react"), objectIs = "function" === typeof Object.is ? Object.is : is, useState5 = React3.useState, useEffect3 = React3.useEffect, useLayoutEffect = React3.useLayoutEffect, useDebugValue2 = React3.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
       exports.useSyncExternalStore = void 0 !== React3.useSyncExternalStore ? React3.useSyncExternalStore : shim;
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
     }();
@@ -173,7 +173,7 @@ var require_with_selector_production = __commonJS({
     var objectIs = "function" === typeof Object.is ? Object.is : is;
     var useSyncExternalStore = shim.useSyncExternalStore;
     var useRef = React3.useRef;
-    var useEffect2 = React3.useEffect;
+    var useEffect3 = React3.useEffect;
     var useMemo2 = React3.useMemo;
     var useDebugValue2 = React3.useDebugValue;
     exports.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
@@ -217,7 +217,7 @@ var require_with_selector_production = __commonJS({
         [getSnapshot, getServerSnapshot, selector, isEqual]
       );
       var value = useSyncExternalStore(subscribe, instRef[0], instRef[1]);
-      useEffect2(
+      useEffect3(
         function() {
           inst.hasValue = true;
           inst.value = value;
@@ -239,7 +239,7 @@ var require_with_selector_development = __commonJS({
         return x2 === y3 && (0 !== x2 || 1 / x2 === 1 / y3) || x2 !== x2 && y3 !== y3;
       }
       "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var React3 = __require("react"), shim = require_shim(), objectIs = "function" === typeof Object.is ? Object.is : is, useSyncExternalStore = shim.useSyncExternalStore, useRef = React3.useRef, useEffect2 = React3.useEffect, useMemo2 = React3.useMemo, useDebugValue2 = React3.useDebugValue;
+      var React3 = __require("react"), shim = require_shim(), objectIs = "function" === typeof Object.is ? Object.is : is, useSyncExternalStore = shim.useSyncExternalStore, useRef = React3.useRef, useEffect3 = React3.useEffect, useMemo2 = React3.useMemo, useDebugValue2 = React3.useDebugValue;
       exports.useSyncExternalStoreWithSelector = function(subscribe, getSnapshot, getServerSnapshot, selector, isEqual) {
         var instRef = useRef(null);
         if (null === instRef.current) {
@@ -282,7 +282,7 @@ var require_with_selector_development = __commonJS({
           [getSnapshot, getServerSnapshot, selector, isEqual]
         );
         var value = useSyncExternalStore(subscribe, instRef[0], instRef[1]);
-        useEffect2(
+        useEffect3(
           function() {
             inst.hasValue = true;
             inst.value = value;
@@ -2931,7 +2931,7 @@ function SubTitle({ children, title, className = "" }) {
 }
 
 // src/layout/Header/index.tsx
-import { useState as useState2 } from "react";
+import { useState as useState3 } from "react";
 import Link from "next/link";
 import { motion as motion2, AnimatePresence } from "framer-motion";
 
@@ -2951,6 +2951,9 @@ function BreadIcon({ isMenuOpen }) {
 // src/layout/Header/index.tsx
 import { usePathname } from "next/navigation";
 
+// src/theme/providers/theme-toggle.tsx
+import { useState as useState2, useEffect as useEffect2 } from "react";
+
 // ../node_modules/next-themes/dist/index.mjs
 import * as t from "react";
 var M = (e3, i2, s2, u2, m2, a3, l2, h) => {
@@ -3051,17 +3054,24 @@ var E = (e3) => (e3 || (e3 = window.matchMedia(I)), e3.matches ? "dark" : "light
 import { Moon, Sun } from "lucide-react";
 import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function ThemeToggle() {
+  const [mounted, setMounted] = useState2(false);
   const { theme, setTheme } = z();
+  useEffect2(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted) {
+    return null;
+  }
+  const isDark = theme === "dark";
   return /* @__PURE__ */ jsxs2(
     Button,
     {
       variant: "borderNone",
       size: "icon",
-      onClick: () => setTheme(theme === "light" ? "dark" : "light"),
+      onClick: () => setTheme(isDark ? "light" : "dark"),
       children: [
         /* @__PURE__ */ jsx4(Sun, { className: "h-5 w-5 rotate-0 scale-100 transition-all dark:rotate-90 dark:scale-0" }),
-        /* @__PURE__ */ jsx4(Moon, { className: "absolute h-5 w-5 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
-        /* @__PURE__ */ jsx4("span", { className: "sr-only", children: "Toggle theme" })
+        /* @__PURE__ */ jsx4(Moon, { className: "absolute h-5 w-5 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" })
       ]
     }
   );
@@ -3083,7 +3093,7 @@ var Header = ({
   enableAnimation = true,
   theme = {}
 }) => {
-  const [isMenuOpen, setIsMenuOpen] = useState2(false);
+  const [isMenuOpen, setIsMenuOpen] = useState3(false);
   const selectedKey = usePathname().split("/")[2] || "home";
   const baseNavClassName = `fixed top-0 left-0 right-0 z-50 backdrop-blur-lg ${className}`;
   const navVariants = {
@@ -3320,9 +3330,9 @@ function BasicLayout({ children }) {
 }
 
 // src/hooks/useForceRerender.ts
-import { useState as useState3, useCallback as useCallback2 } from "react";
+import { useState as useState4, useCallback as useCallback2 } from "react";
 var useForceRerender = () => {
-  const [key, setKey] = useState3(0);
+  const [key, setKey] = useState4(0);
   const forceRerender = useCallback2(() => {
     setKey((prevKey) => prevKey + 1);
   }, []);