@kadoui/react 1.2.4 → 1.2.6

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

@@ -2,5 +2,5 @@ import { HTMLAttributes } from "react";
 export type AccessNavigationPropsT = HTMLAttributes<HTMLDivElement> & {
     direction?: "y" | "x";
 };
-export declare function AccessNavigation({ direction, dir, onKeyDown, ...p }: AccessNavigationPropsT): import("react").JSX.Element;
+export declare function AccessNavigation({ direction, dir, onKeyDown, ...p }: AccessNavigationPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AccessNavigation.d.ts.map

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,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACpE,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACvB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,SAAe,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,sBAAsB,+BAoCjG"}
+{"version":3,"file":"AccessNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/AccessNavigation/AccessNavigation.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAiB,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACpE,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACvB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,SAAe,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,sBAAsB,2CAoCjG"}

package/dist/components/AccessNavigation/AccessNavigation.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { selectAccessibleChildren } from "../../utils";
+export function AccessNavigation({ direction = "y", dir, onKeyDown, ...p }) {
+    const handleKeyDown = (ev) => {
+        const focusableChildren = selectAccessibleChildren(ev.currentTarget);
+        if (!focusableChildren.length) {
+            return;
+        }
+        const currentDir = (dir || document.documentElement.getAttribute("dir") || "ltr");
+        const currentIndex = focusableChildren.findIndex((item) => item === document.activeElement);
+        if (ev.key === (direction === "y" ? "ArrowDown" : (currentDir === "ltr" ? "ArrowRight" : "ArrowLeft"))) {
+            ev.preventDefault();
+            const nextIndex = currentIndex === -1 || currentIndex === focusableChildren.length - 1 ? 0 : currentIndex + 1;
+            focusableChildren[nextIndex]?.focus();
+        }
+        if (ev.key === (direction === "y" ? "ArrowUp" : (currentDir === "ltr" ? "ArrowLeft" : "ArrowRight"))) {
+            ev.preventDefault();
+            const prevIndex = currentIndex <= 0 ? focusableChildren.length - 1 : currentIndex - 1;
+            focusableChildren[prevIndex]?.focus();
+        }
+    };
+    return (_jsx("div", { dir: dir, onKeyDown: ev => {
+            onKeyDown?.(ev);
+            handleKeyDown(ev);
+        }, ...p }));
+}

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

@@ -1,4 +1,4 @@
 import { HTMLMotionProps } from "framer-motion";
 export type AccordionBodyPropsT = HTMLMotionProps<"div">;
-export declare function AccordionBody({ children, ...props }: AccordionBodyPropsT): import("react").JSX.Element;
+export declare function AccordionBody({ children, ...props }: AccordionBodyPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AccordionBody.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionBody.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionBody.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAmB,eAAe,EAAU,MAAM,eAAe,CAAC;AAIzE,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAEzD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BAiBxE"}
+{"version":3,"file":"AccordionBody.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionBody.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAmB,eAAe,EAAU,MAAM,eAAe,CAAC;AAIzE,MAAM,MAAM,mBAAmB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAEzD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAiBxE"}

package/dist/components/Accordion/AccordionBody.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { AnimatePresence, motion } from "framer-motion";
+import { AccordionContext } from "./AccordionContext";
+export function AccordionBody({ children, ...props }) {
+    const { isOpen } = use(AccordionContext);
+    return (_jsx(AnimatePresence, { children: isOpen ?
+            _jsx(motion.div, { initial: { height: 0, opacity: 0 }, animate: { height: "auto", opacity: 1 }, exit: { height: 0, opacity: 0 }, ...props, children: children })
+            : null }));
+}

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

@@ -1,4 +1,4 @@
 import { PropsWithChildren } from "react";
 export type AccordionRootPropsT = PropsWithChildren;
-export declare function AccordionRoot({ children }: AccordionRootPropsT): import("react").JSX.Element;
+export declare function AccordionRoot({ children }: AccordionRootPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AccordionRoot.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAIpD,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;AAEpD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,+BAQ9D"}
+{"version":3,"file":"AccordionRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAIpD,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;AAEpD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAQ9D"}

package/dist/components/Accordion/AccordionRoot.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { AccordionContext } from "./AccordionContext";
+export function AccordionRoot({ children }) {
+    const [isOpen, setOpen] = useState(false);
+    return (_jsx(AccordionContext, { value: { isOpen, setOpen }, children: children }));
+}

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

@@ -2,5 +2,5 @@ import { HTMLAttributes, ReactNode } from "react";
 export type AccordionTogglePropsT = HTMLAttributes<HTMLButtonElement> & {
     icon?: ReactNode;
 };
-export declare function AccordionToggle({ className, onClick, ...props }: AccordionTogglePropsT): import("react").JSX.Element;
+export declare function AccordionToggle({ className, onClick, ...props }: AccordionTogglePropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AccordionToggle.d.ts.map

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;AAKvD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACtE,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,+BAgBtF"}
+{"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;AAKvD,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IACtE,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAgBtF"}

package/dist/components/Accordion/AccordionToggle.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { cn } from "../../utils";
+import { AccordionContext } from "./AccordionContext";
+export function AccordionToggle({ className, onClick, ...props }) {
+    const { isOpen, setOpen } = use(AccordionContext);
+    return (_jsx("button", { onClick: ev => {
+            onClick?.(ev);
+            setOpen(prev => !prev);
+        }, className: cn(isOpen ? "accordion-active" : null, className), ...props }));
+}

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

@@ -1,4 +1,4 @@
 import { HTMLAttributes } from "react";
 export type AffixPropsT = HTMLAttributes<HTMLButtonElement>;
-export declare const Affix: ({ className, onClick, ...p }: AffixPropsT) => import("react").JSX.Element;
+export declare const Affix: ({ className, 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;AAI5D,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,KAAK,GAAI,8BAA8B,WAAW,gCA8C9D,CAAA"}
+{"version":3,"file":"Affix.d.ts","sourceRoot":"","sources":["../../../src/components/Affix/Affix.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5D,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,KAAK,GAAI,8BAA8B,WAAW,4CA8C9D,CAAA"}

package/dist/components/Affix/Affix.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { cn } from "../../utils";
+export const Affix = ({ className, onClick, ...p }) => {
+    const [isVisible, setIsVisible] = useState(false);
+    const [lastScrollY, setLastScrollY] = useState(0);
+    useEffect(() => {
+        const handleScroll = () => {
+            const currentScrollY = window.scrollY;
+            const viewportHeight = window.innerHeight;
+            const scrollThreshold = viewportHeight * 0.5;
+            if (currentScrollY > scrollThreshold && currentScrollY > lastScrollY) {
+                setIsVisible(true);
+            }
+            else if (currentScrollY < lastScrollY && currentScrollY < scrollThreshold) {
+                setIsVisible(false);
+            }
+            setLastScrollY(currentScrollY);
+        };
+        window.addEventListener("scroll", handleScroll, {
+            passive: true
+        });
+        return () => window.removeEventListener("scroll", handleScroll);
+    }, [lastScrollY]);
+    const scrollToTop = () => {
+        window.scrollTo({
+            top: 0,
+            behavior: "smooth"
+        });
+    };
+    return (_jsx("button", { onClick: ev => {
+            onClick?.(ev);
+            scrollToTop();
+        }, className: cn(isVisible ? "affix-active" : null, className), ...p }));
+};

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

@@ -2,5 +2,5 @@ import { type HTMLAttributes } from "react";
 export type BreadcrumbsItemPropsT = HTMLAttributes<HTMLDivElement> & {
     isLast?: boolean;
 };
-export declare function BreadcrumbsItem({ isLast, children, ...p }: BreadcrumbsItemPropsT): import("react").JSX.Element;
+export declare function BreadcrumbsItem({ isLast, children, ...p }: BreadcrumbsItemPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=BreadcrumbsItem.d.ts.map

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,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAc,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,+BASxF"}
+{"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,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAc,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,2CASxF"}

package/dist/components/Breadcrumbs/BreadcrumbsItem.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { use } from "react";
+import { BreadcrumbsContext } from "./BreadcrumbsContext";
+export function BreadcrumbsItem({ isLast = false, children, ...p }) {
+    const { separator } = use(BreadcrumbsContext);
+    return (_jsxs("div", { ...p, children: [children, !isLast && separator] }));
+}

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

@@ -2,5 +2,5 @@ import type { HTMLAttributes, ReactNode } from "react";
 export type BreadcrumbsRootPropsT = HTMLAttributes<HTMLElement> & {
     separator?: ReactNode;
 };
-export declare function BreadcrumbsRoot({ separator, ...p }: BreadcrumbsRootPropsT): import("react").JSX.Element;
+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,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAe,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,+BAM/E"}
+{"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,CAAA;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAe,EAAE,GAAG,CAAC,EAAE,EAAE,qBAAqB,2CAM/E"}

package/dist/components/Breadcrumbs/BreadcrumbsRoot.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BreadcrumbsContext } from "./BreadcrumbsContext";
+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.Element;
+export declare function CarouselContainer({ children, ...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,+BAQ5E"}
+{"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"}

package/dist/components/Carousel/CarouselContainer.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { CarouselContext } from "./CarouselContext";
+export function CarouselContainer({ children, ...p }) {
+    const { scrollRef } = use(CarouselContext);
+    return (_jsx("div", { ref: scrollRef, ...p, children: children }));
+}

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
 type CarouselLeftFadePropsT = HTMLAttributes<HTMLDivElement>;
-export declare function CarouselLeftFade({ style, ...p }: CarouselLeftFadePropsT): import("react").JSX.Element;
+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,+BAYvE"}
+{"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"}

package/dist/components/Carousel/CarouselLeftFade.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { CarouselContext } from "./CarouselContext";
+export function CarouselLeftFade({ style, ...p }) {
+    const { leftOpacity } = use(CarouselContext);
+    return (_jsx("div", { style: {
+            opacity: leftOpacity,
+            ...style
+        }, ...p }));
+}

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from "react";
 type CarouselRightFadePropsT = HTMLAttributes<HTMLDivElement>;
-export declare function CarouselRightFade({ style, ...p }: CarouselRightFadePropsT): import("react").JSX.Element;
+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,+BAYzE"}
+{"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"}

package/dist/components/Carousel/CarouselRightFade.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { CarouselContext } from "./CarouselContext";
+export function CarouselRightFade({ style, ...p }) {
+    const { rightOpacity } = use(CarouselContext);
+    return (_jsx("div", { style: {
+            opacity: rightOpacity,
+            ...style
+        }, ...p }));
+}

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

@@ -1,4 +1,4 @@
 import { HTMLAttributes } from "react";
 export type CarouselRootPropsT = HTMLAttributes<HTMLDivElement>;
-export declare function CarouselRoot(p: CarouselRootPropsT): import("react").JSX.Element;
+export declare function CarouselRoot(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,CAAC,EAAE,kBAAkB,+BA+CjD"}
+{"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,CAAC,EAAE,kBAAkB,2CA+CjD"}

package/dist/components/Carousel/CarouselRoot.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { CarouselContext } from "./CarouselContext";
+export function CarouselRoot(p) {
+    const scrollRef = useRef(null);
+    const [leftOpacity, setLeftOpacity] = useState(0);
+    const [rightOpacity, setRightOpacity] = useState(1);
+    const updateFade = () => {
+        const el = scrollRef.current;
+        if (!el)
+            return;
+        const { scrollLeft, scrollWidth, clientWidth } = el;
+        const maxScroll = scrollWidth - clientWidth;
+        if (maxScroll <= 0) {
+            setLeftOpacity(0);
+            setRightOpacity(0);
+            return;
+        }
+        const scrollRatio = Math.abs(+(scrollLeft / maxScroll));
+        const left = Math.min(1, scrollRatio * 2);
+        const right = Math.min(1, (1 - scrollRatio) * 2);
+        setLeftOpacity(+left.toFixed(1));
+        setRightOpacity(+right.toFixed(1));
+    };
+    useEffect(() => {
+        const el = scrollRef.current;
+        if (!el)
+            return;
+        updateFade();
+        el.addEventListener("scroll", updateFade);
+        window.addEventListener("resize", updateFade);
+        return () => {
+            el.removeEventListener("scroll", updateFade);
+            window.removeEventListener("resize", updateFade);
+        };
+    }, []);
+    return (_jsx(CarouselContext, { value: { scrollRef, leftOpacity, rightOpacity }, children: _jsx("div", { ...p }) }));
+}

package/dist/components/ClientOnly/ClientOnly.js

@@ -0,0 +1,6 @@
+"use client";
+import { useMounted } from "@mantine/hooks";
+export function ClientOnly({ children }) {
+    const mounted = useMounted();
+    return mounted ? children : null;
+}

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

@@ -4,5 +4,5 @@ export type ClipboardPropsT = ButtonHTMLAttributes<HTMLButtonElement> & {
     timeout?: number;
     copiedChildren?: ReactNode;
 };
-export declare function Clipboard({ copiedChildren, onClick, children, text, timeout, ...props }: ClipboardPropsT): import("react").JSX.Element;
+export declare function Clipboard({ copiedChildren, onClick, children, text, timeout, ...props }: ClipboardPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Clipboard.d.ts.map

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,CAAA;AAED,wBAAgB,SAAS,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAe,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAiBhH"}
+{"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,CAAA;AAED,wBAAgB,SAAS,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAe,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAiBhH"}

package/dist/components/Clipboard/Clipboard.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useClipboard } from "@mantine/hooks";
+export function Clipboard({ copiedChildren, onClick, children, text, timeout = 3_000, ...props }) {
+    const { copy, copied } = useClipboard({ timeout });
+    const handleClick = (ev) => {
+        onClick?.(ev);
+        copy(text.trim());
+    };
+    return (_jsx("button", { "aria-label": text, onClick: handleClick, ...props, children: copiedChildren && copied ? copiedChildren : children }));
+}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuContent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAkB,MAAM,OAAO,CAAC;AAMvD,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEtE,wBAAgB,kBAAkB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,wBAAwB,+BAuC9F"}
+{"version":3,"file":"ContextMenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuContent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAkB,MAAM,OAAO,CAAC;AAMvD,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEtE,wBAAgB,kBAAkB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,EAAE,wBAAwB,2CAuC9F"}

package/dist/components/ContextMenu/ContextMenuContent.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use, useEffect } from "react";
+import { cn } from "../../utils";
+import { selectAccessibleChildren } from "../../utils";
+import { ContextMenuContext } from "./ContextMenuContext";
+export function ContextMenuContent({ onContextMenu, className, ...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, onContextMenu: ev => {
+            ev.stopPropagation();
+            ev.preventDefault();
+            onContextMenu?.(ev);
+        }, className: cn(isOpen ? "context-menu-active" : null, className), style: {
+            top: position?.y,
+            left: position?.x,
+        }, ...p }));
+}

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

@@ -1,4 +1,4 @@
 import { HTMLAttributes } from "react";
 export type ContextMenuRootPropsT = HTMLAttributes<HTMLDivElement>;
-export declare function ContextMenuRoot({ onContextMenu, ...p }: ContextMenuRootPropsT): import("react").JSX.Element;
+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,+BAqE7E"}
+{"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"}

package/dist/components/ContextMenu/ContextMenuRoot.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { getBrowserScrollbarWith } from "../../utils";
+import { ContextMenuContext } from "./ContextMenuContext";
+export function ContextMenuRoot({ onContextMenu, ...p }) {
+    const [position, setPosition] = useState(undefined);
+    const [isOpen, setOpen] = useState(false);
+    const contentRef = useRef(null);
+    const handleClickOutside = useCallback((ev) => {
+        if (!contentRef.current?.contains(ev.target)) {
+            setOpen(false);
+            setPosition(undefined);
+        }
+    }, []);
+    useEffect(() => {
+        document.addEventListener("click", handleClickOutside);
+        return () => document.removeEventListener("click", handleClickOutside);
+    }, [handleClickOutside]);
+    useEffect(() => {
+        const scrollbarWidth = getBrowserScrollbarWith();
+        if (isOpen) {
+            document.body.style.overflow = "hidden";
+            document.body.style.paddingRight = `${scrollbarWidth}px`;
+        }
+        else {
+            document.body.style.overflow = "unset";
+            document.body.style.paddingRight = "0px";
+        }
+        ;
+    }, [isOpen]);
+    const handleContextMenu = (ev) => {
+        if (!contentRef.current)
+            return;
+        ev.preventDefault();
+        const viewportWidth = window.innerWidth;
+        const viewportHeight = window.innerHeight;
+        const menuWidth = contentRef.current.scrollWidth;
+        const menuHeight = contentRef.current.scrollHeight;
+        let x = ev.clientX;
+        let y = ev.clientY;
+        if (x + menuWidth > viewportWidth) {
+            x = viewportWidth - menuWidth - 10;
+        }
+        if (y + menuHeight > viewportHeight) {
+            y = viewportHeight - menuHeight - 10;
+        }
+        setPosition({ x, y });
+        setOpen(true);
+    };
+    return (_jsx(ContextMenuContext, { value: { contentRef, isOpen, position }, children: _jsx("div", { onContextMenu: ev => {
+                onContextMenu?.(ev);
+                handleContextMenu(ev);
+            }, ...p }) }));
+}

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

@@ -2,5 +2,5 @@ import { HTMLMotionProps } from "framer-motion";
 export type DrawerBodyPropsT = HTMLMotionProps<"div"> & {
     position?: "top" | "right" | "bottom" | "left";
 };
-export declare function DrawerBody({ position, dir, children, ...p }: DrawerBodyPropsT): import("react").JSX.Element;
+export declare function DrawerBody({ position, dir, children, ...p }: DrawerBodyPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DrawerBody.d.ts.map

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,+BAqD7E"}
+{"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"}

package/dist/components/Drawer/DrawerBody.js

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { motion } from "framer-motion";
+import { use, useEffect, useRef } from "react";
+import { DrawerContext } from "./DrawerContext";
+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();
+        }
+        ;
+    }, [isOpen]);
+    const currentDir = (dir || document.documentElement.getAttribute("dir") || "ltr");
+    const currentPosition = position || (currentDir === "ltr" ? "left" : "right");
+    const direction = ["right", "left"].includes(currentPosition) ? "y" : "x";
+    const width = direction === "y" ? "clamp(300px,30%,30%)" : undefined;
+    const height = direction === "y" ? undefined : "50%";
+    return (_jsx(motion.div, { ref: bodyRef, onClick: ev => ev.stopPropagation(), initial: direction === "y"
+            ? { x: currentPosition === "left" ? "-100%" : "100%" }
+            : { y: currentPosition === "top" ? "-100%" : "100%" }, animate: { y: 0, x: 0 }, exit: direction === "y"
+            ? { x: currentPosition === "left" ? "-100%" : "100%" }
+            : { y: currentPosition === "top" ? "-100%" : "100%" }, style: {
+            width,
+            height,
+            ...(currentPosition === "top"
+                ? { top: 0, left: 0, right: 0 }
+                : currentPosition === "right"
+                    ? { top: 0, bottom: 0, right: 0 }
+                    : currentPosition === "bottom"
+                        ? { bottom: 0, left: 0, right: 0 }
+                        : { top: 0, bottom: 0, left: 0 })
+        }, transition: { ease: "easeInOut" }, ...p, children: children }));
+}
+;

package/dist/components/Drawer/DrawerPortal.d.ts

@@ -1,4 +1,4 @@
 import { HTMLMotionProps } from "framer-motion";
 export type DrawerPortalPropsT = HTMLMotionProps<"div">;
-export declare function DrawerPortal({ onClick, ...p }: DrawerPortalPropsT): import("react").JSX.Element;
+export declare function DrawerPortal({ onClick, ...p }: DrawerPortalPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DrawerPortal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerPortal.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerPortal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA2B,eAAe,EAAE,MAAM,eAAe,CAAC;AAMzE,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAExD,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,+BAuBjE"}
+{"version":3,"file":"DrawerPortal.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerPortal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA2B,eAAe,EAAE,MAAM,eAAe,CAAC;AAMzE,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;AAExD,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,EAAE,kBAAkB,2CAuBjE"}

package/dist/components/Drawer/DrawerPortal.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { motion, AnimatePresence } from "framer-motion";
+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 => {
+                        onClick?.(ev);
+                        setOpen(false);
+                    }, ...p })) : null }) }) }));
+}

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

@@ -1,4 +1,4 @@
 import { PropsWithChildren } from "react";
 export type DrawerRootPropsT = PropsWithChildren;
-export declare function DrawerRoot({ children }: DrawerRootPropsT): import("react").JSX.Element;
+export declare function DrawerRoot({ children }: DrawerRootPropsT): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DrawerRoot.d.ts.map

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;AAI/D,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;AAEjD,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,+BAmCxD"}
+{"version":3,"file":"DrawerRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerRoot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI/D,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;AAEjD,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAmCxD"}