@kadoui/react 2.1.6 → 2.2.7

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

@@ -1,10 +1,8 @@
 import { ContextMenuRoot } from "./ContextMenuRoot";
 import { ContextMenuBody } from "./ContextMenuBody";
 import { ContextMenuItem } from "./ContextMenuItem";
-import { ContextMenuNavigation } from "./ContextMenuNavigation";
 export declare const ContextMenu: typeof ContextMenuRoot & {
     Body: typeof ContextMenuBody;
-    Navigation: typeof ContextMenuNavigation;
     Item: typeof ContextMenuItem;
 };
 export * from "./contextMenuTypes";

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/react-components/ContextMenu/ContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,eAAO,MAAM,WAAW;;;;CAItB,CAAC;AAEH,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/react-components/ContextMenu/ContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,eAAO,MAAM,WAAW;;;CAGtB,CAAC;AAEH,cAAc,oBAAoB,CAAC"}

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

@@ -1,10 +1,8 @@
 import { ContextMenuRoot } from "./ContextMenuRoot";
 import { ContextMenuBody } from "./ContextMenuBody";
 import { ContextMenuItem } from "./ContextMenuItem";
-import { ContextMenuNavigation } from "./ContextMenuNavigation";
 export const ContextMenu = Object.assign(ContextMenuRoot, {
     Body: ContextMenuBody,
-    Navigation: ContextMenuNavigation,
     Item: ContextMenuItem
 });
 export * from "./contextMenuTypes";

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuBody.d.ts","sourceRoot":"","sources":["../../../src/react-components/ContextMenu/ContextMenuBody.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,wBAAgB,eAAe,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,2CAmB7E"}
+{"version":3,"file":"ContextMenuBody.d.ts","sourceRoot":"","sources":["../../../src/react-components/ContextMenu/ContextMenuBody.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAGhE,wBAAgB,eAAe,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,2CAwB7E"}

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

@@ -2,9 +2,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { use } from "react";
 import { ContextMenuContext } from "./ContextMenuContext";
+import { AccessNavigation } from "../AccessNavigation/AccessNavigation";
 export function ContextMenuBody({ onContextMenu, ...p }) {
     const { contentRef, position, isOpen } = use(ContextMenuContext);
-    return (_jsx("div", { ref: contentRef, "data-state": isOpen, onContextMenu: (ev) => {
+    // useEffect(() => {
+    //   contentRef.current?.focus();
+    // }, [isOpen, position])
+    return (_jsx(AccessNavigation, { ref: contentRef, "data-state": isOpen, focusTrap: position, onContextMenu: (ev) => {
             ev.stopPropagation();
             ev.preventDefault();
             onContextMenu?.(ev);

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

@@ -0,0 +1,3 @@
+import { ContextMenuContentPropsT } from "./contextMenuTypes";
+export declare function ContextMenuContent({ focusOnMount, ...p }: ContextMenuContentPropsT): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ContextMenuContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuContent.d.ts","sourceRoot":"","sources":["../../../src/react-components/ContextMenu/ContextMenuContent.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAG9D,wBAAgB,kBAAkB,CAAC,EAAE,YAAY,EAAE,GAAG,CAAC,EAAE,EAAE,wBAAwB,kDAMlF"}

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { ContextMenuContext } from "./ContextMenuContext";
+import { AccessNavigation } from "../AccessNavigation/AccessNavigation";
+export function ContextMenuContent({ focusOnMount, ...p }) {
+    const { isOpen } = use(ContextMenuContext);
+    return isOpen ? (_jsx(AccessNavigation, { focusOnMount: focusOnMount || true, ...p })) : null;
+}

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

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

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

@@ -1,2 +1,3 @@
+"use client";
 import { createContext } from "react";
 export const ContextMenuContext = createContext({});

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuRoot.d.ts","sourceRoot":"","sources":["../../../src/react-components/ContextMenu/ContextMenuRoot.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAuB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAErF,wBAAgB,eAAe,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,2CAyE7E"}
+{"version":3,"file":"ContextMenuRoot.d.ts","sourceRoot":"","sources":["../../../src/react-components/ContextMenu/ContextMenuRoot.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAuB,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAErF,wBAAgB,eAAe,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,2CAyF7E"}

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

@@ -1,8 +1,8 @@
 "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";
+import { getBrowserScrollbarWith } from "../../utils-exports";
 export function ContextMenuRoot({ onContextMenu, ...p }) {
     const [position, setPosition] = useState(undefined);
     const [isOpen, setOpen] = useState(false);
@@ -31,6 +31,15 @@ export function ContextMenuRoot({ onContextMenu, ...p }) {
             document.body.style.paddingRight = "0px";
         }
         ;
+        const handleEscape = (e) => {
+            if (e.key === "Escape") {
+                setOpen(false);
+            }
+        };
+        document.addEventListener("keydown", handleEscape);
+        return () => {
+            document.removeEventListener("keydown", handleEscape);
+        };
     }, [isOpen]);
     const handleContextMenu = (ev) => {
         if (!contentRef.current)
@@ -49,7 +58,9 @@ export function ContextMenuRoot({ onContextMenu, ...p }) {
             y = viewportHeight - menuHeight - 10;
         }
         setPosition({ x, y });
-        setOpen(true);
+        if (!isOpen) {
+            setOpen(true);
+        }
     };
     return (_jsx(ContextMenuContext, { value: { contentRef, isOpen, closeHandler, position }, children: _jsx("div", { onContextMenu: ev => {
                 onContextMenu?.(ev);

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

@@ -10,7 +10,6 @@ export type ContextMenuContextT = {
     contentRef: RefObject<HTMLDivElement | null>;
 };
 export type ContextMenuRootPropsT = ComponentProps<"div">;
-export type ContextMenuBodyPropsT = ComponentProps<"div">;
+export type ContextMenuBodyPropsT = AccessNavigationPropsT;
 export type ContextMenuItemPropsT = ComponentProps<"button">;
-export type ContextMenuNavigationPropsT = AccessNavigationPropsT;
 //# sourceMappingURL=contextMenuTypes.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"contextMenuTypes.d.ts","sourceRoot":"","sources":["../../../src/react-components/ContextMenu/contextMenuTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,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,sBAAsB,CAAC;AAE3D,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC"}

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

@@ -2,8 +2,8 @@
 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";
+import { FRAMER_MOTION_DURATION } from "../../configs";
 export function DrawerBody({ position, dir, children, ...p }) {
     const { isOpen } = use(DrawerContext);
     const bodyRef = useRef(null);

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

@@ -1 +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"}
+{"version":3,"file":"DrawerContext.d.ts","sourceRoot":"","sources":["../../../src/react-components/Drawer/DrawerContext.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEpD,eAAO,MAAM,aAAa,yCAAsD,CAAC"}

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

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

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

@@ -2,9 +2,9 @@
 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";
+import { ClientOnly } from "../ClientOnly/ClientOnly";
 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 => {

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

@@ -1 +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"}
+{"version":3,"file":"DrawerRoot.d.ts","sourceRoot":"","sources":["../../../src/react-components/Drawer/DrawerRoot.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGtD,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CA2CxD"}

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

@@ -2,8 +2,8 @@
 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";
+import { getBrowserScrollbarWith } from "../../utils-exports";
 export function DrawerRoot({ children }) {
     const pathname = usePathname();
     const [isOpen, setOpen] = useState(false);

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

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

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

@@ -1 +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"}
+{"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,CAAC,EAAE,EAAE,kBAAkB,2CAajE"}

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

@@ -2,10 +2,10 @@
 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) => {
+export function DrawerToggle({ onClick, ...p }) {
+    const { isOpen, setOpen } = use(DrawerContext);
+    return (_jsx("button", { type: "button", onClick: (ev) => {
             onClick?.(ev);
-            setOpen(prev => !prev);
-        }, ...props }));
+            setOpen(isOpen);
+        }, ...p }));
 }

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

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

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

@@ -1 +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"}
+{"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,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/D,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,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,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAC;AAExE,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC"}

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

@@ -1 +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"}
+{"version":3,"file":"ModalPortal.d.ts","sourceRoot":"","sources":["../../../src/react-components/Modal/ModalPortal.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAGtD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,2CAuB/D"}

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

@@ -2,9 +2,9 @@
 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";
+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) => {

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

@@ -1 +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"}
+{"version":3,"file":"ModalRoot.d.ts","sourceRoot":"","sources":["../../../src/react-components/Modal/ModalRoot.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,WAAmB,EAAE,EAAE,eAAe,2CA0C3E"}

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

@@ -1,9 +1,9 @@
 "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 { usePathname } from "next/navigation";
 import { ModalContext } from "./ModalContext";
+import { getBrowserScrollbarWith } from "../../utils-exports";
 export function ModalRoot({ children, defaultOpen = false }) {
     const pathname = usePathname();
     const [isOpen, setOpen] = useState(defaultOpen);

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ModalToggle.d.ts","sourceRoot":"","sources":["../../../src/react-components/Modal/ModalToggle.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"}
+{"version":3,"file":"ModalToggle.d.ts","sourceRoot":"","sources":["../../../src/react-components/Modal/ModalToggle.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,2CAa/D"}

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

@@ -2,10 +2,10 @@
 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) => {
+export function ModalToggle({ onClick, ...p }) {
+    const { isOpen, setOpen } = use(ModalContext);
+    return (_jsx("button", { type: "button", onClick: (ev) => {
             onClick?.(ev);
-            setOpen((prev) => !prev);
-        }, ...props }));
+            setOpen(!isOpen);
+        }, ...p }));
 }

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

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

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

@@ -1 +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"}
+{"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,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/D,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,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,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAC;AAEvE,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAErD,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC"}

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

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

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

@@ -1 +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"}
+{"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,CAAC,EAAE,EAAE,eAAe,6CAwE9E"}

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

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { use } from "react";
 import { OtpContext } from "./OtpContext";
-export function OtpInputs({ name, length, onLastChange, ...props }) {
+export function OtpInputs({ name, length, onLastChange, ...p }) {
     const { inputs, getInputsValue } = use(OtpContext);
     const handlePaste = (ev, startIndex) => {
         ev.preventDefault();
@@ -51,5 +51,5 @@ export function OtpInputs({ name, length, onLastChange, ...props }) {
             if (inputs) {
                 inputs.current[index] = el;
             }
-        }, ...props }, index)));
+        }, ...p }, index)));
 }

package/dist/react-components/PasswordInput/PasswordInputContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordInputContext.d.ts","sourceRoot":"","sources":["../../../src/react-components/PasswordInput/PasswordInputContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAElE,eAAO,MAAM,oBAAoB,gDAAoE,CAAC"}
+{"version":3,"file":"PasswordInputContext.d.ts","sourceRoot":"","sources":["../../../src/react-components/PasswordInput/PasswordInputContext.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAElE,eAAO,MAAM,oBAAoB,gDAAoE,CAAC"}

package/dist/react-components/PasswordInput/PasswordInputContext.js

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PasswordInputField.d.ts","sourceRoot":"","sources":["../../../src/react-components/PasswordInput/PasswordInputField.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAErE,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,wBAAwB,2CAMjE"}
+{"version":3,"file":"PasswordInputField.d.ts","sourceRoot":"","sources":["../../../src/react-components/PasswordInput/PasswordInputField.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAErE,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,wBAAwB,2CAM7D"}

package/dist/react-components/PasswordInput/PasswordInputField.js

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PasswordInputRoot.d.ts","sourceRoot":"","sources":["../../../src/react-components/PasswordInput/PasswordInputRoot.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAEpE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,uBAAuB,2CAQ/D"}
+{"version":3,"file":"PasswordInputRoot.d.ts","sourceRoot":"","sources":["../../../src/react-components/PasswordInput/PasswordInputRoot.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAEpE,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,uBAAuB,2CAQ3D"}

package/dist/react-components/PasswordInput/PasswordInputRoot.js

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

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

@@ -1,3 +1,3 @@
 import type { PasswordInputTogglePropsT } from "./passwordInputTypes";
-export declare function PasswordInputToggle({ visibleChildren, onClick, children, ...props }: PasswordInputTogglePropsT): import("react/jsx-runtime").JSX.Element;
+export declare function PasswordInputToggle({ visibleChildren, onClick, children, ...p }: PasswordInputTogglePropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PasswordInputToggle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PasswordInputToggle.d.ts","sourceRoot":"","sources":["../../../src/react-components/PasswordInput/PasswordInputToggle.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,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/react-components/PasswordInput/PasswordInputToggle.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,wBAAgB,mBAAmB,CAAC,EAAE,eAAe,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,yBAAyB,2CAgB1G"}

package/dist/react-components/PasswordInput/PasswordInputToggle.js

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

package/dist/react-components/PasswordInput/passwordInputTypes.d.ts

@@ -1,11 +1,11 @@
-import type { ComponentProps, Dispatch, ReactNode, SetStateAction } from "react";
+import type { ComponentProps, ReactNode } from "react";
 export type PasswordInputContextT = {
     isVisible: boolean;
-    setIsVisible: Dispatch<SetStateAction<boolean>>;
+    setIsVisible: (newState: boolean) => void;
 };
 export type PasswordInputRootPropsT = ComponentProps<"label">;
 export type PasswordInputFieldPropsT = ComponentProps<"input">;
-export type PasswordInputTogglePropsT = ComponentProps<"button"> & {
+export type PasswordInputTogglePropsT = Omit<ComponentProps<"button">, "type"> & {
     visibleChildren: ReactNode;
 };
 //# sourceMappingURL=passwordInputTypes.d.ts.map

package/dist/react-components/PasswordInput/passwordInputTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"passwordInputTypes.d.ts","sourceRoot":"","sources":["../../../src/react-components/PasswordInput/passwordInputTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEjF,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAE9D,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAE/D,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACjE,eAAe,EAAE,SAAS,CAAC;CAC5B,CAAC"}
+{"version":3,"file":"passwordInputTypes.d.ts","sourceRoot":"","sources":["../../../src/react-components/PasswordInput/passwordInputTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAE9D,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAE/D,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GAAG;IAC/E,eAAe,EAAE,SAAS,CAAC;CAC5B,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/react-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;AAEH,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/react-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;AAEhD,eAAO,MAAM,OAAO;;;CAGlB,CAAC;AAEH,cAAc,gBAAgB,CAAC"}

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

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

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

@@ -1,3 +1,3 @@
 import type { PopoverBodyPropsT } from "./popoverTypes";
-export declare function PopoverBody({ preventClose, onClick, ...p }: PopoverBodyPropsT): import("react/jsx-runtime").JSX.Element | null;
+export declare function PopoverBody({ preventClose, onClick, ...p }: PopoverBodyPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PopoverBody.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverBody.d.ts","sourceRoot":"","sources":["../../../src/react-components/Popover/PopoverBody.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,wBAAgB,WAAW,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,kDAiB7E"}
+{"version":3,"file":"PopoverBody.d.ts","sourceRoot":"","sources":["../../../src/react-components/Popover/PopoverBody.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,wBAAgB,WAAW,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,iBAAiB,2CAkB7E"}

package/dist/react-components/Popover/PopoverBody.js

@@ -4,10 +4,10 @@ import { use } from "react";
 import { PopoverContext } from "./PopoverContext";
 export function PopoverBody({ preventClose, onClick, ...p }) {
     const { bodyRef, isOpen } = use(PopoverContext);
-    return isOpen ? (_jsx("div", { ref: bodyRef, "data-state": isOpen, onClick: (ev) => {
+    return (_jsx("div", { ref: bodyRef, "data-state": isOpen, "data-access-navigation": isOpen, onClick: (ev) => {
             if (preventClose) {
                 ev.stopPropagation();
             }
             onClick?.(ev);
-        }, ...p })) : null;
+        }, ...p }));
 }

package/dist/react-components/Popover/PopoverContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverContext.d.ts","sourceRoot":"","sources":["../../../src/react-components/Popover/PopoverContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,eAAO,MAAM,cAAc,0CAAwD,CAAC"}
+{"version":3,"file":"PopoverContext.d.ts","sourceRoot":"","sources":["../../../src/react-components/Popover/PopoverContext.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,eAAO,MAAM,cAAc,0CAAwD,CAAC"}

package/dist/react-components/Popover/PopoverContext.js

@@ -1,2 +1,3 @@
+"use client";
 import { createContext } from "react";
 export const PopoverContext = createContext({});

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverRoot.d.ts","sourceRoot":"","sources":["../../../src/react-components/Popover/PopoverRoot.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,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/react-components/Popover/PopoverRoot.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIxD,wBAAgB,WAAW,CAAC,EAC1B,IAAc,EACd,YAAY,EACZ,YAAY,EACZ,GAAG,CAAC,EACL,EAAE,iBAAiB,2CAgEnB"}

package/dist/react-components/Popover/PopoverRoot.js

@@ -2,8 +2,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { usePathname } from "next/navigation";
 import { useEffect, useRef, useState } from "react";
-import { selectAccessibleChildren } from "../../utils-exports";
 import { PopoverContext } from "./PopoverContext";
+import { selectAccessibleChildren } from "../../utils-exports";
+import { AccessNavigation } from "../AccessNavigation/AccessNavigation";
 export function PopoverRoot({ mode = "click", onMouseEnter, onMouseLeave, ...p }) {
     const pathname = usePathname();
     const [isOpen, setOpen] = useState(false);
@@ -35,7 +36,7 @@ export function PopoverRoot({ mode = "click", onMouseEnter, onMouseLeave, ...p }
         }
         firstChild.focus();
     };
-    return (_jsx(PopoverContext, { value: { isOpen, setOpen, toggleRef, bodyRef, mode }, children: _jsx("div", { "data-state": isOpen, onMouseEnter: (ev) => {
+    return (_jsx(PopoverContext, { value: { isOpen, setOpen, toggleRef, bodyRef, mode }, children: _jsx(AccessNavigation, { onMouseEnter: (ev) => {
                 onMouseEnter?.(ev);
                 if (["hover", "both"].includes(mode)) {
                     ev.stopPropagation();

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PopoverToggle.d.ts","sourceRoot":"","sources":["../../../src/react-components/Popover/PopoverToggle.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAE1D,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAiBvE"}
+{"version":3,"file":"PopoverToggle.d.ts","sourceRoot":"","sources":["../../../src/react-components/Popover/PopoverToggle.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAE1D,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,mBAAmB,2CAkBnE"}