@kadoui/react 1.6.2 → 1.6.4

package/dist/components/Drawer/DrawerRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/D,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;AAEjD,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAmCxD"}
+{"version":3,"file":"DrawerRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK/D,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;AAEjD,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAqCxD"}

package/dist/components/Drawer/DrawerRoot.js

@@ -1,16 +1,20 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { getBrowserScrollbarWith } from "../../utils";
+import { usePathname } from "next/navigation";
 import { useState, useEffect } from "react";
 import { DrawerContext } from "./DrawerContext";
+import { getBrowserScrollbarWith } from "../../utils";
 export function DrawerRoot({ children }) {
+    const pathname = usePathname();
     const [isOpen, setOpen] = useState(false);
+    useEffect(() => {
+        setOpen(false);
+    }, [pathname]);
     useEffect(() => {
         const handleEscape = (ev) => {
             if (ev.key === "Escape") {
                 setOpen(false);
             }
-            ;
         };
         document.addEventListener("keydown", handleEscape);
         return () => {
@@ -28,7 +32,6 @@ export function DrawerRoot({ children }) {
             document.body.style.overflow = "unset";
             document.body.style.paddingRight = "0px";
         }
-        ;
     }, [isOpen]);
-    return (_jsx(DrawerContext, { value: { isOpen, setOpen }, children: children }));
+    return _jsx(DrawerContext, { value: { isOpen, setOpen }, children: children });
 }

package/dist/components/Modal/Modal.js

@@ -9,5 +9,5 @@ export const Modal = Object.assign(ModalRoot, {
     Portal: ModalPortal,
     Body: ModalBody,
     Header: ModalHeader,
-    Content: ModalContent
+    Content: ModalContent,
 });

package/dist/components/Modal/ModalContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,2CAUjE"}
+{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,2CAUjE"}

package/dist/components/Modal/ModalContent.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function ModalContent({ onClick, ...p }) {
     return (_jsx("div", { onClick: (ev) => {

package/dist/components/Modal/ModalContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC5C,CAAA;AAED,eAAO,MAAM,YAAY,wCAAoD,CAAC"}
+{"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhE,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,YAAY,wCAAoD,CAAC"}

package/dist/components/Modal/ModalHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE/D,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,2CAU/D"}
+{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE/D,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,2CAU/D"}

package/dist/components/Modal/ModalHeader.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function ModalHeader({ onClick, ...p }) {
     return (_jsx("div", { onClick: (ev) => {

package/dist/components/Modal/ModalPortal.js

@@ -7,7 +7,7 @@ import { ModalContext } from "./ModalContext";
 import { ClientOnly } from "../ClientOnly/ClientOnly";
 export function ModalPortal({ onClick, ...p }) {
     const { isOpen, setOpen } = use(ModalContext);
-    return (_jsx(ClientOnly, { children: _jsx(Portal, { children: _jsx(AnimatePresence, { children: isOpen ? (_jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, onClick: ev => {
+    return (_jsx(ClientOnly, { children: _jsx(Portal, { children: _jsx(AnimatePresence, { children: isOpen ? (_jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, onClick: (ev) => {
                         onClick?.(ev);
                         setOpen(false);
                     }, ...p })) : null }) }) }));

package/dist/components/Modal/ModalRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM/D,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAA;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,WAAmB,EAAE,EAAE,eAAe,2CAmC3E"}
+{"version":3,"file":"ModalRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK/D,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,WAAmB,EAAE,EAAE,eAAe,2CAoC3E"}

package/dist/components/Modal/ModalRoot.js

@@ -1,16 +1,20 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { usePathname } from "next/navigation";
 import { useState, useEffect } from "react";
-import { getBrowserScrollbarWith } from "../../utils";
 import { ModalContext } from "./ModalContext";
+import { getBrowserScrollbarWith } from "../../utils";
 export function ModalRoot({ children, defaultOpen = false }) {
+    const pathname = usePathname();
     const [isOpen, setOpen] = useState(defaultOpen);
+    useEffect(() => {
+        setOpen(false);
+    }, [pathname]);
     useEffect(() => {
         const handleEscape = (e) => {
             if (e.key === "Escape") {
                 setOpen(false);
             }
-            ;
         };
         document.addEventListener("keydown", handleEscape);
         return () => {
@@ -28,7 +32,6 @@ export function ModalRoot({ children, defaultOpen = false }) {
             document.body.style.overflow = "unset";
             document.body.style.paddingRight = "0px";
         }
-        ;
     }, [isOpen]);
-    return (_jsx(ModalContext, { value: { isOpen, setOpen }, children: children }));
+    return _jsx(ModalContext, { value: { isOpen, setOpen }, children: children });
 }

package/dist/components/Modal/ModalTrigger.js

@@ -6,6 +6,6 @@ export function ModalToggle({ onClick, ...props }) {
     const { setOpen } = use(ModalContext);
     return (_jsx("button", { onClick: (ev) => {
             onClick?.(ev);
-            setOpen(prev => !prev);
+            setOpen((prev) => !prev);
         }, ...props }));
 }

package/dist/components/Popover/PopoverRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAA8C,MAAM,OAAO,CAAC;AAEnF,OAAO,EAAkB,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAInE,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/D,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,sBAAsB,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;CACrD,CAAA;AAED,wBAAgB,WAAW,CAAC,EAAE,IAAc,EAAE,sBAAsB,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,2CAyFrI"}
+{"version":3,"file":"PopoverRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAA8C,MAAM,OAAO,CAAC;AAGnF,OAAO,EAAkB,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnE,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/D,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,sBAAsB,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;CACrD,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,IAAc,EACd,sBAAsB,EACtB,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,GAAG,CAAC,EACL,EAAE,iBAAiB,2CA+FnB"}

package/dist/components/Popover/PopoverRoot.js

@@ -1,9 +1,11 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { usePathname } from "next/navigation";
 import { useEffect, useRef, useState } from "react";
-import { PopoverContext } from "./PopoverContext";
 import { selectAccessibleChildren } from "../../utils";
+import { PopoverContext } from "./PopoverContext";
 export function PopoverRoot({ mode = "click", accessHorizontalArrows, onKeyDown, onMouseEnter, onMouseLeave, ...p }) {
+    const pathname = usePathname();
     const [isOpen, setOpen] = useState(false);
     const toggleRef = useRef(null);
     const bodyRef = useRef(null);
@@ -14,6 +16,9 @@ export function PopoverRoot({ mode = "click", accessHorizontalArrows, onKeyDown,
         window.addEventListener("click", closeHandler);
         return () => window.removeEventListener("click", closeHandler);
     }, []);
+    useEffect(() => {
+        setOpen(false);
+    }, [pathname]);
     useEffect(() => {
         if (isOpen) {
             selectFirstMenuChild();
@@ -55,16 +60,16 @@ export function PopoverRoot({ mode = "click", accessHorizontalArrows, onKeyDown,
             }
         }
     };
-    return (_jsx(PopoverContext, { value: { isOpen, setOpen, toggleRef, bodyRef, mode }, children: _jsx("div", { "data-state": isOpen ? "active" : "inactive", onKeyDown: ev => {
+    return (_jsx(PopoverContext, { value: { isOpen, setOpen, toggleRef, bodyRef, mode }, children: _jsx("div", { "data-state": isOpen ? "active" : "inactive", onKeyDown: (ev) => {
                 onKeyDown?.(ev);
                 handleKeyDown(ev);
-            }, onMouseEnter: ev => {
+            }, onMouseEnter: (ev) => {
                 onMouseEnter?.(ev);
                 if (["hover", "both"].includes(mode)) {
                     ev.stopPropagation();
                     setOpen(true);
                 }
-            }, onMouseLeave: ev => {
+            }, onMouseLeave: (ev) => {
                 onMouseLeave?.(ev);
                 if (["hover", "both"].includes(mode)) {
                     ev.stopPropagation();

package/dist/components/Sheet/SheetRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAS/D,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;AAEhD,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAyCtD"}
+{"version":3,"file":"SheetRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAK/D,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;AAEhD,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,eAAe,2CA+CtD"}

package/dist/components/Sheet/SheetRoot.js

@@ -1,13 +1,18 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { usePathname } from "next/navigation";
 import { useEffect, useState } from "react";
-import { useDragControls, useMotionValue, useAnimate, } from "framer-motion";
+import { useDragControls, useMotionValue, useAnimate } from "framer-motion";
 import { SheetContext } from "./SheetContext";
 export function SheetRoot({ children }) {
+    const pathname = usePathname();
     const y = useMotionValue(0);
     const controls = useDragControls();
     const [scope, animate] = useAnimate();
     const [isOpen, setOpen] = useState(false);
+    useEffect(() => {
+        setOpen(false);
+    }, [pathname]);
     useEffect(() => {
         const bodyElem = document.body;
         const removeOverflow = () => {

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@kadoui/react",
-  "version": "1.6.2",
+  "version": "1.6.4",
   "description": "Kadoui primitive components for React",
   "author": "ArrowUp",
   "license": "MIT",
   "type": "module",
   "scripts": {
     "build": "tsc",
-    "push": "npm run build && npm publish"
+    "push": "npm run build && git push && npm publish"
   },
   "exports": {
     ".": "./dist/index.js",
@@ -42,4 +42,4 @@
     "@types/react-dom": "^19",
     "@types/qrcode": "^1.5.5"
   }
-}
+}