@kadoui/react 1.2.5 → 1.3.6

package/dist/components/Drawer/DrawerRoot.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getBrowserScrollbarWith } from "../../utils";
+import { useState, useEffect } from "react";
+import { DrawerContext } from "./DrawerContext";
+export function DrawerRoot({ children }) {
+    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(() => {
+        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]);
+    return (_jsx(DrawerContext, { value: { isOpen, setOpen }, children: children }));
+}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerToggle.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAO,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAEzE,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAYrE"}
+{"version":3,"file":"DrawerToggle.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAO,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAEzE,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAYrE"}

package/dist/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/components/LoaderLink/LoaderLink.js

@@ -0,0 +1,6 @@
+"use client";
+import { useLinkStatus } from "next/link";
+export function LoaderLink({ loader, children }) {
+    const { pending } = useLinkStatus();
+    return pending ? loader : children;
+}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ModalBody.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalBody.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAmB,eAAe,EAAU,MAAM,eAAe,CAAC;AAIzE,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAErD,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BA6B/D"}
+{"version":3,"file":"ModalBody.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalBody.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAmB,eAAe,EAAU,MAAM,eAAe,CAAC;AAIzE,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAErD,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CA6B/D"}

package/dist/components/Modal/ModalBody.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use, useEffect, useRef } from "react";
+import { AnimatePresence, motion } from "framer-motion";
+import { ModalContext } from "./ModalContext";
+export function ModalBody({ onClick, ...props }) {
+    const { isOpen } = use(ModalContext);
+    const contentRef = useRef(null);
+    useEffect(() => {
+        if (isOpen) {
+            const indexElement = contentRef.current?.querySelector("[data-modal='index']");
+            indexElement?.focus();
+        }
+        ;
+    }, [isOpen]);
+    return (_jsx(AnimatePresence, { children: isOpen ? (_jsx(motion.div, { ref: contentRef, initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, exit: { opacity: 0, scale: 0.9 }, transition: { ease: "easeInOut" }, onClick: ev => {
+                onClick?.(ev);
+                ev.stopPropagation();
+            }, ...props })) : null }));
+}

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

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

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,CAAC,EAAE,kBAAkB,+BAIjD"}
+{"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,CAAC,EAAE,kBAAkB,2CAIjD"}

package/dist/components/Modal/ModalContent.js

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

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

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

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,CAAC,EAAE,iBAAiB,+BAI/C"}
+{"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,CAAC,EAAE,iBAAiB,2CAI/C"}

package/dist/components/Modal/ModalHeader.js

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ModalPortal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalPortal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA2B,eAAe,EAAE,MAAM,eAAe,CAAC;AAMzE,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAEvD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,+BAuB/D"}
+{"version":3,"file":"ModalPortal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalPortal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA2B,eAAe,EAAE,MAAM,eAAe,CAAC;AAMzE,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAEvD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,2CAuB/D"}

package/dist/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 { Portal } from "../Portal/Portal";
+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 => {
+                        onClick?.(ev);
+                        setOpen(false);
+                    }, ...p })) : null }) }) }));
+}

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

@@ -2,5 +2,5 @@ import { PropsWithChildren } from "react";
 export type ModalRootPropsT = PropsWithChildren & {
     defaultOpen?: boolean;
 };
-export declare function ModalRoot({ children, defaultOpen }: ModalRootPropsT): import("react").JSX.Element;
+export declare function ModalRoot({ children, defaultOpen }: ModalRootPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ModalRoot.d.ts.map

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,+BAmC3E"}
+{"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"}

package/dist/components/Modal/ModalRoot.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { getBrowserScrollbarWith } from "../../utils";
+import { ModalContext } from "./ModalContext";
+export function ModalRoot({ children, defaultOpen = false }) {
+    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(() => {
+        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]);
+    return (_jsx(ModalContext, { value: { isOpen, setOpen }, children: children }));
+}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ModalTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAO,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAExE,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,+BAYnE"}
+{"version":3,"file":"ModalTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAO,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAExE,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAYnE"}

package/dist/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/components/Otp/OtpHiddenInput.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"OtpHiddenInput.d.ts","sourceRoot":"","sources":["../../../src/components/Otp/OtpHiddenInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAEzE,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,EAAE,EAAE,oBAAoB,+BAMlE"}
+{"version":3,"file":"OtpHiddenInput.d.ts","sourceRoot":"","sources":["../../../src/components/Otp/OtpHiddenInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAEzE,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,EAAE,EAAE,oBAAoB,2CAMlE"}

package/dist/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/components/Otp/OtpInputs.d.ts

@@ -3,5 +3,5 @@ export type OtpInputsPropsT = InputHTMLAttributes<HTMLInputElement> & {
     length: number;
     onLastChange?: (otp: string) => void;
 };
-export declare function OtpInputs({ name, length, onLastChange, ...props }: OtpInputsPropsT): import("react").JSX.Element[];
+export declare function OtpInputs({ name, length, onLastChange, ...props }: OtpInputsPropsT): import("react/jsx-runtime").JSX.Element[];
 //# sourceMappingURL=OtpInputs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"OtpInputs.d.ts","sourceRoot":"","sources":["../../../src/components/Otp/OtpInputs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,mBAAmB,EAAsB,MAAM,OAAO,CAAC;AAIhF,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACpE,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAA;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,iCAwElF"}
+{"version":3,"file":"OtpInputs.d.ts","sourceRoot":"","sources":["../../../src/components/Otp/OtpInputs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,mBAAmB,EAAsB,MAAM,OAAO,CAAC;AAIhF,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACpE,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAA;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,6CAwElF"}

package/dist/components/Otp/OtpInputs.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { OtpContext } from "./OtpContext";
+export function OtpInputs({ name, length, onLastChange, ...props }) {
+    const { inputs, getInputsValue } = use(OtpContext);
+    const handlePaste = (ev, startIndex) => {
+        ev.preventDefault();
+        const pastedData = ev.clipboardData.getData("text").replace(/\s/g, ""); // Remove whitespace
+        if (!pastedData)
+            return;
+        for (let i = 0; i < pastedData.length; i++) {
+            const inputIndex = startIndex + i;
+            if (inputIndex >= length)
+                break; // Don't exceed OTP length
+            const input = inputs?.current[inputIndex];
+            const indexedPastedData = pastedData[i];
+            if (input && indexedPastedData) {
+                input.value = indexedPastedData;
+            }
+        }
+        const nextIndex = Math.min(startIndex + pastedData.length, length - 1);
+        inputs?.current[nextIndex]?.focus();
+        const otpValue = getInputsValue();
+        if (otpValue.length === length) {
+            onLastChange?.(otpValue);
+        }
+    };
+    const handleInputChange = (value, index) => {
+        if (value) {
+            const currentInput = inputs?.current[index];
+            const currentValue = currentInput?.value[currentInput.value.length - 1];
+            if (currentValue) {
+                currentInput.value = currentValue;
+            }
+            const nextInput = inputs?.current[index + 1];
+            if (nextInput) {
+                nextInput.value = "";
+                nextInput.focus();
+                return;
+            }
+            onLastChange?.(getInputsValue());
+        }
+    };
+    const handleBackspace = (e, index) => {
+        if (e.key === "Backspace" && !e.currentTarget.value && index > 0) {
+            inputs?.current[index - 1]?.focus();
+        }
+    };
+    return Array.from({ length }).map((_, index) => (_jsx("input", { autoComplete: "off", name: `${name || "otp"}-${index}`, onPaste: ev => handlePaste(ev, index), onKeyDown: ev => handleBackspace(ev, index), onChange: ev => handleInputChange(ev.target.value, index), ref: el => {
+            if (inputs) {
+                inputs.current[index] = el;
+            }
+        }, ...props }, index)));
+}

package/dist/components/Otp/OtpRoot.d.ts

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

package/dist/components/Otp/OtpRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OtpRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Otp/OtpRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;AAI1D,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE3D,wBAAgB,OAAO,CAAC,CAAC,EAAE,aAAa,+BAgBvC"}
+{"version":3,"file":"OtpRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Otp/OtpRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;AAI1D,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE3D,wBAAgB,OAAO,CAAC,CAAC,EAAE,aAAa,2CAgBvC"}

package/dist/components/Otp/OtpRoot.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { OtpContext } from "./OtpContext";
+export function OtpRoot(p) {
+    const inputs = useRef([]);
+    useEffect(() => {
+        inputs.current[0]?.focus();
+    }, []);
+    const getInputsValue = () => {
+        return inputs?.current.map(input => input?.value || "").join("") || "";
+    };
+    return (_jsx(OtpContext, { value: { inputs, getInputsValue }, children: _jsx("div", { ...p }) }));
+}

package/dist/components/Pagination/PaginationContext.js

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

package/dist/components/Pagination/PaginationCounts.d.ts

@@ -1,4 +1,4 @@
 import { HTMLAttributes } from "react";
 export type PaginationCountsPropsT = HTMLAttributes<HTMLParagraphElement>;
-export declare function PaginationCounts(props: PaginationCountsPropsT): import("react").JSX.Element;
+export declare function PaginationCounts(props: PaginationCountsPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PaginationCounts.d.ts.map

package/dist/components/Pagination/PaginationCounts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationCounts.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationCounts.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAE1E,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,+BAQ7D"}
+{"version":3,"file":"PaginationCounts.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationCounts.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAE1E,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CAQ7D"}

package/dist/components/Pagination/PaginationCounts.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { use } from "react";
+import { PaginationContext } from "./PaginationContext";
+export function PaginationCounts(props) {
+    const { page, pageLength } = use(PaginationContext);
+    return (_jsxs("p", { ...props, children: ["Page ", page, " / ", pageLength] }));
+}

package/dist/components/Pagination/PaginationNextBtn.d.ts

@@ -2,5 +2,5 @@ import { HTMLAttributes } from "react";
 export type PaginationNextBtnPropsT = HTMLAttributes<HTMLButtonElement> & {
     disabled?: boolean;
 };
-export declare function PaginationNextBtn({ onClick, disabled, ...p }: PaginationNextBtnPropsT): import("react").JSX.Element;
+export declare function PaginationNextBtn({ onClick, disabled, ...p }: PaginationNextBtnPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PaginationNextBtn.d.ts.map

package/dist/components/Pagination/PaginationNextBtn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationNextBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationNextBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,uBAAuB,+BAarF"}
+{"version":3,"file":"PaginationNextBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationNextBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,uBAAuB,2CAarF"}

package/dist/components/Pagination/PaginationNextBtn.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { PaginationContext } from "./PaginationContext";
+export function PaginationNextBtn({ onClick, disabled, ...p }) {
+    const { page, pageLength, nextPage } = use(PaginationContext);
+    return (_jsx("button", { disabled: disabled || page === pageLength, onClick: ev => {
+            onClick?.(ev);
+            nextPage();
+        }, ...p }));
+}

package/dist/components/Pagination/PaginationPrevBtn.d.ts

@@ -2,5 +2,5 @@ import { HTMLAttributes } from "react";
 export type PaginationPrevBtnPropsT = HTMLAttributes<HTMLButtonElement> & {
     disabled?: boolean;
 };
-export declare function PaginationPrevBtn({ onClick, disabled, ...p }: PaginationPrevBtnPropsT): import("react").JSX.Element;
+export declare function PaginationPrevBtn({ onClick, disabled, ...p }: PaginationPrevBtnPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PaginationPrevBtn.d.ts.map

package/dist/components/Pagination/PaginationPrevBtn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationPrevBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationPrevBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAA;AAED,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,uBAAuB,+BAarF"}
+{"version":3,"file":"PaginationPrevBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationPrevBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAA;AAED,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,uBAAuB,2CAarF"}

package/dist/components/Pagination/PaginationPrevBtn.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { PaginationContext } from "./PaginationContext";
+export function PaginationPrevBtn({ onClick, disabled, ...p }) {
+    const { page, prevPage } = use(PaginationContext);
+    return (_jsx("button", { disabled: disabled || page === 1, onClick: ev => {
+            onClick?.(ev);
+            prevPage();
+        }, ...p }));
+}

package/dist/components/Pagination/PaginationSearchParamsRoot.d.ts

@@ -3,5 +3,5 @@ export type PaginationSearchParamsRootPropsT = PropsWithChildren & {
     pageKey?: string;
     pageLength: number;
 };
-export declare function PaginationSearchParamsRoot({ pageKey, pageLength, children }: PaginationSearchParamsRootPropsT): import("react").JSX.Element;
+export declare function PaginationSearchParamsRoot({ pageKey, pageLength, children }: PaginationSearchParamsRootPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PaginationSearchParamsRoot.d.ts.map

package/dist/components/Pagination/PaginationSearchParamsRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationSearchParamsRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationSearchParamsRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAI/D,MAAM,MAAM,gCAAgC,GAAG,iBAAiB,GAAG;IACjE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAA;AAED,wBAAgB,0BAA0B,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,gCAAgC,+BAgC7G"}
+{"version":3,"file":"PaginationSearchParamsRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationSearchParamsRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAI/D,MAAM,MAAM,gCAAgC,GAAG,iBAAiB,GAAG;IACjE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAA;AAED,wBAAgB,0BAA0B,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,gCAAgC,2CAgC7G"}

package/dist/components/Pagination/PaginationSearchParamsRoot.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRouter, useSearchParams } from "next/navigation";
+import { useEffect, useState } from "react";
+import { PaginationContext } from "./PaginationContext";
+export function PaginationSearchParamsRoot({ pageKey, pageLength, children }) {
+    const router = useRouter();
+    const searchParams = useSearchParams();
+    const [currentPage, setCurrentPage] = useState(1);
+    useEffect(() => {
+        setCurrentPage(+(searchParams.get(pageKey || "page") || "1"));
+    }, [pageKey, searchParams]);
+    const pushRouter = (page) => {
+        const params = new URLSearchParams(searchParams.toString());
+        params.set(pageKey || "page", page.toString());
+        router.push("?" + params.toString());
+    };
+    const nextPage = () => {
+        if (currentPage < pageLength) {
+            pushRouter(currentPage + 1);
+        }
+    };
+    const prevPage = () => {
+        if (currentPage > 1) {
+            pushRouter(currentPage - 1);
+        }
+    };
+    return (_jsx(PaginationContext.Provider, { value: { page: currentPage, pageLength, nextPage, prevPage }, children: children }));
+}

package/dist/components/Pagination/PaginationStateRoot.d.ts

@@ -2,5 +2,5 @@ import { PropsWithChildren } from "react";
 export type PaginationStateRootPropsT = PropsWithChildren & {
     pageLength: number;
 };
-export declare function PaginationStateRoot({ pageLength, children }: PaginationStateRootPropsT): import("react").JSX.Element;
+export declare function PaginationStateRoot({ pageLength, children }: PaginationStateRootPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PaginationStateRoot.d.ts.map

package/dist/components/Pagination/PaginationStateRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationStateRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationStateRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAIpD,MAAM,MAAM,yBAAyB,GAAG,iBAAiB,GAAG;IAC1D,UAAU,EAAE,MAAM,CAAC;CACpB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,yBAAyB,+BAYtF"}
+{"version":3,"file":"PaginationStateRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationStateRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAIpD,MAAM,MAAM,yBAAyB,GAAG,iBAAiB,GAAG;IAC1D,UAAU,EAAE,MAAM,CAAC;CACpB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,yBAAyB,2CAYtF"}

package/dist/components/Pagination/PaginationStateRoot.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { PaginationContext } from "./PaginationContext";
+export function PaginationStateRoot({ pageLength, children }) {
+    const [page, setPage] = useState(1);
+    const nextPage = () => setPage(prev => prev < pageLength ? prev + 1 : prev);
+    const prevPage = () => setPage(prev => prev > 1 ? prev - 1 : prev);
+    return (_jsx(PaginationContext.Provider, { value: { page, pageLength, nextPage, prevPage }, children: children }));
+}

package/dist/components/PasswordInput/PasswordInputContext.js

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

package/dist/components/PasswordInput/PasswordInputField.d.ts

@@ -1,4 +1,4 @@
 import { InputHTMLAttributes } from "react";
 export type PasswordInputFieldPropsT = InputHTMLAttributes<HTMLInputElement>;
-export declare function PasswordInputField(props: PasswordInputFieldPropsT): import("react").JSX.Element;
+export declare function PasswordInputField(props: PasswordInputFieldPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PasswordInputField.d.ts.map

package/dist/components/PasswordInput/PasswordInputField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInputField.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordInput/PasswordInputField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,wBAAwB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAE7E,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,wBAAwB,+BAMjE"}
+{"version":3,"file":"PasswordInputField.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordInput/PasswordInputField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,wBAAwB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAE7E,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,wBAAwB,2CAMjE"}

package/dist/components/PasswordInput/PasswordInputField.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { PasswordInputContext } from "./PasswordInputContext";
+export function PasswordInputField(props) {
+    const { isVisible } = use(PasswordInputContext);
+    return (_jsx("input", { type: isVisible ? "text" : "password", ...props }));
+}

package/dist/components/PasswordInput/PasswordInputRoot.d.ts

@@ -1,4 +1,4 @@
 import { LabelHTMLAttributes } from "react";
 export type PasswordInputRootPropsT = LabelHTMLAttributes<HTMLLabelElement>;
-export declare function PasswordInputRoot(props: PasswordInputRootPropsT): import("react").JSX.Element;
+export declare function PasswordInputRoot(props: PasswordInputRootPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PasswordInputRoot.d.ts.map

package/dist/components/PasswordInput/PasswordInputRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInputRoot.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordInput/PasswordInputRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAY,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,uBAAuB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAE5E,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,uBAAuB,+BAQ/D"}
+{"version":3,"file":"PasswordInputRoot.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordInput/PasswordInputRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAY,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,uBAAuB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAE5E,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,uBAAuB,2CAQ/D"}

package/dist/components/PasswordInput/PasswordInputRoot.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { PasswordInputContext } from "./PasswordInputContext";
+export function PasswordInputRoot(props) {
+    const [isVisible, setIsVisible] = useState(false);
+    return (_jsx(PasswordInputContext, { value: { isVisible, setIsVisible }, children: _jsx("label", { ...props }) }));
+}

package/dist/components/PasswordInput/PasswordInputToggle.d.ts

@@ -2,5 +2,5 @@ import { ButtonHTMLAttributes, ReactNode } from "react";
 export type PasswordInputTogglePropsT = ButtonHTMLAttributes<HTMLButtonElement> & {
     visibleChildren: ReactNode;
 };
-export declare function PasswordInputToggle({ visibleChildren, onClick, children, ...props }: PasswordInputTogglePropsT): import("react").JSX.Element;
+export declare function PasswordInputToggle({ visibleChildren, onClick, children, ...props }: PasswordInputTogglePropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PasswordInputToggle.d.ts.map

package/dist/components/PasswordInput/PasswordInputToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInputToggle.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordInput/PasswordInputToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAI7D,MAAM,MAAM,yBAAyB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAChF,eAAe,EAAE,SAAS,CAAC;CAC5B,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,eAAe,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,yBAAyB,+BAe9G"}
+{"version":3,"file":"PasswordInputToggle.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordInput/PasswordInputToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAI7D,MAAM,MAAM,yBAAyB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAChF,eAAe,EAAE,SAAS,CAAC;CAC5B,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,eAAe,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,yBAAyB,2CAe9G"}

package/dist/components/PasswordInput/PasswordInputToggle.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { PasswordInputContext } from "./PasswordInputContext";
+export function PasswordInputToggle({ visibleChildren, onClick, children, ...props }) {
+    const { isVisible, setIsVisible } = use(PasswordInputContext);
+    return (_jsx("button", { type: "button", onClick: ev => {
+            setIsVisible(prev => !prev);
+            onClick?.(ev);
+        }, ...props, children: isVisible ? visibleChildren : children }));
+}

package/dist/components/Popover/PopoverBody.d.ts

@@ -2,5 +2,5 @@ import { HTMLAttributes } from "react";
 export type PopoverBodyPropsT = HTMLAttributes<HTMLDivElement> & {
     preventClose?: boolean;
 };
-export declare function PopoverBody({ preventClose, onClick, ...p }: PopoverBodyPropsT): import("react").JSX.Element | null;
+export declare function PopoverBody({ preventClose, onClick, ...p }: PopoverBodyPropsT): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=PopoverBody.d.ts.map