@kadoui/react 2.1.7 → 2.3.7

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.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { use } from "react";
 import { DrawerContext } from "./DrawerContext";
 export function DrawerToggle({ onClick, ...p }) {
-    const { setOpen } = use(DrawerContext);
+    const { isOpen, setOpen } = use(DrawerContext);
     return (_jsx("button", { type: "button", onClick: (ev) => {
             onClick?.(ev);
-            setOpen(prev => !prev);
+            setOpen(isOpen);
         }, ...p }));
 }

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

@@ -1,8 +1,8 @@
 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"> & {

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,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAC;AAExE,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.js

@@ -3,9 +3,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { use } from "react";
 import { ModalContext } from "./ModalContext";
 export function ModalToggle({ onClick, ...p }) {
-    const { setOpen } = use(ModalContext);
+    const { isOpen, setOpen } = use(ModalContext);
     return (_jsx("button", { type: "button", onClick: (ev) => {
             onClick?.(ev);
-            setOpen((prev) => !prev);
+            setOpen(!isOpen);
         }, ...p }));
 }

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

@@ -1,8 +1,8 @@
 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;

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,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"}
+{"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/Pagination/PaginationCounts.d.ts

@@ -1,3 +1,3 @@
 import type { PaginationCountsPropsT } from "./PaginationTypes";
-export declare function PaginationCounts({ onClick, ...p }: PaginationCountsPropsT): import("react/jsx-runtime").JSX.Element[];
+export declare function PaginationCounts({ ProgressElem, onClick, ...p }: PaginationCountsPropsT): import("react/jsx-runtime").JSX.Element[];
 //# sourceMappingURL=PaginationCounts.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationCounts.d.ts","sourceRoot":"","sources":["../../../src/react-components/Pagination/PaginationCounts.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAEhE,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,sBAAsB,6CAezE"}
+{"version":3,"file":"PaginationCounts.d.ts","sourceRoot":"","sources":["../../../src/react-components/Pagination/PaginationCounts.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAEhE,wBAAgB,gBAAgB,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,sBAAsB,6CA6BvF"}

package/dist/react-components/Pagination/PaginationCounts.js

@@ -1,11 +1,14 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { use } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cloneElement, Fragment, use } from "react";
 import { PaginationContext } from "./PaginationContext";
-export function PaginationCounts({ onClick, ...p }) {
+export function PaginationCounts({ ProgressElem, onClick, ...p }) {
     const { pagesLength, page, setPage } = use(PaginationContext);
-    return Array.from({ length: pagesLength }).map((_, index) => (_jsx("button", { "data-state": index + 1 === page, onClick: (ev) => {
-            onClick?.(ev);
-            setPage(index + 1);
-        }, ...p, children: index + 1 }, index)));
+    return (Array.from({ length: pagesLength }).map((_, index) => (_jsxs(Fragment, { children: [_jsx("button", { "data-state": (index + 1) === page, "data-skipped": (index + 1) < page, onClick: (ev) => {
+                    onClick?.(ev);
+                    setPage(index + 1);
+                }, ...p, children: index + 1 }), ProgressElem && (index + 1) < pagesLength ? (cloneElement(ProgressElem, {
+                "data-state": (index + 1) === page,
+                "data-skipped": (index + 1) < page,
+            })) : null] }, index))));
 }

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

@@ -1,4 +1,4 @@
-import type { ComponentProps, Dispatch, ReactNode, SetStateAction } from "react";
+import type { ComponentProps, Dispatch, JSX, ReactNode, SetStateAction } from "react";
 export type PaginationPagesT = {
     name: string;
     component: ReactNode;
@@ -28,7 +28,9 @@ export type PaginationStateRootPropsT = PaginationPropsT & {
 export type PaginationSearchParamsRootPropsT = PaginationPropsT & {
     pageKey?: string;
 };
-export type PaginationCountsPropsT = Omit<ComponentProps<"button">, "children">;
+export type PaginationCountsPropsT = Omit<ComponentProps<"button">, "children"> & {
+    ProgressElem?: JSX.Element;
+};
 export type PaginationNextBtnPropsT = ComponentProps<"button"> & {
     disabled?: boolean;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationTypes.d.ts","sourceRoot":"","sources":["../../../src/react-components/Pagination/PaginationTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEjF,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;AAEzE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,gBAAgB,GAAG;IACzD,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG,gBAAgB,GAAG;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC;AAEhF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
+{"version":3,"file":"PaginationTypes.d.ts","sourceRoot":"","sources":["../../../src/react-components/Pagination/PaginationTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAiB,QAAQ,EAAE,GAAG,EAAgB,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnH,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;AAEzE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,gBAAgB,GAAG;IACzD,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG,gBAAgB,GAAG;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GAAG;IAChF,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}

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/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,CAAC,EAAE,EAAE,yBAAyB,2CAe1G"}
+{"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

@@ -4,8 +4,8 @@ import { use } from "react";
 import { PasswordInputContext } from "./PasswordInputContext";
 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);
         }, ...p, children: isVisible ? visibleChildren : children }));
 }

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

@@ -1,7 +1,7 @@
-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">;

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,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,GAAG;IAC/E,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.js

@@ -8,7 +8,7 @@ export function PopoverToggle({ onClick, ...p }) {
             onClick?.(ev);
             ev.stopPropagation();
             if (["click", "both"].includes(mode)) {
-                setOpen((prev) => !prev);
+                setOpen(!isOpen);
             }
         }, ...p }));
 }

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

@@ -1,18 +1,17 @@
-import type { ComponentProps, Dispatch, RefObject, SetStateAction } from "react";
+import type { ComponentProps, RefObject } from "react";
 import type { AccessNavigationPropsT } from "../AccessNavigation/AccessNavigation";
 export type PopoverContextT = {
     isOpen: boolean;
-    setOpen: Dispatch<SetStateAction<boolean>>;
+    setOpen: (newState: boolean) => void;
     toggleRef: RefObject<HTMLButtonElement | null>;
     bodyRef: RefObject<HTMLDivElement | null>;
     mode: "click" | "hover" | "both";
 };
-export type PopoverRootPropsT = ComponentProps<"div"> & {
+export type PopoverRootPropsT = AccessNavigationPropsT & {
     mode?: PopoverContextT["mode"];
 };
 export type PopoverBodyPropsT = ComponentProps<"div"> & {
     preventClose?: boolean;
 };
 export type PopoverTogglePropsT = Omit<ComponentProps<"button">, "type">;
-export type PopoverNavigationPropsT = AccessNavigationPropsT;
 //# sourceMappingURL=popoverTypes.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"popoverTypes.d.ts","sourceRoot":"","sources":["../../../src/react-components/Popover/popoverTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAEnF,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3C,SAAS,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAC/C,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1C,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACtD,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAC;AAEzE,MAAM,MAAM,uBAAuB,GAAG,sBAAsB,CAAC"}
+{"version":3,"file":"popoverTypes.d.ts","sourceRoot":"","sources":["../../../src/react-components/Popover/popoverTypes.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,eAAe,GAAG;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,SAAS,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAC/C,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1C,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,sBAAsB,GAAG;IACvD,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAC"}

package/dist/react-components/SelectBox/SelectBoxInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBoxInput.d.ts","sourceRoot":"","sources":["../../../src/react-components/SelectBox/SelectBoxInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,EAAE,oBAAoB,2CAE7D"}
+{"version":3,"file":"SelectBoxInput.d.ts","sourceRoot":"","sources":["../../../src/react-components/SelectBox/SelectBoxInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE7D,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,EAAE,oBAAoB,2CAE7D"}

package/dist/react-components/SelectBox/SelectBoxInput.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function SelectBoxInput(p) {
     return _jsx("label", { ...p });

package/dist/react-components/SelectBox/SelectBoxList.d.ts

@@ -1,3 +1,3 @@
 import type { SelectBoxListPropsT } from "./selectBoxTypes";
-export default function SelectBoxList(p: SelectBoxListPropsT): import("react/jsx-runtime").JSX.Element | null;
+export default function SelectBoxList(p: SelectBoxListPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SelectBoxList.d.ts.map

package/dist/react-components/SelectBox/SelectBoxList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBoxList.d.ts","sourceRoot":"","sources":["../../../src/react-components/SelectBox/SelectBoxList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG5D,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAC,EAAE,mBAAmB,kDAI3D"}
+{"version":3,"file":"SelectBoxList.d.ts","sourceRoot":"","sources":["../../../src/react-components/SelectBox/SelectBoxList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,CAAC,EAAE,mBAAmB,2CAU3D"}

package/dist/react-components/SelectBox/SelectBoxList.js

@@ -2,8 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { use } from "react";
 import { SelectBoxContext } from "./SelectBoxContext";
-import { AccessNavigation } from "../AccessNavigation/AccessNavigation";
 export default function SelectBoxList(p) {
     const { inputFocused } = use(SelectBoxContext);
-    return inputFocused ? _jsx(AccessNavigation, { focusOnMount: true, direction: "y", ...p }) : null;
+    return (_jsx("div", { "data-state": inputFocused, "data-access-navigation": inputFocused, ...p }));
 }

package/dist/react-components/SelectBox/SelectBoxRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBoxRoot.d.ts","sourceRoot":"","sources":["../../../src/react-components/SelectBox/SelectBoxRoot.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAqB,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE/E,wBAAgB,aAAa,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,mBAAmB,2CAgClH"}
+{"version":3,"file":"SelectBoxRoot.d.ts","sourceRoot":"","sources":["../../../src/react-components/SelectBox/SelectBoxRoot.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAqB,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE/E,wBAAgB,aAAa,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,mBAAmB,2CA2ClH"}

package/dist/react-components/SelectBox/SelectBoxRoot.js

@@ -2,6 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from "react";
 import { SelectBoxContext } from "./SelectBoxContext";
+import { AccessNavigation } from "../AccessNavigation/AccessNavigation";
 export function SelectBoxRoot({ multiSelect, optionValue, setOptionValue, options, ref, ...p }) {
     const [inputFocused, setInputFocused] = useState(false);
     const [inputSearch, setInputSearch] = useState("");
@@ -12,8 +13,17 @@ export function SelectBoxRoot({ multiSelect, optionValue, setOptionValue, option
                 setInputFocused(false);
             }
         };
+        const handleEscape = (e) => {
+            if (e.key === "Escape") {
+                setInputFocused(false);
+            }
+        };
+        document.addEventListener("keydown", handleEscape);
         document.addEventListener("click", handleClickOutside);
-        return () => document.removeEventListener("click", handleClickOutside);
+        return () => {
+            document.removeEventListener("keydown", handleEscape);
+            document.removeEventListener("click", handleClickOutside);
+        };
     }, []);
     const contextValue = {
         multiSelect,
@@ -25,5 +35,5 @@ export function SelectBoxRoot({ multiSelect, optionValue, setOptionValue, option
         inputSearch,
         setInputSearch,
     };
-    return (_jsx(SelectBoxContext, { value: contextValue, children: _jsx("div", { ref: selectBoxRootRef, ...p }) }));
+    return (_jsx(SelectBoxContext, { value: contextValue, children: _jsx(AccessNavigation, { ref: selectBoxRootRef, ...p }) }));
 }

package/dist/react-components/SelectBox/SelectBoxSearchInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBoxSearchInput.d.ts","sourceRoot":"","sources":["../../../src/react-components/SelectBox/SelectBoxSearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAEnE,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,CAAC,EAAE,0BAA0B,2CAIzE"}
+{"version":3,"file":"SelectBoxSearchInput.d.ts","sourceRoot":"","sources":["../../../src/react-components/SelectBox/SelectBoxSearchInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAEnE,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,CAAC,EAAE,0BAA0B,2CAIzE"}

package/dist/react-components/SelectBox/SelectBoxSearchInput.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function SelectBoxSearchInput(p) {
     return (_jsx("label", { ...p }));

package/dist/react-components/SelectBox/selectBoxTypes.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentProps, ComponentPropsWithoutRef, Dispatch, RefObject, SetStateAction } from "react";
+import type { ComponentProps, RefObject } from "react";
 import type { AccessNavigationPropsT } from "../AccessNavigation/AccessNavigation";
 export type SelectBoxOptionT = {
     name: string;
@@ -7,22 +7,22 @@ export type SelectBoxOptionT = {
 export type WithMultiSelect = {
     multiSelect: true;
     optionValue: SelectBoxOptionT[];
-    setOptionValue: Dispatch<SetStateAction<SelectBoxOptionT[]>>;
+    setOptionValue: (newOptionValue: SelectBoxOptionT[]) => void;
 };
 export type WithSingleSelect = {
     multiSelect?: false;
     optionValue: SelectBoxOptionT | null;
-    setOptionValue: Dispatch<SetStateAction<SelectBoxOptionT | null>>;
+    setOptionValue: (newOptionValue: SelectBoxOptionT | null) => void;
 };
 export type MergedSelectMode = WithMultiSelect | WithSingleSelect;
 export type SelectBoxContextT = MergedSelectMode & {
     inputFocused: boolean;
-    setInputFocused: Dispatch<SetStateAction<boolean>>;
+    setInputFocused: (newState: boolean) => void;
     inputSearch: string;
-    setInputSearch: Dispatch<SetStateAction<string>>;
+    setInputSearch: (newInputSearch: string) => void;
     options: SelectBoxOptionT[];
 };
-export type SelectBoxRootPropsT = ComponentPropsWithoutRef<"div"> & MergedSelectMode & {
+export type SelectBoxRootPropsT = AccessNavigationPropsT & MergedSelectMode & {
     ref?: RefObject<HTMLDivElement | null>;
     options: SelectBoxOptionT[];
 };
@@ -30,6 +30,6 @@ export type SelectBoxFieldPropsT = ComponentProps<"input">;
 export type SelectBoxSearchFieldPropsT = ComponentProps<"input">;
 export type SelectBoxSearchInputPropsT = ComponentProps<"label">;
 export type SelectBoxInputPropsT = ComponentProps<"label">;
-export type SelectBoxListPropsT = Omit<AccessNavigationPropsT, "direction" | "focusOnMount">;
+export type SelectBoxListPropsT = ComponentProps<"div">;
 export type SelectBoxOptionsPropsT = ComponentProps<"button">;
 //# sourceMappingURL=selectBoxTypes.d.ts.map

package/dist/react-components/SelectBox/selectBoxTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"selectBoxTypes.d.ts","sourceRoot":"","sources":["../../../src/react-components/SelectBox/selectBoxTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,wBAAwB,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAEnF,MAAM,MAAM,gBAAgB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/D,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,EAAE,IAAI,CAAC;IAClB,WAAW,EAAE,gBAAgB,EAAE,CAAC;IAChC,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC;CAC9D,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;CACnE,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,eAAe,GAAG,gBAAgB,CAAC;AAElE,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,GAAG;IACjD,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACjD,OAAO,EAAE,gBAAgB,EAAE,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAC/D,gBAAgB,GAAG;IACjB,GAAG,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACtC,OAAO,EAAE,gBAAgB,EAAE,CAAC;CAC7B,CAAC;AAEJ,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAE3D,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAEjE,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAEjE,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAE3D,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,sBAAsB,EAAE,WAAW,GAAG,cAAc,CAAC,CAAC;AAE7F,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"selectBoxTypes.d.ts","sourceRoot":"","sources":["../../../src/react-components/SelectBox/selectBoxTypes.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,gBAAgB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/D,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,EAAE,IAAI,CAAC;IAClB,WAAW,EAAE,gBAAgB,EAAE,CAAC;IAChC,cAAc,EAAE,CAAC,cAAc,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;CAC9D,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC,cAAc,EAAE,CAAC,cAAc,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;CACnE,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,eAAe,GAAG,gBAAgB,CAAC;AAElE,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,GAAG;IACjD,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,OAAO,EAAE,gBAAgB,EAAE,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,GACtD,gBAAgB,GAAG;IACjB,GAAG,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACtC,OAAO,EAAE,gBAAgB,EAAE,CAAC;CAC7B,CAAC;AAEJ,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAE3D,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAEjE,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAEjE,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAE3D,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAExD,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC"}

package/dist/react-components/Sheet/SheetBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetBody.d.ts","sourceRoot":"","sources":["../../../src/react-components/Sheet/SheetBody.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,wBAAgB,SAAS,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,eAAe,2CAqDjE"}
+{"version":3,"file":"SheetBody.d.ts","sourceRoot":"","sources":["../../../src/react-components/Sheet/SheetBody.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,wBAAgB,SAAS,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,eAAe,2CAqDjE"}

package/dist/react-components/Sheet/SheetBody.js

@@ -2,8 +2,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { use, useEffect, useRef } from "react";
 import { motion, useDragControls } from "framer-motion";
-import { FRAMER_MOTION_DURATION } from "../../configs";
 import { SheetContext } from "./SheetContext";
+import { FRAMER_MOTION_DURATION } from "../../configs";
 export function SheetBody({ onPointerDown, ...p }) {
     const controls = useDragControls();
     const { isOpen, y, closeHandler: handleClose } = use(SheetContext);

package/dist/react-components/Sheet/SheetContext.d.ts.map

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

package/dist/react-components/Sheet/SheetContext.js

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

package/dist/react-components/Sheet/SheetPortal.js

@@ -2,9 +2,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { use } from "react";
 import { AnimatePresence, motion } from "framer-motion";
-import { ClientOnly } from "../ClientOnly/ClientOnly";
 import { Portal } from "../Portal/Portal";
 import { SheetContext } from "./SheetContext";
+import { ClientOnly } from "../ClientOnly/ClientOnly";
 export function SheetPortal(p) {
     const { isOpen, closeHandler: handleClose, scope } = use(SheetContext);
     return (_jsx(ClientOnly, { children: _jsx(Portal, { children: _jsx(AnimatePresence, { children: isOpen ? (_jsx(motion.div, { ref: scope, onClick: handleClose, initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, ...p })) : null }) }) }));