@kadoui/react 2.0.1 → 2.1.2

package/dist/react-components/Tabs/TabsTab.d.ts

@@ -1,6 +1,3 @@
-import { type ComponentProps } from "react";
-export type TabsTabPropsT = ComponentProps<"button"> & {
-    value: string;
-};
+import type { TabsTabPropsT } from "./tabsTypes";
 export declare function TabsTab({ value, onClick, ...p }: TabsTabPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TabsTab.d.ts.map

package/dist/react-components/Tabs/TabsTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsTab.d.ts","sourceRoot":"","sources":["../../../src/react-components/Tabs/TabsTab.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACrD,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,aAAa,2CAa9D"}
+{"version":3,"file":"TabsTab.d.ts","sourceRoot":"","sources":["../../../src/react-components/Tabs/TabsTab.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,aAAa,2CAa9D"}

package/dist/react-components/Tabs/tabsTypes.d.ts

@@ -0,0 +1,18 @@
+import type { ComponentProps, Dispatch, PropsWithChildren, SetStateAction } from "react";
+import type { AccessNavigationPropsT } from "../AccessNavigation/AccessNavigation";
+export type TabsContextT = {
+    activeTab: string;
+    setActiveTab: Dispatch<SetStateAction<string>>;
+};
+export type TabsRootPropsT = PropsWithChildren & {
+    activeTab: string;
+    setActiveTab: Dispatch<SetStateAction<string>>;
+};
+export type TabsListPropsT = AccessNavigationPropsT;
+export type TabsTabPropsT = ComponentProps<"button"> & {
+    value: string;
+};
+export type TabsPanelPropsT = ComponentProps<"div"> & {
+    value: string;
+};
+//# sourceMappingURL=tabsTypes.d.ts.map

package/dist/react-components/Tabs/tabsTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabsTypes.d.ts","sourceRoot":"","sources":["../../../src/react-components/Tabs/tabsTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEzF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAEnF,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,iBAAiB,GAAG;IAC/C,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,sBAAsB,CAAC;AAEpD,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACrD,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACpD,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"}

package/dist/react-components/Tabs/tabsTypes.js

@@ -0,0 +1 @@
+export {};

package/dist/react-components/Theme/Theme.d.ts

@@ -1,4 +1,5 @@
 export * from "./ThemeProvider";
 export * from "./ThemeScript";
 export * from "./useTheme";
+export * from "./themeTypes";
 //# sourceMappingURL=Theme.d.ts.map

package/dist/react-components/Theme/Theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/react-components/Theme/Theme.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/react-components/Theme/Theme.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC"}

package/dist/react-components/Theme/Theme.js

@@ -1,3 +1,4 @@
 export * from "./ThemeProvider";
 export * from "./ThemeScript";
 export * from "./useTheme";
+export * from "./themeTypes";

package/dist/react-components/Theme/ThemeContext.d.ts

@@ -1,7 +1,3 @@
-export type ThemeT = "dark" | "light" | "system";
-export type ThemeContextT = {
-    theme: ThemeT | undefined;
-    setTheme: (theme: ThemeT) => void;
-};
+import type { ThemeContextT } from "./themeTypes";
 export declare const ThemeContext: import("react").Context<ThemeContextT>;
 //# sourceMappingURL=ThemeContext.d.ts.map

package/dist/react-components/Theme/ThemeContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../src/react-components/Theme/ThemeContext.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEjD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAA;AAED,eAAO,MAAM,YAAY,wCAAoD,CAAA"}
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../src/react-components/Theme/ThemeContext.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,eAAO,MAAM,YAAY,wCAAoD,CAAC"}

package/dist/react-components/Theme/ThemeProvider.d.ts

@@ -1,5 +1,3 @@
-import { PropsWithChildren } from "react";
-type ThemeProviderPropsT = PropsWithChildren;
+import type { ThemeProviderPropsT } from "./themeTypes";
 export declare function ThemeProvider({ children }: ThemeProviderPropsT): import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/react-components/Theme/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/react-components/Theme/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAI/D,KAAK,mBAAmB,GAAG,iBAAiB,CAAC;AAE7C,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAsC9D"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/react-components/Theme/ThemeProvider.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAU,MAAM,cAAc,CAAC;AAEhE,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAsC9D"}

package/dist/react-components/Theme/themeTypes.d.ts

@@ -0,0 +1,8 @@
+import type { PropsWithChildren } from "react";
+export type ThemeT = "dark" | "light" | "system";
+export type ThemeContextT = {
+    theme: ThemeT | undefined;
+    setTheme: (theme: ThemeT) => void;
+};
+export type ThemeProviderPropsT = PropsWithChildren;
+//# sourceMappingURL=themeTypes.d.ts.map

package/dist/react-components/Theme/themeTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeTypes.d.ts","sourceRoot":"","sources":["../../../src/react-components/Theme/themeTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEjD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC"}

package/dist/react-components/Theme/themeTypes.js

@@ -0,0 +1 @@
+export {};

package/dist/react-components/Theme/useTheme.d.ts

@@ -1,5 +1,5 @@
 export declare function useTheme(): {
-    theme: import("./ThemeContext").ThemeT | undefined;
-    setTheme: (theme: import("./ThemeContext").ThemeT) => void;
+    theme: import("./themeTypes").ThemeT | undefined;
+    setTheme: (theme: import("./themeTypes").ThemeT) => void;
 };
 //# sourceMappingURL=useTheme.d.ts.map

package/dist/react-components/drawer-sheet/DrawerSheet.d.ts

@@ -0,0 +1,23 @@
+import { DrawerSheetBody } from "./DrawerSheetBody";
+import { DrawerSheetRoot } from "./DrawerSheetRoot";
+import { DrawerSheetHeader } from "./DrawerSheetHeader";
+import { DrawerSheetPortal } from "./DrawerSheetPortal";
+import { DrawerSheetToggle } from "./DrawerSheetToggle";
+import { DrawerSheetContent } from "./DrawerSheetContent";
+import { DrawerSheetHandlebar } from "./DrawerSheetHandlebar";
+import { DrawerSheetProvider } from "./DrawerSheetProvider";
+import { DrawerSheetViewport } from "./DrawerSheetViewport";
+import { DrawerSheetBackdrop } from "./DrawerSheetBackdrop";
+export declare const DrawerSheet: typeof DrawerSheetRoot & {
+    Provider: typeof DrawerSheetProvider;
+    Portal: typeof DrawerSheetPortal;
+    Viewport: typeof DrawerSheetViewport;
+    Backdrop: typeof DrawerSheetBackdrop;
+    Body: typeof DrawerSheetBody;
+    Header: typeof DrawerSheetHeader;
+    Handlebar: typeof DrawerSheetHandlebar;
+    Content: typeof DrawerSheetContent;
+    Toggle: typeof DrawerSheetToggle;
+};
+export * from "./drawerSheetTypes";
+//# sourceMappingURL=DrawerSheet.d.ts.map

package/dist/react-components/drawer-sheet/DrawerSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerSheet.d.ts","sourceRoot":"","sources":["../../../src/react-components/drawer-sheet/DrawerSheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,eAAO,MAAM,WAAW;;;;;;;;;;CAUtB,CAAC;AAEH,cAAc,oBAAoB,CAAC"}

package/dist/react-components/drawer-sheet/DrawerSheet.js

@@ -0,0 +1,22 @@
+import { DrawerSheetBody } from "./DrawerSheetBody";
+import { DrawerSheetRoot } from "./DrawerSheetRoot";
+import { DrawerSheetHeader } from "./DrawerSheetHeader";
+import { DrawerSheetPortal } from "./DrawerSheetPortal";
+import { DrawerSheetToggle } from "./DrawerSheetToggle";
+import { DrawerSheetContent } from "./DrawerSheetContent";
+import { DrawerSheetHandlebar } from "./DrawerSheetHandlebar";
+import { DrawerSheetProvider } from "./DrawerSheetProvider";
+import { DrawerSheetViewport } from "./DrawerSheetViewport";
+import { DrawerSheetBackdrop } from "./DrawerSheetBackdrop";
+export const DrawerSheet = Object.assign(DrawerSheetRoot, {
+    Provider: DrawerSheetProvider,
+    Portal: DrawerSheetPortal,
+    Viewport: DrawerSheetViewport,
+    Backdrop: DrawerSheetBackdrop,
+    Body: DrawerSheetBody,
+    Header: DrawerSheetHeader,
+    Handlebar: DrawerSheetHandlebar,
+    Content: DrawerSheetContent,
+    Toggle: DrawerSheetToggle,
+});
+export * from "./drawerSheetTypes";

package/dist/react-components/drawer-sheet/DrawerSheetBackdrop.d.ts

@@ -0,0 +1,3 @@
+import type { DrawerSheetBackdropPropsT } from "./drawerSheetTypes";
+export declare function DrawerSheetBackdrop(p: DrawerSheetBackdropPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DrawerSheetBackdrop.d.ts.map

package/dist/react-components/drawer-sheet/DrawerSheetBackdrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerSheetBackdrop.d.ts","sourceRoot":"","sources":["../../../src/react-components/drawer-sheet/DrawerSheetBackdrop.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAEpE,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,yBAAyB,2CAwB/D"}

package/dist/react-components/drawer-sheet/DrawerSheetBackdrop.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { AnimatePresence, motion } from "framer-motion";
+import { ClientOnly } from "../ClientOnly/ClientOnly";
+import { Portal } from "../Portal/Portal";
+import { DrawerSheetContext } from "./DrawerSheetContext";
+export function DrawerSheetBackdrop(p) {
+    const { isOpen, closeHandler: handleClose, nestedDrawerCount } = use(DrawerSheetContext);
+    // Adjust z-index based on nested drawer count
+    const zIndex = 49 + (nestedDrawerCount || 0);
+    return (_jsx(ClientOnly, { children: _jsx(Portal, { children: _jsx(AnimatePresence, { children: isOpen ? (_jsx(motion.div, { onClick: handleClose, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, style: { zIndex }, ...p })) : null }) }) }));
+}

package/dist/react-components/drawer-sheet/DrawerSheetBody.d.ts

@@ -0,0 +1,3 @@
+import type { DrawerSheetBodyPropsT } from "./drawerSheetTypes";
+export declare function DrawerSheetBody({ onPointerDown, ...p }: DrawerSheetBodyPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DrawerSheetBody.d.ts.map

package/dist/react-components/drawer-sheet/DrawerSheetBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerSheetBody.d.ts","sourceRoot":"","sources":["../../../src/react-components/drawer-sheet/DrawerSheetBody.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,wBAAgB,eAAe,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,2CAsN7E"}

package/dist/react-components/drawer-sheet/DrawerSheetBody.js

@@ -0,0 +1,165 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use, useEffect, useRef, useLayoutEffect, useState } from "react";
+import { motion, useDragControls, AnimatePresence } from "framer-motion";
+import { FRAMER_MOTION_DURATION } from "../../configs";
+import { DrawerSheetContext } from "./DrawerSheetContext";
+export function DrawerSheetBody({ onPointerDown, ...p }) {
+    const controls = useDragControls();
+    const { isOpen, y, x, closeHandler: handleClose, position, swipeDirection, drawerId, hasNestedDrawer, nestedDrawerCount, frontmostHeight, updateDrawerHeight } = use(DrawerSheetContext);
+    const bodyRef = useRef(null);
+    // Measure and update drawer height
+    useLayoutEffect(() => {
+        if (!isOpen || !bodyRef.current)
+            return;
+        const measureHeight = () => {
+            const element = bodyRef.current;
+            if (!element)
+                return;
+            const height = element.offsetHeight;
+            setDrawerHeight(height);
+            updateDrawerHeight?.(drawerId, height);
+        };
+        measureHeight();
+        if (typeof ResizeObserver !== "undefined") {
+            const resizeObserver = new ResizeObserver(measureHeight);
+            resizeObserver.observe(bodyRef.current);
+            return () => resizeObserver.disconnect();
+        }
+    }, [isOpen, drawerId, updateDrawerHeight]);
+    useEffect(() => {
+        if (isOpen) {
+            setTimeout(() => {
+                const focusableElement = bodyRef.current?.querySelector("[data-drawer-sheet='focus']");
+                focusableElement?.focus();
+            }, FRAMER_MOTION_DURATION);
+        }
+    }, [isOpen]);
+    // Determine drag direction and initial/exit values based on position
+    const getDragDirection = () => {
+        if (position === "top" || position === "bottom")
+            return "y";
+        return "x";
+    };
+    const getInitialValue = () => {
+        if (position === "top")
+            return "-100%";
+        if (position === "bottom")
+            return "100%";
+        if (position === "left")
+            return "-100%";
+        if (position === "right")
+            return "100%";
+        return "100%";
+    };
+    const getExitValue = () => {
+        return getInitialValue();
+    };
+    const getStyleValue = () => {
+        if (position === "top" || position === "bottom")
+            return y;
+        return x;
+    };
+    const getPositionStyles = () => {
+        const baseStyles = {};
+        if (position === "top") {
+            baseStyles.top = 0;
+            baseStyles.left = 0;
+            baseStyles.right = 0;
+            baseStyles.width = "100%";
+            baseStyles.height = "auto";
+            baseStyles.maxHeight = "90vh";
+        }
+        else if (position === "bottom") {
+            baseStyles.bottom = 0;
+            baseStyles.left = 0;
+            baseStyles.right = 0;
+            baseStyles.width = "100%";
+            baseStyles.height = "auto";
+            baseStyles.maxHeight = "90vh";
+        }
+        else if (position === "left") {
+            baseStyles.top = 0;
+            baseStyles.bottom = 0;
+            baseStyles.left = 0;
+            baseStyles.width = "clamp(300px, 30vw, 400px)";
+            baseStyles.height = "100%";
+        }
+        else if (position === "right") {
+            baseStyles.top = 0;
+            baseStyles.bottom = 0;
+            baseStyles.right = 0;
+            baseStyles.width = "clamp(300px, 30vw, 400px)";
+            baseStyles.height = "100%";
+        }
+        return baseStyles;
+    };
+    const dragDirection = getDragDirection();
+    const initialValue = getInitialValue();
+    const exitValue = getExitValue();
+    const styleValue = getStyleValue();
+    const positionStyles = getPositionStyles();
+    const getDragConstraints = () => {
+        if (dragDirection === "y") {
+            return {
+                top: 0,
+                bottom: 0,
+            };
+        }
+        return {
+            left: 0,
+            right: 0,
+        };
+    };
+    const getDragElastic = () => {
+        if (position === "top") {
+            return { top: 0.5, bottom: 0 };
+        }
+        if (position === "bottom") {
+            return { top: 0, bottom: 0.5 };
+        }
+        if (position === "left") {
+            return { left: 0.5, right: 0 };
+        }
+        if (position === "right") {
+            return { left: 0, right: 0.5 };
+        }
+        return { top: 0, bottom: 0.5 };
+    };
+    const handleDragEnd = () => {
+        const currentValue = styleValue?.get() || 0;
+        const threshold = 100;
+        if ((position === "bottom" && currentValue >= threshold) ||
+            (position === "top" && currentValue <= -threshold) ||
+            (position === "right" && currentValue >= threshold) ||
+            (position === "left" && currentValue <= -threshold)) {
+            handleClose();
+        }
+    };
+    // Adjust z-index based on nested drawer count
+    const zIndex = 50 + (nestedDrawerCount || 0);
+    // Track drawer height for CSS variable
+    const [drawerHeight, setDrawerHeight] = useState(0);
+    return (_jsx(AnimatePresence, { children: isOpen ? (_jsx(motion.div, { id: `drawer-sheet-${drawerId}`, ref: bodyRef, onClick: (ev) => ev.stopPropagation(), "data-nested-drawer-open": hasNestedDrawer ? "" : undefined, initial: dragDirection === "y"
+                ? { y: initialValue }
+                : { x: initialValue }, animate: dragDirection === "y"
+                ? { y: 0 }
+                : { x: 0 }, exit: dragDirection === "y"
+                ? { y: exitValue }
+                : { x: exitValue }, style: {
+                ...positionStyles,
+                [dragDirection === "y" ? "y" : "x"]: styleValue,
+                zIndex,
+                // CSS variables for nested drawer styling
+                ["--nested-drawers"]: nestedDrawerCount,
+                ["--drawer-height"]: drawerHeight > 0 ? `${drawerHeight}px` : "auto",
+                ["--drawer-frontmost-height"]: frontmostHeight > 0 ? `${frontmostHeight}px` : undefined,
+            }, drag: dragDirection, dragListener: false, dragControls: controls, onPointerDown: (ev) => {
+                ev.stopPropagation();
+                controls?.start(ev);
+                onPointerDown?.(ev);
+            }, transition: {
+                ease: "easeInOut",
+                duration: FRAMER_MOTION_DURATION
+            }, onDragEnd: handleDragEnd, dragConstraints: getDragConstraints(), dragElastic: getDragElastic(), ...p })) : null }));
+}

package/dist/react-components/drawer-sheet/DrawerSheetContent.d.ts

@@ -0,0 +1,3 @@
+import type { DrawerSheetContentPropsT } from "./drawerSheetTypes";
+export declare function DrawerSheetContent({ style, onScroll, ...p }: DrawerSheetContentPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DrawerSheetContent.d.ts.map

package/dist/react-components/drawer-sheet/DrawerSheetContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerSheetContent.d.ts","sourceRoot":"","sources":["../../../src/react-components/drawer-sheet/DrawerSheetContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAEnE,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,wBAAwB,2CAmBrF"}

package/dist/react-components/drawer-sheet/DrawerSheetContent.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function DrawerSheetContent({ 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/react-components/drawer-sheet/DrawerSheetContext.d.ts

@@ -0,0 +1,3 @@
+import type { DrawerSheetContextT } from "./drawerSheetTypes";
+export declare const DrawerSheetContext: import("react").Context<DrawerSheetContextT>;
+//# sourceMappingURL=DrawerSheetContext.d.ts.map

package/dist/react-components/drawer-sheet/DrawerSheetContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerSheetContext.d.ts","sourceRoot":"","sources":["../../../src/react-components/drawer-sheet/DrawerSheetContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,eAAO,MAAM,kBAAkB,8CAAgE,CAAC"}

package/dist/react-components/drawer-sheet/DrawerSheetContext.js

@@ -0,0 +1,2 @@
+import { createContext } from "react";
+export const DrawerSheetContext = createContext({});

package/dist/react-components/drawer-sheet/DrawerSheetHandlebar.d.ts

@@ -0,0 +1,3 @@
+import type { DrawerSheetHandlebarPropsT } from "./drawerSheetTypes";
+export declare function DrawerSheetHandlebar({ ...p }: DrawerSheetHandlebarPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DrawerSheetHandlebar.d.ts.map

package/dist/react-components/drawer-sheet/DrawerSheetHandlebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerSheetHandlebar.d.ts","sourceRoot":"","sources":["../../../src/react-components/drawer-sheet/DrawerSheetHandlebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAErE,wBAAgB,oBAAoB,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,0BAA0B,2CAExE"}

package/dist/react-components/drawer-sheet/DrawerSheetHandlebar.js

@@ -0,0 +1,5 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function DrawerSheetHandlebar({ ...p }) {
+    return _jsx("div", { ...p });
+}

package/dist/react-components/drawer-sheet/DrawerSheetHeader.d.ts

@@ -0,0 +1,3 @@
+import type { DrawerSheetHeaderPropsT } from "./drawerSheetTypes";
+export declare function DrawerSheetHeader({ ...p }: DrawerSheetHeaderPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DrawerSheetHeader.d.ts.map

package/dist/react-components/drawer-sheet/DrawerSheetHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerSheetHeader.d.ts","sourceRoot":"","sources":["../../../src/react-components/drawer-sheet/DrawerSheetHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAElE,wBAAgB,iBAAiB,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,uBAAuB,2CAElE"}

package/dist/react-components/drawer-sheet/DrawerSheetHeader.js

@@ -0,0 +1,5 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function DrawerSheetHeader({ ...p }) {
+    return _jsx("div", { ...p });
+}

package/dist/react-components/drawer-sheet/DrawerSheetPortal.d.ts

@@ -0,0 +1,3 @@
+import type { DrawerSheetPortalPropsT } from "./drawerSheetTypes";
+export declare function DrawerSheetPortal(p: DrawerSheetPortalPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DrawerSheetPortal.d.ts.map

package/dist/react-components/drawer-sheet/DrawerSheetPortal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerSheetPortal.d.ts","sourceRoot":"","sources":["../../../src/react-components/drawer-sheet/DrawerSheetPortal.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAElE,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,uBAAuB,2CAyB3D"}

package/dist/react-components/drawer-sheet/DrawerSheetPortal.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { AnimatePresence, motion } from "framer-motion";
+import { ClientOnly } from "../ClientOnly/ClientOnly";
+import { Portal } from "../Portal/Portal";
+import { DrawerSheetContext } from "./DrawerSheetContext";
+export function DrawerSheetPortal(p) {
+    const { isOpen, closeHandler: handleClose, scope, nestedDrawerCount } = use(DrawerSheetContext);
+    // Adjust z-index based on nested drawer count
+    const zIndex = 49 + (nestedDrawerCount || 0);
+    return (_jsx(ClientOnly, { children: _jsx(Portal, { children: _jsx(AnimatePresence, { children: isOpen ? (_jsx(motion.div, { ref: scope, onClick: handleClose, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, style: { zIndex }, ...p })) : null }) }) }));
+}

package/dist/react-components/drawer-sheet/DrawerSheetProvider.d.ts

@@ -0,0 +1,15 @@
+type DrawerSheetProviderContextT = {
+    registerDrawer: (id: string, isOpen: boolean, height?: number) => void;
+    unregisterDrawer: (id: string) => void;
+    updateDrawerHeight: (id: string, height: number) => void;
+    hasOpenDrawer: boolean;
+    nestedDrawerCount: number;
+    frontmostHeight: number;
+    getDrawerHeight: (id: string) => number | undefined;
+};
+export declare function DrawerSheetProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useDrawerSheetProvider(): DrawerSheetProviderContextT | null;
+export {};
+//# sourceMappingURL=DrawerSheetProvider.d.ts.map

package/dist/react-components/drawer-sheet/DrawerSheetProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerSheetProvider.d.ts","sourceRoot":"","sources":["../../../src/react-components/drawer-sheet/DrawerSheetProvider.tsx"],"names":[],"mappings":"AAIA,KAAK,2BAA2B,GAAG;IACjC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACvE,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,OAAO,CAAC;IACvB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;CACrD,CAAC;AASF,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAiF9E;AAED,wBAAgB,sBAAsB,uCAGrC"}

package/dist/react-components/drawer-sheet/DrawerSheetProvider.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo, useState, useCallback, useRef } from "react";
+const DrawerSheetProviderContext = createContext(null);
+export function DrawerSheetProvider({ children }) {
+    const [drawerStates, setDrawerStates] = useState(new Map());
+    const registerDrawer = useCallback((id, isOpen, height) => {
+        setDrawerStates((prev) => {
+            const next = new Map(prev);
+            next.set(id, { isOpen, height });
+            return next;
+        });
+    }, []);
+    const unregisterDrawer = useCallback((id) => {
+        setDrawerStates((prev) => {
+            const next = new Map(prev);
+            next.delete(id);
+            return next;
+        });
+    }, []);
+    const updateDrawerHeight = useCallback((id, height) => {
+        setDrawerStates((prev) => {
+            const next = new Map(prev);
+            const current = next.get(id);
+            if (current) {
+                next.set(id, { ...current, height });
+            }
+            return next;
+        });
+    }, []);
+    const hasOpenDrawer = useMemo(() => {
+        for (const state of drawerStates.values()) {
+            if (state.isOpen)
+                return true;
+        }
+        return false;
+    }, [drawerStates]);
+    const nestedDrawerCount = useMemo(() => {
+        let count = 0;
+        for (const state of drawerStates.values()) {
+            if (state.isOpen)
+                count++;
+        }
+        return count;
+    }, [drawerStates]);
+    const frontmostHeight = useMemo(() => {
+        let maxHeight = 0;
+        for (const state of drawerStates.values()) {
+            if (state.isOpen && state.height && state.height > maxHeight) {
+                maxHeight = state.height;
+            }
+        }
+        return maxHeight;
+    }, [drawerStates]);
+    // Use ref to access latest drawerStates without causing re-renders
+    const drawerStatesRef = useRef(drawerStates);
+    drawerStatesRef.current = drawerStates;
+    const getDrawerHeight = useCallback((id) => {
+        return drawerStatesRef.current.get(id)?.height;
+    }, []);
+    const contextValue = useMemo(() => ({
+        registerDrawer,
+        unregisterDrawer,
+        updateDrawerHeight,
+        hasOpenDrawer,
+        nestedDrawerCount,
+        frontmostHeight,
+        getDrawerHeight,
+    }), [registerDrawer, unregisterDrawer, updateDrawerHeight, hasOpenDrawer, nestedDrawerCount, frontmostHeight, getDrawerHeight]);
+    return (_jsx(DrawerSheetProviderContext.Provider, { value: contextValue, children: children }));
+}
+export function useDrawerSheetProvider() {
+    const context = useContext(DrawerSheetProviderContext);
+    return context;
+}

package/dist/react-components/drawer-sheet/DrawerSheetRoot.d.ts

@@ -0,0 +1,3 @@
+import type { DrawerSheetRootPropsT } from "./drawerSheetTypes";
+export declare function DrawerSheetRoot({ children, position, swipeDirection }: DrawerSheetRootPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DrawerSheetRoot.d.ts.map

package/dist/react-components/drawer-sheet/DrawerSheetRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerSheetRoot.d.ts","sourceRoot":"","sources":["../../../src/react-components/drawer-sheet/DrawerSheetRoot.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAiB,EACjB,cAAc,EACf,EAAE,qBAAqB,2CA2IvB"}