@kadoui/react 1.6.4 → 1.6.6

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":"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"}
+{"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,12 @@
 "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(() => {
@@ -36,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,6 +1,6 @@
 {
   "name": "@kadoui/react",
-  "version": "1.6.4",
+  "version": "1.6.6",
   "description": "Kadoui primitive components for React",
   "author": "ArrowUp",
   "license": "MIT",