@kadoui/react 1.11.16 → 2.0.1

package/dist/components/ContextMenu/ContextMenuRoot.js

@@ -7,10 +7,13 @@ 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)) {
-            setOpen(false);
-            setPosition(undefined);
+            closeHandler();
         }
     }, []);
     useEffect(() => {
@@ -48,7 +51,7 @@ export function ContextMenuRoot({ onContextMenu, ...p }) {
         setPosition({ x, y });
         setOpen(true);
     };
-    return (_jsx(ContextMenuContext, { value: { contentRef, isOpen, position }, children: _jsx("div", { onContextMenu: ev => {
+    return (_jsx(ContextMenuContext, { value: { contentRef, isOpen, closeHandler, position }, children: _jsx("div", { onContextMenu: ev => {
                 onContextMenu?.(ev);
                 handleContextMenu(ev);
             }, ...p }) }));

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerBody.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerBody.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,eAAe,EAAE,MAAM,eAAe,CAAC;AAKxD,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG;IACtD,QAAQ,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAChD,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,gBAAgB,2CAqD7E"}
+{"version":3,"file":"DrawerBody.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerBody.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,eAAe,EAAE,MAAM,eAAe,CAAC;AAMxD,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG;IACtD,QAAQ,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAChD,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,gBAAgB,2CAwD7E"}

package/dist/components/Drawer/DrawerBody.js

@@ -3,13 +3,16 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { motion } from "framer-motion";
 import { use, useEffect, useRef } from "react";
 import { DrawerContext } from "./DrawerContext";
+import { FRAMER_MOTION_DURATION } from "../../configs";
 export function DrawerBody({ position, dir, children, ...p }) {
     const { isOpen } = use(DrawerContext);
     const bodyRef = useRef(null);
     useEffect(() => {
         if (isOpen) {
-            const indexElement = bodyRef.current?.querySelector("[data-drawer='index']");
-            indexElement?.focus();
+            setTimeout(() => {
+                const focusableElement = bodyRef.current?.querySelector("[data-drawer='focus']");
+                focusableElement?.focus();
+            }, FRAMER_MOTION_DURATION);
         }
         ;
     }, [isOpen]);
@@ -32,6 +35,6 @@ export function DrawerBody({ position, dir, children, ...p }) {
                     : currentPosition === "bottom"
                         ? { bottom: 0, left: 0, right: 0 }
                         : { top: 0, bottom: 0, left: 0 })
-        }, transition: { ease: "easeInOut" }, ...p, children: children }));
+        }, transition: { ease: "easeInOut", duration: FRAMER_MOTION_DURATION }, ...p, children: children }));
 }
 ;

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK/D,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;AAEjD,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAqCxD"}
+{"version":3,"file":"DrawerRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK/D,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;AAEjD,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CA2CxD"}

package/dist/components/Drawer/DrawerRoot.js

@@ -7,9 +7,6 @@ import { getBrowserScrollbarWith } from "../../utils";
 export function DrawerRoot({ children }) {
     const pathname = usePathname();
     const [isOpen, setOpen] = useState(false);
-    useEffect(() => {
-        setOpen(false);
-    }, [pathname]);
     useEffect(() => {
         const handleEscape = (ev) => {
             if (ev.key === "Escape") {
@@ -22,16 +19,23 @@ export function DrawerRoot({ children }) {
             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 {
-            document.body.style.overflow = "unset";
-            document.body.style.paddingRight = "0px";
+            removeOverStyles();
         }
+        return () => removeOverStyles();
     }, [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>;
+import { type ComponentProps } from "react";
+export type DrawerTogglePropsT = ComponentProps<"button">;
 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,2CAYrE"}
+{"version":3,"file":"DrawerToggle.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAE1D,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAYrE"}

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,CAAC,EAAE,eAAe,2CA4B3C"}
+{"version":3,"file":"ModalBody.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalBody.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAmB,eAAe,EAAU,MAAM,eAAe,CAAC;AAKzE,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAErD,wBAAgB,SAAS,CAAC,CAAC,EAAE,eAAe,2CA4B3C"}

package/dist/components/Modal/ModalBody.js

@@ -3,14 +3,17 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { use, useEffect, useRef } from "react";
 import { AnimatePresence, motion } from "framer-motion";
 import { ModalContext } from "./ModalContext";
+import { FRAMER_MOTION_DURATION } from "../../configs";
 export function ModalBody(p) {
     const { isOpen } = use(ModalContext);
-    const contentRef = useRef(null);
+    const bodyRef = useRef(null);
     useEffect(() => {
         if (isOpen) {
-            const indexElement = contentRef.current?.querySelector("[data-modal='index']");
-            indexElement?.focus();
+            setTimeout(() => {
+                const focusableElement = bodyRef.current?.querySelector("[data-modal='focus']");
+                focusableElement?.focus();
+            }, FRAMER_MOTION_DURATION);
         }
     }, [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" }, ...p })) : null }));
+    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/components/Modal/ModalContent.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from "react";
-export type ModalContentPropsT = HTMLAttributes<HTMLDivElement>;
+import type { ComponentProps } from "react";
+export type ModalContentPropsT = ComponentProps<"div">;
 export declare function ModalContent({ onClick, ...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":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,2CAUjE"}
+{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEvD,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,2CAUjE"}

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

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from "react";
-export type ModalHeaderPropsT = HTMLAttributes<HTMLDivElement>;
+import type { ComponentProps } from "react";
+export type ModalHeaderPropsT = ComponentProps<"div">;
 export declare function ModalHeader({ onClick, ...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":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE/D,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,2CAU/D"}
+{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEtD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,2CAU/D"}

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":"AAGA,OAAO,EAAuB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK/D,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,WAAmB,EAAE,EAAE,eAAe,2CAoC3E"}
+{"version":3,"file":"ModalRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK/D,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,WAAmB,EAAE,EAAE,eAAe,2CA0C3E"}

package/dist/components/Modal/ModalRoot.js

@@ -7,9 +7,6 @@ import { getBrowserScrollbarWith } from "../../utils";
 export function ModalRoot({ children, defaultOpen = false }) {
     const pathname = usePathname();
     const [isOpen, setOpen] = useState(defaultOpen);
-    useEffect(() => {
-        setOpen(false);
-    }, [pathname]);
     useEffect(() => {
         const handleEscape = (e) => {
             if (e.key === "Escape") {
@@ -22,16 +19,23 @@ export function ModalRoot({ children, defaultOpen = false }) {
             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 {
-            document.body.style.overflow = "unset";
-            document.body.style.paddingRight = "0px";
+            removeOverStyles();
         }
+        return () => removeOverStyles();
     }, [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>;
+import { type ComponentProps } from "react";
+export type ModalTogglePropsT = ComponentProps<"button">;
 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,2CAYnE"}
+{"version":3,"file":"ModalTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAEzD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAYnE"}

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

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes } from "react";
-export type OtpHiddenInputPropsT = InputHTMLAttributes<HTMLInputElement>;
+import { type ComponentProps } from "react";
+export type OtpHiddenInputPropsT = ComponentProps<"input">;
 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,2CAMlE"}
+{"version":3,"file":"OtpHiddenInput.d.ts","sourceRoot":"","sources":["../../../src/components/Otp/OtpHiddenInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAE3D,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,EAAE,EAAE,oBAAoB,2CAMlE"}

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

@@ -1,5 +1,5 @@
-import { InputHTMLAttributes } from "react";
-export type OtpInputsPropsT = InputHTMLAttributes<HTMLInputElement> & {
+import { type ComponentProps } from "react";
+export type OtpInputsPropsT = ComponentProps<"input"> & {
     length: number;
     onLastChange?: (otp: string) => void;
 };

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,6CAwElF"}
+{"version":3,"file":"OtpInputs.d.ts","sourceRoot":"","sources":["../../../src/components/Otp/OtpInputs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,KAAK,cAAc,EAAsB,MAAM,OAAO,CAAC;AAIhF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,CAAC,GAAG;IACtD,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,6CAwElF"}

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

@@ -1,4 +1,6 @@
 import { AccessNavigationPropsT } from "../AccessNavigation/AccessNavigation";
-export type OtpRootPropsT = Omit<AccessNavigationPropsT, "direction">;
-export declare function OtpRoot(p: OtpRootPropsT): import("react/jsx-runtime").JSX.Element;
+export type OtpRootPropsT = Omit<AccessNavigationPropsT, "direction"> & {
+    autoFocus?: boolean;
+};
+export declare function OtpRoot({ autoFocus, ...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":"AAKA,OAAO,EAEL,sBAAsB,EACvB,MAAM,sCAAsC,CAAC;AAE9C,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,sBAAsB,EAAE,WAAW,CAAC,CAAC;AAEtE,wBAAgB,OAAO,CAAC,CAAC,EAAE,aAAa,2CAmBvC"}
+{"version":3,"file":"OtpRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Otp/OtpRoot.tsx"],"names":[],"mappings":"AAKA,OAAO,EAEL,sBAAsB,EACvB,MAAM,sCAAsC,CAAC;AAE9C,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,sBAAsB,EAAE,WAAW,CAAC,GAAG;IACtE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,aAAa,2CAqBzD"}

package/dist/components/Otp/OtpRoot.js

@@ -3,11 +3,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import { OtpContext } from "./OtpContext";
 import { AccessNavigation, } from "../AccessNavigation/AccessNavigation";
-export function OtpRoot(p) {
+export function OtpRoot({ autoFocus, ...p }) {
     const inputs = useRef([]);
     useEffect(() => {
-        inputs.current[0]?.focus();
-    }, []);
+        if (autoFocus) {
+            inputs.current[0]?.focus();
+        }
+    }, [autoFocus]);
     const getInputsValue = () => {
         return inputs?.current.map((input) => input?.value || "").join("") || "";
     };

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

@@ -1,4 +1,4 @@
-import { ButtonHTMLAttributes } from "react";
-export type PaginationCountsPropsT = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children">;
+import { type ComponentProps } from "react";
+export type PaginationCountsPropsT = Omit<ComponentProps<"button">, "children">;
 export declare function PaginationCounts({ onClick, ...p }: 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,oBAAoB,EAAO,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,CACX,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,sBAAsB,6CAezE"}
+{"version":3,"file":"PaginationCounts.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationCounts.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC;AAEhF,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,sBAAsB,6CAezE"}

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

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

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,2CAarF"}
+{"version":3,"file":"PaginationNextBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationNextBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC/D,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/PaginationPrevBtn.d.ts

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

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,2CAarF"}
+{"version":3,"file":"PaginationPrevBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationPrevBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC/D,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/PaginationStateRoot.d.ts

@@ -1,3 +1,9 @@
+import { SetStateAction, Dispatch } from "react";
 import { PaginationPropsT } from "./PaginationTypes";
-export declare function PaginationStateRoot({ pages, pagesLength, ...p }: PaginationPropsT): import("react/jsx-runtime").JSX.Element;
+type PaginationStateRootPropsT = PaginationPropsT & {
+    page: number;
+    setPage: Dispatch<SetStateAction<number>>;
+};
+export declare function PaginationStateRoot({ page, setPage, pages, pagesLength, ...p }: PaginationStateRootPropsT): import("react/jsx-runtime").JSX.Element;
+export {};
 //# 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":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGrD,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,CAAC,EAAE,EAAE,gBAAgB,2CAsBjF"}
+{"version":3,"file":"PaginationStateRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationStateRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGrD,KAAK,yBAAyB,GAAG,gBAAgB,GAAG;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAC3C,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,CAAC,EAAE,EAAE,yBAAyB,2CAoBzG"}

package/dist/components/Pagination/PaginationStateRoot.js

@@ -1,9 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from "react";
 import { PaginationContext } from "./PaginationContext";
-export function PaginationStateRoot({ pages, pagesLength, ...p }) {
-    const [page, setPage] = useState(1);
+export function PaginationStateRoot({ page, setPage, pages, pagesLength, ...p }) {
     const correctPagesLength = (pages?.length || pagesLength);
     const nextPage = () => setPage((prev) => (prev < correctPagesLength ? prev + 1 : prev));
     const prevPage = () => setPage((prev) => (prev > 1 ? prev - 1 : prev));

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

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode } from "react";
+import type { ComponentProps, ReactNode } from "react";
 export type PaginationPagesT = {
     name: string;
     component: ReactNode;
@@ -12,6 +12,6 @@ type PaginationWithPagesT = {
     pagesLength?: never;
 };
 type MergedPaginationT = PaginationWithLengthT | PaginationWithPagesT;
-export type PaginationPropsT = HTMLAttributes<HTMLDivElement> & MergedPaginationT;
+export type PaginationPropsT = ComponentProps<"div"> & MergedPaginationT;
 export {};
 //# sourceMappingURL=PaginationTypes.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationTypes.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEF,KAAK,iBAAiB,GAAG,qBAAqB,GAAG,oBAAoB,CAAC;AAEtE,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC"}
+{"version":3,"file":"PaginationTypes.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEF,KAAK,iBAAiB,GAAG,qBAAqB,GAAG,oBAAoB,CAAC;AAEtE,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,iBAAiB,CAAC"}

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

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes } from "react";
-export type PasswordInputFieldPropsT = InputHTMLAttributes<HTMLInputElement>;
+import { type ComponentProps } from "react";
+export type PasswordInputFieldPropsT = ComponentProps<"input">;
 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,2CAMjE"}
+{"version":3,"file":"PasswordInputField.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordInput/PasswordInputField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAE/D,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,wBAAwB,2CAMjE"}

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

@@ -1,4 +1,4 @@
-import { LabelHTMLAttributes } from "react";
-export type PasswordInputRootPropsT = LabelHTMLAttributes<HTMLLabelElement>;
+import { type ComponentProps } from "react";
+export type PasswordInputRootPropsT = ComponentProps<"label">;
 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,2CAQ/D"}
+{"version":3,"file":"PasswordInputRoot.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordInput/PasswordInputRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAY,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAE9D,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,uBAAuB,2CAQ/D"}

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

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

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,2CAe9G"}
+{"version":3,"file":"PasswordInputToggle.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordInput/PasswordInputToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAI5D,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACjE,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/Popover/Popover.d.ts

@@ -1,9 +1,9 @@
 import { PopoverBody } from "./PopoverBody";
 import { PopoverRoot } from "./PopoverRoot";
 import { PopoverToggle } from "./PopoverToggle";
-import { PopoverAccessNavigation } from "./PopoverAccessNavigation";
+import { PopoverNavigation } from "./PopoverNavigation";
 export declare const Popover: typeof PopoverRoot & {
-    AccessNavigation: typeof PopoverAccessNavigation;
+    Navigation: typeof PopoverNavigation;
     Toggle: typeof PopoverToggle;
     Body: typeof PopoverBody;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,eAAO,MAAM,OAAO;;;;CAIlB,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,OAAO;;;;CAIlB,CAAC"}

package/dist/components/Popover/Popover.js

@@ -1,9 +1,9 @@
 import { PopoverBody } from "./PopoverBody";
 import { PopoverRoot } from "./PopoverRoot";
 import { PopoverToggle } from "./PopoverToggle";
-import { PopoverAccessNavigation } from "./PopoverAccessNavigation";
+import { PopoverNavigation } from "./PopoverNavigation";
 export const Popover = Object.assign(PopoverRoot, {
-    AccessNavigation: PopoverAccessNavigation,
+    Navigation: PopoverNavigation,
     Toggle: PopoverToggle,
     Body: PopoverBody,
 });

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverBody.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverBody.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/D,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,kDAiB7E"}
+{"version":3,"file":"PopoverBody.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverBody.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,kDAiB7E"}

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

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

package/dist/components/Popover/PopoverNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,sBAAsB,EACvB,MAAM,sCAAsC,CAAC;AAE9C,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,sBAAsB,2CAE1D"}

package/dist/components/Popover/PopoverNavigation.js

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

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

@@ -1,6 +1,6 @@
-import { HTMLAttributes } from "react";
+import { type ComponentProps } from "react";
 import { PopoverContextT } from "./PopoverContext";
-export type PopoverRootPropsT = HTMLAttributes<HTMLDivElement> & {
+export type PopoverRootPropsT = ComponentProps<"div"> & {
     mode?: PopoverContextT["mode"];
 };
 export declare function PopoverRoot({ mode, onMouseEnter, onMouseLeave, ...p }: PopoverRootPropsT): import("react/jsx-runtime").JSX.Element;

package/dist/components/Popover/PopoverRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AAGpE,OAAO,EAAkB,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnE,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/D,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,IAAc,EACd,YAAY,EACZ,YAAY,EACZ,GAAG,CAAC,EACL,EAAE,iBAAiB,2CAiEnB"}
+{"version":3,"file":"PopoverRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAA+B,MAAM,OAAO,CAAC;AAGzE,OAAO,EAAkB,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnE,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACtD,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,IAAc,EACd,YAAY,EACZ,YAAY,EACZ,GAAG,CAAC,EACL,EAAE,iBAAiB,2CAiEnB"}

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

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

package/dist/components/Popover/PopoverToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverToggle.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;AAEpE,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAiBvE"}
+{"version":3,"file":"PopoverToggle.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAE3D,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAiBvE"}

package/dist/components/Progress/ProgressRoot.d.ts

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from "react";
-export type ProgressRootPropsT = HTMLAttributes<HTMLDivElement> & {
+import type { ComponentProps } from "react";
+export type ProgressRootPropsT = ComponentProps<"div"> & {
     value: number;
     maxValue?: number;
 };

package/dist/components/Progress/ProgressRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/ProgressRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAA;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAc,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,2CAM/E"}
+{"version":3,"file":"ProgressRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/ProgressRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAc,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,2CAM/E"}

package/dist/components/QrCode/QrCode.d.ts

@@ -1,6 +1,6 @@
 import { QRCodeRenderersOptions } from "qrcode";
-import { CanvasHTMLAttributes } from "react";
-export type QrCodePropsT = CanvasHTMLAttributes<HTMLCanvasElement> & {
+import { type ComponentProps } from "react";
+export type QrCodePropsT = ComponentProps<"canvas"> & {
     value: string;
     options?: QRCodeRenderersOptions;
 };

package/dist/components/QrCode/QrCode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QrCode.d.ts","sourceRoot":"","sources":["../../../src/components/QrCode/QrCode.tsx"],"names":[],"mappings":"AAEA,OAAe,EAAE,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAqB,MAAM,OAAO,CAAC;AAEhE,MAAM,MAAM,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,sBAAsB,CAAC;CAClC,CAAC;AAEF,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,OAAY,EAAE,GAAG,CAAC,EAAE,EAAE,YAAY,2CAgBjE"}
+{"version":3,"file":"QrCode.d.ts","sourceRoot":"","sources":["../../../src/components/QrCode/QrCode.tsx"],"names":[],"mappings":"AAEA,OAAe,EAAE,sBAAsB,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,EAAE,KAAK,cAAc,EAAqB,MAAM,OAAO,CAAC;AAE/D,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,sBAAsB,CAAC;CAClC,CAAC;AAEF,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,OAAY,EAAE,GAAG,CAAC,EAAE,EAAE,YAAY,2CAgBjE"}

package/dist/components/Rating/RatingItems.d.ts

@@ -1,5 +1,5 @@
-import { ButtonHTMLAttributes, ReactNode } from "react";
-export type RatingItemsPropsT = ButtonHTMLAttributes<HTMLButtonElement> & {
+import { type ComponentProps, ReactNode } from "react";
+export type RatingItemsPropsT = ComponentProps<"button"> & {
     count: number;
     value: number;
     onValueChange: (newValue: number) => void;

package/dist/components/Rating/RatingItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RatingItems.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/RatingItems.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAI7D,MAAM,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,SAAS,CAAC;IACnB,aAAa,EAAE,SAAS,CAAC;CAC1B,CAAA;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,6CA0B3G"}
+{"version":3,"file":"RatingItems.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/RatingItems.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAI5D,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,SAAS,CAAC;IACnB,aAAa,EAAE,SAAS,CAAC;CAC1B,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,6CA0B3G"}

package/dist/components/Rating/RatingRoot.d.ts

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

package/dist/components/Rating/RatingRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RatingRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/RatingRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAA;AAE7D,eAAO,MAAM,UAAU,GAAI,GAAG,gBAAgB,4CAW7C,CAAA"}
+{"version":3,"file":"RatingRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/RatingRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAY,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAErD,eAAO,MAAM,UAAU,GAAI,GAAG,gBAAgB,4CAW7C,CAAA"}