@kadoui/react 1.6.3 → 1.6.5

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/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,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,WAAmB,EAAE,EAAE,eAAe,2CA+B3E"}
+{"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,10 +1,15 @@
 "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") {

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/SheetBody.d.ts

@@ -1,4 +1,4 @@
 import { HTMLMotionProps } from "framer-motion";
 export type SheetBodyPropsT = HTMLMotionProps<"div">;
-export declare function SheetBody(p: SheetBodyPropsT): import("react/jsx-runtime").JSX.Element;
+export declare function SheetBody({ onPointerDown, ...p }: SheetBodyPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SheetBody.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SheetBody.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetBody.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAU,MAAM,eAAe,CAAC;AAIxD,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAErD,wBAAgB,SAAS,CAAC,CAAC,EAAE,eAAe,2CAiC3C"}
+{"version":3,"file":"SheetBody.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetBody.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAA2B,MAAM,eAAe,CAAC;AAIzE,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAErD,wBAAgB,SAAS,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,eAAe,2CAuCjE"}

package/dist/components/Sheet/SheetBody.js

@@ -1,11 +1,16 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { use } from "react";
-import { motion } from "framer-motion";
+import { motion, useDragControls } from "framer-motion";
 import { SheetContext } from "./SheetContext";
-export function SheetBody(p) {
-    const { controls, y, closeHandler: handleClose } = use(SheetContext);
-    return (_jsx(motion.div, { id: "sheet", onClick: (ev) => ev.stopPropagation(), initial: { y: "100%" }, animate: { y: "0%" }, exit: { y: "100%" }, style: { y }, drag: "y", dragControls: controls, dragListener: false, transition: {
+export function SheetBody({ onPointerDown, ...p }) {
+    const { y, closeHandler: handleClose } = use(SheetContext);
+    const controls = useDragControls();
+    return (_jsx(motion.div, { id: "sheet", onClick: (ev) => ev.stopPropagation(), initial: { y: "100%" }, animate: { y: "0%" }, exit: { y: "100%" }, style: { y }, drag: "y", dragListener: false, dragControls: controls, onPointerDown: (ev) => {
+            ev.stopPropagation();
+            controls?.start(ev);
+            onPointerDown?.(ev);
+        }, transition: {
             ease: "easeInOut",
         }, onDragEnd: () => {
             if ((y?.get() || 0) >= 100) {

package/dist/components/Sheet/SheetContent.d.ts

@@ -1,4 +1,4 @@
 import { HTMLAttributes } from "react";
 export type SheetContentPropsT = HTMLAttributes<HTMLDivElement>;
-export declare function SheetContent(p: SheetContentPropsT): import("react/jsx-runtime").JSX.Element;
+export declare function SheetContent({ style, onScroll, ...p }: SheetContentPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SheetContent.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SheetContent.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,wBAAgB,YAAY,CAAC,CAAC,EAAE,kBAAkB,2CAEjD"}
+{"version":3,"file":"SheetContent.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,2CAmBzE"}

package/dist/components/Sheet/SheetContent.js

@@ -1,4 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-export function SheetContent(p) {
-    return _jsx("div", { ...p });
+export function SheetContent({ style, onScroll, ...p }) {
+    return (_jsx("div", { style: {
+            touchAction: "pan-down",
+            ...style,
+        }, onScroll: (ev) => {
+            if (ev.currentTarget.scrollTop > 0) {
+                ev.currentTarget.style.touchAction = "pan-y";
+            }
+            else {
+                ev.currentTarget.style.touchAction = "pan-down";
+            }
+            onScroll?.(ev);
+        }, ...p }));
 }

package/dist/components/Sheet/SheetContext.d.ts

@@ -1,11 +1,10 @@
+import { AnimationScope, MotionValue } from "framer-motion";
 import { Dispatch, SetStateAction } from "react";
-import { AnimationScope, DragControls, MotionValue } from "framer-motion";
 export type SheetContextT = {
     isOpen: boolean;
     setOpen: Dispatch<SetStateAction<boolean>>;
     closeHandler: () => void;
     scope?: AnimationScope<any>;
-    controls?: DragControls;
     y?: MotionValue<number>;
 };
 export declare const SheetContext: import("react").Context<SheetContextT>;

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

@@ -1 +1 @@
-{"version":3,"file":"SheetContext.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE1E,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,CAAC,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACzB,CAAA;AAED,eAAO,MAAM,YAAY,wCAAoD,CAAC"}
+{"version":3,"file":"SheetContext.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5D,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;IAC3C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,KAAK,CAAC,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC;IAC5B,CAAC,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACzB,CAAA;AAED,eAAO,MAAM,YAAY,wCAAoD,CAAC"}

package/dist/components/Sheet/SheetHeader.d.ts

@@ -1,4 +1,4 @@
 import { HTMLAttributes } from "react";
 export type SheetHeaderPropsT = HTMLAttributes<HTMLDivElement>;
-export declare function SheetHeader({ onPointerDown, ...p }: SheetHeaderPropsT): import("react/jsx-runtime").JSX.Element;
+export declare function SheetHeader({ ...p }: SheetHeaderPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SheetHeader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SheetHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE/D,wBAAgB,WAAW,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,2CAYrE"}
+{"version":3,"file":"SheetHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/SheetHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE/D,wBAAgB,WAAW,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,2CAEtD"}

package/dist/components/Sheet/SheetHeader.js

@@ -1,11 +1,5 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { use } from "react";
-import { SheetContext } from "./SheetContext";
-export function SheetHeader({ onPointerDown, ...p }) {
-    const { controls } = use(SheetContext);
-    return (_jsx("div", { onPointerDown: (ev) => {
-            controls?.start(ev);
-            onPointerDown?.(ev);
-        }, ...p }));
+export function SheetHeader({ ...p }) {
+    return _jsx("div", { ...p });
 }

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":"AAIA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAI/D,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC;AAEhD,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,eAAe,2CA8CtD"}

package/dist/components/Sheet/SheetRoot.js

@@ -1,13 +1,17 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { usePathname } from "next/navigation";
+import { useMotionValue, useAnimate } from "framer-motion";
 import { useEffect, useState } from "react";
-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 = () => {
@@ -31,5 +35,5 @@ export function SheetRoot({ children }) {
         });
         setOpen(false);
     };
-    return (_jsx(SheetContext, { value: { isOpen, setOpen, closeHandler, scope, controls, y }, children: children }));
+    return (_jsx(SheetContext, { value: { isOpen, setOpen, closeHandler, scope, y }, children: children }));
 }

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@kadoui/react",
-  "version": "1.6.3",
+  "version": "1.6.5",
   "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"
   }
-}
+}