@kadoui/react 1.11.16 → 2.0.1

package/README.md

@@ -31,7 +31,7 @@ For add arrow-key nagivations to your UIs.
 <Accordion>
   <Accordion.Toggle className="btn btn-full data-[state=true]:btn-fill data-[state=false]:btn-soft justify-between mt-6 group">
     <span>Open accordion</span>
-    <ChevronDownIcon className="transition-transform btn-icon-size group-data-[state=true]:-scale-y-100" />
+    <ChevronDownIcon className="transition-transform element-icon-size group-data-[state=true]:-scale-y-100" />
   </Accordion.Toggle>
   <Accordion.Body>
     <p className="p-3">
@@ -98,12 +98,12 @@ or
     ))}
   </Carousel.Container>
 
-  <div className="f-center gap-3 mt-3">
+  <div className="flex items-center justify-center gap-3 mt-3">
     <Carousel.PrevBtn className="btn btn-outline btn-square">
-      <ArrowLeftIcon className="btn-icon-size" />
+      <ArrowLeftIcon className="element-icon-size" />
     </Carousel.PrevBtn>
     <Carousel.NextBtn className="btn btn-outline btn-square">
-      <ArrowRightIcon className="btn-icon-size" />
+      <ArrowRightIcon className="element-icon-size" />
     </Carousel.NextBtn>
   </div>
 </Carousel>
@@ -124,8 +124,8 @@ or
 <Clipboard
   text="Kadoui-react"
   className="btn btn-soft btn-square"
-  copiedChildren={<CopyCheckIcon className="btn-icon-size" />}>
-  <CopyIcon className="btn-icon-size" />
+  copiedChildren={<CopyCheckIcon className="element-icon-size" />}>
+  <CopyIcon className="element-icon-size" />
 </Clipboard>
 ```
 
@@ -267,13 +267,13 @@ With state:
 <PaginationWithState pagesLength={6}>
   <div className="pagination">
     <PaginationWithState.PrevBtn className="btn btn-soft btn-square">
-      <ChevronLeftIcon className="btn-icon-size" />
+      <ChevronLeftIcon className="element-icon-size" />
     </PaginationWithState.PrevBtn>
 
     <PaginationWithState.Counts className="btn data-[state=false]:btn-ghost data-[state=true]:btn-fill" />
 
     <PaginationWithState.NextBtn className="btn btn-soft btn-square">
-      <ChevronRightIcon className="btn-icon-size" />
+      <ChevronRightIcon className="element-icon-size" />
     </PaginationWithState.NextBtn>
   </div>
 </PaginationWithState>
@@ -286,13 +286,13 @@ With search params:
   <PaginationWithSearchParams pagesLength={6}>
     <div className="pagination">
       <PaginationWithSearchParams.PrevBtn className="btn btn-soft btn-square">
-        <ChevronLeftIcon className="btn-icon-size" />
+        <ChevronLeftIcon className="element-icon-size" />
       </PaginationWithSearchParams.PrevBtn>
 
       <PaginationWithSearchParams.Counts className="btn data-[state=false]:btn-ghost data-[state=true]:btn-fill" />
 
       <PaginationWithSearchParams.NextBtn className="btn btn-soft btn-square">
-        <ChevronRightIcon className="btn-icon-size" />
+        <ChevronRightIcon className="element-icon-size" />
       </PaginationWithSearchParams.NextBtn>
     </div>
   </PaginationWithSearchParams>
@@ -333,13 +333,13 @@ const PAGES_WITH_STATE = [
 
     <div className="pagination">
       <PaginationWithState.PrevBtn className="btn btn-soft btn-square">
-        <ChevronLeftIcon className="btn-icon-size" />
+        <ChevronLeftIcon className="element-icon-size" />
       </PaginationWithState.PrevBtn>
 
       <PaginationWithState.Counts className="btn data-[state=false]:btn-ghost data-[state=true]:btn-fill" />
 
       <PaginationWithState.NextBtn className="btn btn-soft btn-square">
-        <ChevronRightIcon className="btn-icon-size" />
+        <ChevronRightIcon className="element-icon-size" />
       </PaginationWithState.NextBtn>
     </div>
   </div>
@@ -379,13 +379,13 @@ const PAGES_WITH_SEARCHPARAMS = [
 
       <div className="pagination">
         <PaginationWithSearchParams.PrevBtn className="btn btn-soft btn-square">
-          <ChevronLeftIcon className="btn-icon-size" />
+          <ChevronLeftIcon className="element-icon-size" />
         </PaginationWithSearchParams.PrevBtn>
 
         <PaginationWithSearchParams.Counts className="btn data-[state=false]:btn-ghost data-[state=true]:btn-fill" />
 
         <PaginationWithSearchParams.NextBtn className="btn btn-soft btn-square">
-          <ChevronRightIcon className="btn-icon-size" />
+          <ChevronRightIcon className="element-icon-size" />
         </PaginationWithSearchParams.NextBtn>
       </div>
     </div>
@@ -400,8 +400,8 @@ const PAGES_WITH_SEARCHPARAMS = [
   <PasswordInput.Field className="input-field" />
   <PasswordInput.Toggle
     className="btn btn-ghost btn-sm"
-    visibleChildren={<EyeIcon className="btn-icon-size" />}>
-    <EyeClosedIcon className="btn-icon-size" />
+    visibleChildren={<EyeIcon className="element-icon-size" />}>
+    <EyeClosedIcon className="element-icon-size" />
   </PasswordInput.Toggle>
 </PasswordInput>
 ```
@@ -559,8 +559,8 @@ const [rating, setRating] = useState(3);
   }}>
   <Submit className="btn btn-soft">
     <span>Press the from</span>
-    <Submit.Loader loader={<LoaderIcon className="btn-icon-size animate-spin" />}>
-      <SendHorizonalIcon className="btn-icon-size" />
+    <Submit.Loader loader={<LoaderIcon className="element-icon-size animate-spin" />}>
+      <SendHorizonalIcon className="element-icon-size" />
     </Submit.Loader>
   </Submit>
 </form>
@@ -668,8 +668,8 @@ const [activeTab, setActiveTab] = useState("1");
   className="btn btn-soft mt-6"
   href={"/test"}>
   <span>Test page</span>
-  <LinkLoader loader={<LoaderIcon className="btn-icon-size animate-spin" />}>
-    <ArrowRightIcon className="btn-icon-size" />
+  <LinkLoader loader={<LoaderIcon className="element-icon-size animate-spin" />}>
+    <ArrowRightIcon className="element-icon-size" />
   </LinkLoader>
 </Link>
 ```

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"}