jean-react-utils 0.2.1 → 0.2.3

package/dist/index.d.mts

@@ -236,7 +236,7 @@ interface SmoothScrollProviderProps {
 }
 declare function SmoothScrollProvider({ children }: SmoothScrollProviderProps): react_jsx_runtime.JSX.Element;
 
-declare function ThemeToggle(): react_jsx_runtime.JSX.Element;
+declare function ThemeToggle(): react_jsx_runtime.JSX.Element | null;
 
 declare function ThemeProvider({ children, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 

package/dist/index.d.ts

@@ -236,7 +236,7 @@ interface SmoothScrollProviderProps {
 }
 declare function SmoothScrollProvider({ children }: SmoothScrollProviderProps): react_jsx_runtime.JSX.Element;
 
-declare function ThemeToggle(): react_jsx_runtime.JSX.Element;
+declare function ThemeToggle(): react_jsx_runtime.JSX.Element | null;
 
 declare function ThemeProvider({ children, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 

package/dist/index.js

@@ -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;
       exports2.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;
     exports2.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;
       exports2.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;
@@ -2884,7 +2884,6 @@ var buttonVariants = cva(
 );
 var Button = React.forwardRef(
   ({ className, variant, size, ...props }, ref) => {
-    console.log(">>>>> button props >>> ", props);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "button",
       {
@@ -2951,7 +2950,7 @@ function SubTitle({ children, title, className = "" }) {
 }
 
 // src/layout/Header/index.tsx
-var import_react = require("react");
+var import_react2 = require("react");
 var import_link = __toESM(require("next/link"));
 var import_framer_motion2 = require("framer-motion");
 
@@ -2971,6 +2970,9 @@ function BreadIcon({ isMenuOpen }) {
 // src/layout/Header/index.tsx
 var import_navigation = require("next/navigation");
 
+// src/theme/providers/theme-toggle.tsx
+var import_react = require("react");
+
 // ../node_modules/next-themes/dist/index.mjs
 var t = __toESM(require("react"), 1);
 var M = (e3, i2, s2, u2, m2, a3, l2, h) => {
@@ -3071,17 +3073,24 @@ var E = (e3) => (e3 || (e3 = window.matchMedia(I)), e3.matches ? "dark" : "light
 var import_lucide_react = require("lucide-react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 function ThemeToggle() {
+  const [mounted, setMounted] = (0, import_react.useState)(false);
   const { theme, setTheme } = z();
+  (0, import_react.useEffect)(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted) {
+    return null;
+  }
+  const isDark = theme === "dark";
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     Button,
     {
       variant: "borderNone",
       size: "icon",
-      onClick: () => setTheme(theme === "light" ? "dark" : "light"),
+      onClick: () => setTheme(isDark ? "light" : "dark"),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.Sun, { className: "h-5 w-5 rotate-0 scale-100 transition-all dark:rotate-90 dark:scale-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.Moon, { className: "absolute h-5 w-5 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "sr-only", children: "Toggle theme" })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.Moon, { className: "absolute h-5 w-5 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" })
       ]
     }
   );
@@ -3103,7 +3112,7 @@ var Header = ({
   enableAnimation = true,
   theme = {}
 }) => {
-  const [isMenuOpen, setIsMenuOpen] = (0, import_react.useState)(false);
+  const [isMenuOpen, setIsMenuOpen] = (0, import_react2.useState)(false);
   const selectedKey = (0, import_navigation.usePathname)().split("/")[2] || "home";
   const baseNavClassName = `fixed top-0 left-0 right-0 z-50 backdrop-blur-lg ${className}`;
   const navVariants = {
@@ -3340,10 +3349,10 @@ function BasicLayout({ children }) {
 }
 
 // src/hooks/useForceRerender.ts
-var import_react2 = require("react");
+var import_react3 = require("react");
 var useForceRerender = () => {
-  const [key, setKey] = (0, import_react2.useState)(0);
-  const forceRerender = (0, import_react2.useCallback)(() => {
+  const [key, setKey] = (0, import_react3.useState)(0);
+  const forceRerender = (0, import_react3.useCallback)(() => {
     setKey((prevKey) => prevKey + 1);
   }, []);
   return [key, forceRerender];
@@ -3351,7 +3360,7 @@ var useForceRerender = () => {
 var useForceRerender_default = useForceRerender;
 
 // ../node_modules/@studio-freight/hamo/dist/hamo.modern.mjs
-var import_react3 = require("react");
+var import_react4 = require("react");
 
 // ../node_modules/@studio-freight/tempus/dist/tempus.modern.mjs
 var a = "undefined" != typeof window && new class {
@@ -3438,7 +3447,7 @@ var createNanoEvents = () => ({
 
 // ../node_modules/@studio-freight/hamo/dist/hamo.modern.mjs
 function f(e3, n3 = 0) {
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (e3) return a.add(e3, n3), () => a.remove(e3);
   }, [e3, n3]);
 }
@@ -3476,11 +3485,11 @@ function E2(e3, t4 = 0) {
 }
 var L = createNanoEvents();
 function k({ ignoreTransform: r3 = false, ignoreSticky: c2 = true, debounce: u2 = 500, lazy: s2 = false, callback: a3 } = {}) {
-  const [d2, l2] = (0, import_react3.useState)(), f3 = (0, import_react3.useRef)({}), [h, m2] = (0, import_react3.useState)({}), v = (0, import_react3.useCallback)(({ top: e3, left: t4, width: n3, height: r4, element: o3 }) => {
+  const [d2, l2] = (0, import_react4.useState)(), f3 = (0, import_react4.useRef)({}), [h, m2] = (0, import_react4.useState)({}), v = (0, import_react4.useCallback)(({ top: e3, left: t4, width: n3, height: r4, element: o3 }) => {
     var c3, i2, u3, d3, l3;
     e3 = null != (c3 = e3) ? c3 : f3.current.top, t4 = null != (i2 = t4) ? i2 : f3.current.left, n3 = null != (u3 = n3) ? u3 : f3.current.width, r4 = null != (d3 = r4) ? d3 : f3.current.height, o3 = null != (l3 = o3) ? l3 : f3.current.element, e3 === f3.current.top && t4 === f3.current.left && n3 === f3.current.width && r4 === f3.current.height && o3 === f3.current.element || (f3.current.top = e3, f3.current.y = e3, f3.current.width = n3, f3.current.height = r4, f3.current.left = t4, f3.current.x = t4, f3.current.bottom = e3 + r4, f3.current.right = t4 + n3, f3.current.element = o3, null == a3 || a3(f3.current), s2 || m2(g({}, f3.current)));
   }, [s2]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (!d2) return;
     const e3 = d2.getBoundingClientRect();
     v({ width: e3.width, height: e3.height });
@@ -3491,7 +3500,7 @@ function k({ ignoreTransform: r3 = false, ignoreSticky: c2 = true, debounce: u2
       n3.disconnect(), t4.cancel();
     };
   }, [d2, u2, v]);
-  const [w, k2] = (0, import_react3.useState)(), x2 = (0, import_react3.useCallback)(() => {
+  const [w, k2] = (0, import_react4.useState)(), x2 = (0, import_react4.useCallback)(() => {
     if (!d2) return;
     let e3, t4;
     if (c2 && p(d2), r3) e3 = y(d2), t4 = z2(d2);
@@ -3501,18 +3510,18 @@ function k({ ignoreTransform: r3 = false, ignoreSticky: c2 = true, debounce: u2
     }
     c2 && b2(d2), v({ top: e3, left: t4, element: d2 });
   }, [r3, c2, d2, v]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     x2();
     const e3 = functionDebounce(x2, u2), t4 = new ResizeObserver(e3);
     return t4.observe(null != w ? w : document.body), () => {
       t4.disconnect(), e3.cancel();
     };
-  }, [w, u2, x2]), (0, import_react3.useEffect)(() => L.on("resize", function() {
+  }, [w, u2, x2]), (0, import_react4.useEffect)(() => L.on("resize", function() {
     if (!d2) return;
     const e3 = d2.getBoundingClientRect();
     v({ width: e3.width, height: e3.height }), x2();
   }), [d2, x2, v]);
-  const O2 = (0, import_react3.useCallback)(() => f3.current, []);
+  const O2 = (0, import_react4.useCallback)(() => f3.current, []);
   return [l2, s2 ? O2 : h, k2];
 }
 k.resize = () => {
@@ -3767,7 +3776,7 @@ var Lenis = class {
 };
 
 // ../node_modules/@studio-freight/react-lenis/dist/react-lenis.mjs
-var import_react5 = __toESM(require("react"), 1);
+var import_react6 = __toESM(require("react"), 1);
 
 // ../node_modules/zustand/esm/vanilla.mjs
 var import_meta = {};
@@ -3803,10 +3812,10 @@ var createStoreImpl = (createState) => {
 var createStore = (createState) => createState ? createStoreImpl(createState) : createStoreImpl;
 
 // ../node_modules/zustand/esm/index.mjs
-var import_react4 = __toESM(require("react"), 1);
+var import_react5 = __toESM(require("react"), 1);
 var import_with_selector = __toESM(require_with_selector(), 1);
 var import_meta2 = {};
-var { useDebugValue } = import_react4.default;
+var { useDebugValue } = import_react5.default;
 var { useSyncExternalStoreWithSelector } = import_with_selector.default;
 var didWarnAboutEqualityFn = false;
 var identity = (arg) => arg;
@@ -3842,9 +3851,9 @@ var create = (createState) => createState ? createImpl(createState) : createImpl
 
 // ../node_modules/@studio-freight/react-lenis/dist/react-lenis.mjs
 "undefined" != typeof window && (window.reactLenisVersion = "0.0.47");
-var d = (0, import_react5.createContext)(null);
+var d = (0, import_react6.createContext)(null);
 var m = create(() => ({}));
-var y2 = (0, import_react5.forwardRef)((o3, a3) => {
+var y2 = (0, import_react6.forwardRef)((o3, a3) => {
   var { children: f3, root: p2 = false, options: b3 = {}, autoRaf: y3 = true, rafPriority: v = 0, className: O2 } = o3, g2 = function(r3, e3) {
     var t4 = {};
     for (var n3 in r3) Object.prototype.hasOwnProperty.call(r3, n3) && e3.indexOf(n3) < 0 && (t4[n3] = r3[n3]);
@@ -3854,33 +3863,33 @@ var y2 = (0, import_react5.forwardRef)((o3, a3) => {
     }
     return t4;
   }(o3, ["children", "root", "options", "autoRaf", "rafPriority", "className"]);
-  const h = (0, import_react5.useRef)(null), w = (0, import_react5.useRef)(null), [k2, N2] = (0, import_react5.useState)(void 0), j = (0, import_react5.useRef)([]), C = (0, import_react5.useCallback)((r3, e3) => {
+  const h = (0, import_react6.useRef)(null), w = (0, import_react6.useRef)(null), [k2, N2] = (0, import_react6.useState)(void 0), j = (0, import_react6.useRef)([]), C = (0, import_react6.useCallback)((r3, e3) => {
     j.current.push({ callback: r3, priority: e3 }), j.current.sort((r4, e4) => r4.priority - e4.priority);
-  }, []), E3 = (0, import_react5.useCallback)((r3) => {
+  }, []), E3 = (0, import_react6.useCallback)((r3) => {
     j.current = j.current.filter((e3) => e3.callback !== r3);
   }, []);
-  (0, import_react5.useImperativeHandle)(a3, () => ({ wrapper: h.current, content: w.current, lenis: k2 }), [k2]), (0, import_react5.useEffect)(() => {
+  (0, import_react6.useImperativeHandle)(a3, () => ({ wrapper: h.current, content: w.current, lenis: k2 }), [k2]), (0, import_react6.useEffect)(() => {
     const r3 = new Lenis(Object.assign(Object.assign({}, b3), !p2 && { wrapper: h.current, content: w.current }));
     return N2(r3), () => {
       r3.destroy(), N2(void 0);
     };
   }, [p2, JSON.stringify(b3)]), f((r3) => {
     y3 && (null == k2 || k2.raf(r3));
-  }, v), (0, import_react5.useEffect)(() => {
+  }, v), (0, import_react6.useEffect)(() => {
     p2 && k2 && m.setState({ lenis: k2, addCallback: C, removeCallback: E3 });
   }, [p2, k2, C, E3]);
-  const P2 = (0, import_react5.useCallback)((r3) => {
+  const P2 = (0, import_react6.useCallback)((r3) => {
     for (let e3 = 0; e3 < j.current.length; e3++) j.current[e3].callback(r3);
   }, []);
-  (0, import_react5.useEffect)(() => (null == k2 || k2.on("scroll", P2), () => {
+  (0, import_react6.useEffect)(() => (null == k2 || k2.on("scroll", P2), () => {
     null == k2 || k2.off("scroll", P2);
   }), [k2, P2]);
-  const S = (0, import_react5.useCallback)(() => {
+  const S = (0, import_react6.useCallback)(() => {
     h.current && (h.current.className = clsx_default(null == k2 ? void 0 : k2.className, O2));
   }, [k2, O2]);
-  return (0, import_react5.useEffect)(() => (S(), null == k2 || k2.on("className change", S), () => {
+  return (0, import_react6.useEffect)(() => (S(), null == k2 || k2.on("className change", S), () => {
     null == k2 || k2.off("className change", S);
-  }), [k2, S]), import_react5.default.createElement(d.Provider, { value: { lenis: k2, addCallback: C, removeCallback: E3 } }, p2 ? f3 : import_react5.default.createElement("div", Object.assign({ ref: h, className: clsx_default(null == k2 ? void 0 : k2.className, O2) }, g2), import_react5.default.createElement("div", { ref: w }, f3)));
+  }), [k2, S]), import_react6.default.createElement(d.Provider, { value: { lenis: k2, addCallback: C, removeCallback: E3 } }, p2 ? f3 : import_react6.default.createElement("div", Object.assign({ ref: h, className: clsx_default(null == k2 ? void 0 : k2.className, O2) }, g2), import_react6.default.createElement("div", { ref: w }, f3)));
 });
 
 // src/providers/smooth-scroll-provider.tsx