@kadoui/react 1.11.16 → 2.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbsRoot.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-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/react-components/Carousel/Carousel.d.ts

@@ -0,0 +1,14 @@
+import { CarouselRoot } from "./CarouselRoot";
+import { CarouselNextBtn } from "./CarouselNextBtn";
+import { CarouselPrevBtn } from "./CarouselPrevBtn";
+import { CarouselLeftFade } from "./CarouselLeftFade";
+import { CarouselContainer } from "./CarouselContainer";
+import { CarouselRightFade } from "./CarouselRightFade";
+export declare const Carousel: typeof CarouselRoot & {
+    Container: typeof CarouselContainer;
+    LeftFade: typeof CarouselLeftFade;
+    RightFade: typeof CarouselRightFade;
+    NextBtn: typeof CarouselNextBtn;
+    PrevBtn: typeof CarouselPrevBtn;
+};
+//# sourceMappingURL=Carousel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/react-components/Carousel/Carousel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAO,MAAM,QAAQ;;;;;;CAMnB,CAAC"}

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

@@ -0,0 +1,13 @@
+import { CarouselRoot } from "./CarouselRoot";
+import { CarouselNextBtn } from "./CarouselNextBtn";
+import { CarouselPrevBtn } from "./CarouselPrevBtn";
+import { CarouselLeftFade } from "./CarouselLeftFade";
+import { CarouselContainer } from "./CarouselContainer";
+import { CarouselRightFade } from "./CarouselRightFade";
+export const Carousel = Object.assign(CarouselRoot, {
+    Container: CarouselContainer,
+    LeftFade: CarouselLeftFade,
+    RightFade: CarouselRightFade,
+    NextBtn: CarouselNextBtn,
+    PrevBtn: CarouselPrevBtn,
+});

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

@@ -0,0 +1,4 @@
+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/react-components/Carousel/CarouselContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselContainer.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-components/Carousel/CarouselContainer.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use, useCallback, useEffect, useRef } from "react";
+import { CarouselContext } from "./CarouselContext";
+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/react-components/Carousel/CarouselContext.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from "react";
+export type CarouselContextPropsT = {
+    scrollRef: RefObject<HTMLDivElement | null>;
+    leftOpacity: number;
+    rightOpacity: number;
+    childrenWidth: number;
+    mouseScroll?: "auto" | "swipe";
+};
+export declare const CarouselContext: import("react").Context<CarouselContextPropsT>;
+//# sourceMappingURL=CarouselContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselContext.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-components/Carousel/CarouselContext.js

@@ -0,0 +1,2 @@
+import { createContext } from "react";
+export const CarouselContext = createContext({});

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

@@ -0,0 +1,5 @@
+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/react-components/Carousel/CarouselLeftFade.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselLeftFade.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-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/react-components/Carousel/CarouselNextBtn.d.ts

@@ -0,0 +1,4 @@
+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/react-components/Carousel/CarouselNextBtn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselNextBtn.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-components/Carousel/CarouselNextBtn.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 CarouselNextBtn({ onClick, ...props }) {
+    const { scrollRef, childrenWidth } = use(CarouselContext);
+    return (_jsx("button", { onClick: (ev) => {
+            onClick?.(ev);
+            scrollRef.current?.scrollTo(scrollRef.current.scrollLeft + childrenWidth, 0);
+        }, ...props }));
+}

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

@@ -0,0 +1,4 @@
+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/react-components/Carousel/CarouselPrevBtn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselPrevBtn.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-components/Carousel/CarouselPrevBtn.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 CarouselPrevBtn({ onClick, ...props }) {
+    const { scrollRef, childrenWidth } = use(CarouselContext);
+    return (_jsx("button", { onClick: (ev) => {
+            onClick?.(ev);
+            scrollRef.current?.scrollTo(scrollRef.current.scrollLeft - childrenWidth, 0);
+        }, ...props }));
+}

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

@@ -0,0 +1,5 @@
+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/react-components/Carousel/CarouselRightFade.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselRightFade.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-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/react-components/Carousel/CarouselRoot.d.ts

@@ -0,0 +1,6 @@
+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/react-components/Carousel/CarouselRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselRoot.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-components/Carousel/CarouselRoot.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { CarouselContext } from "./CarouselContext";
+export function CarouselRoot({ dir, mouseScroll, ...p }) {
+    const scrollRef = useRef(null);
+    const [leftOpacity, setLeftOpacity] = useState(0);
+    const [rightOpacity, setRightOpacity] = useState(0);
+    const [childrenWidth, setChildrenWidth] = useState(0);
+    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).toFixed(1);
+        const right = +Math.min(1, (1 - scrollRatio) * 2).toFixed(1);
+        const currentDir = (dir ||
+            document.documentElement.getAttribute("dir") ||
+            "ltr");
+        setLeftOpacity(currentDir === "ltr" ? right : left);
+        setRightOpacity(currentDir === "ltr" ? left : right);
+    };
+    useEffect(() => {
+        const el = scrollRef.current;
+        if (!el)
+            return;
+        // Finding children width
+        const children = Array.from(el.querySelectorAll(".carousel-children"));
+        const sumChildrenWidth = children
+            .map((child) => child.scrollWidth)
+            .reduce((acc, cur) => {
+            return acc + cur;
+        }, 0);
+        const findedChildrenWidth = sumChildrenWidth / children.length;
+        setChildrenWidth(findedChildrenWidth);
+        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, childrenWidth, mouseScroll }, children: _jsx("div", { ...p }) }));
+}

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

@@ -0,0 +1,8 @@
+import { ChoiceRoot } from "./ChoiceRoot";
+import { ChoiceTrigger } from "./ChoiceTrigger";
+import { ChoiceNavigation } from "./ChoiceNavigation";
+export declare const Choice: typeof ChoiceRoot & {
+    Navigation: typeof ChoiceNavigation;
+    Trigger: typeof ChoiceTrigger;
+};
+//# sourceMappingURL=Choice.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Choice.d.ts","sourceRoot":"","sources":["../../../src/react-components/Choice/Choice.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,eAAO,MAAM,MAAM;;;CAGjB,CAAC"}

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

@@ -0,0 +1,7 @@
+import { ChoiceRoot } from "./ChoiceRoot";
+import { ChoiceTrigger } from "./ChoiceTrigger";
+import { ChoiceNavigation } from "./ChoiceNavigation";
+export const Choice = Object.assign(ChoiceRoot, {
+    Navigation: ChoiceNavigation,
+    Trigger: ChoiceTrigger,
+});

package/dist/react-components/Choice/ChoiceContext.d.ts

@@ -0,0 +1,18 @@
+import { Dispatch, SetStateAction } from "react";
+type MultiModeT = {
+    multiple: true;
+    activeChoice: string[];
+    setActiveChoice: Dispatch<SetStateAction<string[]>>;
+};
+type SingleModeT = {
+    multiple?: false;
+    activeChoice: string | null;
+    setActiveChoice: Dispatch<SetStateAction<string | null>>;
+};
+type MergedModeT = SingleModeT | MultiModeT;
+export type ChoiceContextT = MergedModeT & {
+    requiredOne?: boolean;
+};
+export declare const ChoiceContext: import("react").Context<ChoiceContextT>;
+export {};
+//# sourceMappingURL=ChoiceContext.d.ts.map

package/dist/react-components/Choice/ChoiceContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceContext.d.ts","sourceRoot":"","sources":["../../../src/react-components/Choice/ChoiceContext.ts"],"names":[],"mappings":"AAEA,OAAO,EAAiB,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEhE,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,IAAI,CAAC;IACf,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;CACrD,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;CAC1D,CAAC;AAEF,KAAK,WAAW,GAAG,WAAW,GAAG,UAAU,CAAC;AAE5C,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,aAAa,yCAAsD,CAAC"}

package/dist/react-components/Choice/ChoiceContext.js

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

package/dist/react-components/Choice/ChoiceNavigation.d.ts

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

package/dist/react-components/Choice/ChoiceNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceNavigation.d.ts","sourceRoot":"","sources":["../../../src/react-components/Choice/ChoiceNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,sBAAsB,EAAE,MAAM,sCAAsC,CAAA;AAE/F,KAAK,sBAAsB,GAAG,sBAAsB,CAAC;AAErD,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,sBAAsB,2CAIzD"}

package/dist/react-components/Choice/ChoiceNavigation.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AccessNavigation } from "../AccessNavigation/AccessNavigation";
+export function ChoiceNavigation(p) {
+    return (_jsx(AccessNavigation, { ...p }));
+}

package/dist/react-components/Choice/ChoiceRoot.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from "react";
+import { ChoiceContextT } from "./ChoiceContext";
+type ChoiceRootPropsT = ComponentProps<"div"> & ChoiceContextT;
+export declare function ChoiceRoot({ multiple, activeChoice, setActiveChoice, requiredOne, ...p }: ChoiceRootPropsT): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ChoiceRoot.d.ts.map

package/dist/react-components/Choice/ChoiceRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceRoot.d.ts","sourceRoot":"","sources":["../../../src/react-components/Choice/ChoiceRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAiB,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEhE,KAAK,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,cAAc,CAAC;AAE/D,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,WAAW,EACX,GAAG,CAAC,EACL,EAAE,gBAAgB,2CAOlB"}

package/dist/react-components/Choice/ChoiceRoot.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ChoiceContext } from "./ChoiceContext";
+export function ChoiceRoot({ multiple, activeChoice, setActiveChoice, requiredOne, ...p }) {
+    return (_jsx(ChoiceContext, { value: { multiple, activeChoice, setActiveChoice, requiredOne }, children: _jsx("div", { ...p }) }));
+}

package/dist/react-components/Choice/ChoiceTrigger.d.ts

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

package/dist/react-components/Choice/ChoiceTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceTrigger.d.ts","sourceRoot":"","sources":["../../../src/react-components/Choice/ChoiceTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAO,MAAM,OAAO,CAAC;AAI5C,KAAK,mBAAmB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IACpD,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,OAAO,EACP,GAAG,CAAC,EACL,EAAE,mBAAmB,2CAiCrB"}

package/dist/react-components/Choice/ChoiceTrigger.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { ChoiceContext } from "./ChoiceContext";
+export function ChoiceTrigger({ choiceName, onClick, ...p }) {
+    const { multiple, activeChoice, setActiveChoice, requiredOne } = use(ChoiceContext);
+    const isActive = multiple
+        ? activeChoice.includes(choiceName)
+        : activeChoice === choiceName;
+    return (_jsx("button", { "data-state": isActive, onClick: (ev) => {
+            onClick?.(ev);
+            if (isActive) {
+                if (multiple) {
+                    if (!requiredOne || activeChoice.length > 1) {
+                        setActiveChoice((prev) => prev.filter((item) => item !== choiceName));
+                    }
+                }
+                else {
+                    if (!requiredOne) {
+                        setActiveChoice(null);
+                    }
+                }
+            }
+            else {
+                if (multiple) {
+                    setActiveChoice((prev) => [...prev, choiceName]);
+                }
+                else {
+                    setActiveChoice(choiceName);
+                }
+            }
+        }, ...p }));
+}

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

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from "react";
+export type ClientOnlyPropsT = PropsWithChildren;
+export declare function ClientOnly({ children }: ClientOnlyPropsT): import("react").ReactNode;
+//# sourceMappingURL=ClientOnly.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClientOnly.d.ts","sourceRoot":"","sources":["../../../src/react-components/ClientOnly/ClientOnly.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1C,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;AAEjD,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,6BAIxD"}

package/dist/react-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/react-components/Clipboard/Clipboard.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentProps, ReactNode } from "react";
+export type ClipboardPropsT = ComponentProps<"button"> & {
+    text: string;
+    timeout?: number;
+    copiedChildren?: ReactNode;
+};
+export declare function Clipboard({ copiedChildren, onClick, children, text, title, "aria-label": ariaLabel, timeout, ...props }: ClipboardPropsT): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Clipboard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Clipboard.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-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, title, "aria-label": ariaLabel, timeout = 3_000, ...props }) {
+    const { copy, copied } = useClipboard({ timeout });
+    const handleClick = (ev) => {
+        onClick?.(ev);
+        copy(text.trim());
+    };
+    return (_jsx("button", { "aria-label": ariaLabel || text, title: title || text, onClick: handleClick, ...props, children: copiedChildren && copied ? copiedChildren : children }));
+}

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

@@ -0,0 +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/react-components/ContextMenu/ContextMenu.d.ts.map

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

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

@@ -0,0 +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/react-components/ContextMenu/ContextMenuBody.d.ts

@@ -0,0 +1,4 @@
+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/react-components/ContextMenu/ContextMenuBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuBody.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-components/ContextMenu/ContextMenuBody.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { use } from "react";
+import { ContextMenuContext } from "./ContextMenuContext";
+export function ContextMenuBody({ onContextMenu, ...p }) {
+    const { contentRef, position, isOpen } = use(ContextMenuContext);
+    return (_jsx("div", { ref: contentRef, "data-state": isOpen, onContextMenu: (ev) => {
+            ev.stopPropagation();
+            ev.preventDefault();
+            onContextMenu?.(ev);
+        }, style: {
+            top: position?.y,
+            left: position?.x,
+        }, ...p }));
+}

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

@@ -0,0 +1,12 @@
+import { RefObject } from 'react';
+export type ContextMenuContextT = {
+    isOpen: boolean;
+    closeHandler: () => void;
+    position: {
+        x: number;
+        y: number;
+    } | undefined;
+    contentRef: RefObject<HTMLDivElement | null>;
+};
+export declare const ContextMenuContext: import("react").Context<ContextMenuContextT>;
+//# sourceMappingURL=ContextMenuContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuContext.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-components/ContextMenu/ContextMenuContext.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export const ContextMenuContext = createContext({});

package/dist/react-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/react-components/ContextMenu/ContextMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuItem.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-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/react-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/react-components/ContextMenu/ContextMenuNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuNavigation.d.ts","sourceRoot":"","sources":["../../../src/react-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/react-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;
+}