@kadoui/react 1.11.16 → 2.1.1

package/dist/react-components/ContextMenu/ContextMenuRoot.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { getBrowserScrollbarWith } from "../../utils-exports";
+import { ContextMenuContext } from "./ContextMenuContext";
+export function ContextMenuRoot({ onContextMenu, ...p }) {
+    const [position, setPosition] = useState(undefined);
+    const [isOpen, setOpen] = useState(false);
+    const contentRef = useRef(null);
+    const closeHandler = () => {
+        setOpen(false);
+        setPosition(undefined);
+    };
+    const handleClickOutside = useCallback((ev) => {
+        if (!contentRef.current?.contains(ev.target)) {
+            closeHandler();
+        }
+    }, []);
+    useEffect(() => {
+        document.addEventListener("click", handleClickOutside);
+        return () => document.removeEventListener("click", handleClickOutside);
+    }, [handleClickOutside]);
+    useEffect(() => {
+        const scrollbarWidth = getBrowserScrollbarWith();
+        if (isOpen) {
+            document.body.style.overflow = "hidden";
+            document.body.style.paddingRight = `${scrollbarWidth}px`;
+        }
+        else {
+            document.body.style.overflow = "unset";
+            document.body.style.paddingRight = "0px";
+        }
+        ;
+    }, [isOpen]);
+    const handleContextMenu = (ev) => {
+        if (!contentRef.current)
+            return;
+        ev.preventDefault();
+        const viewportWidth = window.innerWidth;
+        const viewportHeight = window.innerHeight;
+        const menuWidth = contentRef.current.scrollWidth;
+        const menuHeight = contentRef.current.scrollHeight;
+        let x = ev.clientX;
+        let y = ev.clientY;
+        if (x + menuWidth > viewportWidth) {
+            x = viewportWidth - menuWidth - 10;
+        }
+        if (y + menuHeight > viewportHeight) {
+            y = viewportHeight - menuHeight - 10;
+        }
+        setPosition({ x, y });
+        setOpen(true);
+    };
+    return (_jsx(ContextMenuContext, { value: { contentRef, isOpen, closeHandler, position }, children: _jsx("div", { onContextMenu: ev => {
+                onContextMenu?.(ev);
+                handleContextMenu(ev);
+            }, ...p }) }));
+}

package/dist/react-components/ContextMenu/contextMenuTypes.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentProps, RefObject } from "react";
+import type { AccessNavigationPropsT } from "../AccessNavigation/AccessNavigation";
+export type ContextMenuContextT = {
+    isOpen: boolean;
+    closeHandler: () => void;
+    position: {
+        x: number;
+        y: number;
+    } | undefined;
+    contentRef: RefObject<HTMLDivElement | null>;
+};
+export type ContextMenuRootPropsT = ComponentProps<"div">;
+export type ContextMenuBodyPropsT = ComponentProps<"div">;
+export type ContextMenuItemPropsT = ComponentProps<"button">;
+export type ContextMenuNavigationPropsT = AccessNavigationPropsT;
+//# sourceMappingURL=contextMenuTypes.d.ts.map

package/dist/react-components/ContextMenu/contextMenuTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextMenuTypes.d.ts","sourceRoot":"","sources":["../../../src/react-components/ContextMenu/contextMenuTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAY,SAAS,EAAkB,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAEnF,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;IAC/C,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1D,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1D,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAE7D,MAAM,MAAM,2BAA2B,GAAG,sBAAsB,CAAC"}

package/dist/react-components/ContextMenu/contextMenuTypes.js

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

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

@@ -0,0 +1,11 @@
+import { DrawerBody } from "./DrawerBody";
+import { DrawerRoot } from "./DrawerRoot";
+import { DrawerPortal } from "./DrawerPortal";
+import { DrawerToggle } from "./DrawerToggle";
+export declare const Drawer: typeof DrawerRoot & {
+    Toggle: typeof DrawerToggle;
+    Portal: typeof DrawerPortal;
+    Body: typeof DrawerBody;
+};
+export * from "./drawerTypes";
+//# sourceMappingURL=Drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/react-components/Drawer/Drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,eAAO,MAAM,MAAM;;;;CAIjB,CAAC;AAEH,cAAc,eAAe,CAAC"}

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

@@ -0,0 +1,10 @@
+import { DrawerBody } from "./DrawerBody";
+import { DrawerRoot } from "./DrawerRoot";
+import { DrawerPortal } from "./DrawerPortal";
+import { DrawerToggle } from "./DrawerToggle";
+export const Drawer = Object.assign(DrawerRoot, {
+    Toggle: DrawerToggle,
+    Portal: DrawerPortal,
+    Body: DrawerBody
+});
+export * from "./drawerTypes";

package/dist/react-components/Drawer/DrawerBody.d.ts

@@ -0,0 +1,3 @@
+import type { DrawerBodyPropsT } from "./drawerTypes";
+export declare function DrawerBody({ position, dir, children, ...p }: DrawerBodyPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DrawerBody.d.ts.map

package/dist/react-components/Drawer/DrawerBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerBody.d.ts","sourceRoot":"","sources":["../../../src/react-components/Drawer/DrawerBody.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,gBAAgB,2CAwD7E"}

package/dist/react-components/Drawer/DrawerBody.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import { use, useEffect, useRef } from "react";
+import { FRAMER_MOTION_DURATION } from "../../configs";
+import { DrawerContext } from "./DrawerContext";
+export function DrawerBody({ position, dir, children, ...p }) {
+    const { isOpen } = use(DrawerContext);
+    const bodyRef = useRef(null);
+    useEffect(() => {
+        if (isOpen) {
+            setTimeout(() => {
+                const focusableElement = bodyRef.current?.querySelector("[data-drawer='focus']");
+                focusableElement?.focus();
+            }, FRAMER_MOTION_DURATION);
+        }
+        ;
+    }, [isOpen]);
+    const currentDir = (dir || document.documentElement.getAttribute("dir") || "ltr");
+    const currentPosition = position || (currentDir === "ltr" ? "left" : "right");
+    const direction = ["right", "left"].includes(currentPosition) ? "y" : "x";
+    const width = direction === "y" ? "clamp(300px,30%,30%)" : undefined;
+    const height = direction === "y" ? undefined : "50%";
+    return (_jsx(motion.div, { ref: bodyRef, onClick: ev => ev.stopPropagation(), initial: direction === "y"
+            ? { x: currentPosition === "left" ? "-100%" : "100%" }
+            : { y: currentPosition === "top" ? "-100%" : "100%" }, animate: { y: 0, x: 0 }, exit: direction === "y"
+            ? { x: currentPosition === "left" ? "-100%" : "100%" }
+            : { y: currentPosition === "top" ? "-100%" : "100%" }, style: {
+            width,
+            height,
+            ...(currentPosition === "top"
+                ? { top: 0, left: 0, right: 0 }
+                : currentPosition === "right"
+                    ? { top: 0, bottom: 0, right: 0 }
+                    : currentPosition === "bottom"
+                        ? { bottom: 0, left: 0, right: 0 }
+                        : { top: 0, bottom: 0, left: 0 })
+        }, transition: { ease: "easeInOut", duration: FRAMER_MOTION_DURATION }, ...p, children: children }));
+}
+;

package/dist/react-components/Drawer/DrawerContext.d.ts

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

package/dist/react-components/Drawer/DrawerContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContext.d.ts","sourceRoot":"","sources":["../../../src/react-components/Drawer/DrawerContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEpD,eAAO,MAAM,aAAa,yCAAsD,CAAC"}

package/dist/react-components/Drawer/DrawerContext.js

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

package/dist/react-components/Drawer/DrawerPortal.d.ts

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

package/dist/react-components/Drawer/DrawerPortal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerPortal.d.ts","sourceRoot":"","sources":["../../../src/react-components/Drawer/DrawerPortal.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAExD,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,2CAuBjE"}

package/dist/react-components/Drawer/DrawerPortal.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { motion, AnimatePresence } from "framer-motion";
+import { ClientOnly } from "../ClientOnly/ClientOnly";
+import { Portal } from "../Portal/Portal";
+import { DrawerContext } from "./DrawerContext";
+export function DrawerPortal({ onClick, ...p }) {
+    const { isOpen, setOpen } = use(DrawerContext);
+    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/react-components/Drawer/DrawerRoot.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerRoot.d.ts","sourceRoot":"","sources":["../../../src/react-components/Drawer/DrawerRoot.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CA2CxD"}

package/dist/react-components/Drawer/DrawerRoot.js

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

package/dist/react-components/Drawer/DrawerToggle.d.ts

@@ -0,0 +1,3 @@
+import type { DrawerTogglePropsT } from "./drawerTypes";
+export declare function DrawerToggle({ onClick, ...props }: DrawerTogglePropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DrawerToggle.d.ts.map

package/dist/react-components/Drawer/DrawerToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerToggle.d.ts","sourceRoot":"","sources":["../../../src/react-components/Drawer/DrawerToggle.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAExD,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAYrE"}

package/dist/react-components/Drawer/DrawerToggle.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { DrawerContext } from "./DrawerContext";
+export function DrawerToggle({ onClick, ...props }) {
+    const { setOpen } = use(DrawerContext);
+    return (_jsx("button", { onClick: (ev) => {
+            onClick?.(ev);
+            setOpen(prev => !prev);
+        }, ...props }));
+}

package/dist/react-components/Drawer/drawerTypes.d.ts

@@ -0,0 +1,13 @@
+import type { HTMLMotionProps } from "framer-motion";
+import type { ComponentProps, Dispatch, PropsWithChildren, SetStateAction } from "react";
+export type DrawerContextT = {
+    isOpen: boolean;
+    setOpen: Dispatch<SetStateAction<boolean>>;
+};
+export type DrawerRootPropsT = PropsWithChildren;
+export type DrawerBodyPropsT = HTMLMotionProps<"div"> & {
+    position?: "top" | "right" | "bottom" | "left";
+};
+export type DrawerTogglePropsT = ComponentProps<"button">;
+export type DrawerPortalPropsT = HTMLMotionProps<"div">;
+//# sourceMappingURL=drawerTypes.d.ts.map

package/dist/react-components/Drawer/drawerTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawerTypes.d.ts","sourceRoot":"","sources":["../../../src/react-components/Drawer/drawerTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEzF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG;IACtD,QAAQ,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAE1D,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC"}

package/dist/react-components/Drawer/drawerTypes.js

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

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

@@ -0,0 +1,15 @@
+import { ModalRoot } from "./ModalRoot";
+import { ModalBody } from "./ModalBody";
+import { ModalHeader } from "./ModalHeader";
+import { ModalPortal } from "./ModalPortal";
+import { ModalToggle } from "./ModalTrigger";
+import { ModalContent } from "./ModalContent";
+export declare const Modal: typeof ModalRoot & {
+    Toggle: typeof ModalToggle;
+    Portal: typeof ModalPortal;
+    Body: typeof ModalBody;
+    Header: typeof ModalHeader;
+    Content: typeof ModalContent;
+};
+export * from "./modalTypes";
+//# sourceMappingURL=Modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/react-components/Modal/Modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,eAAO,MAAM,KAAK;;;;;;CAMhB,CAAC;AAEH,cAAc,cAAc,CAAC"}

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

@@ -0,0 +1,14 @@
+import { ModalRoot } from "./ModalRoot";
+import { ModalBody } from "./ModalBody";
+import { ModalHeader } from "./ModalHeader";
+import { ModalPortal } from "./ModalPortal";
+import { ModalToggle } from "./ModalTrigger";
+import { ModalContent } from "./ModalContent";
+export const Modal = Object.assign(ModalRoot, {
+    Toggle: ModalToggle,
+    Portal: ModalPortal,
+    Body: ModalBody,
+    Header: ModalHeader,
+    Content: ModalContent,
+});
+export * from "./modalTypes";

package/dist/react-components/Modal/ModalBody.d.ts

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

package/dist/react-components/Modal/ModalBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBody.d.ts","sourceRoot":"","sources":["../../../src/react-components/Modal/ModalBody.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,wBAAgB,SAAS,CAAC,CAAC,EAAE,eAAe,2CA4B3C"}

package/dist/react-components/Modal/ModalBody.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use, useEffect, useRef } from "react";
+import { AnimatePresence, motion } from "framer-motion";
+import { FRAMER_MOTION_DURATION } from "../../configs";
+import { ModalContext } from "./ModalContext";
+export function ModalBody(p) {
+    const { isOpen } = use(ModalContext);
+    const bodyRef = useRef(null);
+    useEffect(() => {
+        if (isOpen) {
+            setTimeout(() => {
+                const focusableElement = bodyRef.current?.querySelector("[data-modal='focus']");
+                focusableElement?.focus();
+            }, FRAMER_MOTION_DURATION);
+        }
+    }, [isOpen]);
+    return (_jsx(AnimatePresence, { children: isOpen ? (_jsx(motion.div, { ref: bodyRef, initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.9 }, transition: { ease: "easeInOut", duration: FRAMER_MOTION_DURATION }, ...p })) : null }));
+}

package/dist/react-components/Modal/ModalContent.d.ts

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

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

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

package/dist/react-components/Modal/ModalContent.js

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

package/dist/react-components/Modal/ModalContext.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContext.d.ts","sourceRoot":"","sources":["../../../src/react-components/Modal/ModalContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD,eAAO,MAAM,YAAY,wCAAoD,CAAC"}

package/dist/react-components/Modal/ModalContext.js

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

package/dist/react-components/Modal/ModalHeader.d.ts

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

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

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

package/dist/react-components/Modal/ModalHeader.js

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

package/dist/react-components/Modal/ModalPortal.d.ts

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

package/dist/react-components/Modal/ModalPortal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalPortal.d.ts","sourceRoot":"","sources":["../../../src/react-components/Modal/ModalPortal.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,2CAuB/D"}

package/dist/react-components/Modal/ModalPortal.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { motion, AnimatePresence } from "framer-motion";
+import { ClientOnly } from "../ClientOnly/ClientOnly";
+import { Portal } from "../Portal/Portal";
+import { ModalContext } from "./ModalContext";
+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) => {
+                        onClick?.(ev);
+                        setOpen(false);
+                    }, ...p })) : null }) }) }));
+}

package/dist/react-components/Modal/ModalRoot.d.ts

@@ -0,0 +1,3 @@
+import type { ModalRootPropsT } from "./modalTypes";
+export declare function ModalRoot({ children, defaultOpen }: ModalRootPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ModalRoot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalRoot.d.ts","sourceRoot":"","sources":["../../../src/react-components/Modal/ModalRoot.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,WAAmB,EAAE,EAAE,eAAe,2CA0C3E"}

package/dist/react-components/Modal/ModalRoot.js

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

package/dist/react-components/Modal/ModalTrigger.d.ts

@@ -0,0 +1,3 @@
+import type { ModalTogglePropsT } from "./modalTypes";
+export declare function ModalToggle({ onClick, ...props }: ModalTogglePropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ModalTrigger.d.ts.map

package/dist/react-components/Modal/ModalTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalTrigger.d.ts","sourceRoot":"","sources":["../../../src/react-components/Modal/ModalTrigger.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAYnE"}

package/dist/react-components/Modal/ModalTrigger.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { ModalContext } from "./ModalContext";
+export function ModalToggle({ onClick, ...props }) {
+    const { setOpen } = use(ModalContext);
+    return (_jsx("button", { onClick: (ev) => {
+            onClick?.(ev);
+            setOpen((prev) => !prev);
+        }, ...props }));
+}

package/dist/react-components/Modal/modalTypes.d.ts

@@ -0,0 +1,15 @@
+import type { HTMLMotionProps } from "framer-motion";
+import type { ComponentProps, Dispatch, PropsWithChildren, SetStateAction } from "react";
+export type ModalContextT = {
+    isOpen: boolean;
+    setOpen: Dispatch<SetStateAction<boolean>>;
+};
+export type ModalRootPropsT = PropsWithChildren & {
+    defaultOpen?: boolean;
+};
+export type ModalContentPropsT = ComponentProps<"div">;
+export type ModalHeaderPropsT = ComponentProps<"div">;
+export type ModalTogglePropsT = ComponentProps<"button">;
+export type ModalBodyPropsT = HTMLMotionProps<"div">;
+export type ModalPortalPropsT = HTMLMotionProps<"div">;
+//# sourceMappingURL=modalTypes.d.ts.map

package/dist/react-components/Modal/modalTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modalTypes.d.ts","sourceRoot":"","sources":["../../../src/react-components/Modal/modalTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEzF,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEvD,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEtD,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC"}

package/dist/react-components/Modal/modalTypes.js

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

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

@@ -0,0 +1,9 @@
+import { OtpRoot } from "./OtpRoot";
+import { OtpInputs } from "./OtpInputs";
+import { OtpHiddenInput } from "./OtpHiddenInput";
+export declare const Otp: typeof OtpRoot & {
+    Inputs: typeof OtpInputs;
+    HiddenInput: typeof OtpHiddenInput;
+};
+export * from "./otpTypes";
+//# sourceMappingURL=Otp.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Otp.d.ts","sourceRoot":"","sources":["../../../src/react-components/Otp/Otp.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,eAAO,MAAM,GAAG;;;CAGd,CAAC;AAEH,cAAc,YAAY,CAAC"}

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

@@ -0,0 +1,8 @@
+import { OtpRoot } from "./OtpRoot";
+import { OtpInputs } from "./OtpInputs";
+import { OtpHiddenInput } from "./OtpHiddenInput";
+export const Otp = Object.assign(OtpRoot, {
+    Inputs: OtpInputs,
+    HiddenInput: OtpHiddenInput
+});
+export * from "./otpTypes";

package/dist/react-components/Otp/OtpContext.d.ts

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

package/dist/react-components/Otp/OtpContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtpContext.d.ts","sourceRoot":"","sources":["../../../src/react-components/Otp/OtpContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,eAAO,MAAM,UAAU,sCAErB,CAAC"}

package/dist/react-components/Otp/OtpContext.js

@@ -0,0 +1,4 @@
+import { createContext } from "react";
+export const OtpContext = createContext({
+    getInputsValue: () => ""
+});

package/dist/react-components/Otp/OtpHiddenInput.d.ts

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

package/dist/react-components/Otp/OtpHiddenInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtpHiddenInput.d.ts","sourceRoot":"","sources":["../../../src/react-components/Otp/OtpHiddenInput.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAEvD,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,EAAE,EAAE,oBAAoB,2CAMlE"}

package/dist/react-components/Otp/OtpHiddenInput.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { OtpContext } from "./OtpContext";
+export function OtpHiddenInput({ name, ...p }) {
+    const { getInputsValue } = use(OtpContext);
+    return (_jsx("input", { type: "hidden", tabIndex: -1, name: name || "otp", value: getInputsValue(), ...p }));
+}

package/dist/react-components/Otp/OtpInputs.d.ts

@@ -0,0 +1,3 @@
+import type { OtpInputsPropsT } from "./otpTypes";
+export declare function OtpInputs({ name, length, onLastChange, ...props }: OtpInputsPropsT): import("react/jsx-runtime").JSX.Element[];
+//# sourceMappingURL=OtpInputs.d.ts.map

package/dist/react-components/Otp/OtpInputs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OtpInputs.d.ts","sourceRoot":"","sources":["../../../src/react-components/Otp/OtpInputs.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,6CAwElF"}