@kadoui/react 1.11.16 → 2.1.1

package/dist/components/AccessNavigation/AccessNavigation.d.ts

@@ -1,5 +1,5 @@
-import { HTMLAttributes, RefObject } from "react";
-export type AccessNavigationPropsT = HTMLAttributes<HTMLDivElement> & {
+import { ComponentPropsWithoutRef, RefObject } from "react";
+export type AccessNavigationPropsT = ComponentPropsWithoutRef<"div"> & {
     ref?: RefObject<HTMLDivElement | null>;
     focusOnMount?: boolean;
     direction?: "y" | "x";

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

@@ -1 +1 @@
-{"version":3,"file":"AccessNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/AccessNavigation/AccessNavigation.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAiB,SAAS,EAAqB,MAAM,OAAO,CAAC;AAIpF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACpE,GAAG,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACvB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,GAAG,EACH,YAAY,EACZ,SAAe,EACf,GAAG,EACH,SAAS,EACT,GAAG,CAAC,EACL,EAAE,sBAAsB,2CAsExB"}
+{"version":3,"file":"AccessNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/AccessNavigation/AccessNavigation.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAiB,SAAS,EAAqB,MAAM,OAAO,CAAC;AAI9F,MAAM,MAAM,sBAAsB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACrE,GAAG,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACvB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,GAAG,EACH,YAAY,EACZ,SAAe,EACf,GAAG,EACH,SAAS,EACT,GAAG,CAAC,EACL,EAAE,sBAAsB,2CAwExB"}

package/dist/components/AccessNavigation/AccessNavigation.js

@@ -9,7 +9,9 @@ export function AccessNavigation({ ref, focusOnMount, direction = "y", dir, onKe
             return;
         const focusableChildren = selectAccessibleChildren(accessNavigationRef.current);
         if (focusOnMount) {
-            focusableChildren[0]?.focus();
+            setTimeout(() => {
+                focusableChildren[0]?.focus();
+            }, 150);
         }
     }, []);
     const handleKeyDown = (ev) => {

package/dist/components/Accordion/AccordionToggle.d.ts

@@ -1,5 +1,5 @@
-import { HTMLAttributes, ReactNode } from "react";
-export type AccordionTogglePropsT = HTMLAttributes<HTMLButtonElement> & {
+import { type ComponentProps, ReactNode } from "react";
+export type AccordionTogglePropsT = ComponentProps<"button"> & {
     icon?: ReactNode;
 };
 export declare function AccordionToggle({ onClick, ...props }: AccordionTogglePropsT): import("react/jsx-runtime").JSX.Element;

package/dist/components/Accordion/AccordionToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionToggle.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAIvD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACtE,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAa3E"}
+{"version":3,"file":"AccordionToggle.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,SAAS,EAAO,MAAM,OAAO,CAAC;AAI5D,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC7D,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAa3E"}

package/dist/components/Affix/Affix.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Affix.d.ts","sourceRoot":"","sources":["../../../src/components/Affix/Affix.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,KAAK,GAAI,mBAAmB,WAAW,4CA2CnD,CAAC"}
+{"version":3,"file":"Affix.d.ts","sourceRoot":"","sources":["../../../src/components/Affix/Affix.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAEjE,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAEnD,eAAO,MAAM,KAAK,GAAI,mBAAmB,WAAW,4CA2CnD,CAAC"}

package/dist/components/Breadcrumbs/BreadcrumbsItem.d.ts

@@ -1,5 +1,5 @@
-import { type HTMLAttributes } from "react";
-export type BreadcrumbsItemPropsT = HTMLAttributes<HTMLDivElement> & {
+import { type ComponentProps } from "react";
+export type BreadcrumbsItemPropsT = ComponentProps<"div"> & {
     isLastItem?: boolean;
 };
 export declare function BreadcrumbsItem({ isLastItem, children, ...p }: BreadcrumbsItemPropsT): import("react/jsx-runtime").JSX.Element;

package/dist/components/Breadcrumbs/BreadcrumbsItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsItem.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/BreadcrumbsItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,UAAkB,EAClB,QAAQ,EACR,GAAG,CAAC,EACL,EAAE,qBAAqB,2CAUvB"}
+{"version":3,"file":"BreadcrumbsItem.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/BreadcrumbsItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,UAAkB,EAClB,QAAQ,EACR,GAAG,CAAC,EACL,EAAE,qBAAqB,2CAUvB"}

package/dist/components/Breadcrumbs/BreadcrumbsRoot.d.ts

@@ -1,6 +1,6 @@
-import type { HTMLAttributes, ReactNode } from "react";
-export type BreadcrumbsRootPropsT = HTMLAttributes<HTMLElement> & {
-    separator?: ReactNode;
+import type { ComponentProps, ReactNode } from "react";
+export type BreadcrumbsRootPropsT = ComponentProps<"nav"> & {
+    separator: ReactNode;
 };
 export declare function BreadcrumbsRoot({ separator, ...p }: BreadcrumbsRootPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=BreadcrumbsRoot.d.ts.map

package/dist/components/Breadcrumbs/BreadcrumbsRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbsRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/BreadcrumbsRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IAChE,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,SAA0B,EAC1B,GAAG,CAAC,EACL,EAAE,qBAAqB,2CAMvB"}
+{"version":3,"file":"BreadcrumbsRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/BreadcrumbsRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC1D,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,GAAG,CAAC,EACL,EAAE,qBAAqB,2CAMvB"}

package/dist/components/Breadcrumbs/BreadcrumbsRoot.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { BreadcrumbsContext } from "./BreadcrumbsContext";
-export function BreadcrumbsRoot({ separator = _jsx("span", { children: "|" }), ...p }) {
+export function BreadcrumbsRoot({ separator, ...p }) {
     return (_jsx(BreadcrumbsContext, { value: { separator }, children: _jsx("nav", { ...p }) }));
 }

package/dist/components/Carousel/CarouselContainer.d.ts

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

package/dist/components/Carousel/CarouselContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAErE,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,uBAAuB,2CAQ5E"}
+{"version":3,"file":"CarouselContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAuC,MAAM,OAAO,CAAC;AAIjF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE5D,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,uBAAuB,2CA4FnF"}

package/dist/components/Carousel/CarouselContainer.js

@@ -1,8 +1,75 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { use } from "react";
+import { use, useCallback, useEffect, useRef } from "react";
 import { CarouselContext } from "./CarouselContext";
-export function CarouselContainer({ children, ...p }) {
-    const { scrollRef } = use(CarouselContext);
-    return (_jsx("div", { ref: scrollRef, ...p, children: children }));
+export function CarouselContainer({ children, style, ...p }) {
+    const { scrollRef, mouseScroll, childrenWidth } = use(CarouselContext);
+    const isDragging = useRef(false);
+    const startX = useRef(0);
+    const startScrollLeft = useRef(0);
+    const cleanupRef = useRef(null);
+    useEffect(() => {
+        return () => {
+            cleanupRef.current?.();
+        };
+    }, []);
+    const handleMouseDown = useCallback((e) => {
+        if (!mouseScroll || !scrollRef.current)
+            return;
+        isDragging.current = true;
+        startX.current = e.pageX;
+        startScrollLeft.current = scrollRef.current.scrollLeft;
+        scrollRef.current.style.scrollBehavior = "auto";
+        scrollRef.current.style.cursor = "grabbing";
+        scrollRef.current.style.userSelect = "none";
+        const onMouseMove = (ev) => {
+            if (!isDragging.current || !scrollRef.current)
+                return;
+            ev.preventDefault();
+            const dx = ev.pageX - startX.current;
+            scrollRef.current.scrollLeft = startScrollLeft.current - dx;
+        };
+        const onMouseUp = (ev) => {
+            if (!isDragging.current || !scrollRef.current)
+                return;
+            isDragging.current = false;
+            scrollRef.current.style.cursor = "grab";
+            scrollRef.current.style.userSelect = "";
+            document.removeEventListener("mousemove", onMouseMove);
+            document.removeEventListener("mouseup", onMouseUp);
+            cleanupRef.current = null;
+            if (mouseScroll === "auto") {
+                scrollRef.current.style.scrollBehavior = "";
+            }
+            else if (mouseScroll === "swipe") {
+                scrollRef.current.style.scrollBehavior = "";
+                const dx = ev.pageX - startX.current;
+                if (Math.abs(dx) > 10) {
+                    scrollRef.current.scrollTo({
+                        left: dx > 0
+                            ? startScrollLeft.current - childrenWidth
+                            : startScrollLeft.current + childrenWidth,
+                        behavior: "smooth",
+                    });
+                }
+                else {
+                    scrollRef.current.scrollTo({
+                        left: startScrollLeft.current,
+                        behavior: "smooth",
+                    });
+                }
+            }
+        };
+        document.addEventListener("mousemove", onMouseMove);
+        document.addEventListener("mouseup", onMouseUp);
+        cleanupRef.current = () => {
+            document.removeEventListener("mousemove", onMouseMove);
+            document.removeEventListener("mouseup", onMouseUp);
+        };
+        e.preventDefault();
+    }, [mouseScroll, scrollRef, childrenWidth]);
+    return (_jsx("div", { ref: scrollRef, onMouseDown: mouseScroll ? handleMouseDown : undefined, style: {
+            ...(mouseScroll ? { cursor: "grab" } : {}),
+            ...style,
+        }, ...p, children: children }));
 }

package/dist/components/Carousel/CarouselContext.d.ts

@@ -4,6 +4,7 @@ export type CarouselContextPropsT = {
     leftOpacity: number;
     rightOpacity: number;
     childrenWidth: number;
+    mouseScroll?: "auto" | "swipe";
 };
 export declare const CarouselContext: import("react").Context<CarouselContextPropsT>;
 //# sourceMappingURL=CarouselContext.d.ts.map

package/dist/components/Carousel/CarouselContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselContext.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAA;AAED,eAAO,MAAM,eAAe,gDAAoE,CAAC"}
+{"version":3,"file":"CarouselContext.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,qBAAqB,GAAG;IAClC,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAChC,CAAA;AAED,eAAO,MAAM,eAAe,gDAAoE,CAAC"}

package/dist/components/Carousel/CarouselLeftFade.d.ts

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

package/dist/components/Carousel/CarouselLeftFade.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselLeftFade.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselLeftFade.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,KAAK,sBAAsB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE7D,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,sBAAsB,2CAYvE"}
+{"version":3,"file":"CarouselLeftFade.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselLeftFade.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,KAAK,sBAAsB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEpD,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,sBAAsB,2CAYvE"}

package/dist/components/Carousel/CarouselNextBtn.d.ts

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

package/dist/components/Carousel/CarouselNextBtn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselNextBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselNextBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;AAEtE,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAY3E"}
+{"version":3,"file":"CarouselNextBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselNextBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAE7D,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAY3E"}

package/dist/components/Carousel/CarouselPrevBtn.d.ts

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

package/dist/components/Carousel/CarouselPrevBtn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselPrevBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselPrevBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;AAEtE,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAY3E"}
+{"version":3,"file":"CarouselPrevBtn.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselPrevBtn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAE7D,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAY3E"}

package/dist/components/Carousel/CarouselRightFade.d.ts

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

package/dist/components/Carousel/CarouselRightFade.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselRightFade.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselRightFade.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,KAAK,uBAAuB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE9D,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,uBAAuB,2CAYzE"}
+{"version":3,"file":"CarouselRightFade.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselRightFade.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,KAAK,uBAAuB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAErD,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,EAAE,uBAAuB,2CAYzE"}

package/dist/components/Carousel/CarouselRoot.d.ts

@@ -1,4 +1,6 @@
-import { HTMLAttributes } from "react";
-export type CarouselRootPropsT = HTMLAttributes<HTMLDivElement>;
-export declare function CarouselRoot({ dir, ...p }: CarouselRootPropsT): import("react/jsx-runtime").JSX.Element;
+import { type ComponentProps } from "react";
+export type CarouselRootPropsT = ComponentProps<"div"> & {
+    mouseScroll?: "auto" | "swipe";
+};
+export declare function CarouselRoot({ dir, mouseScroll, ...p }: CarouselRootPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CarouselRoot.d.ts.map

package/dist/components/Carousel/CarouselRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAA+B,MAAM,OAAO,CAAC;AAIpE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEhE,wBAAgB,YAAY,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,2CA+D7D"}
+{"version":3,"file":"CarouselRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAA+B,MAAM,OAAO,CAAC;AAIzE,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACvD,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAChC,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,GAAG,EAAE,WAAW,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,2CA+D1E"}

package/dist/components/Carousel/CarouselRoot.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { CarouselContext } from "./CarouselContext";
-export function CarouselRoot({ dir, ...p }) {
+export function CarouselRoot({ dir, mouseScroll, ...p }) {
     const scrollRef = useRef(null);
     const [leftOpacity, setLeftOpacity] = useState(0);
     const [rightOpacity, setRightOpacity] = useState(0);
@@ -48,5 +48,5 @@ export function CarouselRoot({ dir, ...p }) {
             window.removeEventListener("resize", updateFade);
         };
     }, []);
-    return (_jsx(CarouselContext, { value: { scrollRef, leftOpacity, rightOpacity, childrenWidth }, children: _jsx("div", { ...p }) }));
+    return (_jsx(CarouselContext, { value: { scrollRef, leftOpacity, rightOpacity, childrenWidth, mouseScroll }, children: _jsx("div", { ...p }) }));
 }

package/dist/components/Clipboard/Clipboard.d.ts

@@ -1,5 +1,5 @@
-import { ButtonHTMLAttributes, ReactNode } from "react";
-export type ClipboardPropsT = ButtonHTMLAttributes<HTMLButtonElement> & {
+import { type ComponentProps, ReactNode } from "react";
+export type ClipboardPropsT = ComponentProps<"button"> & {
     text: string;
     timeout?: number;
     copiedChildren?: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"Clipboard.d.ts","sourceRoot":"","sources":["../../../src/components/Clipboard/Clipboard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACtE,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,cAAc,EACd,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,eAAe,2CAiBjB"}
+{"version":3,"file":"Clipboard.d.ts","sourceRoot":"","sources":["../../../src/components/Clipboard/Clipboard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnE,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACxB,cAAc,EACd,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,eAAe,2CAiBjB"}

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

@@ -1,6 +1,10 @@
 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;
 };
 //# sourceMappingURL=ContextMenu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,eAAO,MAAM,WAAW;;CAEtB,CAAC"}
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/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"}

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,5 +1,9 @@
 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
 });

package/dist/components/ContextMenu/ContextMenuBody.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuBody.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuBody.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAkB,MAAM,OAAO,CAAC;AAKvD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE,wBAAgB,eAAe,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,2CAoC7E"}
+{"version":3,"file":"ContextMenuBody.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuBody.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1D,wBAAgB,eAAe,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,2CAmB7E"}

package/dist/components/ContextMenu/ContextMenuBody.js

@@ -1,23 +1,9 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { use, useEffect } from "react";
-import { selectAccessibleChildren } from "../../utils";
+import { use } from "react";
 import { ContextMenuContext } from "./ContextMenuContext";
 export function ContextMenuBody({ onContextMenu, ...p }) {
     const { contentRef, position, isOpen } = use(ContextMenuContext);
-    useEffect(() => {
-        if (!contentRef.current) {
-            return;
-        }
-        if (isOpen) {
-            const children = selectAccessibleChildren(contentRef.current);
-            const firstChild = children[0];
-            if (!firstChild) {
-                return;
-            }
-            firstChild.focus();
-        }
-    }, [isOpen, position, contentRef]);
     return (_jsx("div", { ref: contentRef, "data-state": isOpen, onContextMenu: (ev) => {
             ev.stopPropagation();
             ev.preventDefault();

package/dist/components/ContextMenu/ContextMenuContext.d.ts

@@ -1,6 +1,7 @@
 import { RefObject } from 'react';
 export type ContextMenuContextT = {
     isOpen: boolean;
+    closeHandler: () => void;
     position: {
         x: number;
         y: number;

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuContext.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,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,CAAA;AAED,eAAO,MAAM,kBAAkB,8CAAgE,CAAC"}
+{"version":3,"file":"ContextMenuContext.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,SAAS,EAAkB,MAAM,OAAO,CAAA;AAE1E,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,CAAA;AAED,eAAO,MAAM,kBAAkB,8CAAgE,CAAC"}

package/dist/components/ContextMenu/ContextMenuItem.d.ts

@@ -0,0 +1,5 @@
+import { ComponentProps } from "react";
+type ContextMenuItemPropsT = ComponentProps<"button">;
+export declare function ContextMenuItem({ onClick, ...p }: ContextMenuItemPropsT): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ContextMenuItem.d.ts.map

package/dist/components/ContextMenu/ContextMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAA;AAG3C,KAAK,qBAAqB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAEtD,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,2CASvE"}

package/dist/components/ContextMenu/ContextMenuItem.js

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

package/dist/components/ContextMenu/ContextMenuNavigation.d.ts

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

package/dist/components/ContextMenu/ContextMenuNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuNavigation.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAoB,sBAAsB,EAAE,MAAM,sCAAsC,CAAA;AAE/F,KAAK,2BAA2B,GAAG,sBAAsB,CAAC;AAE1D,wBAAgB,qBAAqB,CAAC,CAAC,EAAE,2BAA2B,kDAInE"}

package/dist/components/ContextMenu/ContextMenuNavigation.js

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

package/dist/components/ContextMenu/ContextMenuRoot.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuRoot.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAwD,MAAM,OAAO,CAAC;AAK7F,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE,wBAAgB,eAAe,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,2CAqE7E"}
+{"version":3,"file":"ContextMenuRoot.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAwD,MAAM,OAAO,CAAC;AAKlG,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1D,wBAAgB,eAAe,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,2CAyE7E"}

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 }));
 }